@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700;800&display=swap');

html, html a, input, textarea, select, button { -webkit-font-smoothing:antialiased !important; }

body { width:100%; height:100%; padding:0; margin:0; font-family: 'Poppins', sans-serif; font-size:38.5px; color:#000; background-color:white; }
html { width:100%; height:100%; }

a:hover img, a:hover img { color:transparent !important; }
p, form, ul, li, label, input, hr, select, img, button, textarea, option { padding:0; margin:0; font-family: 'Poppins', sans-serif; }
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, input, button, select, option, textarea, form { outline:none; -webkit-appearance:none; -webkit-border-radius:0px; }
button { background:0; border:0; cursor:pointer; }
button:hover { text-decoration:underline; }
/*input { -webkit-appearance:none; }*/
	
.clearer { display:block; clear:both; }
.spacer08 { height:8px; display:block; clear:both; }
.spacer15 { height:15px; display:block; clear:both; }
.spacer25 { height:25px; display:block; clear:both; }


a { text-decoration:none; color:white; }
a img { border:0; padding:0; margin:0; }
a:hover { color:white !important; text-decoration:none; opacity:1; }
a.black { color:black; }
a.black:hover { color:black !important; }
.transparent { opacity:0.5; }


/********************************************************/
#hamburger, #menumob { display:none; }

#header { width:100%; height:219px; min-width:1400px; background-image:url(../img/header_deg_pix_gauche.png), url(../img/header_deg_pix_droite.png); background-position:left top, center top; background-repeat:no-repeat; background-size:50% 100%, 100% 100%; position:fixed; box-shadow:3px 3px 12px 0px #888; -moz-box-shadow:3px 3px 12px 0px #888; z-index:10; }

#header-centre { margin:0 auto; width:1310px; height:187px; padding-top:32px; padding-left:90px; background-image:url(../img/header_deg.png); }
#header-centre-top { color:white; font-size:0.6em; }
#header-centre-top p { display:inline-block; margin-left:42px; font-weight:700; }
#logocem { width:210px; height:auto; margin-top:5px; }
ul#menu { list-style:none; margin-top:16px; margin-left:3px; }
ul#menu li { float:left; margin-right:23px; }
ul#menu li a { font-size:0.473em; font-weight:700; opacity:0.5; }
ul#menu li a:hover, ul#menu li a:active, ul#menu li a.actif { opacity:1; text-decoration:none; }
#vdd { width:200px; position:relative; float:right; right:-55px; bottom:85px; }
#vdd img { width:150px; height:auto; }
#vdd p { color:white; font-size:0.5em; font-weight:700; line-height:1.2em; width:200px; text-align:right; position:relative; right:54px; bottom:10px; }

#container { margin:0 auto; width:1400px; padding-top:220px; overflow:hidden; padding-bottom:100px; }

#container > div { padding:50px 90px; }

.illustrd, .illustrg { width:48.5%; height:auto; display:inline-block; }
.ptextd, .ptextg { width:48.5%; height:100%; display:inline-block; }
.illustrd, .ptextd { float:right; }
.fondgris { background-color:#f9eff0; }
.nopadding { padding:0px 90px !important; }
.nopaddingbottom { padding:50px 90px 25px 90px !important; }
.footer > div { border-top:1px solid black; margin:70px 0; padding-top:15px; padding-bottom:50px; display:flex; position:relative; z-index:5; }
.footer div img { width:150px; height:auto; position:absolute; }
.footer div p { left:450px; font-size:0.42em; font-weight:700; line-height:25px; position:relative; text-decoration:line-through; }
.footer a { color:black; }
.footer a:hover { color:black !important; opacity:0.5; text-decoration:none; }
#partenaires { left:700px; position:relative; }
#partenaires ul { padding:0; margin:0; list-style:none; }
#partenaires span { font-size:0.42em; font-weight:700; line-height:25px; position:relative; top:-15px; left:-1px; }
#partenaires img { width:150px; height:auto; position:relative; margin-bottom:30px; }
#partenaires li:nth-child(1) img { width:250px; }
#partenaires li:nth-child(3) { left:-3px; position: relative; }




.titre { color:#555; font-size:0.9em; font-weight:700; display:block; margin-top:-6px; }
.titre2 { color:#555; font-size:0.6em; font-weight:700; display:block; margin-top:-6px; }
.soustitre { color:#555; font-size:0.6em; font-weight:700; line-height:32px; display:block; margin-top:12px; }
.texte { color:#555; display:block; font-size:0.48em; line-height:28px; /*margin-top:10px;*/ }

.devisgratuit { margin-top:30px; }

#news { }
.newsrow { display:flex; margin-top:20px; }
.newsimg { width:36%; height:auto; margin-right:10px; }
.newstxt { margin-top:0; }
.temrow { margin-top:20px; }
.starsrow { display:flex; }
.starsrow p { font-size:0.4em; line-height:1.4em; color:#333; }
.fiveimg { width:15%; height:15%; margin-bottom:0px; margin-right:10px; }
.temtxt { margin-top:5px; font-size:0.48em; line-height:1.4em; }
.main-gallery { z-index:0;}
.flickity-button, .flickity-page-dots { display:none; }

#chauffage1 { height:750px; display:none; }
#chauffage2 { height:1215px; display:none; }
#chauffage3 { height:588px; display:none; }
#chauffage3b { height:688px; display:none; }

#energie1 { height:550px; display:none; }
#energie2 { height:520px; display:none; }
#energie3 { height:300px; display:none; }

#eauchaude1 { height:1400px; display:none; }
#eauchaude2 { height:760px; display:none; }
#eauchaude3 { height:250px; display:none; }

#ventil1 { height:415px; display:none; }
#ventil2 { height:810px; display:none; }

#clim1 { height:800px; display:none; }
#clim2 { height:410px; display:none; }

#citerne1 { height:500px; display:none; }
#citerne2 { height:420px; display:none; }
#citerne3 { height:550px; display:none; }

#contact1 img { width:100%; height:auto; }
#contact1 p { font-size:0.8em; font-weight:700; margin-top:30px; line-height:45px; }


.toppadding { padding-top:600px !important;}



@media only screen and (max-width: 1420px) {
#header { min-width:1200px; }
#header-centre { min-width:1200px; width:1200px; padding-left:min(30px, 90px); position:absolute; background-size:100% 100%; }
#container { margin:0; max-width:1260px;  }
#container > div { margin:0; width:1200px; padding-left:min(30px, 90px); padding-right:min(30px, 90px); }
.nopadding, .nopaddingbottom { padding-left:min(30px, 90px) !important; padding-right:min(30px, 90px) !important; }
.footer div p { left:450px; }



#vdd { right:-80px; }

}