body { }

.oh { overflow: hidden; }
.alignleft, .alignright { float:  none; display: block; margin : 5px auto;}

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

.slogans, .lienPros { display: none; }
.headerTop { position: relative; }


.lienContact , .lienDevis { position: fixed; z-index: 600; bottom: 0; width: 50vw; height: 3.1em; text-a1lign: center; border-top: 1px solid #fac18a; }
.lienContact { right: 0; }
.lienContact .menuContact { text-align: left;}

.lienDevis { left: 0; background: #ffd1b0;}

.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 : 12px; 
    font-family: "sublimm";
  top: 50%;
  transform: translateY(-50%);
  font-size : 30px }

  .lienDevis a > span:before {  content: "\4b"; font-size: 32px; left: -1.1em; top : 21px}

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

/*
.headerTop { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; border-top: 1px solid #f4d6be;
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;   }
.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; }
.lienDevis a strong { letter-spacing : 3px }
.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; }
*/
/* ------------ 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: 40%;
}

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;   height: 3.1em;   te1xt-align: center;  padding-left: 0; background: #fe6b00; }
.lienContact ul > li > a > span { paddi1ng-top : 6px;  padding-left: 55px; }
.lienContact ul > li > a > span > strong {   display: block;  }


.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;
 white-space: nowrap; padding-left : 0 }
.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: 20;
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;}

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

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

 label.show_search-form > span { display: none; text-align: right; position: relative; padding-right: 2em; padding-top : 1em; height: 100%; }
 

 label.show_search-form { display: block; width: 50px; height: 50px;  position: absolute; right: 30px; top : -120px;}
 label.show_search-form::after { 
 content: "\76";  font-size: 36px; /*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::after { content: "\65";  font-size: 32px; }


 #searchbox { position: absolute; left: 0; top : -10px; 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 }

#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 : 50px; 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: -100px;
right: 30px;
background: #fff;
padding-top: 45px;

 }

#menuPrincipal { position: absolute; top : 115px; 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-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
border-bottom: 2px solid #bbb;
z-index: 400;
}
#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 : 110px; 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: 130px; backgr1ound: rgba(0, 0, 0, 0.05);
  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: 14px;
 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;  }
nav 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: 70px;}

nav li ul.menuqui > li > ul li.avtconst img   {  top : 2.9em;}
nav li ul.menuqui > li > ul li.avtconst a strong { padding-bottom: 0.8em; }

nav li ul.megamenu li a,  nav li ul.menuqui > li > ul li a { background: none; display: block; min-height: 100px;  font-family: sans-serif; font-size: 15px; line-height: 1.1;
 position: relative; padding-left: 75px; text-decoration: none; color : #383838; z-index: 1; }

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 : -85px; }
nav li ul.megamenu li a strong { font-size : 19px }

 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 { margin-bottom : 20px }
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: 100%; margin : 0 auto  }

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

.annonce_recrutement_header p { padding : 0; padding-bottom: 1em; }
.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 : 16px;  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; margin-top: -1em;
 font-size: 14px; margin-bottom: 42px;
 }
#actu h3 { padding: 0 10px 0 0px; font-weight: 400;  position: relative; top : -1px; z-index: 1; padding : 4px 0; color: #383838; font-size: 17px;  background: #fff;
font-weight: 700; padding-left: 5px;}
#actu h3:bef1ore { content : ''; position: absolute; top : 0; bottom : 0; left : -5px; right: -5px; background: #fff; z-index: -1; border-t1op: 1px solid #f4dec8;}
 #actu p{ display: inline-block; font-family: sans-serif;}

#actu li a, #actu p a{ text-decoration: none; color: #fae6d4;}
#actu p.lls { position: absolute; right: 5px; top : 4.3em;  }

#actu p.lls a { display: inline-block;   color: #383838; padding: 2px 10px;  font-size: 15px;
position: relative;  font-family: "Raleway", sans-serif; 
font-weight: 700; text-decoration: underline;
}
#actu p.lls a:after { content: "\72"; font-size: 60%; padding-left: 0.6em; display: inline-block; text-decoration: none;
	font-family: "sublimm"; }


 #actu div {height: 30px; overflow: hidden;  }

 .news ul {
  overflow: hidden; 
  padding : 0 5px;
  animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
  -webkit-user-select: none
}
.news ul li {line-height: 30px; list-style: none; white-space: nowrap; overflow: hidden; max-width: 100vw;
  text-overflow: ellipsis; }

.news ul li a {
  color: #fff; 
  text-decoration: none; 
  font-size: 14px; font-family: sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none
}
.news ul li a:before { content: "\4a"; 
  position: relative; top : 2px;
display: inline-block; 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;
  }

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

/* temporaire */

.home h1 { text-align: center; font-weight: 400; padding : 5px 10px 1.1em; font-size : 22px }

/* 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; padding-bottom: 15px; }
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"; 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: 17px;  }
ul.diapos > li.swiper-slide div p { text-align: center; padding: 0 5px; font-size: 15px; }
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;}

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

 }

 /* ------------ page accueil ------------------*/
 .home_content {  text-align: justify; }
 .home_content h2 {  font-family: "Raleway", sans-serif; font-weight: 400; font-style: italic; font-size: 26px; color: #fe6b00; margin-bottom: 25px; text-align: center; }
.home_content h2 span { position: relative; display: inline-block; }

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

 .home_content .amelioration { padding : 10px 0 20px; }
 .blocaccfull:after, .acc_termites:after {
  content: "";
display: block;
width: 150px;
height: 6px;
background: #fdf0e2;
bottom: 10px;
position: absolute;
left: 50%;
transform:  translateX(-50%) skew(-20deg);
}

.introacc p.solgan { text-align: center; font-size : 22px; margin: 15px auto; }
.introacc p.solgan span { display: block; }

 .home_content .blocaccfull ul { margin-left: 2em; list-style: square; }
 .home_content .blocaccfull li {  margin : 10px 0; }
.amelioration .amelcontent { padding : 0 10px; }

.amelioration p.lien { text-align: center; }
.amelioration p.lien 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; }

.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;
 }
