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

body {
    font-size: 16px;
    font-weight: 400;
    color:#777;
}

h1, h2 {
	font-family: 'LeagueGothicRegular', Arial, sans-serif;
	text-transform: uppercase;
    	
}

h3, h4, h5, h6, .read-more, .testimonial .title, .entry .meta-info, .subtitle, .wp-pagenavi, .comment_postinfo, .comment-reply-link, .form-submit #submit {
	font-family:'Open Sans', Arial, sans-serif;
}

h2.font-size-medium {
	font-size: 45px;
}

.emphasis-title h1, .emphasis-title h2 {
    
    letter-spacing: 0px;
}

.strong {font-weight:600;}
.uppercase {text-transform:uppercase;}

.turquoise{color: #00adc6;}
.rouge{color: #e10915;}
.border-turquoise {border-bottom:2px solid #00adc6;}
.bg-turquoise {background-color:#00adc6;}

.disclaimer, span.disclaimer, h3 span.disclaimer {font-size:12px;}

ul.interieur {
	margin-left: 25px;
}
.bg-blanc-70 {
	background: rgba(255,255,255,0.7);
    padding: 40px;
}

a.lien-bouton {
	font-family: 'Lato', sans-serif;
    color: #fff;
    display: block;
    margin: 4px 0;
    padding: 10px 16px;
    font-size: 30px;
    line-height: 1.33;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -ms-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
}

a.lien-bouton:hover, a.lien-bouton:focus {
    background: #5a5a5a;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -ms-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;    
    color:#fff!important;
}

.disclaimer {font-size:12px; color:#999;}

img.lg40_pct {width:40%;}
img.lg80_pct {width:80%;}
img.lg90_pct {width:90%;}

/* ----------------------------------------------------------------
    Sous-menu span sans lien
    Mettre les mêmes styles que sur les "a"
-----------------------------------------------------------------*/

#primary-menu ul li.no-link span {
    display: block;
    font-family: 'Open Sans', Arial, sans-serif;
	eight: 100px;
    line-height: 100px;
    padding: 0 15px;
    color: #444444;
    font-weight: bold;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    -webkit-transition: height 0.4s ease, line-height 0.4s ease, margin 0.4s ease, padding 0.4s ease;
    -o-transition: height 0.4s ease, line-height 0.4s ease, margin 0.4s ease, padding 0.4s ease;
    transition: height 0.4s ease, line-height 0.4s ease, margin 0.4s ease, padding 0.4s ease;    
}

#primary-menu ul li.no-link:hover span, #primary-menu ul li.current.no-link span {
    color: #00adc6;
}

#header.sticky-header:not(.static-sticky) #primary-menu > ul > li.no-link > span,
#header.sticky-header:not(.static-sticky) #primary-menu > ul > li.no-link > span {
    height: 60px;
    line-height: 60px;
}

#primary-menu ul li a.promo {
    background: #00adc6;
    margin-top: 30px;
    height: 40px;
    line-height: 40px;
}
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>ul>li:hover a.promo, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>ul>li.current a.promo, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>div>ul>li:hover a.promo, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>div>ul>li.current a.promo {
    color: #fff !important;
    background: #00adc6;
}

#header.sticky-header:not(.static-sticky) #primary-menu > ul > li a.promo {
    margin-top: 0;
}


#primary-menu ul li.icon-menu i {
	font-size:30px!important;
}
a.icon-menu i {
    font-size: 30px;
}
/* ----------------------------------------------------------------
    Turquoise - Début
    remplacer #679acc par #00adc6
-----------------------------------------------------------------*/
::selection {
  background: #00adc6;
}

::-webkit-selection {
  background: #00adc6;
}

a {
  color: #00adc6;
}

h1 > span:not(.nocolor),
h2 > span:not(.nocolor),
h3 > span:not(.nocolor),
h4 > span:not(.nocolor),
h5 > span:not(.nocolor),
h6 > span:not(.nocolor) {
  color: #00adc6;
}

.bgcolor,
.bgcolor #header-wrap {
  background-color: #00adc6 !important;
}

