/* Add here all your css styles (customizations) */
body, .headline-center p {
    font-size: 18px;
    font-family: 'Reem Kufi', sans-serif;
}
.btcenter{text-align: center;padding:20px 0;}
.ms-promo-info {
        font-family: 'Audiowide', cursive;
    font-size: 36px ;
    color: #ff8500 !important;
}
.navbar-brand{padding: 0;}
    /*  
     * Rating styles
     */
    #tem{position:relative;}
    /*#contactform{position:absolute;width:433px;height:726px;}
    #contactform.fixed{position:fixed;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);
        top:100px;
    }*/
    #contactform fieldset {
        background: #fec500 none repeat scroll 0 0;
        border: 0 none;
        margin: 0;
        min-width: 0;
        padding: 25px;
    }
    .errormessage{color:#ff8500;}
    #tem p.msgok{color:green;}
    .rating {
        width: 215px;
        margin: 0 auto 15px;
        font-size: 45px;
        overflow:hidden;
    }
    .rating input {
        float: right;
        opacity: 0;
        position: absolute;
    }
    .rating span,
    .rating label {
        float:right;
        color: #aaa;
        text-decoration: none;
        -webkit-transition: color .4s;
        -moz-transition: color .4s;
        -o-transition: color .4s;
        transition: color .4s;
    }
    .sky-form .rating label {
        float:right;
        color: #000;
        text-decoration: none;
        -webkit-transition: color .4s;
        -moz-transition: color .4s;
        -o-transition: color .4s;
        transition: color .4s;
        font-size: 38px;
        height: 35px;
        line-height: 40px;
    }

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
   font-weight:lighter;
}

    .rating label:hover ~ label,
    .rating input:focus ~ label,
    .rating input:checked ~ label,
    .rating label:hover,
    .rating span:hover,
    .rating span:hover ~ a,
    .rating span:focus,
    .rating span:focus ~ a     {
        color: #ff6f03;
        cursor: pointer;
    }
    .rating2 {
        direction: rtl;
    }
    .rating2 span {
        float:none
    }

#stars{color: #e20d22;}

.temoignage{background:#fec500;padding:10px 30px 2px;margin:20px 0 0 30px;
    position:relative;border-radius:10px;}
