/*
Theme Name: Laboratoire SUBLIMM
Theme URI: http://www.mon-web.fr
Description: Thème pour Laboratoires SUBLIMM
Author: Mon-Web.fr
Author URI: http://mon-web.fr
Version: 1.0

*/

/* styles generaux */

*{text-rendering:optimizeLegibility;-webkit-font-smoothing: antialiased;font-smoothing: antialiased;}

*{ margin: 0; padding : 0;}


html {height: 100%;}
body { color: #383838;  background : #fff; font-size: 16px; line-height: 1.2;
position: relative; height: 100%; width: 100%; 
   font-weight: 400; 
   font-family: 'Source Sans Pro', sans-serif;
    }

/*   
input[type="submit"], textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
*/

 .txtorange { color : #F76800 }
 .txtvert { color: #018A49; }
 .bg_gris { background: #f2f2f2; }
 .orangeclair { background: #fdf0e2; }

 p { padding: 5px 0;}
 a img { border : 0}
.centre { text-align: center;}
.imgombre {  box-shadow : 0px 2px 8px rgba(0, 0, 0, 0.4);}
.alignleft { float: left; margin-right : 10px; margin-bottom : 10px}
.alignright { float: right; margin-left : 10px; margin-bottom : 10px}
.aligncenter { display: block; margin : 5px auto;}
.aligntxtright { text-align: right;}
.aligntxtcenter { text-align: center;}
.aligntxtleft { text-align: left;}
.blk { display: block; }
.clr { clear: both;}
 hr {  clear: both;
       border : 0;
       height : 1px;
       background : #bbb;
       margin : 1em 0;
       }

img { max-width: 100%; height: auto; }
abbr { cursor: help; }

.nowrap { white-space: nowrap; }

header {  font-family: 'Raleway', sans-serif; z-index: 10;}

.ls0 { letter-spacing: 0px; }
.ls1 { letter-spacing: 1px; }
.ls2 { letter-spacing: 2px; }
.ls3 { letter-spacing: 3px; }

input[type="submit"] { -webkit-appearance: none; }

textarea { font-family: sans-serif; }

.conteneur_video {  width: 90%; margin: 30px auto 40px;}
.lavideo {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0!important; overflow: hidden;
}
 
.lavideo iframe,
.lavideo object,
.lavideo embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cmplz-placeholder-1 {
    height: auto!important;
}


@-webkit-keyframes flipli {
  0% {
    -webkit-transform: rotateY(0) rotateZ(45deg);
            transform: rotateY(0) rotateZ(45deg);
  }
  100% {
    -webkit-transform: rotateY(360deg) rotateZ(45deg);
            transform: rotateY(360deg) rotateZ(45deg);
  }
}
@keyframes flipli {
  0% {
    -webkit-transform: rotateY(0) rotateZ(45deg);
            transform: rotateY(0) rotateZ(45deg);
  }
  100% {
    -webkit-transform: rotateY(360deg) rotateZ(45deg);
            transform: rotateY(360deg) rotateZ(45deg);
  }
}


 
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateX(0);}	
	40% {-webkit-transform: translateX(-20px);}
	60% {-webkit-transform: translateX(-10px);}
}
 
@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateX(0);}
	40% {-moz-transform: translateX(-20px);}
	60% {-moz-transform: translateX(-10px);}
}
 
@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateX(0);}
	40% {-o-transform: translateX(-20px);}
	60% {-o-transform: translateX(-10px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateX(0);}
	40% {transform: translateX(-20px);}
	60% {transform: translateX(-10px);}
}

.lorem { width: 150px; text-align: justify; padding: 20px; }

@keyframes appear {
    from {transform: translateY(100px); opacity : 0;}
    to {transform: translateY(0); opactity : 1;}
}

.inviewport.appear {
  animation: appear 2s;
}

.outviewport.appear {
  animation: appear 2s;
}

