body .alignleft, body .content .alignleft, body .alignright, body .content .alignright { float : none; display: block; margin: 5px auto; text-align: center;}
img { max-width: 90vw;}

.no-mobile, .no_mobile { display: none;}
.nowrap { white-space: normal;}

header { height: 200px ; background: url(images/header.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-bottom: 1.3em;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 1em;
    position: relative;flex-direction: column;
}

    #logo { margin : 0}   
    
p.logo img { width : 250px; }
.slogan { padding:10px 0; font-size : 22px; background: rgba(0,0,0,0.2); display: block; width: 100%; text-align: center;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 34%, rgba(0,0,0,0.4) 66%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 34%,rgba(0,0,0,0.4) 66%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 34%,rgba(0,0,0,0.4) 66%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=0 );
    }
.blochead { display: block; width: 100%;position: absolute; bottom : -2em; background: #383838; padding-top : 10px; border-bottom: 5px solid #fe6b00; }
#menuTop { display: block; width: 100%;    background: #555;
    box-sizing: border-box; z-index: 500;
    padding : 10px;
    position: absolute; top :3.6em;
    visibility:hidden;   opacity:0;
    -o-transition-delay:0s;     
     -ms-transition-delay:0s;     
     -moz-transition-delay:0s;     
   -webkit-transition-delay:0s;     
   transition-delay:0s;
   border-radius : 10px;
   max-width: 90vw;
   left : 50%;
   -moz-transform: translateX(-50%);
   -webkit-transform: translateX(-50%);  
   -ms-transform: translateX(-50%);  
   -o-transform: translateX(-50%);  
    transform: translateX(-50%);
}

#menuTop ul {  list-style: none;
    display: flex; 
    justify-content: center;
   
    flex-wrap: wrap;
    flex-direction: column;
  
}
#menuTop li { display: block; box-sizing: border-box; }
#menu1Top li + li:before { content: "\2000";  width: 25px;}
#menuTop a { text-decoration: none; color : #fff; text-transform: uppercase; font-size: 16px; padding: 10px 10px; background: #fe6b00; 
    display: block; margin : 5px; text-align: center;
    box-sizing: border-box;
    box-shadow: 0 0 10px rgba(0,0,0,0.4);}
#menuTop a:hover { background: #fac28a; color : #383838; box-shadow: 0 0 10px rgba(0,0,0,0.8); }

body.fixedMenu { padding-top : 250px; }
.fixedMenu header { position : fixed; top : 0px; left: 0; right: 0;  background: #383838;
    height: 53px; z-index: 500;
}

body.fixedMenu header { border-bottom: 5px solid #fe6b00; }
body.fixedMenu p.logo { position: absolute; top : 6px; left: 0px; background: #383838; z-index: 10; padding: 0; }
body.fixedMenu p.logo a { margin : 0; padding: 0 1em;}

body.fixedMenu p.logo img { width : 100px; }

body.fixedMenu .slogan { display: none;}

body.fixedMenu .blochead { display : block;left : 0; right: 0; bottom : auto; top :0.6em; border-bottom: none; }
body.fixedMenu #menuTop { position: absolute; right : 0; top : 4em  }
body.fixedMenu .show-menu { position: absolute; right: 0;}

#show-menu  { display: none;}

.show-menu { display: block; text-align: center;  cursor : pointer; margin: 0 auto 10px;

 z-index: 500; width: 150px; height: 30px;
padding-top: 3px; padding-bottom: 5px;
  font-family: 'Raleway', sans-serif;
color: #fff; font-size: 24px; font-weight : 900; text-transform: uppercase; letter-spacing: 1px; line-height: 1.1;
background: #383838;
}

.show-menu::before { content: ''; position: absolute; top : 100%; left: 0; right: 0; height: 23px; background: transparent;}

.show-menu::after { content: "\61"; padding-left: 10px; font-size: 24px; position: relative; top : 3px;
    color : #fe6b00;
font-family: "sublimm" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}



input#show-menu[type=checkbox]:checked ~  .show-menu::after { content: "\64"; 

font-family: "sublimm" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }

input#show-menu[type=checkbox]:checked ~ #menuTop {  height: auto;
visibility:visible;  opacity:1; 
-o-transition: visibility 0s linear, opacity 0.3s linear;
-ms-transition: visibility 0s linear, opacity 0.3s linear;
-moz-transition: visibility 0s linear, opacity 0.3s linear;
-webkit-transition: visibility 0s linear, opacity 0.3s linear;
transition: visibility 0s linear, opacity 0.3s linear;

}

#menuTop::after {content: ''; position: absolute; display: none;
    top : -12px; left: 60%;    
    width: 0;    
    height: 0;    
    border-style: solid;    
    border-width: 0 10px 12px 10px;    
    border-color: transparent transparent  #555 transparent; }
    
input#show-menu[type=checkbox]:checked ~ #menuTop::after { display: block;   }

body.fixedMenu #menuTop::after { left : 90%}

/* -------------- content ---------------------*/

section { padding: 1.3em;}