.transparent {
  background: transparent;
}
.color {
  color: #00adc6 !important;
}
.border-color {
  border-color: #00adc6 !important;
}

.top-links ul ul,
.top-links ul div.top-link-section {
  border-top: 1px solid #00adc6;
}

.header-extras li .he-text span {
  color: #00adc6;
}

#primary-menu ul li:hover a, #primary-menu ul li.current a {
    color: #00adc6!important;
}

body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>ul>li:hover a, 
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>ul>li.current a, 
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>div>ul>li:hover a, 
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>div>ul>li.current a {
    color: #00adc6 !important;
}

#primary-menu ul ul,
#primary-menu ul li .mega-menu-content {
  border-top: 2px solid #00adc6;
}

#primary-menu ul ul li:hover > a {
  color: #00adc6 !important;
}

#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a:hover {
  color: #00adc6 !important;
}

#primary-menu > div > ul > li.current a {
  color: #00adc6;
}

#primary-menu.sub-title > ul > li:hover > a,
#primary-menu.sub-title > ul > li.current > a,
#primary-menu.sub-title > div > ul > li:hover > a,
#primary-menu.sub-title > div > ul > li.current > a {
  background-color: #00adc6;
}

#page-menu-wrap {
  background-color: #00adc6;
}

#page-menu.dots-menu nav ul li.current a {
  background-color: #00adc6;
}

#page-menu.dots-menu nav ul li .dots-menu-caption {
  background-color: #00adc6;
}

#page-menu.dots-menu nav ul li .dots-menu-caption:after {
  border-left: 6px solid #00adc6;
}

.breadcrumb a:hover {
  color: #00adc6;
}

#portfolio-filter li a:hover {
  color: #00adc6;
}

#portfolio-filter li.activeFilter a {
  background-color: #00adc6;
}

#portfolio-shuffle:hover {
  background-color: #00adc6;
}

.portfolio-desc h3 a:hover {
  color: #00adc6;
}

.portfolio-overlay a:hover {
  color: #00adc6;
}

#portfolio-navigation a:hover {
  color: #00adc6;
}

.more-link {
  border-bottom: 1px solid #00adc6;
}
.button {
  background-color: #00adc6;
}

.button-dark:hover {
  background-color: #00adc6;
}

.button.button-3d:hover {
  background-color: #00adc6 !important;
}

.promo.promo-flat {
  background-color: #00adc6;
}

.feature-box .fbox-icon i,
.feature-box .fbox-icon img {
  background-color: #00adc6;
}

.feature-box.fbox-outline .fbox-icon {
  border: 1px solid #00adc6;
}

.feature-box.fbox-border .fbox-icon {
  border: 1px solid #00adc6;
}

.feature-box.fbox-border .fbox-icon i,
.feature-box.fbox-border .fbox-icon img {
  color: #00adc6;
}

.feature-box.fbox-plain .fbox-icon i,
.feature-box.fbox-plain .fbox-icon img {
  color: #00adc6;
}

.fbox-effect.fbox-dark .fbox-icon i:after {
  box-shadow: 0 0 0 2px #00adc6;
}

.fbox-effect.fbox-dark .fbox-icon i:hover,
.fbox-effect.fbox-dark:hover .fbox-icon i {
  background-color: #00adc6;
}

.fbox-border.fbox-effect.fbox-dark .fbox-icon i:after {
  background-color: #00adc6;
}

.fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover,
.fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i {
  box-shadow: 0 0 0 1px #00adc6;
}

.process-steps li.active h5,
.process-steps li.ui-tabs-active h5 {
  color: #00adc6;
}
.process-steps li.active a,
.process-steps li.ui-tabs-active a {
  background-color: #00adc6 !important;
}

.i-rounded:hover,
.i-circled:hover {
  background-color: #00adc6;
}

ul.tab-nav.tab-nav2 li.ui-state-active a {
  background-color: #00adc6;
}

.sidenav > .ui-tabs-active > a,
.sidenav > .ui-tabs-active > a:hover {
  background-color: #00adc6 !important;
}

.faqlist li a:hover {
  color: #00adc6 !important;
}

.testimonial .flex-control-nav li a {
  background-color: #00adc6;
}

