/* .only_mobile, .only-mobile { display : none;}*/

body { }

.no-mobile, .no_mobile { display: none;}
header { display: flex; flex-direction: column; position: relative;  }
header .logo { order : 0; height: 120px; }
header .logo span { display: none; }
header .logo a { display: block;  margin : 10px 72% 10px 20px; width: 220px; }


.headerTop { display: flex; flex-wrap: nowrap; align-items: stretch; justify-content: space-between; 
order: 1; position: fixed; bottom : 0; left : 0; right: 0; z-index: 600; }
.slogans { background: #383838; color : #fff; width: 100%; position: relative;
font-size: 20px; text-align: center; flex-grow: 1; order : 0; display: none;
font-style: italic; letter-spacing: 3px;
   }

.slogans p { position: relative; padding: 5px 0; font-weight: 400;
 }  
.slogans p strong {  font-weight: 400; } 
.slogans p strong.fsm { font-size: 90%; }
.slogans p strong.fsp { font-size: 90%; }
.slogans p strong.fsp span { display: block; }
.slogans span { color: #FE6B00; }


.lienshaut { width: 33%; flex-grow: 1;  box-sizing: border-box;  pos1ition: relative;  }
.lienshaut a { display: block;color: #383838; font-size: 15px; position: relative; text-align: left; height: inherit;
text-decoration: none; padding: 7px 0 7px 3.7em;
 }
 .lienshaut a { display: block; height: 100%;color: #383838; font-size: 16px; box-sizing: border-box; }

.lienshaut a strong { display: block; font-weight: 400; }
.lienshaut a > span { position: relative; display: inline-block; padding-left: 5px;
 }
.lienshaut a > span:before { content: "\74"; position: absolute; left : -1.2em; 
  font-family: "sublimm";
top: 50%;
transform: translateY(-50%);
font-size : 30px }

.lienContact { order: 4; }
.lienDevis { order : 3; background : #ffd1b0; }
.lienContact ul { list-style: none; }
.lienBoutique { display: none; }
.lienPros { display: none; }
.lienBoutique a > span:before { content: "\68"; font-size: 26px;left: -1.2em; }
.lienPros a > span:before {  content: "\75"; font-size: 26px; left: -1.2em;}
.lienDevis a > span:before {  content: "\4b"; font-size: 32px; left: -1.1em; top : 21px}

.lienBoutique sub { position: absolute; top: 2px;
left: -16px; display: inline-block; width: 1.5em; height: 1.5em; text-align: center;
background: #FE6B00; border-radius:100px; color: #fff; font-size: 10px; font-family: sans-serif; padding-top: 1px;
box-sizing: border-box; }
.lienBoutique sub small { display: none; }

.lienshaut a strong { font-weight: 400; font-size: 14px; display: block; }

.search_header { background: #ffe8d2; position: relative; width: 33%; order : 1; }

input#show_search-form[type=checkbox] { display: none;}

 label.show_search-form > span { display: block; text-align: left; position: relative; padding-left: 4em; padding-top : 1em; height: 100%; }
 
 label.show_search-form span::after { 
 content: "\76";  font-size: 28px; position: absolute; left: 20px; bottom : 0px;  top : 0px;
display: inline-block; text-align: center; z-index: 10; cursor: pointer; 
  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;
 box-sizing: border-box; padding-top : 10px;
 color : #383838;  }

input#show_search-form[type=checkbox]:checked ~ label.show_search-form span::after { content: "\65";  font-size: 26px; }


 #searchbox { position: absolute; left: 0; bottom : 100%; background: #aaa; z-index: 100;  width: 100vw; height: 55px; display: none;
 box-sizing: border-box; }

  input#show_search-form[type=checkbox]:checked ~ #searchbox  {
    display: block;
}

 #searchbox form { position: absolute; top : 0; left: 0; right: 0; bottom: 0;  }

 .searchtext { padding: 0; position: absolute; top : 0; left: 0; right: 0; bottom: 0; }

.searchtext input { display: block; position: absolute; top : 0px ; left : 0px; width: 100%; height: 100%;  text-align: left; background: #888; box-sizing: border-box; 
border : none; padding : 0 15px; font-size: 18px; font-family: sans-serif; letter-spacing: 1px; color: #fff; border-radius : 0;
box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.25);
 }
.searchtext input:focus-visible { border : none; outline: none; }
.searchbutton { position: absolute; top : 0px ; right: 0px; width: 67px; height: 100%;padding: 0; box-sizing: border-box;background: #383838; }


.searchbutton input {   position: relative; padding : 0 10px; font-size: 32px; width: 67px;
   color: #fff; border: none; cursor: pointer; display: inline-block;  height: 100%;background: #383838;
  -webkit-appearance: none; border-radius: 0;

    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; }
.searchbutton input:hover { background: #000; color:#eee }

/* ------------ menu contact ---------- */


#menu-cont { display: none; }

label.show-cont span { display: none; }
 .show-cont::after { content: "\45";  font-size: 18px; position: absolute; right: 0px; bottom : 0px;
display: inline-block; text-align: right; z-index: 10; cursor: pointer;
  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;
 
 padding : 16px; color : #fff; width: 25%;
}

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

.lienContact .menuContact { position: absolute; bottom : 100%; right: 0; background: #F2F2F2; 
transform: translateY(105%); z-index: -1;
transition: transform 0.3s linear;

 box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.3); }

input#menu-cont[type=checkbox]:checked ~ ul.menuContact { display: block; transform: translateY(0); transition: transform 0.4s linear; }

.lienContact  .menuContact li > h3 { text-transform: uppercase;
font-size: 20px; width: 90%;
letter-spacing: 1px;background: #383838;
transform: skew(-15deg);
margin: 20px auto; text-align: center; padding : 3px 0;
font-weight: 400; color: #fff; display: none;
 }
.lienContact  .menuContact li > h3 span { 
  padding: 0px 15px;}

.lienContact ul, .lienContact li {  height: 100%; display: block;}
/**/
.lienContact li ul, .lienContact li ul li { height: auto; }
.lienContact ul > li > a { position: relative; }

.menuContact ul li { display: flex; flex-wrap: wrap; flex-direction: column; padding: 5px 10px; position: relative; 
width: 100vw;
box-sizing: border-box;
  border-bottom: 1px solid #ccc; }
.menuContact ul li:first-of-type { border-top: 1px solid #ccc; }
.menuContact ul li:nth-of-type(2n-1) { background: #ededed; }
.menuContact ul li img, .lienContact ul > li .menuContact ul li a.lien-agence2 { display: none;  }
.menuContact ul li h4 { order : 1;  }
.menuContact ul li p.adresse { order : 2; line-height: 1.4; min-heig1ht: 60px;font-size: 14px; }
.menuContact ul li p.lientel { order : 3 }
.menuContact ul li p.lienform { order : 4 }

.lienContact ul > li .menuContact ul li h4, .lienContact ul > li .menuContact ul li h4 a.lien-agence { display: block; position: relative;
font-size: 18px; color: #444; font-weight: 700; font-family: 'Raleway', sans-serif; }
.lienContact ul > li .menuContact ul li h4 span, .lienContact ul > li .menuContact ul li h4 a.lien-agence span { font-weight: 400; color : #555; font-size: 80%; font-family: sans-serif; 
  padding-left : 0; white-space: nowrap; }
.lienContact ul > li .menuContact ul li h4 a.lien-agence span:before { content: ""; display: none; }

.lienContact ul > li .menuContact ul li p { padding:  1px; font-family: sans-serif; }

/*.menuContact ul li p.adresse span.hr { display: block; width: 0; height: 0; overflow: hidden; }*/
.lienContact ul > li .menuContact ul li .lientel { position: relative; l1eft : -85px }
.lienContact ul > li .menuContact ul li .lientel span { display: none; }
.lienContact ul > li .menuContact ul li .lientel a { color : #FE6B00; font-size: 20px; font-weight: 700; }

.lienContact ul > li .menuContact ul li .lientel a:before { content: "\47"; font-family: "sublimm"; display: inline-block;
  font-size: 14px; position: relative; top : 1px; font-weight: 400; background: #FE6B00; color: #fff; padding : 4px 3px 3px 4px; 
text-transform: none; border-radius: 100px; margin-right: 0.6em;
 line-height: 1;}

 .lienContact ul > li .menuContact ul li .lienform { text-align: right; padding : 0; position: absolute; z-index: 10;

right: 10px;

bottom: 5px;}
.lienContact ul > li .menuContact ul li .lienform a { background: #777; color : #fff; padding : 0px 10px 3px; font-weight: 400; 
  font-size : 14px; line-height: 1; box-sha1dow: 2px 2px 3px rgba(0, 0, 0, 0.3); position: relative; border-radius: 3px;
  text-transform: uppercase; }
.lienContact ul > li .menuContact ul li .lienform a:before {  content: "\74"; font-family: "sublimm"; display: inline-block;
 padding-right : 0.5em; font-size: 22px; padding-top: 0;
text-transform: none; position: relative; top : 7px;
 line-height: 0.6;}
.lienContact ul > li div { display: none; }
.menuContact  ul li a { padding: 0; color : red }
.lienContact li.item-empty { display:none; }

.lienContact {  background: #FE6B00; }
.lienContact a { color : #fff; }
.lienBoutique, .lienPros { background: #FDF0E2; }
.lienBoutique {  border-right: 1px solid #f4d6be;}



#menuTop { order : 2; displ1ay: none; }
#menuPrincipal  > li:nth-of-type(2n)  { background: #ededed; }
#menuPrincipal  > li { padding: 0 10px; }
 #menuTop li a { font-size: 14px }

  #show-menu  { display: none;}

  .show-menu { display: inline-block; text-align: center;  cursor : pointer; 
    position: absolute; right: 30px; top : 35px; z-index: 500; }

  label.show-menu span { display: none; }


 .show-menu::after { content: "\61"; padding: 10px 12px; font-size: 40px; position: relative; 
display: inline-block;
  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;
  color : #383838; c1olor: #fff; border-radius: 5px;
}

input#show-menu[type=checkbox]:checked ~ label.show-menu::after { content: "\64"; 
position: absolute; top : -85px; right : 30px; 

 }

#menuPrincipal { position: absolute; top : 120px; left: 0; right: 0; background: #F2f2f2; 
 display: none; list-style: none;
width: 100vw; height:0;  padding :45px 0px 0px 0px; box-sizing: border-box;
box-shado1w: 0 2px 4px rgba(0, 0, 0, 0.3), inset 3px -3px 0 rgba(254, 107, 0, 0.4);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
border-bottom: 2px solid #bbb;

}
#menuPrincipal:after { content: ''; position: absolute; top: 100%; left: 0; right: 0; display: block; height: 100px; z-ind1ex: 800;
 opacity: 0; background: transparent;}

input#show-menu[type=checkbox]:checked ~ #menuPrincipal { display: block;  

   height: auto;


}

header input#show-menu[type=checkbox]:checked ~ label.show-menu { position: absolute; display: inline-block;
   top : 120px; left: 0px; right: 0px; bottom: auto; background: #FE6B00; font-weight: 700;
padding : 3px; padding-bottom: 0; box-sizing: border-box; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
    }

  header input#show-menu[type=checkbox]:checked ~ label.show-menu span { display: inline-block;
width: 80%; position: relative; padding-bottom: 5px;
text-transform: uppercase; color: #fff; font-size : 26px; letter-spacing: 2px;
   }


#menuPrincipal > li > ul {  list-style: none; height: 0; overflow: hidden; position: relative;}

#menuPrincipal > li { position: relative;border-bottom: 1px solid #ddd; }
#menuPrincipal > li > a { text-decoration: none; display: block; 
padding : 10px 60px 10px 0; font-size: 16px; color : #383838; 
  }

#menuPrincipal > li > a:first-letter { font-size: 120%; }

#menuPrincipal > li:last-of-type > ul { border: none; }

#menuPrincipal > li input[type=checkbox] { display: none; }

#menuPrincipal > li label { position: absolute; top : 0px; right: 10px; cursor: pointer; z-index: 10; top : 50%; transform: translateY(-50%);}
#menuPrincipal > li label span { display: none; }

#menuPrincipal > li label::before { content: "\45"; display: inline-block; width: 400px; 
  padding: 10px 0; text-align: right; color: #777; font-size : 20px;
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;
 }

#menuPrincipal > li input[type=checkbox]:checked ~ a { font-weight: 700; }

#menuPrincipal > li input[type=checkbox]:checked ~ label { top : 1.7em }
#menuPrincipal > li input[type=checkbox]:checked ~ ul { display: block; height: auto; padding-bottom: 5px; }
#menuPrincipal > li input[type=checkbox]:checked ~ label::before { content: "\48"; color: #383838;  }


/* menuqui */

nav li ul.menuqui > li div {  background: #fe6b00;
background: #ff6b00 radial-gradient(circle at 60% 100%,#ffa436 5%,#ff6b00 94%);
  background-position-x: 0%;
  background-position-y: 0%;
  background-attachment: scroll;
background-position: bottom center;
background-attachment: fixed; color : #fff; padding : 10px; 
  text-align: justify;color : #383838; font-family: 'Source Sans Pro', sans-serif; font-weight: 700; font-size: 16px;
 box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);}
nav li ul.menuqui > li div img { float: left; display: block; margin : 20px 10px 0px 0; width: 25%;
height: auto; }
nav li ul.menuqui > li div h3 { text-align: center; text-transform: uppercase;  color: #fff; font-size : 18px; padding-bottom: 10px;}
nav li ul.menuqui > li div p:first-letter { font-size: 120%; font-weig1ht: 400; }
nav li ul.menuqui > li div p.lls {  clear : both; font-weight: 400; margin-top : 15px; text-align: center;}
nav li ul.menuqui > li div p.lls strong { display: block; position: relative;  }
#menuTop li ul.menuqui > li div p.lls a { padding: 5px 40px 5px 20px; position: relative; text-align: center; font-size: 18px; display: inline-block;
 box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); border-radius : 4px; background: #f2f2f2; text-decoration: none; color : #383838; }
nav li ul.menuqui > li div p.lls a:after { content: "\72"; font-family: "sublimm"; position: absolute; right: 6px;
 display: inline-block; padding-left: 10px; top: 50%; font-size: 26px;
transform: translateY(-50%);  }

nav li ul.menuqui > li > ul h3 {
  text-transform: uppercase; text-align: center;
  font-size: 24px;
  letter-spacing: 1px;
  padding-bottom: 10px; padding-top: 10px;
  margin: 0;
  font-weight: 400;
  color: #383838;
}
nav li ul.megamenu, nav li ul.menuqui ul { list-style: none; }
nav li ul.megamenu li, nav li ul.menuqui > li  { width: 100%; border: none;  box-sizing: border-box;  
 display: flex;flex-wrap: wrap; padding: 16px; 
justify-content: stretch; flex-direction: column;}

nav li ul.megamenu li, nav li ul.menuqui > li > ul li { border: none; display: flex;    text-align: left; position: relative; margin-bottom: 15px;
 min-height: 90px;  }

nav li ul.megamenu li:after, nav li ul.menuqui > li > ul li:after { content: ''; position: absolute; left : 00px; right: 10px; bottom : -5px; height: 1px; 
  background: #e0e0e0; }
nav li ul.megamenu li:nth-last-of-type(-n+2):after,  nav li ul.menuqui > li > ul li:last-of-type:after { display: none; }
 nav li ul.megamenu li img, nav li ul.menuqui > li > ul li img 
  { display: inline-block;  position: absolute; top : 1.6em; left: -10px; z-index: 1; box-shadow: 0 2px 4px rgba(0,0,0,0.2); width: 90px;}
nav li ul.megamenu li a,  nav li ul.menuqui > li > ul li a { background: none; display: block; min-height: 120px;  font-family: sans-serif; font-size: 15px; line-height: 1.1;
 position: relative; padding-left: 100px; text-decoration: none; color : #383838; z-index: 1;
box-sizing: border-box;
width: 100%;
  }

nav li ul.megamenu li a:after,  nav li ul.menuqui > li > ul li a:after {
  content: "\72"; position: absolute; bottom: 5px; right: -18px; font-size: 16px; color: #ccc; z-index: -1;
  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;
}
nav li ul.megamenu li a strong, nav li ul.menuqui > li > ul li a strong { display: block; font-size: 17px; color: #FE6B00; font-weight: 700;  
  font-family: 'Raleway'; margin-bottom: 3px;  width: calc(100% + 100px);
  position: relative; left : -110px; top : -10px; }
nav li ul.megamenu li a strong { font-size : 22px }

 nav li ul.menuqui > li > ul li a strong small { font-weight: 400;

font-size: 80%;
font-family: sans-serif; }

nav li ul.megamenu li.item-empty {
  display: none;
}
header nav li ul.menuxylo > li > div { width: 60%; margin: 0 auto 20px auto; }
header nav li ul.menuxylo > li div div {  box-shadow: none; background: none; padding: 0; margin-bottom: 10px;}
header nav li ul.menuxylo > li div div img { float: none; width: 280px; margin : 20px auto 0 auto;  box-shadow : 0px 2px 8px rgba(0, 0, 0, 0.4); }

/* bandeau recrutement */
.annonce_recrutement_header { text-align: center; overflow : hidden; }

.annonce_recrutement_header p { padding : 0}
.annonce_recrutement_header a { display: block; padding : 4px; box-sizing : border-box; 
background : #f9dabd; 
color : #fe6b00; text-transform : uppercase;  text-decoration: none; font-weight : 700; font-size : 20px;  letter-spacing : 1px; }

.annonce_recrutement_header a:hover { background : #f7e6d7; color : #383838 }

.annonce_recrutement_header a span:before { content:'J';position: relative; font-size : 18px; top : 2px; padding-right : 0.5em; display: inline-block; 
 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;
animation: bounce 1.5s infinite;
	-webkit-animation: bounce 1.5s infinite;
	-moz-animation: bounce 1.5s infinite;
	-o-animation: bounce 1.5s infinite;
}

/* bandeau actu */
#actu { background: #FE6B00; color: #fff; font-family: "Raleway", sans-serif; position: relative;
padding: 1px 10px ; font-size: 16px; height: 30px; overflow: hidden;
 }
#actu h3 { padding: 0 10px 0 0px; font-weight: 400; float: left; position: relative; top : 5px; font-size : 16px }
 #actu h3, #actu p{ display: inline-block; }

#actu p { font-family: sans-serif; }
#actu li a, #actu p a{ text-decoration: none; color: #fae6d4;}
#actu p.lls { float: right;position: relative; }

#actu p.lls a { display: inline-block;  background: #a84c04; color: #fff; padding: 2px 10px; 
position: relative; top : -3px; font-family: "Raleway", sans-serif; border-radius: 3px; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
}
#actu p.lls a:before { content: "\72"; font-size: 60%; padding-right: 0.6em; 
  font-family: "sublimm"; }
#actu li a:hover { color: #383838; text-decoration: underline; 

 }

#actu p.lls a:hover { text-decoration: none; color:  #fdf0e2; background: #383838;box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
 }

 .news ul {
  float: left;
  
  animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
  -webkit-user-select: none
}
.news ul li {line-height: 30px; list-style: none }
.news ul li a {
  color: #fff;
  text-decoration: none; letter-spacing: 1px;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none
}
.news ul:hover { animation-play-state: paused }
.news span:hover+ul { animation-play-state: paused }
@keyframes ticker {
  0%   { transform: translateY(0px);}
  25%  { transform: translateY(-30px);}
  50%  { transform: translateY(-60px);}
  75%  { transform: translateY(-90px);}
  100% { transform: translateY(0px);}
}



/* diapo accueil */

ul.diapos { list-style: none;  }

ul.diapos > li.swiper-slide { display: flex; flex-direction: column;  }
ul.diapos > li.swiper-slide h2 { text-align: center; text-transform: uppercase; color: #383838; font-family: "Raleway", sans-serif; font-weight: 700; font-size: 32px;
position: relative; 
}

ul.diapos > li.swiper-slide h2:after { content: ''; position: absolute; bottom: -50px; left: 0; right: 0; height: 50px; z-index: 1; 
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 10%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 10%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 10%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}

ul.diapos > li.swiper-slide div { position: relative; }
ul.diapos > li.swiper-slide div:before { content: ''; position: absolute; top : -50px;  left: 0; right: 0; height: 50px; z-index: 1; 
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );

  }
