/*!
 * Start Bootstrap - Agency Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 
 
 
menu, titre section & titre produit 
font-family: 'Muli', sans-serif;
300 400 600 700 800 900

sous titre & body
font-family: 'Source Sans Pro', sans-serif;
300 400 600 700 900

 */
 
@import url('https://fonts.googleapis.com/css?family=Muli:300,300i,400,400i,600,600i,700,700i,800,800i|Source+Sans+Pro:300,300i,400,400i,600,600i,700,700i');

html {
}

body {
font-family: 'Source Sans Pro', sans-serif;
font-size: 15px;
font-weight:400;
line-height: 1.42em;
color:#333;
}

p {	
font-family: 'Source Sans Pro', sans-serif;
font-size: 17px;
font-weight:400;
line-height: 1.42em;
margin-bottom:10px;
color:#333;
}

p.no-margin-bottom{
margin-bottom:0 !important;
}

p b {
font-weight:600;
color:#000;
}

@media (max-width:767px) {
p.justify {
text-align:justify !important;
}
}

h1 /*titre banner*/ {
color:#000;	
}

h2 /*titre section*/ {
color:#000;
font-family: 'Muli', sans-serif;
font-size: 34px;
font-weight:800;
letter-spacing:0.5px;
margin:0;
padding:0 0 10px 0;
}

#produitsbis h2 /*titre produit*/ {
color:#fff;
font-family: 'Muli', sans-serif;
font-size: 32px;
font-weight:700;
letter-spacing:0.5px;
margin:0;
padding:0;
}

@media (max-width:991px) {
h2 /*titre section*/ {
font-size: 30px;
}	
}

h4 /*sous titre activités*/ {
color:#000;	
font-family: 'Source Sans Pro', sans-serif;
font-size: 22px;
font-weight:600;
letter-spacing:0;
margin:0;
padding:10px 0 10px 0;
}

#produitsbis h4 /*sous titre produit*/ {
color:#fff;
font-family: 'Source Sans Pro', sans-serif;
font-size: 14px;
font-weight:400;
letter-spacing:0.5px;
margin:0;
padding:5px 0 30px 0;
text-transform:uppercase;
line-height:1.3em;
}

#thex h4 /*sous titre produit*/ {
color:#000;
font-family: 'Source Sans Pro', sans-serif;
font-size: 22px;
font-weight:600;
letter-spacing:0;
margin:0;
padding:5px 0 25px 0;
text-transform:uppercase;
line-height:1.3em;
}

#airlam h4 /*sous titre produit*/ {
color:#000;
font-family: 'Source Sans Pro', sans-serif;
font-size: 22px;
font-weight:600;
letter-spacing:0;
margin:0;
padding:5px 0 25px 0;
text-transform:uppercase;
line-height:1.3em;
}

#production-froid h4 /*sous titre produit*/ {
color:#000;
font-family: 'Source Sans Pro', sans-serif;
font-size: 22px;
font-weight:600;
letter-spacing:0;
margin:0;
padding:5px 0 25px 0;
text-transform:uppercase;
line-height:1.3em;
}

@media (min-width:992px) and (max-width:1200px) {
#produitsbis h4.height /*sous titre produit*/ {
height:60px;
}
}

@media (min-width:768px) and (max-width:991px) {
#produitsbis h4 /*sous titre produit*/ {
/*height:60px;*/
}
}

h3 /*titre projet */{
color:#000;	
font-family: 'Source Sans Pro', sans-serif;
font-size: 22px;
font-weight:600;
margin:0;
padding:0 0 5px 0;
}

#chaleur h5,
#heat h5, /*sous titre projet stockage de chaleur*/{
color:#000;	
font-family: 'Source Sans Pro', sans-serif;
font-size: 18px;
font-weight:600;
margin:0;
padding:0 0 15px 0;
}

#propos h5,
#about h5 /*sous titre activités*/ {
color:#000;	
font-family: 'Source Sans Pro', sans-serif;
font-size: 18px;
font-weight:600;
margin:0;
padding:0 0 15px 0;
text-align:center;
}

.modal h5 /*sous titre projet */{
color:#000;	
font-family: 'Source Sans Pro', sans-serif;
font-size: 18px;
font-weight:600;
margin:0;
padding:0 0 0 0;
}

#thex h5,
#airlam h5,
#production-froid h5 {
color:#ff9000;	
font-family: 'Source Sans Pro', sans-serif;
font-size: 18px;
font-weight:600;
margin:0;
padding:15px 0 5px 0;
line-height:1.25em;
font-style:italic;
}

th {
background-color:#cbe4ee;
border:1px solid #878787 !important;
}

