/*
Theme Name: Laboratoires Sublimm - termites
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-smooth: antialiased;}

*{ margin: 0; padding : 0;}


html {height: 100%;}
body { color: #262626;  background : #fff ;font-size: 14px; line-height: 1.2;
position: relative; height: 100%; width: 100%;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-weight: 400;
    }

  
input, textarea {
  -webkit-appearance: none;
  border-radius: 0;
}


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

br.clr { display:block; height : 1px; 
  margin-bottom: 0em;}
.nowrap { white-space: nowrap; }
img { max-width: 100%; height: auto;}
.sentritech { color : #238e5e; font-size : 130%; white-space: nowrap;}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
/*  font icon */



@charset "UTF-8";

@font-face {
  font-family: "sublimm";
  src:url("fonts/sublimm.eot");
  src:url("fonts/sublimm.eot?#iefix") format("embedded-opentype"),
    url("fonts/sublimm.woff") format("woff"),
    url("fonts/sublimm.ttf") format("truetype"),
    url("fonts/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-twitter:before {
  content: "\67";
}
.icon-facebook:before {
  content: "\68";
}
.icon-checkmark-round:before {
  content: "\6a";
}
.icon-linkedin-square:before {
  content: "\6b";
}
.icon-monweb:before {
  content: "\69";
}
.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";
}


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

header .bloc { display: block;}
p.logo span { display: none;}
p.logo a { display: inline-block; margin-left : 2em;}
p.logo img { width : 300px; height : auto; filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, 0.4));}
.slogan { text-transform: uppercase; color: #fff; text-align: right;  text-shadow: 2px 2px 2px rgba(0,0,0,0.4);}

/*  formulaire de contact */
.contact_home .select_dept { text-align: center;  }



.contact_home .liste_dept span.wpcf7-list-item { position: relative; display: inline-block; padding: 5px 0px; margin : 5px 2px; 
  border-radius: 4px; 
border : 1px solid rgba(0,0,0,0.2);
  background: #ED8C42; cursor: pointer;

 

font-size: 18px;  }

.contact_home .liste_dept span.wpcf7-list-item input { display: block; cursor: pointer; width: auto; margin: 0 auto; opacity: 0; visibility: 0}

.contact_home .liste_dept label span { display: block; padding : 7px 10px 0; cursor: pointer; font-family: "Lucida Console", Monaco, monospace; font-weight: 400}




body .contact_home .liste_dept span.checked {  background: rgba(17, 237, 140,0.5);  pointer-events : none; box-shadow: 0 2px 5px rgba(0,0,0,0.2);  }
body .contact_home .liste_dept span.checked:before {
content: "\6a"; font-size: 15px; font-weight: 400;
    font-family: "sublimm" !important;

  font-style: normal !important;

  font-weight: normal !important;

  font-variant: normal !important;

  text-transform: none !important;

  speak: none;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;
  color : #fff;
  background: none; box-shadow: none; top : 4px; left : 45%; border : none;
}


.contact_home .liste_dept span.wpcf7-list-item:before { content: ""; 
position: absolute;top : 7px; left: 50%; width: 10px; height: 10px;  background: transparent; border : 1px solid rgba(0,0,0,0.3);
background: rgba(255,255,255,0.4);



transform: translateX(-50%);

 }



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

  font-style: normal !important;

  font-weight: normal !important;

  font-variant: normal !important;

  text-transform: none !important;

  speak: none;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

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




.contact_home .liste_dept span.wpcf7-list-item:hover { background: rgba(22, 186, 114,0.8); box-shadow: 0 0px 10px rgba(0,0,0,0.3); }


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

.content a.openimage { display: inline-block; position: relative; z-index: 0; padding-left : 0;  }
.content 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: 1; 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; }