ul.diapos > li.swiper-slide div h3 { position: relative; z-index: 10; top : -20px;   text-align: center; }
ul.diapos > li.swiper-slide div h3 strong { display: block;  
 text-transform: uppercase; color: #fe6b00; font-family: "Raleway", sans-serif; font-weight: 700; font-size: 27px;
  text-shadow:  0 0 5px rgba(255, 255, 255, 1),  0 0 10px rgba(255, 255, 255, 0.9), 0 0 15px rgba(255, 255, 255, 0.8);  }

ul.diapos > li.swiper-slide div h3 span.detail { font-weight: 700; font-size: 19px;  }
ul.diapos > li.swiper-slide div p { text-align: center; padding: 0 5px; font-size: 17px; }
ul.diapos > li.swiper-slide div p span.hr { display: block; width: 0; height: 0; overflow: hidden; text-indent: -9999px; }

ul.diapos > li.swiper-slide div p a { text-decoration: none; display: inline-block; background: #fe6b00; color: #fff; border-radius: 4px;
padding: 5px;  text-transform: uppercase; font-size: 18px; max-width: 90%; margin : 10px auto 0;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
 }

ul.diapos > li.swiper-slide picture { overflow: hidden; position: relative; width: 100%;}
ul.diapos > li.swiper-slide picture img { width: 100%; }
.diapos [data-bandeau]:not([data-bandeau=""]):after { content: attr(data-bandeau); 
  background: #FF2B0D; position: absolute; top: 50px;left: -100px; display: block;
color: #fff; font-size: 14px; font-family: "Raleway", sans-serif; font-weight: 700; letter-spacing: 1px; padding : 3px 100px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
transform: rotateZ(-45deg);

 }

 /* ----------- actus ----------- */