td {
border:1px solid #878787 !important;
}

#thex h6 {
font-family: 'Source Sans Pro', sans-serif;
font-size: 15px;
font-weight:400;
line-height: 1.42em;
margin:0;
padding:0;
color:#333;
font-style:italic;
}

li {	
font-family: 'Source Sans Pro', sans-serif;
font-size: 17px;
font-weight:400;
line-height: 1.42em;
color:#333;
}

a,
a:hover,
a:focus,
a:active,
a.active {
	text-decoration:none;
    outline: 0;
}

a.color {
color:#ff9900;	
}

a.cadreB {
border:2px solid #000;
font-family: 'Source Sans Pro', sans-serif;
font-size: 14px;
font-weight:600;
letter-spacing:0.5px;
margin:0;
padding:10px 15px;
text-transform:uppercase;
color:#000;
}

a.cadreB:hover {
background-color:#000;
color:#fff;
}

a.cadreW {
border:2px solid #fff;
font-family: 'Source Sans Pro', sans-serif;
font-size: 14px;
font-weight:600;
letter-spacing:0.5px;
padding:10px 15px;
text-transform:uppercase;
color:#fff;
}

.bleu a.cadreW:hover {
background-color:#fff;
color:#233d79;
}

.orange a.cadreW:hover {
background-color:#fff;
color:#ff9000;
}

@media (min-width:992px) and (max-width:1279px) {
a.cadreW {
border:2px solid #fff;
font-family: 'Source Sans Pro', sans-serif;
font-size: 11px;
font-weight:600;
letter-spacing:0px;
padding:5px 8px;
text-transform:uppercase;
color:#fff;
}	
}

@media (max-width:480px) {
/*a.cadreW {
border:2px solid #fff;
font-family: 'Source Sans Pro', sans-serif;
font-size: 13px;
font-weight:600;
letter-spacing:0px;
padding:10px 15px;
text-transform:uppercase;
color:#fff;
}*/	

a.cadreW.second {
margin-top:20px;
}	
}

a.cadreO {
border:2px solid #ff9900;
font-family: 'Source Sans Pro', sans-serif;
font-size: 14px;
font-weight:600;
letter-spacing:0.5px;
padding:10px 15px;
text-transform:uppercase;
color:#ff9900;
}

a.cadreO:hover{
background-color:#ff9000;
color:#fff;
}

#contact a,
#contact a:hover,
#contact a:focus {
color: #ff9900 !important;
}

footer.bg-black p {
margin:0 15px;
font-size:14px;
color:#fff;
}

footer.bg-light-gray p {
margin:0 15px;
font-size:14px;
color:#000;
}

/*picto*/

.fa-sun,
.fa-exchange-alt,
.fa-bullseye,
.fa-project-diagram {
font-size:24px !important;
color:#ff9000 !important;	
display:block !important;
text-align:center !important;
padding:0 0 15px 0;
margin:0;
}

/*logo*/

@media (min-width:1500px) {	
#chaleur .container-fluid,
#heat .container-fluid,
#produitsbis .container-fluid {
width:1480px;
}
}

.navbar-brand {
float: left;
height: 80px;
padding: 10px 0 0 15px;
}

/*menu*/

.navbar-default .nav li a {
    text-transform: uppercase;
    font-family: 'Muli', sans-serif;
    font-weight: 700;
	font-size:11px;
    letter-spacing: 1px;
    color: #000;
}

.navbar-nav > li > a {
    padding-top: 31px;
	padding-bottom:0;
}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    outline: 0;
    color: #ff9900;
}

.navbar-default .navbar-nav >.active > a {
    color: #ff9900;
}

.navbar-default .navbar-nav >.active > a:hover,
.navbar-default .navbar-nav >.active > a:focus {
    color: #ff9900;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background: none !important;
}

.navbar-default {
        padding: 0;
        border: 0;
        background-color: white;
        -webkit-transition:none;
        -moz-transition: none;
        transition: none;
		border-bottom:1px solid #ccc;
		min-height:79px;
}

.navbar-default.navbar-shrink {
        padding: 0;
}

li.separator a {
    font-weight: 600;
}

li.langue a.active {
     color: #ff9900;
}

/*menu responsive*/

.navbar-toggle {
margin-top:25px;
background-color:#ddd;	
}
.navbar-header {
height:80px;	
}

@media (min-width:768px) and (max-width:991px) {
nav .container-fluid {
	 width:100% !important; 
	 margin:0;	
	 padding:0; 
}

nav .container {
	 width:100% !important; 
	 margin:0;	
	 padding:0; 
}
.navbar-header {
padding-left:15px !important;	
}

.navbar-collapse {
padding-left:18px !important;	
}
}