.team-title span {
  color: #00adc6;
}

.pricing-box.best-price .pricing-price {
  color: #00adc6;
}

.skills li .progress {
  background-color: #00adc6;
}

.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
  background-color: #00adc6 !important;
}

.owl-theme .owl-dots .owl-dot span {
  background-color: #00adc6;
}

.title-block {
  border-left: 7px solid #00adc6;
}

.title-block .title-block-right {
  border-right: 7px solid #00adc6;
}

.heading-block.border-color :after {
  border-color: #00adc6;
}

.fancy-title.title-border-color:before {
  border-top: 1px solid #00adc6;
}

.fancy-title.title-bottom-border h1,
.fancy-title.title-bottom-border h2,
.fancy-title.title-bottom-border h3,
.fancy-title.title-bottom-border h4,
.fancy-title.title-bottom-border h5,
.fancy-title.title-bottom-border h6 {
  border-bottom: 2px solid #00adc6;
}

.bottom-border {
    border-bottom: 2px solid #00adc6;
    padding:40px 0;
}

#gotoTop:hover {
  background-color: #00adc6;
}

.tagcloud a:hover {
  border-color: #00adc6 !important;
  color: #00adc6 !important;
}

.btn-link {
  color: #00adc6;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #00adc6 !important;
  border-color: #00adc6 !important;
}

/* ----------------------------------------------------------------
    Turquoise - Fin
-----------------------------------------------------------------*/
#logo a.standard-logo {
    	display: block!important;
}


#primary-menu ul li a, p {
	font-family:'Open Sans', Arial, sans-serif;
}

#primary-menu.style-2 {
    border-top: none;
}

#header.sticky-style-2 {
	height: 171px;
}

#primary-menu.style-2 ul ul, #primary-menu.style-2 ul li .mega-menu-content {
    top: 71px;
}

h1 {
    letter-spacing: 2px;
    text-align: center;
    padding: 0px 0 10px;
    color: #525252;
    font-weight: normal;
    margin: 20px 0 50px;
    font-size: 50px;
}

.slider-caption h2.ligne2 {
	font-size: 50px;
}

/* Nom d'entreprise */
span.pfvip {
    text-transform: uppercase;
    font-weight: 600;
}

.txt-2-col {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -webkit-column-gap: 4em;
    -moz-column-gap: 4em;
    column-gap: 4em;
}

.txt-3-col {
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
    -webkit-column-gap: 4em;
    -moz-column-gap: 4em;
    column-gap: 4em;
}

/* ----------------------------------------------------------------
    carousel
-----------------------------------------------------------------*/
.swiper_wrapper .swiper-container {
  background: none;
}

/* ----------------------------------------------------------------
    À propos
-----------------------------------------------------------------*/

#apropos .heading-block:after {
	border-top: none;
}

#apropos .parallax {
    padding: 400px 0px;
}


/* ----------------------------------------------------------------
    Promotions
-----------------------------------------------------------------*/


#promotions .portfolio-item {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 12px 12px 0;
}

#promotions .portfolio-item .portfolio-image, 
#promotions .portfolio-item .portfolio-image a,
#promotions .portfolio-item .portfolio-image img {
    display: block;
    width: 100%;
    height: 100%;
}

/********* Réno vert ***********/
.renovert {
    border: 4px solid #a3c634;
    background-color:#fff;
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 34%;
    padding: 15px;
    
    -webkit-box-shadow: 10px 10px 30px -7px rgba(0,0,0,0.44);
	-moz-box-shadow: 10px 10px 30px -7px rgba(0,0,0,0.44);
	box-shadow: 10px 10px 30px -7px rgba(0,0,0,0.44);
}

.accueil .renovert {margin-top:0;}

.renovert h3, .renovert span {font-size:20px; color:#aaa;}

.renovert span.big {
    font-size: 30px;
    color: #000;
}
/* ----------------------------------------------------------------
    Virage vert
-----------------------------------------------------------------*/

 #viragevert .logo-renovert { margin-top: -50px;}
 
/* ----------------------------------------------------------------
    Contact - Soumission
-----------------------------------------------------------------*/
.coordonnees {font-weight:400;}

#contactForm {
	margin-top:-100px; 
    padding-top:100px;
}    