/* fonts */
/* raleway-regular - latin */
@font-face { font-display: swap;
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/raleway/raleway-v26-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/raleway/raleway-v26-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway/raleway-v26-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway/raleway-v26-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway/raleway-v26-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway/raleway-v26-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-700 - latin */
@font-face { font-display: swap;
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/raleway/raleway-v26-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/raleway/raleway-v26-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway/raleway-v26-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway/raleway-v26-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway/raleway-v26-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway/raleway-v26-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-italic - latin */
@font-face { font-display: swap;
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/raleway/raleway-v26-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/raleway/raleway-v26-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway/raleway-v26-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway/raleway-v26-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway/raleway-v26-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway/raleway-v26-latin-italic.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-700italic - latin */
@font-face { font-display: swap;
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/raleway/raleway-v26-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/raleway/raleway-v26-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway/raleway-v26-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway/raleway-v26-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway/raleway-v26-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway/raleway-v26-latin-700italic.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-regular - latin */
@font-face { font-display: swap;
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/source-sans/source-sans-pro-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/source-sans/source-sans-pro-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans/source-sans-pro-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans/source-sans-pro-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans/source-sans-pro-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans/source-sans-pro-v19-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-italic - latin */
@font-face { font-display: swap;
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/source-sans/source-sans-pro-v19-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/source-sans/source-sans-pro-v19-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans/source-sans-pro-v19-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans/source-sans-pro-v19-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans/source-sans-pro-v19-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans/source-sans-pro-v19-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-700 - latin */
@font-face { font-display: swap;
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/source-sans/source-sans-pro-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/source-sans/source-sans-pro-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans/source-sans-pro-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans/source-sans-pro-v19-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans/source-sans-pro-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans/source-sans-pro-v19-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-700italic - latin */
@font-face { font-display: swap;
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/source-sans/source-sans-pro-v19-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/source-sans/source-sans-pro-v19-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans/source-sans-pro-v19-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans/source-sans-pro-v19-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans/source-sans-pro-v19-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans/source-sans-pro-v19-latin-700italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

@charset "UTF-8";

@font-face {
  font-family: "sublimm";
  src:url("fonts/sublimm/sublimm.eot");
  src:url("fonts/sublimm/sublimm.eot?#iefix") format("embedded-opentype"),
    url("fonts/sublimm/sublimm.woff") format("woff"),
    url("fonts/sublimm/sublimm.ttf") format("truetype"),
    url("fonts/sublimm/sublimm.svg#sublimm") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "sublimm" !important;
  content: attr(data-icon);
  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;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  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;
}

.icon-navicon-round:before {
  content: "\61";
}
.icon-ios-chatboxes:before {
  content: "\62";
}
.icon-ios-chatboxes-outline:before {
  content: "\63";
}
.icon-close-round:before {
  content: "\64";
}
.icon-close:before {
  content: "\65";
}
.icon-android-apps:before {
  content: "\66";
}
.icon-checkmark-round:before {
  content: "\6a";
}
.icon-linkedin-square:before {
  content: "\6b";
}
.icon-mail:before {
  content: "\6d";
}
.icon-chatboxes:before {
  content: "\6e";
}
.icon-home:before {
  content: "\6f";
}
.icon-social-youtube:before {
  content: "\70";
}
.icon-instagram:before {
  content: "\6c";
}
.icon-external-link:before {
  content: "\71";
}
.icon-arrowl:before {
  content: "\69";
}
.icon-arrowr:before {
  content: "\72";
}
.icon-agenda:before {
  content: "\73";
}
.icon-ios-location:before {
  content: "\67";
}
.icon-boutique:before {
  content: "\68";
}
.icon-contact:before {
  content: "\74";
}
.icon-pro:before {
  content: "\75";
}
.icon-search:before {
  content: "\76";
}
.icon-map:before {
  content: "\77";
}
.icon-monweb:before {
  content: "\78";
}
.icon-comments-o:before {
  content: "\79";
}
.icon-facebook-square:before {
  content: "\7a";
}
.icon-quote-left:before {
  content: "\41";
}
.icon-quote-right:before {
  content: "\42";
}
.icon-twitter:before {
  content: "\43";
}
.icon-chevron-left:before {
  content: "\44";
}
.icon-chevron-right:before {
  content: "\45";
}
.icon-ios-cart:before {
  content: "\46";
}
.icon-phone:before {
  content: "\47";
}
.icon-chevron-down:before {
  content: "\48";
}
.icon-chevron-up:before {
  content: "\49";
}
.icon-android-arrow-forward:before {
  content: "\4a";
}
.icon-devis:before {
  content: "\4b";
}
.icon-envoi-mail:before {
  content: "\4c";
}

 /* -------------- accueil -----------------*/
 .home .amelioration { overflow: hidden; position: relative; }
 .home .amelioration ul.amel { position: relative; list-style: none; }


 

/* ----------------    index.php      ---------------- */
.listing_articles {width : 100%; max-width: 1280px; padding : 20px 30px 40px; margin: 0 auto; position: relative; 

list-style: none;
  display: flex;   
  justify-content : space-around;
  flex-wrap : wrap;
  box-sizing: border-box; }

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

  .listing_articles li { position: relative; text-align: center; margin : 20px;

 background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.3); width: 27%; min-width: 270px; padding-bottom: 2.75em;

overflow : hidden; border-radius : 20px; border-bottom: 4px solid #eee; }

.listing_articles li .illustration { padding: 0;position: relative; overflow: hidden; border-bottom: 8px solid #fe6b00 }



.listing_articles li .illustration  img { display: block; margin: 0 auto}

.listing_articles li .illustration  img:hover {   
  -moz-transform: scale(1.20);
-webkit-transform: scale(1.20);
-ms-transform: scale(1.20);
-o-transform: scale(1.20);
  transform: scale(1.20);
transition : all 0.1s linear;

}

.listing_articles li .content { padding: 0px 10px 10px; text-align: justify; font-family:  sans-serif;}

.listing_articles li  h2 { text-align: center;  color: #777; text-transform: uppercase; font-weight: 700; font-size: 16px; margin-bottom: 10px; 

padding-top: 22px; padding-left: 10px; padding-right: 10px;position: relative; z-index: 0; }


 .listing_articles li h2:after { content: ''; display: block; width: 25px; height: 25px; background: #fe6b00;
transform-origin: 50%; z-index: 10;
position: absolute; left : 50%; top: -17px;
transform: translateX(-50%) rotate(45deg);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
 }

.listing_articles li  h2 a { color: #777; text-decoration: none; font-family: 'Raleway', sans-serif; font-weight: 900;}

.listing_articles li  h2 a:hover { color: #fe6b00; }
.listing_articles li .lls { text-align: center; position: absolute;

left: 0; right: 0; bottom: 10px; }

.listing_articles li .lls a {display: inline-block;
 text-transform: uppercase;
 font-size: 14px;
 font-weight: 400;
 background: #fe6b00; color: #fff;
 border-radius: 4px;
 text-decoration: none;
 padding : 5px 10px; box-shadow: 0 2px 3px rgba(0,0,0,0.2)}

.listing_articles li .lls a span { font-size: 150%; position: relative;

top : 0.1em;}

.listing_articles li .lls a:hover { 
background: #383838;
box-shadow: 0 2px 3px rgba(0,0,0,0.3);

  -moz-transform: scale(1.05);

-webkit-transform: scale(1.1);

-ms-transform: scale(1.1);

-o-transform: scale(1.1);

  transform: scale(1.1);}



.listing_articles li .posted { font-size: 12px; text-align: left; padding-left: 10px;}





ul.page-numbers { list-style: none; text-align: center; margin-bottom: 20px; }

.page-numbers li { display: inline-block; margin : 0 7px; font-size : 20px }

.page-numbers li a { display: block; position: relative; 

    text-decoration: none; background: #ED6B05; color: #fff; padding : 5px 15px; box-shadow: 2px 2px 0px rgba(0,0,0,0.2); }

.page-numbers li a:hover { top : 1px; left: 1px; box-shadow: 1px 1px 0px rgba(0,0,0,0.5); background: #555 }

/* ----------------    pages devis    ---------------- */


.bloc-devis { padding-top : 20px; background : #f2f2f2; padding-bottom: 20px; }

.intro-devis { font-weight: 700;
text-align: center;
margin: 15px 0;
font-style: italic;
font-size: 20px;}

.intro-devis span { display: block; }

.bloc-devis h2 { margin-bottom : 20px;    }

.secondepartie, .troisiemepartie, .quatriemepartie { display: none; }

.selectionagence { text-align : center; font-size : 20px; padding-top : 20px; }
.selectionagence span {display : block; margin-top : 10px; }
.selectionagence select { background : #fff; padding : 5px; border : 1px solid #bbb; min-width: 250px; text-align: center; font-size: 16px; cursor : pointer; outline: 3px solid #12B366;  }

.secondepartie span.radio-791 > span { display : flex; flex-wrap : wrap; padding: 0 25px; }
.secondepartie span.radio-791 > span > span { display : inline-block; margin : 15px;  text-align : center; flex-grow : 1;  }
.secondepartie span.radio-791 > span > span label { display : block;  cursor : pointer;  padding : 20px; background : #fff; border-radius : 5px; border-bottom: 2px solid #ddd;position: relative;
box-shadow : 0 0 10px rgba(0,0,0,0.24);}

.validpresta { text-align : right; padding-bottom : 20px;   }
.validpresta button { cursor : pointer; display : inline-block; padding : 5px 15px; background : #12B366; color : #fff; text-transform : uppercase; border : none; border-radius : 0; 
letter-spacing : 1px; font-weight : 700; font-size: 20px;
font-family: 'Source Sans Pro', sans-serif;
box-shadow: 2px 2px 4px rgba(0,0,0,0.2); }

.secondepartie span > span > span label:hover { background : #ffe8d2; color : #383838; border-bottom: 1px solid #d9c5b3; box-shadow : 0 0 5px rgba(0,0,0,0.24); top : 1px; }

.secondepartie span > span > span label.actif  {
  background: #12B366;
  color: #fff;  
  box-shadow: inset 2px 2px 5px rgba(0,0,0,0.2);
  border-bottom: none;
  
  top: 2px;
}

.secondepartie span > span > span label input { display : none; }
.troisiemepartie .details-devis { padding : 0 25px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.troisiemepartie .details-devis p:first-of-type input[type="text"] { width : 4em; text-align : right; padding: 5px; }
.troisiemepartie .details-devis p:nth-of-type(2) label { cursor : pointer; margin : 0 5px; }
.troisiemepartie .details-devis p:last-of-type { width: calc(100% - 25px); margin-top : 15px; }
.troisiemepartie .details-devis p textarea { width : 100%; height : 4em; margin-bottom : 15px; padding : 5px }

.quatriemepartie .detail-personne { padding : 0 25px; display: flex; flex-wrap: nowrap; justify-content: space-between; margin-bottom : 20px; }
.quatriemepartie .detail-personne p { width : 33.33%; box-sizing: border-box; padding: 0 50px; }

.quatriemepartie .detail-personne input { padding : 5px; width : 100%; }
.quatriemepartie .acceptance { text-align : center }
.quatriemepartie .acceptance input { cursor : pointer }

.quatriemepartie .cpsobl { text-align : right; }
.bloc-devis .envoidevis { text-align : center; margin-top : 15px; }
.bloc-devis .envoidevis  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;
  
 padding : 5px 25px;
  text-align: center;
}
.bloc-devis .envoidevis  input[type="submit"]:hover { background : #000; }

/* ----------------    pages actus    ---------------- */

.single section.content { max-width: 1200px; margin: 0 auto; padding : 0 20px; box-sizing: border-box; }
.single section.content {  font-family: 'Source Sans Pro', sans-serif; line-height: 1.4; font-size: 17px; }
.single section.content p { margin-bottom: 15px; }
.single section.content h1 { font-size: 35px; font-weight: 400; color: #777; margin: 40px 0; text-align: center; font-family: "Raleway", sans-serif; }
.single section.content h2 { font-size: 35px; font-weight: 400; color : #fe6b00;  margin: 40px 0; font-family: "Raleway", sans-serif; text-align: center; letter-spacing: 1px; text-transform: uppercase; }
.single section.content h3 { font-size: 30px; font-weight: 400;  margin: 20px 0; font-family: "Raleway", sans-serif; color: #777; }
.single section.content h4 { font-size: 24px;  font-weight: 400;  margin: 20px 0 10px; font-family: "Raleway", sans-serif; color: #383838;}
.single section.content ul {   list-style: disc outside;  margin: 0 0 15px 30px; }
.single section.content li { margin-bottom: 15px; }
.single section.content a { color: #fe6b00; text-decoration: none; }
.single section.content a:hover { text-decoration: underline; }
.single section.content img.imghautactu { width: 90%; }
.single section.content .posted { font-size: 14px; color: #777; }

.single section.content .bloc-contact { text-align: center; }
.single section.content .bloc-contact a { background: #fe6b00; color: #fff; display: inline-block; padding: 3px 10px; position: relative; font-weight: 700; font-size: 120%; margin-top: 10px; }
.single section.content .bloc-contact a:hover { background: #383838; text-decoration: none; }
.single section.content .bloc-contact a:after { content: '\45'; display:  inline-block; position: relative; top : 3px; padding-left : 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;
  }


.ArtSuivPrec {
 width : 100%;
 padding : 20px 80px 50px;
 margin: 0 auto;
 position: relative;
 -ms-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
}
.ArtSuivPrec ul {
 list-style: none;
 text-align: center;
 display:  flex; justify-content: space-between;
}
.ArtSuivPrec li {
 display: inline-block;
 width: 45%;
 text-align: left;
 padding: 10px 10px 5px;
 margin: 0 15px;
 vertical-align: top;
 font-family:  sans-serif;
 position: relative;
 padding-bottom: 2.1em;
 border: 1px solid #eee;
 background: #fff;
 box-shadow: 0 2px 20px rgba(0,0,0,0.15);
 box-sizing: border-box;
}
.ArtSuivPrec li h3 {
 text-align: center;
 text-transform: uppercase;
 font-weight: 900;
 font-size: 16px;
 margin-bottom: 5px;
 font-family: 'Raleway', sans-serif;
}
.ArtSuivPrec li h3 a {
 color: #ED6B05;
 text-decoration: none;
}
.ArtSuivPrec li h3 a:hover {
 color: #b75205 
}
.ArtSuivPrec li h4 {
 font-weight: 400;
 font-size: 12px;
 text-transform: uppercase;
 border-bottom: 1px solid #ddd;
 color: #aaa;
 margin-bottom: 15px;
}
.ArtSuivPrec li .lls {
 text-align: right;
 position: absolute;
 right: 10px;
 bottom: 5px;
}
.ArtSuivPrec li .lls a {
 display: inline-block;
 text-transform: uppercase;
 font-size: 14px;
 font-weight: 400;
 background: #fe6b00; color: #fff;
 border-radius: 4px;
 text-decoration: none;
 padding : 5px 10px;
}
.ArtSuivPrec li .lls a:hover { background: #383838; }

.ArtSuivPrec li .datepost {
 position: absolute;
 left: 10px;
 bottom: 5px;
 font-size:  10px 
}
.ArtSuivPrec li br {
 display: block;
 height: 1px;
 line-height: 0;
 font-size: 0
}

.content a.openimage:before, .content-page a.openimage:before { content: ""; position: absolute; top : -3px; left: -3px; right: -3px; bottom: -3px; border: 3px solid #ddd; transform: rotate(-4deg); z-index: -1; 

}

.content a.openimage, .content-page a.openimage { display: inline-block; position: relative; z-index: 1; padding-left : 0;  }
.content a.openimage:hover, .content-page a.openimage:hover { background : none}



a.openimage:after { content: ""; position: absolute; top: 100%; left: 0; right: 0; bottom: 0; 

background: rgba(0,0,0,0.5) url(images/zoom-in.svg) center center no-repeat; z-index: 2; background-size: 40px 40px;

transition: top 0.3s ease-out; }

a.openimage:hover:after { top : 0; transition: top 0.3s ease-out; }

a.openimage img { vertical-align: middle; }

.erreur404 .deco { text-align: center; }
.erreur404 .deco img { max-width: 1000px; width: 90%; }

.erreur404 h1 {  color: #fe6b00;
  font-family: "Raleway", sans-serif;
  padding: 80px;
  text-align: center;
  font-size: 36px;
  font-weight: 400;
}

/* ---------------- page generale agences ------------ */

.page-template-agences section.content-agences { font-size: 20px; text-align: justify; }
.page-template-agences section.content-agences ul.listing_articles li { width: 29%; box-sizing: border-box; font-size: 16px; padding-bottom: 1.75em; }


 section.content-agences ul.listing_articles h2.titre_agence { font-size: 26px;  }
 section.content-agences ul.listing_articles h2.titre_agence span { font-family: sans-serif; font-size: 19px; display: block; font-weight: 400; }
 section.content-agences ul.listing_articles div.horaires { text-align: left; padding: 10px; line-height: 1.8; }
section.content-agences ul.listing_articles div.horaires h3 { font-family: "Raleway", sans-serif; font-size : 22px; color : #555; text-decoration: underline; }
section.content-agences ul.listing_articles div.horaires strong { color : #777; display: inline-block; min-width: 5.2em; }

.page-template-agences section.content-agences ul.listing_articles .adresse { font-size: 18px; font-weight: 700; }
.page-template-agences section.content-agences ul.listing_articles .adresse span { font-size: 20px;}

.page-template-agences section.content-agences ul.listing_articles .lientel span { display: none; }
.page-template-agences section.content-agences ul.listing_articles .lientel a { font-family: sans-serif; font-size: 28px; color: #fe6b00; text-decoration: none; font-weight: 700; }
.page-template-agences section.content-agences ul.listing_articles .lientel:before { content: "\47"; font-family: "sublimm"; display: inline-block;
  font-size: 20px; position: relative; top : 0px; 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;}
.page-template-agences section.content-agences ul.listing_articles .btn_contact { text-align: center; }
.page-template-agences section.content-agences ul.listing_articles .btn_contact a { display: inline-block; padding : 5px 10px; background: #fe6b00; border-radius: 4px; text-transform: uppercase;
text-decoration: none; color: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); }

.page-template-agences section.content-agences ul.listing_articles .btn_contact a:hover { background: #383838; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); }


/* ---------------- single agences ------------ */

body.single-agence section.content h2 { text-align: left; margin-bottom: 20px; }
body.single-agence section.content h1 { margin-bottom: 20px; margin-top: 30px; }
body.single-agence section.content .the_content { text-align: justify; font-size: 18px; }
body.single-agence  .the_content #titredesc16 { font-size: 18px; font-weight: 700; color: #fe6b00; }
body.single-agence  .the_content #titredesc16 strong { display: block; color: #383838; font-size: 40px; }

body.single-agence  .the_content #titredesc79 { font-size: 24px; font-weight: 700; color: #fe6b00; }
/* body.postid-25 section.content .the_content ul li h3 { color: #383838; text-decoration: underline; } */


body.single-agence section.content .the_content ul  { list-style: square; }
/*
 body.single-agence section.content .the_content ul li { position: relative; z-index: -1; }

body.single-agence section.content .the_content ul li:before { content : ""; display: block; width: 12px; height: 12px; background: #fe6b00; transform: rotateZ(45deg);
position: absolute; left: -1.3em; top : 8px;
 }
body.single-agence section.content .the_content ul li:hover:before { -webkit-animation: flipli 0.3s linear;
  animation: flipli 0.3s linear;
  transform-origin : 50%; }
*/

body.postid-25 section.content .the_content ul li ul li:before, body.postid-17 section.content .the_content ul  li:before { top : 8px!important }


body.single-agence section.content .the_content iframe { width: 100%;  position: relative; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);  }


.wpcf7 form .wpcf7-response-output { margin-top : 1em!important }
span.wpcf7-not-valid-tip { color: #383838!important; }
body.single-agence .content .contact-page-agence .formcont input.wpcf7-not-valid { border: 1px solid #383838!important; }

.alignphotos { display: flex; justify-content: space-around; clear: both; align-items: center; position: relative; }


.autres-agences { background: #cecece; padding: 15px; text-align: center; color: #fe6b00;  }
.autres-agences h3, .autres-agences ul, .autres-agences li { display: inline-block; position: relative; }

.autres-agences h3 { text-transform: uppercase; padding : 8px 0; color: #383838; }
/*
.autres-agences h3:after { content: "\4a"; position: relative; top : 4px; padding-left: 0.5em;
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;
   }
*/

.autres-agences ul { list-style: none; }
.autres-agences li { margin: 0 20px; }
.autres-agences li a { padding: 5px 20px; background: #5e5e5e; color: #fff; text-decoration: none; border-radius: 0px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); }
.autres-agences li a:hover { background: #000; color: #fe6b00; }

/* ---------------- parallax ------------ */
.parallax-wrapper {   overflow-y: hidden; }

.parallax {
position: relative;
  background-size: cover;
  background-position: center;
  height: 50vh;
}

.parallax > a { display: block; position: absolute; top : 50%; transform: translateY(-50%); }
.parallax > a > img { width: 100vw;  }
.parallax > img { width: 100vw; display: block; position: absolute; top : 40%; transform: translateY(-50%); }

/* page depigeonnage */
body.page-id-56 section.content-page .gallerie { text-align: center;display: flex; justify-content: space-around; flex-wrap: wrap; }

body.page-id-56 section.content-page .gallerie a { margin : 20px auto }
body.page-id-56 section.content-page ul { margin-left : 1.5em; list-style-type: square; }


/* -------------------- page recrutement -------------------*/

.bloc-recrutement { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); box-sizing : border-box; padding : 20px; margin : 20px auto; border-radius : 20px; border-bottom: 4px solid #eee; }

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


.single-post footer, .page-id-66 footer, .blog footer, .page-id-85 footer, .page-template-agences footer, .search footer, .page-id-2375 footer { background : #fff; }

.single-agence footer { background: #afafaf; }
footer {  color : #fff; background : #f2f2f2;  font-size : 16px; }


.deco-footer { box-sizing: border-box;  overflow : hidden; position : relative; padding : 100px 40px 30px 40px; z-index : 10;
display : flex; flex-wrap : nowrap; justify-content: space-between; align-items : flex-end; min-height : 16vw;
}

.deco-footer:before { content : ""; position : absolute; top : 20px; left : -10px; right : -10px; bottom : 0px; background : #fe6b00; z-index : -1;
transform : skew(0deg, -4deg);transform-origin : top right;
}

.deco-footer:after { content : ""; position : absolute; top : 0px; left : -10px; right : -10px; height : 60px; background-image :  url('images/frise.svg'); 
background-repeat : repeat-x;
background-size : auto 40px;
transform-origin : top right;
background-position : 0 0;

transform : rotate(-4deg);
animation: scroll 80s linear infinite;
}

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



footer a { color : #fff; text-decoration: none; }
footer a:hover { color : #383838; }

footer .logo_bas { position: relative; left : 7%;  }
footer .logo_bas img { width : 15vw }
footer .menu-footer { list-style : none; text-align: center; border-bottom : 1px solid #FAC28A; }
footer .menu-footer li { margin : 5px 0 }
footer .menu-footer li a { display : inline-block; }
footer .menu-footer span { display: block;}
footer .liens_legaux  p { text-align : center; }
footer .rezosocios {  text-align : center; padding-bottom : 15px}


footer .rezosocios strong {
  display: block;
  font-style: italic;
  font-size: 22px;
  letter-spacing: 1px;
}

.lien_reunion { position : relative; background : #383838; color : #fff;  line-height: 1.2;  font-weight: 400; font-size : 20px; text-align : center;
  font-family: 'Source Sans Pro', sans-serif; padding : 20px 0;
} 

.lien_reunion a { color : #FAC28A  }
footer .lien_reunion a:hover { color : #fe6b00}
footer .copyright { background : #636363; text-align : center }

footer .rezosocios span { display: none;}



footer .rezosocios a::before { position: relative;
  top: 5px;
  font-family: "sublimm" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1; font-size: 24px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}

footer a.lien-facebook::before {
  content: "\7a";
   }

  footer a.lien-twitter::before {
    content: "\43";
     }
footer a.lien-youtube::before { 
  content: "\70";
     }

footer a.lien-instagram::before { 
    content: "\6c";
     }

footer a.lien-linkedin::before { 
    content: "\6b";
     }