.only_mobile, .only-mobile { display : none !important;}

header { height: 260px ; background: url(images/header.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1em;
    position: relative;
}


.slogan { padding-right: 2em; font-size : 34px;}
.blochead { display: block; width: 100%;position: absolute; bottom : -1em;}
#menuTop { display: block; width: 100%; background: #383838;


}



section { padding: 2em;}

.contener { display: flex; width: 100%;
flex-wrap: nowrap;

}

.leftC {flex-grow: 1; }
.rightC { position: relative; flex-shrink: 0;  width: 320px;z-index: 10; box-shadow: 0 10px 10px rgba(0,0,0,0.5); background: #fe6b00;
    background: #ff6b00 radial-gradient(circle at 60% 100%,#ffa436 5%,#ff6b00 94%);
    background-position: bottom center;
    background-attachment: fixed;
   }
.sidebar { position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;    top: 0;  }
/* formulaire contact */
.contact_home .affiche_dep { font-size : 26px; position: relative; margin-bottom : 10px; color : #fff }

.contact_home h2 { text-align: center; font-size: 16px;  color: #542501; font-weight: 400; padding-top : 10px}

.contact_home h2 strong {padding-top : 10px; font-size: 26px; line-height: 1.5; color : #fff; text-transform: uppercase; font-weight: 700; position: relative;

font-family: 'Raleway', sans-serif; font-weight: 900;}



.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 : 35px; letter-spacing: 1px; color : #fff }

.contact_home p { padding : 0}



.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; color : #fff; font-size: 14px; text-transform: uppercase; }

.contact_home form input, .contact_home form textarea { display: inline-block; width: 260px; padding: 5px; border-radius: 0; border : 1px solid #888; box-shadow: inset 2px 2px 4px rgba(0,0,0,0.2); }
.contact_home form textarea { height: 6em;}
.contact_home form p { padding-bottom: 10px }

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

.contact_home .wpcf7-list-item-label { color: #fff;}


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

	 }



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

.container_home .the_content { font-size: 16px; box-shadow: inset -5px -5px 15px rgba(0,0,0,0.2); margin: 0}

/* ----------------- test ---------------------------------*/
.contact_home .liste_dept label span {
    display: block;
    padding: 1px 6px 1px 24px;/* ----------------*/
    cursor: pointer;
    font-family: "Lucida Console", Monaco, monospace;
    font-weight: 400;
}

.contact_home .liste_dept span.wpcf7-list-item::before {
    content: "";
    position: absolute;
    top: 50%; /*--------------------*/
    left: 5px; /*----------------------*/
    width: 10px;
    height: 10px;
    background: transparent;
    border: 1px solid rgba(0,0,0,0.3);
    background: rgba(255,255,255,0.4);
    transform: translateY(-50%); /* -----------------*/
}
.contact_home .liste_dept span.wpcf7-list-item input {
    display: none; /*------------------------*/
    cursor: pointer;
    width: auto;
    margin: 0 auto;
    opacity: 0;
    visibility: 0;
}


body .contact_home .liste_dept span.checked::before {

    content: "\6a";
    font-size: 17px; /*--------------------*/
    font-weight: 400;
    font-family: "sublimm" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    background: none;
    box-shadow: none;
    top: 12px; /*-------------------*/
    left: 3px; /*-------------------*/
    border: none;

}

.contact_home .liste_dept span.wpcf7-list-item:hover:before { content: "\6a"; font-size: 15px; font-weight: 400;
  font-family: "sublimm" !important;

font-style: normal !important;

font-weight: normal !important;

font-variant: normal !important;

text-transform: none !important;

line-height: 1;

-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;
color : #555;
background: none; box-shadow: none; top : 12px; left : 3px; border : none; } 

/* -------------- content ---------------*/
.content h2 { font-size: 28px; text-transform: uppercase; font-weight: 400; color : #fff; margin: 50px 0 30px;   
    box-shadow: 0 2px 5px rgba(0,0, 0, 0.2);
     padding : 2px 5px; text-align: center; }
.faq h3 { font-size: 20px; background : #616161; margin-bottom : 1em; color : #fff; padding : 5px 10px; text-transform: uppercase; font-weight : 400 }
.box2faq { background : #eee; border: 1px solid #ddd;  margin : 20px 0; padding : 15px; box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.faq h3::first-letter { font-size : 36px; }

.expose-acc { font-size: 16px; line-height: 1.3;}

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

.logo-footer img { width: 250px;}



/*   ------------ responsive ----------- */
@media screen and (min-width: 1250px)
{
    .show-menu, #show-menu { display : none;}
   
    #menuTop ul {  list-style: none;
        display: flex; 
        justify-content: center;
       
    }
    #menuTop li { display: inline-block; }
    #menuTop li + li:before { content: "\2000";  width: 25px;}
    #menuTop a { text-decoration: none; color : #fff; text-transform: uppercase; font-size: 16px; padding: 10px 16px; background: #fe6b00;
        
        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:not(.home) #menuTop li:first-of-type { display : none}
    body:not(.home) #menuTop li:last-of-type { display : none}
    
    body.fixedMenu {padding-top : 250px; }
    .fixedMenu header { position : fixed; top : 0px; left: 0; right: 320px;  background: #383838;
        height: 53px;z-index: 500;
    }
    body.fixedMenu p.logo { position: absolute; top : 0px; left: 0px; background: #383838; z-index: 10; padding: 0; }
    body.fixedMenu p.logo a { margin : 0; padding: 0 1em;}
    body.fixedMenu p.logo a:hover { background: #fe6b00;}
    body.fixedMenu p.logo img { width : 100px; }
    
    body.fixedMenu .slogan { display: none;}
    body.fixedMenu .blochead { position: relative; bottom: auto; padding-left: 140px; padding-right : 10px; }

}


@media screen and (max-width: 1250px)

{
    .slogan {
        padding-right: 1em;
        font-size: 26px;
    }

    p.logo img {  width: 250px; }
  
    
    .rightC { width: 280px; z-index: 500;}
    /*.contact_home .liste_dept label span { padding: 7px 8px 0;}
    .contact_home .liste_dept span.wpcf7-list-item { margin: 5px 3px; }*/
    .contact_home .liste_dept span.wpcf7-list-item {
        cursor: pointer;
        font-size: 15px;
    }
    .contact_home h3 strong { font-size: 30px; }
    .contact_home form input, .contact_home form textarea { max-width: 80%;}
    .faq h3 { font-size: 20px; }
    .content h2 { font-size: 26px; }
    .home .intro { font-size: 1.0em; line-height: 1.3;}
    .expose-acc .detection-termite li {  margin : 25px;  
 
        max-width : 250px;}

        .blochead { display: block; width: 100%;position: absolute; bottom : -2em; background: #383838; padding-top : 10px; 
            border-bottom: 5px solid #fe6b00; text-align: center; }
#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: 280px;  background: #383838;
    height: 58px; 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;  top : 4em; width : 90%  }
body.fixedMenu .show-menu { position: absolute; right: 30px; top: 2px;}

#show-menu  { display: none;}

body .show-menu {
    text-align: center;
    cursor: pointer;
    font-family: 'Raleway', sans-serif;
    color: #fff;
    font-size: 24px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.1;
    position: relative;
top: -5px;
}

body.fixedMenu .show-menu { display: block!important; 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;
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;
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;
width: 90%;
}

#menuTop::after {content: ''; position: absolute; display: none;
    top : -12px; left: 56%;    
    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%}
}

@media screen and (max-width: 1000px) {

    header { justify-content: center; flex-direction: column;}
    #logo { margin : 0}   
     .slogan { padding : 0}
     .faq h3 { font-size: 18px; }

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

@media screen and (max-height: 775px) {

    .contact_home .affiche_dep {   padding-bottom: 0;   margin-bottom: 0px;}
    .contact_home h3 { font-size : 16px }
    .contact_home h3 strong { font-size: 32px; }
    .contact_home form .label { padding-bottom: 0;}
    .contact_home form input, .contact_home form textarea { padding: 2px; }
    .contact_home form textarea { height: 4em;  }
    .contact_home h2 strong { padding-top: 5px; }
     .contact_home form .select_dept input { padding : 5px}
     .contact_home form input[type="submit"] {
        margin-top: 0px; }
        div.ph { display: none;}
}