.monsieur {
    position: absolute;
    top: 112px;
    right: 10px;
    background: url(images/contact-picto.jpg) no-repeat;
    height: 222px;
    width: 200px;
}
.cadre_tel {
    border: 1px solid #ffc107;
    padding: 10px;
    margin-bottom: 20px;
    width: 75%;
    margin: 20px auto;
    font-size: 18px;
}

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

}

@media (max-width: 1199px) {

#col_gauche {
width: 64%;
}

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

}


@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%;
}

}

.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: 920px) {
 .monsieur{
width: 155px;
}
}	


@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: 850px) {
 .monsieur{
background-size: 100%;
width: 110px;
height: 156px;
}
}	

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


@media (max-width: 794px) {
 .monsieur{
display: none;
}
}	


@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) {
.monsieur{
display: block;
}

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

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


#titre_form, .cadre_tel {
    width: 100%;
}
#formulaire {
    max-width: 100%;
}

}

@media (max-width: 600px) {
.monsieur{
display: none;
}	
.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: 496px) {
.monsieur{
display: block;
}

@media (max-width: 440px) {
.monsieur{
display: none;
}	

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

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;
}

.img_totale {
float: none!important;
width: 100%!important;
margin-right: 0px!important;
margin-left: 0px!important;
}

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

}

@media (max-width: 385px) {
#corps {
margin-top: 175px;
}
}	

@media (max-width: 360px) {
#corps {
margin-top: 209px;
}

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;
}

}