@media (max-width:991px) {
 
.navbar-default .nav li a {
    font-size: 11px !important;
	padding-left:18px !important;	
}

.nav > li > a {
    /*padding-left: 10px !important;
    padding-right: 10px !important;*/
}

li.separator {
   display:none;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
}

/*breakpoint 992px*/

@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
		background-color:#ff9900;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 8px;
        padding-bottom: 8px;
		margin-bottom:0;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}

@media (min-width:992px) and (max-width:1200px) {
 
.navbar-default .nav li a {
    font-size: 11px !important;
	padding-left:5px !important;
	letter-spacing:0.2px;	
}

.nav > li > a {
    /*padding-left: 10px !important;
    padding-right: 10px !important;*/
}

li.separator {
   /*display:none;*/
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
}

/*banner*/

header {
	background:#000;
    margin-top: 80px;
	height:auto;
}

header .container-fluid {
	padding:0;
}

@media (min-width:1680px) {
header .img-large {
}

header .img-responsive,
#photo .img-responsive {
	display:none;
}

header .img-small,
#photo .img-small {
	display:none;
}
}

@media (min-width:992px) and (max-width:1680px) {
header .img-large,
#photo .img-large {
	display:none;
}

header .img-responsive {
	
}

header .img-small,
#photo .img-small {
	display:none;
}
}

@media (max-width:991px) {
header .img-large,
#photo .img-large {
	display:none;
}

header .img-responsive,
#photo .img-responsive {
	display:none;
}

header .img-small,
#photo .img-small {
	max-width:100%;

}
}

/*section*/

hr {
    height:3px;
    background-color: #ff9900;
    width: 90px;
	margin-bottom:30px;
	border:none;
}

.padding-bottom {
    padding-bottom: 20px;
}

section#chaleur,
section#heat {
    padding: 90px 0 100px 0;
}

section#froid,
section#cold {
    padding: 90px 0 100px 0;
}

section#produits,
section#products {
    padding: 90px 0 30px 0;
}

section#produitsbis {
    padding: 0 0 100px 0;
}

section#propos,
section#about {
    padding: 90px 0 100px 0;
	border-top:2px solid #eaeaea;	
	border-bottom:2px solid #eaeaea;	
}

section#partenaires,
section#partners {
    padding: 90px 0 90px 0;
}

section#contact {
    padding: 90px 0 90px 0;
}

section#thex {
    padding: 30px 0 45px 0 !important;
}

section#airlam {
    padding: 40px 0 35px 0;
}

@media (max-width:991px) {
section#chaleur,
section#heat {
    padding: 80px 0 80px 0;
}

section#froid,
section#cold {
    padding: 80px 0 80px 0;
}

section#produits,
section#products {
    padding: 80px 0 30px 0;
}

section#produitsbis {
    padding: 0 0 100px 0;
	/*border-bottom:2px solid #eaeaea;	*/
}

section#airlam {
    padding: 30px 0 30px 0 !important;
}

section#propos,
section#about {
    padding: 80px 0 80px 0
}

section#partenaires,
section#partners {
    padding: 80px 0 80px 0;
}

section#contact {
    padding: 80px 0 80px 0;
}
}

@media (max-width:767px) {
section#thex {
    padding: 30px 0 10px 0 !important;
}
}

@media (min-width:1200px) {
section .container {
	width:900px !important;
}
}

@media (min-width:992px) {
section .container {
	width:900px !important;
}
}

section img {
   display:block;
   margin:0 auto;
}

/*blocs activités*/

@media (min-width:992px) {
#propos .col-lg-3,
#about .col-lg-3 {
width:23% !important;
height:160px;
background-color:#f1f1f1;
margin:10px 1% 30px 1%;
padding:20px;
}
}

@media (min-width:768px) and (max-width:991px) {
#propos .col-md-6,
#about .col-md-6 {
width: 23% !important;
height:180px;
background-color:#f1f1f1;
margin:10px 1% 30px 1%;
padding:20px;
}
}

@media (max-width:767px) {
#propos .col-sm-12,
#about .col-sm-12 {
background-color:#f1f1f1;
margin:10px 15px 20px 15px;
padding:20px;
}
}

/*produits*/

.col-lg-6 .bleu {
padding:40px 50px 45px 50px;	
background-color:#233d79;
}

.col-lg-6 .orange  {
padding:40px 50px 45px 50px;
background-color:#ff9900;
}

#produitsbis img {
padding-bottom:50px;
}

@media (min-width:992px) and (max-width:1279px) {
#produitsbis img {
padding-bottom:40px;
}