.home_content .amelioration img { display: block; width: 60%; margin: 0 auto; }
.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; position: relative;  }
.home_content .acc_termites .lls a span { white-space: nowrap; }

.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_num { text-align: center; }
.home_content .engagements, .home_content .acc_num, .home_content .certifs { padding-top: 20px; }
.home_content .engagements ul { list-style: none; margin-left: 2em }
.home_content .engagements li { display: block;  margin: 20px 0; font-size: 20px; 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; display: flex; flex-wrap: wrap; justify-content: space-around; }
.home_content .certifs li { width: 35%; margin: 20px 15px; display: inline-block; }
.home_content .certifs img { display: block;  padding-top: 10px; }

.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 .formpro {  box-sizing: border-box;  margin: 0 auto; background: #fe6b00; padding: 10px; border-radius: 12px; max-width: 270px;}
.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 .amelcontent h3 { margin-top : 15px;  }

.wpcf7-spinner {  position: absolute!important; }

.single-agence .wpcf7-spinner {  position: relative!important; }

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

.ArtSuivPrec {
  width: 100%;
  padding: 20px;
  }

.ArtSuivPrec ul {
 list-style: none;
 text-align: center;
 display:  flex; justify-content: space-between; flex-direction: column;
}
.ArtSuivPrec li {
 display: block;
 width: 90%;
 text-align: left;
 padding: 10px; padding-bottom: 3em;
 margin: 15px auto;
 box-sizing: border-box;
}

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

h1.titre-devis::after {	
content: "\4c";
text-transform: none;
font-family: "sublimm";
transform : translateY(10px);
font-size : 34px;
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 : 60%; }
.blocintrodevis p { text-align : justify; padding : 10px 0; }

.bloc-devis h2 {  text-align: center; }

.secondepartie span.radio-791 > span > span label {
  padding: 10px;
  font-size: 18px;
}

.troisiemepartie .details-devis p {
  text-align: left;
  margin-top: 15px;
}

.troisiemepartie .details-devis p:nth-of-type(2) strong { display : block; margin-bottom : 10px; }

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

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



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

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

 section.content-agences { padding : 10px }

 .page-template-agences section.content-agences ul.listing_articles { padding: 0px; }
 .page-template-agences section.content-agences ul.listing_articles li {  width: 100%; }

 .autres-agences li {
  margin: 10px; }

 /* ----------------    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: 24px; font-weight: 400; color: #383838;  }

.single section.titre h1 span { position: relative; }
.single section.titre h1 small { font-family: sans-serif; font-size: 18px; position: relative; top : -3px; color : #555 }


.single-agence .contact-page-agence {  background: #fe6b00; color: #fff; width: 90vw; padding: 15px; padding-top: 20px; padding-bottom: 0; box-sizing: border-box; margin : 0 auto;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); border-radius: 20px 20px 10px 10px; position: relative; }
/*
.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; }
body.single-agence .content .contact-page-agence .horaires strong { display: inline-block; min-width: 80px; }
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: 36px; 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: 24px; 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 { width: 100%; }
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 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;  }
 .alignphotos {flex-direction: column;}
 .alignphotos a { display: block!important;  margin: 30px auto;
width: 80%;}

body.single-agence .the_content #titredesc16 strong {  font-size: 24px; }
body.postid-18 section.content h2 {  font-size: 24px; }

body.single-agence section.content h3 {  text-align: left; }

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

.parallax { height: auto;}
.single-agence .parallax { height: 40vh; }
.single .parallax { height: 25vh; }

body.page section.content-page h1, body.page section.content-page-nolightbox h1 {
  color: #fe6b00;
  font-family: "Raleway", sans-serif;
  padding: 30px 10px;
  text-align: center;
  font-size: 24px;
  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: 21px;
  margin: 20px 0;
}

body.page section.content-page ul, body.page section.content-page-nolightbox ul { list-style-type: square; }

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; text-align: justify;
}

body.page section.content-page, body.page section.content-page-nolightbox {
  font-size: 18px;
}

body.page section.content-page .intro {  max-width: 88%; margin: 0 auto 20px auto; background: #fdf0e2; font-size: 18px; font-style : italic; text-align: center; padding : 15px; 
  position: relative;  z-index: 10; box-sizing: border-box;
border-radius: 10px; border: 3px solid #ffcda8; font-weight: 700; }
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 #ddd;
  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 { padding : 20px 0; background: #f2f2f2!important;z-index: -1; position: relative;
}
/*
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 .orangeclair {  border-radius: 20px;  margin: 30px 20px;  padding: 10px; position: relative; box-sizing: border-box; }
body.page section.content-page .orangeclair::after {
  content: "";
  position: absolute;
  top: -2px;
  left: -5px;
  right: -3px;
  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: -8px;
  left: -6px;
  right: -3px;
  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 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: 2px solid #fe6b00; padding : 5px 10px;
border-radius: 6px; font-size: 16px;
 background: transparent; font-weight: 700;  }
body section.content-page .lien-drone a:hover { color: #fff; background: #fe6b00; border: 2px 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;
} 

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


/* deratisation */

body.page-id-46 section.content-page .marged li { margin-top : 20px }

/* traitement des nuisibles */
body.page-id-41 section.content-page .hymenoptere p:first-of-type, body.page-id-41 section.content-page .faune p:first-of-type { text-align: center; }

/* desectisation */
body.page-id-48 .content-page .traitement > ul {
 display:  flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; list-style: none;
}
body.page-id-48 .content-page .traitement > ul > li {  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); margin-bottom: 20px;
padding: 10px; box-sizing: border-box; }

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; display: block; }