.textarticle, .textarticle p{color:#000;font-size:19px;}
.textarticle .ref, .reponse .ref{font-size:16px;color:#555;}
.reponse{background:#e0dcdb;padding:18px 30px 1px;margin:10px 0 0 50px;
    position:relative;border-radius:10px;}
.triangle-up {
    display:block;width: 0;height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #e0dcdb;
    position:absolute;top:-20px;
}
.triangle-left {
    display:block;width: 0;height: 0;
    border-top: 15px solid transparent;
    border-right: 30px solid #fec500;
    border-bottom: 15px solid transparent;
    position:absolute;top:20px;left:-30px;
}
.shrink-logo{margin-top:-15px;}
.reponse .ref{/*margin-left:65px;*/}

#pagin{text-align: center;margin-top:20px;}
#pagin a{padding:2px 5px;margin:0 1px;background:#e0dcdb;}
#pagin a:hover{color:#fff;}
#pagin a.actif{background:#ff8500;color:#fff;}

.color-red{
    color: #e20d22;
}
.color-gris{
	color: #999999 !important;
}
.color-blanc{
	color: #fff !important;
}
.color-orange{
	color: #ff8500 !important;
}
.color-red{
	color: #f0042a !important;
}
.color-vert{
	color: #00a75a !important;
}
.color-noir{
	color: #000000 !important;
}
.wrapper {
	/*background: #c4ac9c;*/
}
.margin-top-10{
	clear: both;
	margin-top: 10px;
}
a {
    color: #555;
    text-decoration: none;
}
a:hover {
	color: #e20d22;
    text-decoration: none;
}
.btn-u {
    background: #72c02c none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    padding: 6px 13px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
}
.btn-u:hover{
	background: #635c58;}

.btn-clim {
	font-family: 'Audiowide', cursive;
    background: #fff none repeat scroll 0 0 !important;
    width: 100%;
    border: 1px solid #ff8500;
    color: #ccc;
    font-size: 1.2em !important;
	height: 100px;
    padding-top: 10%;}
.btn-clim:hover{
	background: #ff8500 none repeat scroll 0 0 !important;
	color:#fff;
	transition: all 0.3s ease-in-out;
}

.header-v6 .dropdown-menu {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #fff none repeat scroll 0 0;
    border-color: #ff8500 -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-radius: 0;
    border-style: solid none none;
    border-width: 3px medium medium;
    min-width: 230px;
    padding: 15px 0;
    z-index: 9999 !important;
}
.service-box-v1 p::after {
    background: #ff8500 none repeat scroll 0 0;
    
}
.service-box-v1 li {
    border-top: 1px dotted #ff8500;
   
}
.service-box-v1 li:hover{
    color:#ff8500;
}
.headline-center h1:after, .headline-center h2:after {
    background: #ff8500 none repeat scroll 0 0;}
.headline h2, .headline h3, .headline h4 {
    border-bottom: 2px solid #ff8500;

}
.breadcrumb li.active, .breadcrumb li a:hover {
    color: #ff8500;
   
}
.who li i {
    color: #ff8500;}
/* LOGO PARTENAIRE */



.owl-clients-v1 img, .owl-clients-v2 img, .owl-clients-v3 img  {
    height: auto;
    width:50%;
}
.breadcrumbs-v3.img-v1 {
    background: rgba(0, 0, 0, 0) url("../img/illustr_amenagement.jpg") no-repeat scroll center center / cover ;
    height: 450px;
}
.breadcrumbs-v3::after {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    content: " ";
    height: 450px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1}
.process-v1 .process-in > li i {
    background: #ff8500 none repeat scroll 0 0;
   }
.headline-left .headline-brd::after {
    background: #ff8500 none repeat scroll 0 0;
    }
.lists-v2 i {
    color: #ff8500;}
.breadcrumbs-v3 .calc {
	height: 200px !important;
}

.breadcrumbs-v3.img-v3:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  z-index: -1;
  position: absolute;
  background: url(../img/patterns/gridtile.png) repeat;
}
.breadcrumbs-v3.img-v3:after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: " ";
    position: absolute;
    background: rgba(255,133,0,0.4);
}

.lists-v3 i {
    color: #555;
}
.list-unstyled2 {
    list-style: outside none none;
    padding-left:none;
}

.breadcrumbs-v3.img-v2 {
    background: rgba(0, 0, 0, 0) url("../img/illustr_transformation.jpg") no-repeat scroll center center / cover ;
    height: 450px;
}

.breadcrumbs-v3.img-v3 {
    background: rgba(0, 0, 0, 0) url("../img/bg/BG_Coquelicot.jpg") no-repeat scroll center center / cover ;
    height: 350px;
}
.breadcrumbs-v3.img-v4 {
    background: rgba(0, 0, 0, 0) url("../img/illustr_extension.jpg") no-repeat scroll center center / cover ;
    height: 350px;
}
.breadcrumbs-v3.img-v5 {
    background: rgba(0, 0, 0, 0) url("../img/illustr_charpente.jpg") no-repeat scroll center center / cover ;
    height: 350px;
}
.breadcrumbs-v3.img-v6 {
    background: rgba(0, 0, 0, 0) url("../img/bg/BG_aquathermie_eau_eau.jpg") no-repeat scroll center center / cover ;
    height: 350px;
}

.breadcrumbs-v3.img-v7 {
    background: rgba(0, 0, 0, 0) url("../img/bg/bg_choix_systeme_chauffage.jpg") no-repeat scroll center center / cover ;
    height: 350px;
}

.breadcrumbs-v3.img-v8 {
    background: rgba(0, 0, 0, 0) url("../img/bg/chaudiere_bois_granules_copeaux.jpg") no-repeat scroll center center / cover ;
    height: 350px;
}

.breadcrumbs-v3.img-v9 {
    background: rgba(0, 0, 0, 0) url("../img/bg/pompe_chaleur_air_eau_bg.jpg") no-repeat scroll center center / cover ;
    height: 350px;
}

.breadcrumbs-v3.img-v10 {
    background: rgba(0, 0, 0, 0) url("../img/bg/pompe_Chaleur_geothermie_bg.jpg") no-repeat scroll center center / cover ;
    height: 350px;
}
.breadcrumbs-v3.img-v11 {
    background: rgba(0, 0, 0, 0) url("../img/bg/REVUE_DE_PRESSE.jpg") no-repeat scroll center bottom / cover ;
    height: 350px;
}
.breadcrumbs-v3.img-v12 {
    background: rgba(0, 0, 0, 0) url("../img/bg/bg_energies-solaire_Thorens_energies.jpg") no-repeat scroll center bottom / cover ;
    height: 350px;
}
.breadcrumbs-v3.img-v13 {
    background: rgba(0, 0, 0, 0) url("../img/bg/energie_fossile.jpg") no-repeat scroll center bottom / cover ;
    height: 350px;
}
.breadcrumbs-v3.img-v14 {
    background: rgba(0, 0, 0, 0) url("../img/bg/bg_climatisation_new.jpg") no-repeat scroll center bottom / cover ;
    height: 350px;
}
/*  LI SCROLLER **/
/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
    width: 738px; 
    height: 60px; 
    margin: 0; 
    padding: 0;
    overflow: hidden; 
    line-height: 40px;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
    position: relative;
    left: 10px;
    top: 8px;
    width: 718px;
    overflow: hidden;
}
ul.newsticker { /* that's your list */
    position: relative;
    left: 750px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.newsticker li {
    float: left; /* important: display inline gives incorrect results when you check for elem's width */
    margin: 0;
    padding: 0;
}
ul.newsticker a {
    white-space: nowrap;
    padding: 0;
    font-weight: normal;
    margin: 0 50px 0 0;
} 
ul.newsticker span {
    margin: 0 10px 0 0;
}
/*Parralax */
.parallax-quote {
    /* color: #fff; */
    padding: 100px 0;
    position: relative;
    text-align: center;
    background: url(../img/bg/BG_Coquelicot.jpg) no-repeat fixed;
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */
}
.parallax-quote:after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: " ";
    position: absolute;
    background: rgba(255,133,0,0.2);
}
.parallax-quote-in small {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
	text-transform: uppercase;}

.petit{
	color: #fff !important;
	font-size: 0.8em !important;
}
.backinfo{
	width: 100%;
	background: url(../img/bg/BG_Coquelicot2.jpg)  no-repeat;
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */
	
}


@media (min-width: 768px) {

    .tickercontainer { /* the outer div with the black border */
        width: 80%; 
        height: 60px; 
        margin: 0; 
        padding: 0;
        overflow: hidden; 
        line-height: 40px;
    }
    .tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
        position: relative;
        left: 10px;
        top: 8px;
        width: 100%;
        overflow: hidden;
    }
}

/*FANCY BOX */
.portfolio-box .portfolio-box-in {
    visibility: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    color: #fff;
    background: #72c02c;
    font-size: 20px;
    text-align: center;
    line-height: 53px;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
}
.calculateur{
	width: 650px;
	height: 800px;
	margin: auto 11%;
}

.animation p{
	font-family: 'Reem Kufi', sans-serif;
	font-size: 0.8em !important;
	font-style: italic !important;	
}
.center{text-align: center !important;}
#portfolio .portfolio-item .portfolio-item-inner .portfolio-info i.fa {
    margin: 10px 10px 0 0;
    border-radius: 50%;
    background-image: -moz-linear-gradient(90deg, #f46f3e 0%, #face58 100%);
    background-image: -webkit-linear-gradient(90deg, #f46f3e 0%, #face58 100%);
    background-image: -ms-linear-gradient(90deg, #f46f3e 0%, #face58 100%);
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    box-shadow: 0 0 0 2px #fff;
    -webkit-box-shadow: 0 0 0 2px #fff;
}

/** FICHE REALISATION **/
.fichehead h1, .fichehead h2 {
	font-family: 'Reem Kufi', sans-serif;
    color: #fff;
    font-size: 46px;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 12px;
    padding-top: 24px;
	text-transform: uppercase;}
.fichehead h1:after, .fichehead h2:after {
    background: #fff none repeat scroll 0 0;
}
.fichehead {
	border: 1px solid #f46f3e;
	background: url(../img/bg/BG_Coquelicot.jpg) no-repeat fixed;
	
}
.fancybox-skin {
    position: relative;
    background: #ccc;
    color: #444;
    text-shadow: none;
   	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; 
}

.fancybox-close {
    position: absolute;
    top: -25px;
    right: -15px;
    width: 58px;
    height: 50px;
    cursor: pointer;
    z-index: 8040;
}
.fancybox-nav span {
    position: absolute;
    top: 41%;
    width: 67px;
    height: 74px;
    margin-top: 0;
    cursor: pointer;
    z-index: 8040; 
    visibility: hidden;
}
.fancybox-next span {
    right: 10px;
    background-position: 2px -140px;
}
.fancybox-prev span {
    left: 10px;
    background-position: 0px -64px;
}
.largeurmax {
	padding: 0px;
	width: 100% !important;
	padding: 10px;
}
.fichecol{
	/*border: 1px solid #f46f3e;*/
	
	padding: 10px;
		-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; 
	margin-bottom: 15px;
}
.fichecol p{
	font-size: 1em;
}
.fichecol strong{
	font-size: 1.1em;
		font-weight: 900;
	color: #000!important;
}

.labelfiche{
    font-size: 1.2em;
    text-decoration: none;

}
.paddingnull{
	padding: 0px !important;
}
.bordficheimg{
	/*border: 3px solid #f46f3e; */
}
.blocminia{
	clear: both;
	height: 350px;
}
img.miniature {
    width: 80px;
} 

.icon_thorens{
	width: 35px;
	height: 35px;
	margin: auto;
	background: url(../img/icone_thorens_enesgies.png) no-repeat center;
}
/* PRESSE */
table.presse{
	border-collapse: separate;
    border-spacing: 0px 8px; /* Nombre de pixels d'espace horizontal (5px), vertical (8px) */
	
}
.titre-presse {
font-family: 'Audiowide', cursive;
font-size: 22px;
text-transform: uppercase;}

table.presse tr.table-presse{
	border: 2px dotted #ccc;
	padding: 10px !important;
	margin: 15px;
}
img.miniaturepresse {
    width: 150px!important;
} 

.imgarticle{
	background: #fff;
	padding: 10px;
}
.borderpress{
	border: 1px dotted #ccc!important;
}
.blocpress {margin-top:10px; margin-left: 10px; }
.blocpress:hover{
	background: #f7f7f7;
	box-shadow: 0 0 0 2px #ccc;
    -webkit-box-shadow: 0 0 0 2px #ccc;
	transition: all 0.5s ease-in-out;
}
.bg-color-orange {
    background-color: #ff6f00 !important;
}
/*NEWS */
.titrenews{
	font-size: 1.2em;
}

/* SLIDE ACCUEIL */
.call-action-v1 .call-action-v1-box {
    width: 100%;
    display: table;
    padding: 15px 0;
    vertical-align: middle;
}

/*Temoignages */
.drapeau{
	float: left;
}
.text-temoignage{
	margin-left: 34px;
    padding-top: 5px;
}
/*FOOTER */
.footer-v6 .footer .contacts li i {
    float: left;
    width: 30px;
    height: 30px;
    color: #eee;
    padding: 0px 5px; 
    background: #201114;
    text-align: center;
    margin: 4px 3px 0 0;
	display: inline-block;}