.content p { text-align: justify;}
.content a { color : #FE6B00; display: inline-block; position: relative;text-decoration: none;padding-left: 4px;}
.content a:hover, .content a:hover[target="_blank"]::after { background: #FE6B00; color : #fff; }

.content a[target="_blank"]::after { content : "\71"; font-size: 80%; position: relative; top : -0.3em;  padding: 0.3em;
  font-weight: 400;
  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;
}

.content h2 { position: relative;  background: #fe6b00;
  background: #ff6b00 radial-gradient(circle at 60% 100%,#ffa436 5%,#ff6b00 94%);
  background-position: bottom center;
  background-attachment: fixed;}
.content h2::after { content:""; position: absolute; right: -12px; bottom: -10px; background:  url(images/termite.svg) center center no-repeat;
  transform: rotate(-45deg); 
  width : 30px; height: 30px; 
 
}
.conteneur_video {  width: 90%; margin: 30px auto 40px;}
.lavideo {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.lavideo iframe,
.lavideo object,
.lavideo embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.expose-acc h3::first-letter {
  font-size: 160%;
  font-weight: 400;
  background: #777;
  color: #fff;
  padding: 3px;
  
  display: inline-block;
  margin-right: 3px;
}

.expose-acc h3 {
  font-size: 20px;
  margin-top: 2em;
  margin-bottom: 1em;
  border-bottom: 2px solid #777;
  color : #606060;
  background: #f2f2f2;
  border-radius: 8px 8px 0 0;
}

/*
.expose-acc h4 { font-size: 18px; margin : 2em 0 0.2em; color : #FE6B00; text-decoration: underline;}
.expose-acc h4::first-letter { font-size : 140%; font-weight: 400;}
*/
.expose-acc .explication { width: 94%; margin : 0 auto;}
.expose-acc ul.detection-termite { display: flex; flex-wrap: wrap;  list-style : none; justify-content: center; margin : 20px auto; }
.expose-acc .detection-termite li {  margin : 30px;  
 
  max-width : 300px;
  position: relative;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.3);
  
  overflow: hidden;
  border-radius: 8px;
  border-bottom: 4px solid #eee; }

  .expose-acc .detection-termite li p { padding : 20px; font-size : 14px; color : #505050;}
.expose-acc .detection-termite li a { display: block; overflow: hidden; width : 100%; padding : 0; border-bottom : 6px solid #FE6B00;}
.expose-acc .detection-termite li a img { width: 100%; display : block;}


.expose-acc .typetermite { display: flex;
  margin-bottom: 20px;
  margin-top: 15px;
  background: #eee;
  padding-right: 10px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1), inset -3px -3px 0px #ddd;
}
.expose-acc .typetermite h4 { flex-shrink: 0; width : 290px; padding : 10px;  text-align: center; 
   font-weight: 400; font-size: 18px; margin-right : 20px;color : #222; margin-bottom : 0;
position : relative; border-bottom : 3px solid #cc5500; border-left: 3px solid #ff6c11; border-radius: 8px 0 0 8px;
border-right : 3px solid #eee;
background: #fe6b00;
background: #ff6b00 radial-gradient(circle at 60% 100%,#ffa436 5%,#ff6b00 94%);
background-position: bottom center;
background-attachment: fixed;
cursor: default;
}
.expose-acc .typetermite h4::after { content : ""; 
  position : absolute; right : 0px; top : 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 15px 20px 0;
  border-color: transparent #eee transparent transparent;

  }
.expose-acc .typetermite:hover h4 strong::before {   animation: shake 0.5s;  
  animation-iteration-count: infinite; }
  .expose-acc div.typetermite:nth-of-type(3):hover h4 strong::before { animation: shake 1.5s; animation-iteration-count: infinite;}
.expose-acc div.typetermite:nth-of-type(4):hover h4 strong::before { animation: shake 3s; animation-iteration-count: infinite;}
  
.expose-acc .typetermite h4 strong { display: block; font-size: 19px; white-space: nowrap; text-transform: uppercase; font-weight : 400;color : #fff; }

.expose-acc div.typetermite:nth-of-type(1) h4 strong::before { content : " "; display: block; margin : 5px auto; width: 100px; height: 50px; 
  background: url(images/ouvrier.svg) center center no-repeat; }

.expose-acc div.typetermite:nth-of-type(2) h4 strong::before { content : " "; display: block; margin : 5px auto; width: 100px; height: 50px; 
    background: url(images/soldat.svg) center center no-repeat; }

.expose-acc div.typetermite:nth-of-type(3) h4 strong::before { content : " "; display: block; margin : 5px auto; width: 120px; height: 60px; 
      background: url(images/neot.svg) center center no-repeat; }

.expose-acc div.typetermite:nth-of-type(4) h4 strong::before { content : " "; display: block; margin : 5px auto; width: 192px; height: 60px; 
        background: url(images/reine.svg) center center no-repeat; }

.expose-acc .typetermite p { flex-grow: 1; padding: 15px;
  font-size: 15px;
  line-height: 1.4;
}

.home .intro { font-weight: 700; width : 75%; margin : 20px auto; font-size : 1.1em; line-height: 1.4;
   border-left : 4px solid  #aaa;  padding : 1em; background: #f2f2f2; 
   box-shadow: 0 2px 10px rgba(0,0,0,0.2);
  }

.diapodegats { display: flex; flex-wrap: wrap;  list-style : none; justify-content: center; margin : 20px auto; align-items: flex-end;}
.diapodegats li { margin : 20px;  
 display: block;
  max-width : 180px;
  position: relative;
  line-height: 0;
  box-shadow: 0 2px 10px rgba(0,0,0,0.3);
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  
  }
.diapodegats li a { display: block; overflow: hidden!important; width : 100%; padding : 0; border-bottom: 6px solid #FE6B00; }
.diapodegats li a:hover { background: none;}
.diapodegats li a img { vertical-align: bottom }

.content h4 { color: #FE6B00; font-size: 20px; font-weight: 400; padding-left : 1em; margin-bottom: 1em;}

/* ----------------------- f.a.q. ---------------------------*/
.boxfaq {background: #f5f5f5;
  box-shadow: 0 2px 10px rgba(0,0,0,0.3);
  margin : 20px 0; padding : 15px;
  border-radius : 8px;
  border-bottom: 4px solid #eee;}

  .boxfaq img { box-shadow: 0 2px 10px rgba(0,0,0,0.3);}

  .boxfaq ul { margin-left : 1em;}
.boxfaq li { margin : 5px 0;}
  

 .faq h3 { position: relative; border-radius: 4px;}
 .faq .boxfaq:nth-of-type(2n-1) h3::after { content:""; position: absolute; left: -10px; top: -17px; background:  url(images/termite.svg) center center no-repeat;
  transform: rotate(-15deg); 
  width : 30px; height: 30px; }

  .faq .boxfaq:nth-of-type(2n) h3::after { content:""; position: absolute; right: -5px; bottom: -15px; background:  url(images/termite.svg) center center no-repeat;
    transform: rotate(175deg); 
    width : 30px; height: 30px; }

 .content p.expfaq { text-align: center; font-size : 18px}

 .faqform form { text-align: left; }

.faqform form label { display : block; padding-bottom: 10px;  font-size: 14px; text-transform: uppercase;  }

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

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




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

	position: relative; width: auto; margin-top: 10px;

	padding: 5px 20px; background: #383838; color : #fff;

border : none;

border-radius: 0;

box-shadow : 0px 2px 8px rgba(0,0,0,0.2);

cursor: pointer;

	 }



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



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

.contentformfaq { display : flex; padding-top : 1em; align-content : space-between;
max-width: 1000px; margin : 0 auto;
}
.contentformfaq div:last-of-type { flex-grow: 1;}
.content .envoifaq { text-align: right; max-width: 1000px; margin : 0 auto;}

/* --------------------- index -----------------------------*/
.listing_articles {
  width : 100%;
  max-width: 1280px;
  padding : 20px 30px 40px;
  margin: 0 auto;
  position: relative;
  list-style: none;
  display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
  justify-content : space-around;
  flex-wrap : wrap;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
 }
 .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 : 8px;
  border-bottom: 4px solid #eee;
 }
 .listing_articles li .illustration {
  padding: 0;
  position: relative;
  overflow: hidden;
  border-bottom: 8px solid #ED6B05 
 }
 .listing_articles li .illustration a { display: inline; padding :0}
 
 .listing_articles li .illustration  img { 
  display: block;width: 100%; height: auto;
  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: left;
  font-family: 'Open Sans', sans-serif;
 }
 .listing_articles li  h2 {
  text-align: center;
  color: #4e4e4e;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 10px;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  background: none;
  box-shadow: none;
 }
.listing_articles li  h2::after { display: none;}
 
 .listing_articles li  h2 a {
  color: #4e4e4e;
  text-decoration: none;
  font-family: 'Raleway', sans-serif;
  font-weight: 900;
 }
 .listing_articles li  h2 a:hover {
  color: #fff 
 }

 body .lls a:hover {
  background: #bc5405;
}
body .lls a {
  display: inline-block;
  padding: 5px 8px;
      padding-top: 5px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  background: #ED6B05;
  text-decoration: none;
}

 .listing_articles li .lls {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
 }
 .listing_articles li .lls a {
  padding-top: 4px;
  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 {
  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: 10px;
  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 3px;
 }
 .page-numbers li a {
  display: block;
  position: relative;
  text-decoration: none;
  background: #ED6B05;
  color: #fff;
  padding : 3px 7px;
  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 
 }
 .posted {
  font-size: 10px;
  margin-top : 10px;
  margin-bottom: 20px 
 }
 .posted span {
  padding : 3px 5px;
  box-shadow: inset 0px 0px 5px rgba(0,0,0,0.2);
  border : 1px solid #fff;
  border-radius: 10px 
 }
 .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
 }
 .ArtSuivPrec li {
  display: inline-block;
  width: 40%;
  text-align: left;
  padding: 10px 10px 5px;
  margin: 0 15px;
  vertical-align: top;
  font-family: 'Open Sans', 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);
 }
 .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;
  padding : 3px 10px;
 }
 .ArtSuivPrec li h3 a:hover {
  color: #fff 
 }
 .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;
  ;
  font-size: 12px;
  font-weight: 400
 }
 
 .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
 }
 
 /* ------------------ avis client -------------------------*/

 .intro_avis {  font-size: 20px;}
.content .intro_avis p { text-align: center;}
.content .intro_avis strong { color: #FE6B00; font-weight: 400; }
 
 .all_comments { width: 90%; margin: 0 auto;}
#comment-list { text-align: center; font-size: 24px; font-weight: 400;  font-family: 'Coda', sans-serif; letter-spacing: 1px; font-style: normal; padding-left: 200px; background: none; box-shadow: none;}
.commentaire { display: table; width: 100%; border-spacing: 20px  }
.commentaire .comment-meta { display: table-cell; width: 200px; text-align: right; vertical-align: top; }
.commentaire .comment-txtGuest { display: table-cell; vertical-align: top; }
.commentaire .comment-txtGuest > div { position: relative; padding: 5px 10px; min-height: 2.7em;
  background: #dedede;
  box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  
  border-radius : 7px;
  border-bottom: 4px solid #ccc;}
.commentaire .comment-txtGuest > div:before { content: ''; position: absolute; left : -12px; top : 1.2em;
height: 0;
border-style: solid;
border-width: 10px 12px 10px 0;
border-color: transparent #dedede transparent transparent; 
  }


.comment-metadata { display: block; font-size: 12px;font-family: Verdana,Geneva,sans-serif;}
.comment-metadate { display: block; font-size: 10px;font-family: Verdana,Geneva,sans-serif;}

.comment-meta cite {font-size: 20px; font-weight: 400;  font-family: 'Coda', sans-serif; letter-spacing: 1px; font-style: normal; color : #FE6B00;}

.content .conteneurform_comment { text-align: center; margin: 30px auto; }
.content .conteneurform_comment p { text-align: center;}
.comments-PIIGuest, .comments-PII-2Guest { display: inline-block; vertical-align: top; text-align: left; margin: 0 30px;}
.comments-PIIGuest input { width: 220px; background: #eee; padding: 5px; border: none; box-shadow: inset 2px 2px 2px rgba(0,0,0,0.4);}
 .comments-PII-2Guest textarea { width: 350px; height: 7em; background: #eee; padding: 5px; border: none; box-shadow: inset 2px 2px 2px rgba(0,0,0,0.4);}
.conteneurform_comment .note {  font-size: 10px;font-family: Verdana,Geneva,sans-serif;}
.submitcomment { text-align: right;}
.conteneurform_comment label { display: block; padding-bottom: 4px;}
body .conteneurform_comment p.submitcomment {text-align: right; }
.conteneurform_comment input[type="submit"]{ text-transform: uppercase;
  
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 400;
  position: relative;
  width: auto;
  margin-top: 10px;
  padding: 5px 20px;
  background: #383838;
  color: #fff;
  border: none;
  border-radius: 0;
  box-shadow: 0px 2px 8px rgba(0,0,0,0.2);
  cursor: pointer;
}
.conteneurform_comment input[type="submit"]:hover { top: 1px;
  background: #222;
  box-shadow: -1px 1px 8px rgba(0,0,0,0.2);}
 

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

footer { text-align: center; background: #383838; color: #fff;

  position: relative; z-index: 500;  
  display: flex;  
  flex-wrap: nowrap;  
  justify-content: space-around;  
  align-items: center;}

  footer a { color : #eee; text-decoration: none; }

footer a:hover { color : #FE6B00; }

footer p img { width: 250px; height: auto; padding-left: 10px }

footer .rezosocios span { display: none;}

footer 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: "\68";
   }

  footer a.lien-twitter::before {
    content: "\67";
     }
footer a.lien-youtube::before { top : 2px;
  content: "\70";
     }

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

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