@media (max-width: 1200px) {
#corps {
width: 100%;
padding-left: 10px;
padding-right: 10px;
}

	
#bdp aside {
width: 100%;
}
}

@media (max-width: 1199px) {

#col_gauche {
width: 64%;
}

#btn_up {
    width: 35px;
    height: 35px;
    background-size: 35px;
}

}

@media (max-width: 1119px) {
.col-footer1 {
margin-left: 0px;
}

.col-footer1 img {
width: 250px;
}

#footer_content {

}

}

@media (max-width: 1095px) {
form#form_news {
width: 400px;
float: none;
margin: 20px auto;
}
label.label_nom, label.label_email  {
display: none;
}
form#form_news input[type="text"], form#form_news input[type="email"] {
width:100%;
}
textarea#message {
width: 100%;
}

input#envoyer {
float: none;
margin: 10px auto;
display: block;
}	

.col-footer2 {
height: 470px;
}

.contact_gauche {
width: 380px;
}

.contact_droite {
width: 40%;
}

}


@media (max-width: 1060px) {
.col-footer1 {
width: 64%;
}

}

@media (max-width: 960px) {
.col-footer1 {
width: 50%;
}

.col-footer2 {
    padding-top: 30px;
    padding-bottom: 70px;
}

.contact_droite {
    width: 300px;
}

input#nom_contact, input#tel_contact, input#email_contact, textarea#message_contact {
width:100%;
}

input#effacer_contact {
    display: none;
}

input#envoyer_contact {
    margin-right: 0px;
}

}

@media (max-width: 900px) {
#col_gauche {
width: 100%;
height: auto!important;
padding-right: 10px;
padding-right: 0px;
box-sizing: border-box;
}

#col_droite {
width:100%;
border: none;
height:auto!important;
float:none;
clear: both;
}

#plus_article aside {
float: none!important;
}

#temoignage, #plus_article {
padding: 0px;
width: auto!important;
}

.blog_plus img{
float: none;
}

li.blog_plus.on_gauche {
float: none;
max-width: 352px;
display: inline-flex;
}

li.blog_plus.on_droite {
float: none;
max-width: 352px;
display: inline-flex;
}

#bdp aside {
margin-left: 0px;
margin-right: 0px;
}

.contact_gauche {
    width: 77%;
}

.contact_droite {
    float: none;
    margin: 50px auto;
    width: 60%;
}
}

@media (max-width: 840px) {
li.bdp1, li.bdp2, li.bdp3, li.bdp4 {
    width: 50%;
}
}

@media (max-width: 755px) {
.barre_pastille {
float: left;
width: 33%;
}
}

@media (max-width: 755px) {
form#form_news {
width:100%;
}

}

@media (max-width: 710px) {
.contact_gauche {
    width: 63%;
}

.contact_droite {
clear: both;
width:80%;
}

.col-footer1 {
width: 40%;
}
.col-footer2 {
margin-top: 40px;
}

.foot_bleu {
font-size: 15px;
line-height: 20px;
}	

.span70 {
padding-left: 0px;
display: block;
}	
}

@media (max-width: 670px) {
.reco_left {
width: 100%;
box-sizing: border-box;
}

.reco_right {
width: 100%;
box-sizing: border-box;
}

h1.titre-article {
font-size: 38px;
}
#titre_form {
    width: 100%;
}
#formulaire {
    max-width: 100%;
}

}

@media (max-width: 600px) {
#post table	{
width:100%!important	
}

.contact_gauche {
    width: 100%;
}

.contact_droite {
    width: 100%;
}

.col-footer1 {
float: none;
width: 100%;
}
.col-footer2 {
float: none;
border: none;
padding: 0px;
border-top: 5px solid #fff;	
}
}

@media (max-width: 500px) {
.img_video {
width: 100%;
}

.video_80,.video_70,.video_60,.video_50 {
width: 100%;
}

}

@media (max-width: 500px) {
.img_totale {
float: none!important;
width: 100%!important;
margin-right: 0px!important;
margin-left: 0px!important;
}
}

@media (max-width: 420px) {
#col_droite {
float:none;
}

.barre_pastille {
width: 50%;
}

li.bdp1, li.bdp2, li.bdp3, li.bdp4  {
width: 100%;
float: none;
margin-bottom: 50px;	
}

li.blog_plus.on_gauche {
    max-width: 100%;
    float: none;
    display: block;
}

li.blog_plus.on_droite {
    max-width: 100%;
    float: none;
    display: block;
}

.fb-page {
    padding: 15px 0px!important;
}

}

@media (max-width: 414px) {
.img_55 {
max-width: 55%!important;
}

.img_50 {
max-width: 50%!important;
}

.img_40 {
max-width: 40%!important;
}

.img_45 {
max-width: 45%!important;
}

.img_30 {
max-width: 30%!important;
}

.img_20 {
max-width: 20%!important;
}

.img_100 {
float: none!important;
margin: 0 auto!important;
display: block;
max-width: none!important;
}

.pad-33 {
    padding-left: 10px;
    padding-right: 10px;
}

}


@media (max-width: 360px) {
form#f_rappelle {
width:300px;
}


}	


@media (max-width: 345px) {
li.bdp1, li.bdp2, li.bdp3 {
    width: 100%;
    float: none;
}

h1.titre-article {
font-size: 35px;
}

}