@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:5vw; 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; }
a img { border:0; padding:0; margin:0; }
a:hover { text-decoration:underline; }
a.black { }
a.black:hover { }
.transparent { opacity:0.5; color:white; }

a[href^=tel] { color:inherit; text-decoration:none; }	

/********************************************************/

#header { width:100%; background-color:#009966; position:fixed; z-index:10; }

#menu { display:none; }

#header-centre { padding:3vw 5vw; background-image:url(../img/header_deg.png); background-size:cover; }
#header-centre-top { color:white; font-size:0.7em; display:inline-block; }
#header-centre-top p { display:inline-block; margin-left:6vw; font-weight:700; white-space:nowrap; }
#logocem { width:25vw; height:auto; }
.envoyer { display:none; }
.telephone { font-size:1.7em; margin-top:0.5vw; display:block; }
#hamburger { width:9vw; height:auto; right:0; bottom:0; position:absolute; margin-right:4.5vw; margin-bottom:4.1vw;  }
#hamburgerclose { width:9vw; height:auto; right:0; top:0; position:absolute; margin-right:4.4vw; margin-top:6vw; }

#menumob { height:0%; width:100%; margin:0; position:fixed; z-index:10; top:0; left:0; background-image:url(../img/header_deg.png); background-size:100%; color:#fff; overflow-y:hidden; transition:0.5s; }
ul#menumob-contenu { list-style:none; position:relative; top:13%; padding-left:5vw; }
#menumob-contenu li { padding:3.2vw 0; }
#menumob-contenu li a { font-size:6vw; font-weight:700; line-height:9vw; color:#fff; display:block; }
#menumob-contenu li a:hover, #menumob-contenu li a.actif, #menumob-contenu li a:active { opacity:0.5; text-decoration:none; }

#vdd { display:none;}


#container { width:100%; padding-top:19vw; padding-bottom:5vw; }

#container > div { padding:3vw 5vw; height:100%; }

.illustrd, .illustrg { width:100%; height:auto; margin-bottom:3vw; margin-top:3vw; }
.ptextd, .ptextg { width:100%; margin-bottom:3vw; padding-top:2vw; }
.fondgris { background-color:#f9eff0;}
.nopadding { }
.nopaddingbottom {  }

.titre { color:#555; font-size:1.5em; font-weight:700; display:block; margin-top:-6px; }
.titre2 { color:#555; font-size:1em; font-weight:700; display:block; margin-top:-6px; }
.soustitre { color:#555; font-size:1em; font-weight:700; line-height:7vw; display:block; margin-top:12px; }
.texte { color:#555; display:block; font-size:0.8em; line-height:6vw; margin-top:10px; }

.devisgratuit { margin-top:5vw; width:50%; height:auto;  }

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





.footer > div { pointer-events:auto; border-top:1px solid black; margin:4vw 0; padding-top:15px; padding-bottom:40vw; position:relative; z-index:5; }
.footer div img { width:15vw; height:auto; position:absolute; }
.footer div p { left:37%; font-size:0.7em; font-weight:700; line-height:5vw; position:absolute; text-decoration:line-through; }
.footer a { color:black; }
.footer a:hover { color:black !important; opacity:0.5; text-decoration:none; }

#partenaires { left:0.8vw; position:relative; top:50vw; }
#partenaires ul { padding:0; margin:0; list-style:none; pointer-events:auto; }
#partenaires li, #partenaires li a, .footer { pointer-events:auto; }
#partenaires span { font-size:0.7em; font-weight:700; line-height:25px; position:relative; top:-15px; left:-1px; }
#partenaires img { width:150px; height:auto; position:relative; margin-bottom:30px; pointer-events:auto; }
#partenaires li:nth-child(1) img { width:250px; }
#partenaires li:nth-child(3) { left:-3px; position:relative; }

#contact1 img { width:100%; height:auto; padding-top:3vw; }
#contact1 p { font-size:1em; font-weight:700; margin-top:3vw; line-height:7vw; }