.home .intro { font-size: 1.1em;}

.content h2 { font-size: 20px; text-transform: uppercase; font-weight: 400; color : #fff; margin : 20px 0 10px;  
    box-shadow: 0 2px 5px rgba(0,0, 0, 0.2); position: relative;
     padding : 2px 5px; text-align: center; }


.faq h3 { font-size: 18px; background : #616161; margin-bottom : 1em; color : #fff; padding : 5px; text-transform: uppercase; font-weight : 400;  }
.contentformfaq { flex-direction: column;}

.expose-acc .typetermite { flex-direction: column; padding-right: 0;}
.expose-acc .typetermite h4 { flex-shrink: 1; width : 100%; padding : 10px 0 25px; margin : 0; border : none; border-radius: 8px 8px 0 0; }
.expose-acc .typetermite p { padding : 10px}
.expose-acc .typetermite h4::after { content : ""; 
   position : absolute; right :auto; bottom : 0; top: auto; left : 50%;
   transform: translateX(-50%);
width: 0;      
height: 0;
border-style: solid;
border-width: 0 20px 15px 20px;
border-color: transparent transparent #eee transparent;
 
   }

   .diapodegats li { max-width: none;}
/* -------------- avis clients ----------------*/
#comment-list {    padding-left: 00px;}

.contenu_page .conteneur-intro-page { margin-top: 25px;}

.all_comments {   width: 95%;}
.commentaire {
    display: block;
    width: 100%;
    border-spacing: 0px;}

    .commentaire .comment-meta {   display: block;  width: auto; text-align: left; padding-bottom: 10px;}
    .comment-metadata { display: none;} 
    .comment-metadate { display: inline-block; }

    .commentaire .comment-txtGuest {
    display: block; 
  
}
.commentaire .comment-txtGuest p {font-size: 15px; text-align: left; }

.commentaire .comment-txtGuest > div::before {
     content: '';
    position: absolute;
    left: 25px;
    top: -11px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 12px 10px ;
    border-color: transparent transparent #dedede  ;
}
.comments-PIIGuest, .comments-PII-2Guest {
    display: block; width: 85%;
   
    text-align: left;
    margin: 0 auto;
}
.comments-PII-2Guest textarea, .comments-PIIGuest input {
    width: 100%; }
.contenu_page h2 strong { font-size: 26px; }
.contenu_page h3 {   font-size: 20px; }


/* -------------- contact ---------------------*/
 .contact_home {

    padding : 15px 5px; 

background: #ED6B05; color : #fff;

border-top : 8px solid #383838;

}


.contact_home .affiche_dep { font-size : 28px; position: relative; margin-bottom : 10px }
.contact_home .liste_dept span.wpcf7-list-item {  margin :  10px; }
.contact_home .liste_dept label span {    padding: 7px 18px 0; }
.contact_home span.liste_dept { margin : 0 auto; display: block; max-width: 300px;}

.contact_home h2 { text-align: center; font-size: 20px;  color: #542501; font-weight: 400;}

.contact_home h2 strong { font-size: 30px; line-height: 3; color : #fff; text-transform: uppercase; font-weight: 700; position: relative;}

.contact_home h2 strong::before { content :""; position: absolute; top : -12px; left: 30%; right: 30%; height: 1px; background: #542501 }

.contact_home h3 { font-weight: 400; text-align: center; font-size: 18px; margin-bottom: 15px;color: #542501; }

.contact_home h3 strong { font-weight: 700; font-size : 38px; letter-spacing: 2px; color: #fff; }

.contact_home h3 strong a { color : #fff; text-decoration: none; }

.contact_home form { text-align: center; }

.contact_home form .label { display : block; padding-bottom: 3px }

.contact_home form input, .contact_home form textarea { display: inline-block; width: 85%; padding: 5px; border-radius: 0; border : 1px solid #888; box-shadow: inset 2px 2px 4px rgba(0,0,0,0.2); }

.contact_home form p { padding-bottom: 10px; font-size: 16px; }

.contact_home form p.chpsobli { text-align: right; margin-top: 10px; padding-right: 1em;}

.contact_home .liste_dept span.wpcf7-list-item {  font-size: 22px; }

.contact_home form input[type="submit"] { text-transform: uppercase; font-size: 20px; letter-spacing: 1px; font-weight: 700; 

position: relative; width: auto; margin-top: 10px;
padding: 5px 20px; background: #383838; color : #fff;
border : none;
border-radius: 0;
box-shadow : 0px 2px 8px rgba(0,0,0,0.2);
cursor: pointer;

	 }



.blcont { display: block;   }

.contact_home form textarea { height: 215px }



.contact_home form input.wpcf7-submit:hover { top : 1px;  background: #222; box-shadow : -1px 1px 8px rgba(0,0,0,0.2); }



body div.wpcf7-mail-sent-ng, body div.wpcf7-aborted { border: 2px solid #aaa; }


/* -------------- footer ---------------------*/

footer { display: flex; flex-direction: column;}
.logo-footer img { width: 250px;}