.single section.content { width: 95%; margin: 0 auto; }
.single section.content h1 { font-size: 28px;  }
.single section.content h2 { font-size: 28px;  }
.single section.content h3 { font-size: 22px; }
.single section.content h4 { font-size: 18px;  }

/* ----------------    pages agences    ---------------- */
.single-agence section.content { padding : 30px 0; }
.single section.titre { padding : 30px 0 40px 0; }
.single section.titre h1 { font-size: 32px; text-align: center; text-transform: uppercase; color: #777; font-weight: 400; }

body.single-agence section.titre h1 { text-align: center; text-transform: uppercase; font-size: 42px; font-weight: 400; color: #383838;  }

.single section.titre h1 span { position: relative; }
.single section.titre h1 small { font-family: sans-serif; font-size: 24px; position: relative; top : -3px; color : #555 }
.single-agence section.titre h1 span:after { content: ''; position: absolute; bottom: -0px; left: -10px; right:  -10px; height: 20px; background: #FDF0E2; z-index: -1;
border-radius: 3px;
 }
 .single section.titre h1 span:after { content: ''; position: absolute; bottom: -0px; left: -10px; right:  -10px; height: 15px; background: #FDF0E2; z-index: -1;
border-radius: 3px;
 }

.single-agence .contact-page-agence {  background: #fe6b00; color: #fff; width: 90%; padding: 15px; padding-top: 20px; padding-bottom: 0; box-sizing: border-box; margin : 0 auto 20px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); border-radius: 20px 20px 10px 10px; position: relative; 
display: flex; justify-content: space-between; flex-wrap: wrap;
}

.single-agence .contact-page-agence .bloc1, .single-agence .contact-page-agence .formcont { width: 100%; box-sizing: border-box; }

.single-agence .contact-page-agence:before { content: ""; position: absolute; top : -3px; left: -3px; right: -3px; bottom: -3px; border: 3px solid #ddd; transform: rotate(-2deg); z-index: -1; 
border-radius: 20px 20px 10px 10px;}
.single-agence .contact-page-agence:after { content: ""; position: absolute; top : -4px; left: -2px; right: -3px; bottom: -3px; border: 3px solid #FCDFC4; transform: rotate(1.6deg); z-index: -1; 
border-radius: 20px 20px 10px 10px;}

body.single-agence .content .contact-page-agence h2 { color: #555; text-align: center; font-size: 20px; margin: 0; font-weight: 700; background: #fff; margin-bottom: 1em; box-shadow : 0px 2px 8px rgba(0, 0, 0, 0.25); }
body.single-agence .content .contact-page-agence .horaires { margin-bottom: 1em; text-align: center; }
body.single-agence .content .contact-page-agence .horaires > p { display: inline-block;  text-align: left; font-size: 20px;}
body.single-agence .content .contact-page-agence .horaires strong { display: inline-block; min-width: 90px; }
body.single-agence .content .contact-page-agence .telephone h2 { margin-bottom: 15px; display: none; }
body.single-agence .content .contact-page-agence .telephone p { font-size: 42px; text-align: center; }
body.single-agence .content .contact-page-agence .telephone a { color: #fff; text-decoration: none; cursor: default; }
body.single-agence .content .contact-page-agence .telephone a:before { content: "\47"; font-family: "sublimm"; display: inline-block;
  font-size: 28px; position: relative; top : 1px; font-weight: 400; background: #fff; color: #FE6B00; padding : 6px 4px 4px 6px; 
text-transform: none; border-radius: 100px; margin-right: 0.6em;
 line-height: 1; }

body.single-agence .content .contact-page-agence .formcont { }
body.single-agence .content .contact-page-agence .formcont .blocl, body.single-agence .content .contact-page-agence .formcont .blocr { width: 48%; display: inline-block; vertical-align: top; }

body.single-agence .content .contact-page-agence .formcont p { padding: 0; margin: 0; margin-bottom: 10px; text-align: center; }
body.single-agence .content .contact-page-agence .formcont .blocl p { margin-bottom: 14px; }

/* body.single-agence .content .contact-page-agence .formcont p:last-of-type { text-align: right; } */
body.single-agence .content .contact-page-agence .formcont input, body.single-agence .content .contact-page-agence .formcont textarea { 
  display: block; width: 80%; margin: 5px auto 0; min-height: 20px; max-height: 6em; padding: 5px; background: #f2f2f2; border: 1px solid #999;
border-radius: 0px; box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.25); font-size: 16px; text-align: left;
 }
body.single-agence .content .contact-page-agence .formcont textarea { width: 90%; }
 body.single-agence .content .contact-page-agence .formcont input[type=submit] { background: #383838; color : #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 22px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); border:  none; cursor: pointer; width: 60%; text-align: center;
   }
 body.single-agence .content .contact-page-agence .formcont input[type=submit]:hover { background: #000; }

body.single-agence .content .contact-page-agence .formcont  .wpcf7-acceptance  { text-align: left; font-size: 15px; }
body.single-agence .content .contact-page-agence .formcont  .wpcf7-acceptance input { display: inline-block; width: auto; position: relative; top : 3px; left: -5px; }
body.single-agence .content .contact-page-agence .formcont .wpcf7-acceptance a { color : #383838; display: inline; border : none;  }
body.single-agence .content .contact-page-agence .formcont p.cpsobl { text-align: right; }


.alignphotos {flex-direction: column;}
 .alignphotos a { display: block!important;  margin: 30px auto;
}

.autres-agences li a {
  margin: 10px auto;
  display: inline-block;
}

 /* ------------ page accueil ------------------*/



.home_content { font-size: 18px; }

.home h1 { text-align: center; font-weight: 400; padding : 1.4em 10px 1.1em; font-size : 26px }
.home  h1 span { display: block; }


.home_content h2 {  font-family: "Raleway", sans-serif; font-weight: 400; font-style: italic; font-size: 30px; color: #fe6b00; margin-bottom: 25px; text-align: left; }
.home_content h2 span { position: relative; display: inline-block; }
.home_content h2 span:before { content: ''; position: absolute; bottom: -5px; left: -10px; right: -10px; height: 6px; background: #f2f2f2; z-index: -1; }

 .introacc { margin: 5px 4%;  text-align: justify; position: relative; }
 .introacc p.solgan { text-align: center; font-size: 26px; font-family: 'Raleway', sans-serif; margin: 10px auto; margin-top: 25px !important;clear: both; }



 .home_content .introacc h2 { text-align: center; font-size: 42px; }
 .home_content .introacc h2 span { display: block; }
 .home_content .introacc h2 span:before { display: none; }

.home_content .introacc p { }
.home_content .introacc  img { margin: 0px 0px 0px 25px; }

 .home_content .blocaccfull, .home_content .acc_termites, .home_content .engagements, .home_content .acc_num, .home_content .certifs { padding : 10px 20px 40px 20px; position: relative; }

.blocaccfull .wp-image-165 {   display: block; width: 60%; height: auto; flex-shrink: 0; transform : rotate(-8deg); margin: 0 auto; }

.blocaccfull > div ul { margin-left: 2em; list-style: square; }
.blocaccfull > div ul li { position: relative; margin: 10px 0; }

.home_content .acc_termites  a {  color: #fe6b00; padding: 5px 3px; }
.home_content .acc_termites  a:hover { color: #383838; }
.home_content .acc_termites  a.lien-sentri { color: #00B65F; }
.home_content .acc_termites .lls { text-align: center; }
.home_content .acc_termites .lls a {  text-decoration: none; display: inline-block; padding: 5px 10px; color : #fe6b00; border : 2px solid #fe6b00; background: #fff; border-radius: 6px;
text-transform: uppercase; font-weight: 700; }
.home_content .acc_termites .lls a:after { 
content: "\72";
text-transform: none;
font-family: "sublimm";
position: relative; top : 3px;
display: inline-block;
padding-left: 10px;
 }

.home_content .acc_termites .lls a:hover { background:  #fe6b00; color : #fff; border : 2px solid #fff; }

.home_content .amelioration { padding : 10px 0px 20px; text-align: justify; }

.home_content .amelioration ul.amel li { padding : 0 25px; box-sizing: border-box;  }
.home_content .amelioration ul.amel li h3 { font-size: 20px; }

.home_content .amelioration ul.amel li img { width: 300px; }

.home_content .amelioration p.lien { text-align: center; padding : 10px 0; }
.home_content .amelioration a, .home_content .acc_num a.contactagence { background: #fe6b00; display: inline-block; text-decoration: none;
text-transform: uppercase; color: #fff; padding: 5px 10px; border-radius: 6px; margin-left: 1em; }
.home_content .amelioration a:hover, .home_content .acc_num a.contactagence:hover { background: #383838; }
.home_content .amelioration a:after, .home_content .acc_num a.contactagence:after { content: "\45"; display: inline-block; padding-left: 0.5em; position: relative; top : 4px;
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;
 }

 .acc_num {  padding : 20px 20px; text-align: center; box-sizing: border-box;  }
 .home_content .acc_num h2 span:before { background: #fff; z-index: 0; }
.home_content .acc_num h2 { text-align: left; }
.home_content .acc_num h3 { margin-bottom: 10px; color: #383838; margin-top : 10px } 
.home_content .acc_num h3 strong { display: block; font-size: 150%; }
.home_content .acc_num > div.marged { 
padding: 5px;

border-radius: 20px;
max-width: 1000px;
margin: 20px auto;
position: relative;
z-index: 2;
 }
.home_content .acc_num img { display: block; width: 100%; }

.home_content .acc_num .formpro {  max-width: 1200px;  margin: 0 auto; background: #fe6b00; padding: 10px; border-radius: 12px;}
.home_content .acc_num .formpro h3, .home_content .acc_num .formpro label { color: #fdf0e2; }
.home_content .acc_num .formpro form { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-around; }

.home_content .acc_num .formpro form input { width: 150px; padding: 2px 5px; background: #f2f2f2; border: 1px solid #999; font-size: 14px;
border-radius: 0px; box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.25); text-align: left; }

.home_content .acc_num .formpro form select { width: 175px;
border-radius: 0;
background: #f2f2f2;
border: 1px solid #999;
box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.25); }
.home_content .acc_num .formpro form input[type=submit] { background: #383838; color : #fff; text-transform: uppercase; letter-spacing: 2px; 
  font-size: 20px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); border:  none; cursor: pointer;  text-align: center;
position: relative; 
   }
.home_content .acc_num .formpro form span.wpcf7-not-valid-tip { font-size: 14px; }
.home_content .acc_num .formpro form div.wpcf7-response-output { max-width: 80%; margin: 10px auto; background: #fdf0e2; border-radius: 6px; }
.home_content .acc_num .formpro form .envoi { width: 100%; }

 .home_content .engagements ul { list-style: none; margin-left: 2em; display: flex;
flex-wrap: wrap;
justify-content: space-between; }
.home_content .engagements li { display: inline-block; width: 41%;  margin: 12px ; font-size: 18px; position: relative;   }
.home_content .engagements li:before { content: "";
display: block;
width: 12px;
height: 12px;
background: #fe6b00;
transform: rotateZ(45deg);
position: absolute;
left: -1.3em;
top: 7px; }

.home_content .certifs ul { list-style: none; text-align: center; }
.home_content .certifs ul li { display: inline-block; margin: 15px auto; width: 17%; }

/* -------------- PAGES ----------------*/

body.page section.content-page h1, body.page section.content-page-nolightbox h1 {
  color: #fe6b00;
  font-family: "Raleway", sans-serif;
  padding: 40px;
  text-align: center;
  font-size: 28px;
  font-weight: 400;
}

body.page section.content-page h2, body.page section.content-page-nolightbox h2 {
  color: #fe6b00;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: 26px;
  margin-top: 40px;
}

body.page section.content-page a, body.page section.content-page-nolightbox a {color : #fe6b00;  }
body.page section.content-page a:hover, body.page section.content-page-nolightbox a:hover {color : #383838;  }

body.page section.content-page .marged, .content-search, body.page section.content-page .blocaccfull, body.page section.content-page-nolightbox .marged {
  padding: 20px; box-sizing: border-box;
  margin: 0 auto;
}


body.page section.content-page .intro {  max-width: 84%; margin: 0 auto 40px auto; background: rgba(253, 240, 226,0.85); font-size: 20px; font-style : italic; text-align: center; padding : 20px; 
  position: relative;  z-index: 10; 
border-radius: 10px; border: 3px solid #ffcda8; font-weight: 700; }
body.page section.content-page .intro:hover { background: rgba(253, 240, 226,1); }
body.page section.content-page .intro::after {
  content: "";
  position: absolute;
  top: -2px;
  left: -8px;
  right: -8px;
  bottom: -4px;
  border: 3px solid #FCDFC4;
  transform: rotate(1.7deg);
  z-index: -1;
  border-radius: 20px 20px 10px 10px;
}
body.page section.content-page .intro::before {
  content: "";
  position: absolute;
  top: -3px;
  left: 0px;
  right: -7px;
  bottom: -3px;
  border: 3px solid #eee;
  transform: rotate(-2deg);
  z-index: -1;
  border-radius: 20px 20px 10px 10px;
}



body.page section.content-page .bg_intro { padding: 100px 0; position: relative; z-index: -1; background-repeat: no-repeat; 
  background-size: cover; background-position: center; }
body.page section.content-page .bg_intro::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba( 0, 0, 0, 0.2);
  z-index: 0;
}
body.page section.content-page { font-size: 18px; }

body.page section.content-page .orangeclair {  border-radius: 20px;  margin: 40px;  padding: 10px; position: relative; box-sizing: border-box; }
body.page section.content-page .orangeclair::after {
  content: "";
  position: absolute;
  top: -2px;
  left: -8px;
  right: -8px;
  bottom: -4px;
  border: 3px solid #FCDFC4;
  transform: rotate(1.2deg);
  z-index: -1;
  border-radius: 20px;
}
body.page section.content-page .orangeclair::before {
  content: "";
  position: absolute;
  top: -3px;
  left: -10px;
  right: -7px;
  bottom: -3px;
  border: 3px solid #eee;
  transform: rotate(-1.4deg);
  z-index: -1;
  border-radius: 20px;
}


body.page section.content-page .orangeclair h2 { margin-top: 0; margin-bottom: 20px; }

body.page section.content-page .bloc-contact { padding: 40px 0; background: #f2f2f2; font-size: 22px; margin-top : 40px }
body.page section.content-page .bloc-contact p { text-align: center; font-weight: 700; }
body.page section.content-page .bloc-contact .lls {  }
body.page section.content-page .bloc-contact a {  text-decoration: none; display: inline-block; padding: 5px 10px; color : #fff;  background: #fe6b00; border-radius: 6px;
text-transform: uppercase; font-weight: 700; 
box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}
body.page section.content-page .bloc-contact a:after { 
content: "\72";
text-transform: none;
font-family: "sublimm";
position: relative; top : 3px;
display: inline-block;
padding-left: 10px;
 }
body.page section.content-page .bloc-contact a:hover { background: #383838; box-shadow: none; }

body section.content-page p.lien-drone { text-align: center; margin-top: 10px; }
body section.content-page .lien-drone a { text-decoration: none; display: inline-block; text-transform: uppercase; border: 3px solid #fe6b00; padding : 5px 10px;
border-radius: 6px;
 background: transparent; font-weight: 700;  }
body section.content-page .lien-drone a:hover { color: #fff; background: #fe6b00; border: 3px solid transparent;  }

body section.content-page .lien-drone a:after {   content: "\72";
  text-transform: none;
  font-family: "sublimm";
  position: relative;
  top: 3px;
  display: inline-block;
  padding-left: 10px;
} 

body section.content-page .avecdrone { padding-right : 85px!important; background-image: url("images/drone.svg"); background-position: 96% center; background-repeat: no-repeat;
 background-size: 7% ; }


/* --------  page devis  -------- */

.troisiemepartie .details-devis p {
  width: calc(100% - 25px);
  margin-top: 15px;
}

.quatriemepartie .detail-personne { flex-wrap: wrap; }

.quatriemepartie .detail-personne p {
  width: 60%;
  box-sizing: border-box;
  padding: 0;  
  margin: 0 auto 15px;
}

/* page qui sommes nous */

body.page-id-39 section.content-page ul.affiches { list-style: none; display: flex; flex-wrap: wrap; justify-content: space-around; padding : 20px 0 20px }
body.page-id-39 section.content-page ul.affiches li { margin: 20px 0; }

/* drone */

body.page-id-177 .content-page .marged ul { list-style-type: square; margin-left: 1.5em; }
body.page-id-177 .content-page .marged ul li { margin: 10px 0; }

body.page-id-177 section.content-page .bg_intro {  padding: 150px 0; }

/* faune */

body.page-id-58 section.content-page .marged ul { list-style-type: square; margin-left: 1.5em; }
body.page-id-58 section.content-page .marged ul li { margin: 10px 0; }

/* --------- devis gratuit ----------- */

h1.titre-devis::after {	
content: "\4c";
text-transform: none;
font-family: "sublimm";
transform : translateY(16px);
font-size : 48px;
display: inline-block;
padding-left: 0.3em; 	
}

.deco-devis {   padding: 0 20px 60px;
box-sizing: border-box; }
.illustration-devis {  text-align : center; }
.illustration-devis img { width : 40%; }
.blocintrodevis p { text-align : justify; padding : 10px 0; }



/* desinfection */

body.page-id-43 section.content-page .intro h2 {  margin-top : 0; margin-bottom: 15px; }
body.page-id-43 section.content-page .diogene ul  { list-style: none; display: flex; flex-wrap: wrap; justify-content: space-around; margin-left: 0; }
body.page-id-43 section.content-page .diogene ul li { margin: 8px; }
body.page-id-43 section.content-page .traitement ul { list-style: none; display: flex; justify-content: center; flex-wrap: wrap;  margin-left: 0;}
body.page-id-43 section.content-page .traitement ul li { width: 76%; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
padding: 10px; box-sizing: border-box; margin: 20px;  }
body.page-id-43 section.content-page .traitement ul li h3 { background: #f2f2f2; text-align: center;  text-transform: uppercase; font-family: 'Raleway'; margin-bottom: 10px; padding: 5px 0;}

/* desinsectisation */
body.page-id-48 .content-page .traitement > ul {
 display:  flex; flex-direction: row; flex-wrap: wrap; justify-content: center; list-style: none;
}
body.page-id-48 .content-page .traitement > ul > li { width: 76%; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); margin-bottom: 20px;
padding: 10px; }

body.page-id-48 .content-page .traitement > ul > li ul { list-style: none; margin-left : 1.5em; }

body.page-id-48 .content-page .traitement > ul > li ul li { margin: 20px 0; text-align: justify; position: relative; }
body.page-id-48 .content-page .traitement > ul > li ul li:before { content: ''; position: absolute; left : -1.2em; top : 0.4em; width: 12px; height: 12px; background: #fe6b00;
transform: rotateZ(45deg) rotateY(0);
transform-origin: center;
 }

body.page-id-48 .content-page .traitement h4 {   background: #f2f2f2; font-size: 22px;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif;
  margin-bottom: 10px;
  padding: 5px 0;
 }
body.page-id-48 .content-page .traitement > ul > li ul li strong { color: #fe6b00; font-size: 20px; }

/* deratisation */

body.page-id-46 section.content-page  ul { list-style-type: square; margin-left: 1.5em; }
body.page-id-46 section.content-page  ul li { margin: 10px 0; }

body.page-id-46 section.content-page .traitement ul { list-style: none; display: flex; justify-content: center; flex-wrap: wrap; }
body.page-id-46 section.content-page .traitement ul li { width: 76%; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
padding: 10px; box-sizing: border-box; margin: 20px;  }
body.page-id-46 section.content-page .traitement ul li h4 { background: #f2f2f2; text-align: center;  text-transform: uppercase; font-family: 'Raleway', sans-serif; margin-bottom: 10px; padding: 5px 0;}

/* ------------    pages générale agences    ------------ */

.page-template-agences section.content-agences h1 { font-size: 28px; font-weight: 400; color: #777; margin: 30px 0; text-align: center; font-family: "Raleway", sans-serif; }

 section.content-agences, section.content { padding: 0 40px; box-sizing: border-box; margin: 0 auto; }

 .page-template-agences section.content-agences ul.listing_articles li {  width: 44%; }

 .listing_articles { padding: 20px 0 40px; }

/*   page traitement bois */


body.page-id-69 section.content-page ol { list-style: none;

display: flex; flex-wrap: wrap; justify-content: space-around;
}

body.page-id-69 section.content-page ol li { margin-top: 20px; margin-bottom: 20px; background: #fff; width: 96%; padding: 15px; border-radius: 6px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
text-align: justify; box-sizing: border-box; }
body.page-id-69 section.content-page ol li h3 { text-align: center; background: #f2f2f2; padding : 5px; color: #444; bor1der: 3px solid #555; margin-bottom: 0.6em; font-size : 18px; 
text-transform: uppercase; border-radius: 4px;
}


body.page-id-69 section.content-page ol li img { display: block; margin-top : 10px; width: 100%;  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4); }
body.page-id-69 section.content-page ol li:last-of-type img { width: 20%; display: inline-block; box-shadow: none; margin : 20px auto; }

body.page-id-69 section.content-page .orangeclair h2 { margin-top: 0; margin-bottom: 20px; }

body.page-id-69 section.content-page ul { margin-left: 4em; }

/* frelons */


body.page-id-50 section.content-page div.intro h2 { margin-top: 0; }
body.page-id-50 section.content-page .bg_intro {  padding: 150px 0; }

body.page-id-50 section.content-page ul { margin-left : 1.5em; list-style-type: square; }
body.page-id-50 section.content-page li { margin: 10px 0; }


/*   page traitement nuisibles */

body.page-id-41 section.content-page p { text-align: justify; }
body.page-id-41 section.content-page .blocaccfull ol { list-style: none; }
body.page-id-41 section.content-page .blocaccfull ol li { display: block; margin : 15px 0; }

/* page toiture */

body.page-id-77 section.content-page ol { list-style: none;  padding-bottom: 1em; }
body.page-id-77 section.content-page ol ul { list-style: square;  margin-left: 1em;}
body.page-id-77 section.content-page ol h3 { margin : 25px 0 15px }

/* page punaises de lit */
.page-id-52 section.content-page ul { margin-left: 4em; margin-top: 20px; list-style-type: square; }

.page-id-52 section.content-page h4 { color: #fe6b00; font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 22px; margin-top: 15px; }

/* avant construction */

body.page-id-64 section.content-page div.orangeclair h2 { text-align: center; }
body.page-id-64 section.content-page div.orangeclair ul { list-style: none; display: flex; justify-content: space-between; }
body.page-id-64 section.content-page div.orangeclair ul li { display: inline-block; margin : 25px; max-width: 250px; }
body.page-id-64 section.content-page div.marged a.openimage { float: none; position: relative; left: 50%; transform: translateX(-50%); }

/* isolation */


body.page-id-74 section.content-page .marged ul { list-style: none; display: flex; flex-direction: column; justify-content: space-between; margin-top : 15px }
body.page-id-74 section.content-page .marged ul li { display: block;  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); padding : 10px; margin : 20px;}
body.page-id-74 section.content-page .marged ul li h3 { background: #f2f2f2; text-align: center;  text-transform: uppercase; font-family: 'Raleway'; margin-bottom: 10px; padding: 5px 0;}

 /* merule */

body.page-id-79 section.content-page .marged h3 { margin: 20px 0; }
body.page-id-79 section.content-page .marged ul { margin: 10px 0 10px 2em; list-style-type: square; }


/* page contact general */

.page-id-85 .contact-page-agence {  background: #fe6b00; color: #fff; width: 90%; padding: 15px; padding-top: 20px; padding-bottom: 0; box-sizing: border-box; margin : 40px auto 20px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); border-radius: 20px 20px 10px 10px; position: relative; 
display: flex; justify-content: space-between; flex-wrap: wrap;
}

.page-id-85 .contact-page-agence .bloc1, .page-id-85 .contact-page-agence .formcont { width: 100%; box-sizing: border-box; }

.page-id-85 .contact-page-agence:before { content: ""; position: absolute; top : -3px; left: -3px; right: -3px; bottom: -3px; border: 3px solid #ddd; transform: rotate(-2deg); z-index: -1; 
border-radius: 20px 20px 10px 10px;}
.page-id-85 .contact-page-agence:after { content: ""; position: absolute; top : -4px; left: -2px; right: -3px; bottom: -3px; border: 3px solid #FCDFC4; transform: rotate(1.6deg); z-index: -1; 
border-radius: 20px 20px 10px 10px;}

body.page-id-85  .contact-page-agence .formcont { }
body.page-id-85  .contact-page-agence .formcont .blocl  { width: 48%; display: block; margin: 0 auto;}
body.page-id-85 .contact-page-agence .formcont .blocr {  }
body.page-id-85  .contact-page-agence .formcont p { padding: 0; margin: 0; margin-bottom: 10px; text-align: center; }
body.page-id-85  .contact-page-agence .formcont .blocl p { margin-bottom: 14px; }

/* body.page-id-85  .contact-page-agence .formcont p:last-of-type { text-align: right; } */
body.page-id-85  .contact-page-agence .formcont input, body.page-id-85  .contact-page-agence .formcont textarea { 
  display: block; width: 80%; margin: 5px auto 0; min-height: 20px; max-height: 6em; padding: 5px; background: #f2f2f2; border: 1px solid #999;
border-radius: 0px; box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.25); font-size: 16px; text-align: left;
 }

body.page-id-85  .contact-page-agence .formcont select {
  width: 80%; min-height: 20px;padding: 5px; 
  border-radius: 0;
  background: #f2f2f2;
  border: 1px solid #999;
  box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.25);
}

body.page-id-85  .contact-page-agence .formcont textarea { width: 90%; }
 body.page-id-85  .contact-page-agence .formcont input[type=submit] { background: #383838; color : #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 22px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); border:  none; cursor: pointer; width: 60%; text-align: center;
   }
 body.page-id-85  .contact-page-agence .formcont input[type=submit]:hover { background: #000; }

body.page-id-85  .contact-page-agence .formcont  .wpcf7-acceptance  { text-align: left; font-size: 15px; }
body.page-id-85  .contact-page-agence .formcont  .wpcf7-acceptance input { display: inline-block; width: auto; position: relative; top : 3px; left: -5px; }
body.page-id-85  .contact-page-agence .formcont .wpcf7-acceptance a { color : #383838; display: inline; border : none;  }
body.page-id-85  .contact-page-agence .formcont p.cpsobl { text-align: right; }

/* page amélioration */

body.page-id-66 ul.liste-pages { list-style: none; display: flex; flex-wrap: wrap; justify-content: space-around; }

body.page-id-66 ul.liste-pages li { width: 45%; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); margin: 30px 2%; padding : 10px; box-sizing: border-box; text-align: justify; }
body.page-id-66 ul.liste-pages li h2 { margin-top: 0; text-align: center; font-size: 28px;  }

body.page-id-66 ul.liste-pages li p.lls { text-align: right; }
body.page-id-66 ul.liste-pages li p.lls a { background: #fe6b00; color: #fff; text-decoration: none; text-transform: uppercase; padding: 5px 10px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
font-size: 20px; }

body.page-id-66 ul.liste-pages li p.lls a:after { font-size: 18px;
  content: '\72';
  position: relative;
  top: 2px;
  left: 10px; padding-right: 5px;
  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;
}

body.page-id-66 ul.liste-pages li p.lls a:hover { background: #383838; }

/* ------------- search ---------------------*/


.content-search h1 { padding: 40px 0 30px; font-family: 'Raleway', sans-serif; text-transform: uppercase; font-weight: 400; font-size: 26px; }
.content-search h1 span { text-transform: none; font-size: 38px; white-space: nowrap; }

.content-search ul  { list-style: none; }
.content-search li { display: block; margin : 40px auto; box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); 
padding : 15px; border-radius: 6px; padding-right: 110px; position: relative; min-height: 110px; font-size: 18px;
}

.content-search li a.illustration { display: block; width: 90px; height: 90px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); }
.content-search li a.illustration img { display: block; width: 100%; }
.content-search li h2 { font-family: 'Raleway', sans-serif; text-transform: uppercase; font-weight: 700; font-size: 22px;  }
.content-search li h2 a { color: #fe6b00; text-decoration: none; }
.content-search li h2 a:hover { color : #383838; }


.content-search li .lls { clear: both; text-align: center; }
.content-search li .lls a { display: inline-block; background: #fe6b00; color: #fff; text-decoration: none;
border-radius: 4px;
padding: 5px 25px;
text-transform: uppercase;
font-size: 16px;
margin: 10px auto 0;
font-weight: 700;
letter-spacing: 1px;
position: relative;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); }
.content-search li .lls a:hover { background: #383838; }
.content-search li .lls a:after {
  content: '\72';
  position: relative;
  top: 2px;
  left: 10px;
  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;
}

section.autre-recherche { text-align: center; }
section.autre-recherche h2 {font-family: 'Raleway', sans-serif; text-transform: uppercase; font-weight: 700; font-size: 26px;  }
section.autre-recherche div.search_content {display: inline-block; margin: 20px auto; background: #fe6b00; border-radius: 6px; padding: 15px;  }
section.autre-recherche div.search_content form { display: flex;  flex-direction: row; }
section.autre-recherche div.search_content form p { margin : 0 20px; }

section.autre-recherche div.search_content form  input { padding: 5px; font-size: 16px; border: none;  }
section.autre-recherche div.search_content form .searchtext-content input { width: 350px; background: #f2f2f2;
border: 1px solid #999;
border-radius: 0px;
box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.25);
font-size: 16px;
text-align: left; }
section.autre-recherche div.search_content form  input[type="submit"] { background: #383838;
color: #fff; padding-left : 15px; padding-right : 15px;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 20px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
border: none;
cursor: pointer;

text-align: center; }

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

footer { padding-bottom: 3.1em;   }
.deco-footer {  padding: 90px 20px 30px 20px;  flex-wrap : wrap; flex-direction : column; align-items: center; z-index : 1; }
footer .rezosocios {  order: 1;  margin: 20px auto; }
 
 footer .logo_bas {  
  left: 0;
  order: 0;
  width: 100%;
  text-align: center;
}
footer .logo_bas img {  width: 270px;}

.liens_legaux {  order: 3; }

footer .menu-footer {  margin-bottom: 10px; }


/* ------ breakpoints -------- */

@media (max-width: 800px) { 

.home form p { width: 50%; }
section.content-agences ul.listing_articles div.horaires {  text-align: center; }

section.content-agences ul.listing_articles div.horaires strong {  display: block; }
.page-template-agences section.content-agences ul.listing_articles li {  width: 60%; }

}