.col-lg-6 .bleu {
padding:40px 50px 35px 50px;	
background-color:#233d79;
}

.col-lg-6 .orange  {
padding:40px 50px 35px 50px;
background-color:#ff9900;
}
}

@media (max-width:767px) {
#produitsbis img {
display:block;
width:auto;
padding-bottom:50px;
}

.col-lg-12 .bleu {
padding:40px 50px 40px 50px;	
background-color:#233d79;
}

.col-lg-12 .orange  {
padding:40px 50px 40px 50px;
background-color:#ff9900;
}

#produitsbis span {
display:block;
width:auto;
}
}

@media (max-width:480px) {
.col-lg-6 .bleu, 
.col-lg-12 .bleu {
padding:30px 40px 35px 40px;	
background-color:#233d79;
}

.col-lg-6 .orange, 
.col-lg-12 .orange  {
padding:30px 50px 35px 40px;
background-color:#ff9900;
}
}

/*projets*/

@media (min-width:1600px) {
#chaleur .col-lg-3 .col-lg-12,
#heat .col-lg-3 .col-lg-12  {
height:300px;
background-color:#f1f1f1;
margin-top:10px;
padding:30px;
}
}

@media (min-width:1200px) and (max-width:1600px) {
#chaleur .col-lg-3 .col-lg-12,
#heat .col-lg-3 .col-lg-12   {
height:360px;
background-color:#f1f1f1;
margin-top:10px;
padding:30px;
}
}

@media (min-width:1024px) and (max-width:1200px) {
#chaleur .col-md-6 .col-lg-12,
#heat .col-lg-3 .col-lg-12   {
height:280px;
background-color:#f1f1f1;
margin-top:10px;
margin-bottom:20px;
padding:30px;
}
}

@media (min-width:992px) and (max-width:1024px) {
#chaleur  .col-md-6 .col-lg-12  {
height:280px;
background-color:#f1f1f1;
margin-top:10px;
margin-bottom:20px;
padding:30px;
}
}

@media (min-width:768px) and (max-width:991px) {
#chaleur  .col-md-6 .col-lg-12,
#heat .col-lg-3 .col-lg-12   {
height:300px;
background-color:#f1f1f1;
margin-top:10px;
margin-bottom:20px;
padding:30px;
}
}

@media (max-width:767px) {
#chaleur .col-sm-6 .col-lg-12,
#heat .col-lg-3 .col-lg-12   {
height:auto;
background-color:#f1f1f1;
margin-top:10px;
margin-bottom:20px;
padding:30px 30px 40px 30px;
}
}

/*carousel*/

.slick-list {
	padding:40px 0 0 0 !important;
}

.slick-track {
	display:flex !important;	
}

.slick-slide {
	margin:auto !important;
}

@media (min-width:1280px) {
.slick-slide img {
	width:auto;
	height:80px;
}

.slick-slide img.big {
	width:auto;
	height:90px;
}
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
.slick-slide img {
	width:auto;
	height:70px;
}

.slick-slide img.big {
	width:auto;
	height:90px;
}
}

@media (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
.slick-slide img {
	width:auto;
	height:60px;
}

.slick-slide img.big {
	width:auto;
	height:80px;
}
}

@media only screen and (max-device-width: 480px) {
.slick-slide img {
	width:auto;
	height:70px;
}

.slick-slide img.big {
	width:auto;
	height:80px;
}
}


@media (min-width:480px) and (max-width:1280px) {
.slick-slide img {
	width:auto;
	height:80px;
}

.slick-slide img.big {
	width:auto;
	height:100px;
}
}

@media (max-width: 480px) {
	.slick-slide img {
	width:auto;
	height:70px;
}

.slick-slide img.big {
	width:auto;
	height:90px;
}
}

/* modal */

/*Add .modal-dialog-centered to .modal-dialog to vertically center the modal.*/

.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2));
}

@media (min-width:992px) {
.modal-lg,
.modal-content {
    width:750px;
	max-width: inherit;
}
}

@media (min-width:768px) and (max-width:991px) {
.modal-lg {
    width:inherit;
	max-width: 750px;
	margin:0 auto;
}
.modal-content {
    width:inherit;
	max-width: 750px;
	margin:0 15px;
}
}

@media (max-width:767px) {
.modal-lg,
.modal-content {
    width:inherit;
	max-width: 100%;
}
}

.modal-backdrop.show {
    opacity: 0;
	filter: alpha(opacity=0); /* For IE8 and earlier */
}

.modal-backdrop {
    background-color:#000;
}

.modal-content {
	border-radius:0;	
	border:none;
	/*background-color: rgba(250, 250, 250, 1);*/
}