/* punasises de lit */

body.page-id-52 .content-page .traitement ul {
 display:  flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; list-style: none;
}
body.page-id-52 .content-page .traitement  ul   li {  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); margin: 20px 0;
padding: 10px; box-sizing: border-box; }
body.page-id-52 .content-page .traitement ul li h4 { color: #fe6b00; font-size: 20px; display: block; font-weight: 400; }
body.page-id-52 .content-page .traitement h3 { font-weight: 400; margin-top : 20px; text-decoration: underline; font-size: 19px; }

/* depigeonnage */
body.page-id-56 .content-page .traitement ul {
 display:  flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; list-style: none;
}
body.page-id-56 .content-page .traitement  ul   li {  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); margin: 20px 0;
padding: 10px; box-sizing: border-box; }
body.page-id-56 .content-page .traitement  ul li a.openimage { width: 40%; }
body.page-id-56 .content-page .traitement ul li h4 { color: #fe6b00; font-size: 20px; display: block; font-weight: 400; }

/* avant construction */

body.page-id-64 .content-page .orangeclair ul { list-style: none; }
body.page-id-64 .content-page .orangeclair li { margin : 20px}

/*   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: 40%; 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 .orangeclair .marged { text-align: left; padding: 20px 10px;}
body.page-id-69 section.content-page .orangeclair .marged li { margin : 15px 0; }

/* humidité */

body.page-id-71 section.content-page .orangeclair .marged h2 span { display: block; text-align: center; }

body.page-id-71 section.content-page .orangeclair li { text-align: left; margin-bottom: 10px; margin-left : 1em; }

body.page-id-71 section.content-page .marged .openimage { margin-bottom: 20px; }

/* 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 0;}
body.page-id-74 section.content-page .marged ul li h3 { background: #f2f2f2; text-align: center;  text-transform: uppercase; font-family: 'Raleway', sans-serif; margin-bottom: 10px; padding: 5px 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: -0.5em; text-align: left;}
body.page-id-77 section.content-page ol h3 { margin : 25px 0 15px }
body.page-id-77 section.content-page ol ul li { margin-bottom: 10px; }

/* page contact general */

.page-id-85 .contact-page-agence {  background: #fe6b00; color: #fff; width: 97%; 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: 90%; 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; }

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
  text-align: center;
}

body.page section.content-page .bloc-contact { padding: 40px 10px; background: #f2f2f2; font-size: 20px; border-top : 1px solid #ddd; }
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; }

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


.content-search h1 { padding: 40px 0 30px; font-family: 'Raleway', sans-serif; text-transform: uppercase; font-weight: 400; font-size: 22px; text-align: center; }
.content-search h1 span { text-transform: none; font-size: 30px; 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;  position: relative; min-height: 110px; font-size: 18px;
}

.content-search li a.illustration { display: none }
.content-search li a.illustration img { display: none; }
.content-search li h2 { font-family: 'Raleway', sans-serif; text-transform: uppercase; font-weight: 700; font-size: 20px;text-align: left; }
.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: column; }
section.autre-recherche div.search_content form p { margin : 0 0px; }

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: 75vw; 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 ---------------------*/

@keyframes scroll {
   100%{
    background-position: 543px 0px;
  }
}

 footer { padding-bottom: 3.1em; }
 footer  .lien_reunion { padding : 20px; box-sizing: border-box; }
 footer  .lien_reunion a { display: block; }
 
 .deco-footer::after { background-size: auto 30px; }
 .deco-footer::before { top: 15px; }
 .deco-footer {  padding: 70px 15px 30px 15px;  flex-wrap: wrap; z-index : 1; justify-content: center; }
 
 footer .rezosocios {  order: 1;  margin: 20px auto; }
 footer .rezosocios a {  margin: 5px;}
footer .rezosocios a::before {  font-size: 30px; }
 
 footer .logo_bas {  
  left: 0;
  order: 0;
  width: 100%;
  text-align: center;
}
footer .logo_bas img {  width: 80%;}

.liens_legaux {  order: 3; font-size: 18px; }
footer .liens_legaux a, footer .menu-footer li a { display: block; margin : 10px; }


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




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

 @media (max-width: 360px) { 

 section.content-agences ul.listing_articles div.horaires {  text-align: center; }
 section.content-agences ul.listing_articles div.horaires strong {  display: block; }

}