#contact .parallax {
    padding: 600px 0px;
}

#soumission .parallax {
    padding: 200px 0px;
}

/* cacher les alertes */
#contact-form_es_ {display:none;}
.alert ul {list-style-type:none;}

p.error {color:#E42C3E;}

.checkboxes span {
    padding: 5px;
}




/* Cachons la case à cocher */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
 
/* on prépare le label */
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative; /* permet de positionner les pseudo-éléments */
  padding-left: 20px; /* fait un peu d'espace pour notre case à venir */
  cursor: pointer;    /* affiche un curseur adapté */
}

/* Aspect des checkboxes */
/* :before sert à créer la case à cocher */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left:0; top: 2px;
  width: 17px; height: 17px; /* dim. de la case */
  border: 1px solid #aaa;
  background: #f8f8f8;
  border-radius: 3px; /* angles arrondis */
  box-shadow: inset 0 1px 3px rgba(0,0,0,.3) /* légère ombre interne */
}
 
/* Aspect général de la coche */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: 0; left: 4px;
  font-size: 14px;
  color: #09ad7e;
  transition: all .2s; /* on prévoit une animation */
}
/* Aspect si "pas cochée" */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0; /* coche invisible */
  transform: scale(0); /* mise à l'échelle à 0 */
}
/* Aspect si "cochée" */
[type="checkbox"]:checked + label:after {
  opacity: 1; /* coche opaque */
  transform: scale(1); /* mise à l'échelle 1:1 */
}


/* aspect désactivée */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
/* styles de la coche (si cochée/désactivée) */
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
/* on style aussi le label quand désactivé */
[type="checkbox"]:disabled + label {
  color: #aaa;
}
 
/* aspect au focus de l'élément */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted blue;
}

/* ----------------------------------------------------------------
    Footer
-----------------------------------------------------------------*/


.footer-logo {
    width: 300px;
    margin-bottom: 5px;
}

p.copyright-text {
    font-size: 12px;
    color: #ddd;
    margin-top: 7px;
}

.dark #copyrights {
	/*background-color:#034d65;*/
	background-color:#404040;
	color: #ddd;
}

.dark .copyright-links a {
    color: rgba(255,255,255,0.75);
}

/* ----------------------------------------------------------------
    Header Landing pages
-----------------------------------------------------------------*/
#lp .parallax {
    padding: 200px 0px;
}

.header-lp  {
	padding: 150px 0;
}

.cta-13-mois {
    background: #dedede;
    padding: 40px;
	-webkit-box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.36);
	-moz-box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.36);
	box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.36);
}

.button.visible-mobile {
    display: none !important;
}

.swiper-slide {
	background-size: cover!important;
}	

.swiper-slide.promo2 {
	background-position: center right ;
}	

.swiper-slide.fillette {
	background-position: right top;
}	
/* ----------------------------------------------------------------
    Responsive
-----------------------------------------------------------------*/
@media screen and (max-width: 1199px) {
	.swiper-slide.promo2 {
		background-position: center center!important;
	}	

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

	body div#primary-menu-trigger {
	    font-size: 25px;
	    top: 0px;
	}

	#primary-menu ul li.no-link span {
	    height: 50px !important;
	    line-height: 50px !important;
	    padding: 0 5px !important;
	    border: none !important;
	    margin: 0 !important;
	}
	
	nav#primary-menu {
    	padding-left: 60px;
    	margin-top: 10px;
	}
		
	#content .content-wrap {
	    padding: 10px 0;
	}	
	#viragevert .logo-renovert  {margin-top:0px;}
	
	.header-lp {
		padding: 300px 0 0 0;
	}
	
	.swiper-slide.fillette {
	    background-position: -207px 0;
	}
	
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
	.button.visible-mobile.visible-sm {
	    display:inline-block !important;
	}
}