.modal-content p {
	margin: 0 0 10px 0;
	padding:0;
	color:#000;
}


.modal-header {
	border-bottom:none;
	padding:25px 25px 15px 25px !important;
}

.modal-body {
	padding:0 25px 20px 25px !important;
}

.close,
.close:hover,
.close:focus {
	color:#333;
	text-shadow:none;
	opacity :1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
	position:absolute;
	top:25px;
	right:25px;
	font-size:28px;
}

/*pages ThEx/airlam*/

#imageThex {
margin-top:140px;
text-align:center;
}

#imageAirlam {
margin-top:120px;
text-align:center;
}

@media (max-width:767px) {
#imageThex {
margin-top:130px;
text-align:center;
}
#imageAirlam {
margin-top:110px;
text-align:center;
}
}

#imageThex img,
#imageAirlam img {
margin:0 auto;
}

#thex .margin {
margin:40px 0 10px 0;
}

.calculator {
position:absolute;
top:100px; 
right:15px;
}

@media (min-width:768px) and (max-width:991px) {
#imageThex img {
width:600px;
max-width:100%;
margin:20px auto 0 auto;
}

#imageAirlam img {
width:600px;
max-width:100%;
}

.calculator {
position:absolute;
top:100px; 
right:15px;
}
}

@media (max-width:767px) {
#imageThex img {
width:500px;
max-width:100%;
margin:40px auto 0 auto;
}

#imageAirlam img {
width:500px;
max-width:100%;
}

.calculator {
position:absolute;
top:100px;
/*left:15px;
right:inherit;*/
right:50%;
margin-right:-100px;
}

.calculator img {
width:200px;
}
}

@media (max-width:767px) {
#thex span {
display:block;
width:auto;
}

#thex a.cadreB.second {
margin-top:20px;
}

#thex a.cadreB.third {
margin-top:20px;
}

#thex .margin {
margin:30px 0 40px 0;
}	
}

/*page request a quote*/

section#titre {
	margin:0;
	padding:150px 0 50px 0;
}

section#request {
	margin:0;
	padding:0;
}

#page section#contact {
	margin:0;
	padding:0px 0 50px 0;
	clear: both;
}

#page h2 {
color:#000;
font-family: 'Muli', sans-serif;
font-size: 28px;
font-weight:800;
letter-spacing:0.5px;
margin:0;
padding:0 0 10px 0;	
line-height:1.2em;
}

@media (min-width:992px) {
#page h2 {
width:100%;
max-width:100%;
color:#000;
font-family: 'Muli', sans-serif;
font-size: 28px;
font-weight:800;
letter-spacing:0.5px;
margin:0 auto;
padding:0 0 10px 0;	
line-height:1.2em;
}

.content {
	width:900px;
	margin:0 auto;
}

.left {
	width:50%;
	float:left;	
}

.right {
	width:50%;
	float:left;	
}
}

@media (max-width:991px) {
#page h2 {
width:100%;
max-width:450px;
color:#000;
font-family: 'Muli', sans-serif;
font-size: 28px;
font-weight:800;
letter-spacing:0.5px;
margin:0 auto;
padding:0 0 10px 0;	
line-height:1.2em;
}

.content {
	width:100%;
	max-width:450px;
	margin:0 auto;
}

.left {
	width:100%;
	float:none;	
	padding:0 15px;
}

.right {
	width:100%;
	float:none;	
	padding:0;
}
}

@media (min-device-width:768px) and (max-device-width:1024px) and (orientation : landscape) {
#page h2 {
width:100%;
max-width:100%;
color:#000;
font-family: 'Muli', sans-serif;
font-size: 28px;
font-weight:800;
letter-spacing:0.5px;
margin:0 auto;
padding:0 0 10px 0;	
line-height:1.2em;
}

.content {
	width:900px;
	max-width:900px;
	margin:0 auto;
}

.left {
	width:50%;
	float:left;	
}

.right {
	width:50%;
	float:left;	
}
}

@media (min-device-width:768px) and (max-device-width:1024px) and (orientation : portrait) {
#page h2 {
width:100%;
max-width:450px;
color:#000;
font-family: 'Muli', sans-serif;
font-size: 28px;
font-weight:800;
letter-spacing:0.5px;
margin:0 auto;
padding:0 0 10px 0;	
line-height:1.2em;
}

.content {
	width:100%;
	max-width:450px;
	margin:0 auto;
}

.left {
	width:100%;
	float:none;	
	padding:0 15px;
}

.right {
	width:100%;
	float:none;	
	padding:0;
}
}

.line img {
display:inline-block;	
}