@media only screen and (max-width: 767px){
	.txt-2-col {
	    -webkit-columns: 1;
	    -moz-columns: 1;
	    columns: 1;

	}
	
	.txt-3-col {
	    -webkit-columns: 1;
	    -moz-columns:1;
	    columns: 1;

	}
	
	:before, :after {
		display: inline;
	}	

	#copyrights .col_half:last-child {
	    display: block;
	}
	
	#contact .parallax {
		display:none;
	}	
	
	#garanties .col_half img, 
	#garanties .col_one_fourth img {
	    width: 46%;
	    margin-right: 4%;
	    float: left;
	    margin-bottom: 0px !important;
	}	
	
	.call-action-bottom {margin-top:30px;}
	
	#lp .call-action-bottom {
	    margin-top: 0;
	}	
	
	.renovert {
	    margin-top: 0;
	}
	
	#viragevert .logo-renovert  {width:57%;margin-top:-50px;}
	
	.accueil .renovert {width:75%; margin:30px auto 0;}
	
	.col_full.nomargin {
		margin:0!important;
	}
	

	.button.visible-mobile {
	    display: inline-block !important;
	}	
	.emphasis-title h1, .emphasis-title h2 {
	    font-size: 44px;
	    line-height: 47px;
	}	
	
	.swiper-slide.fillette {
	    background-position: left top;
	}
	
		
}

@media only screen and (max-width: 767px) and (min-width: 480px){
	.swiper_wrapper:not(.force-full-screen), .swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {
	    height: 350px !important;
	}
}

@media only screen and (max-width: 479px){
	#header, #header-wrap, #logo img, #primary-menu:not(.style-2), #primary-menu:not(.style-2) > ul {
	    height: auto;
	}
	#logo img {
	    display: block;
	    max-width: 100%;
	    width: 100%;
	}

	.accueil .renovert {width:100%;}
	.button {
	    white-space: normal;
	    height: auto!important;	
	}
	.bg-blanc-70 {
	    padding: 20px;
	}

	.row {
	    margin-left: 0;
	    margin-right: 0;
	}
	
	.container, #header.full-header .container, .container-fullwidth {
	    max-width: 100%;
	}
	
	.header-lp {
	    padding: 300px 0 0 0;
	    background-position: -140px 0;
	}

	.swiper_wrapper:not(.force-full-screen), .swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide, .ei-slider {
	    height: 300px !important;
	}
	
	.emphasis-title h1, .emphasis-title h2 {
	    font-size: 40px !important;
	    line-height: 45px;
	}
	
	.swiper-slide.fillette {
	    background-position: -68px 0;
	}

}

/* Afficher le logo en mobile */
@media only screen and (-webkit-min-device-pixel-ratio: 2), not all, not all, not all, only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
	#logo a.standard-logo {
    	display: inline-block!important;
	}
}

.popup{
  position:absolute;
  right:0;
  left:0;
  margin-left:auto;
  margin-right:auto;
  width:654px;
  max-width:90vw;
  height:auto;
  z-index:100;
  opacity:0;
  transition: opacity 0.3s;
}
.popup.active{
  opacity:1;
}

.action-index .black-screen{
  opacity:0;
  transition: opacity 0.3s;
  background-color:rgba(0,0,0,0.4);
  height:100vh;
  width:100vw;
  position:fixed;
  z-index:99;
  top:0;
}

.action-index .black-screen.active{
  opacity:1;
}


.popup.hidden{
  display:none;
}
.action-index .black-screen.hidden{
  display:none;
}

a.full-dim{
  height:100%;
  width:100%;
  display:block;
  max-width:654px;
  max-height:557px;

}

#close-popup{
  text-align:right;
  margin-top:5px;
  margin-bottom:5px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  position:relative;
  bottom:-25px;
}

#close-popup img{
  width:32px;
  height:32px;
}

@media(max-width:768px){
  #close-popup img{
    bottom:-20px;
  }
}

.popup a.full-dim img{
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  border-radius:4px;
}
.button-special--design{
  display:flex;
  flex-direction:column;
  flex-wrap:wrap;
  justify-content:space-between;
}
.button-special--design .button.button-large{
  display: block !important;
  margin-top: 20px;
  width: 100%;
  text-align: center;
  flex-grow: 2;
  font-size: 14px;
  padding-right:5px;
  padding-left:5px;
}