
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}

audio,canvas,progress,video{display:inline-block;vertical-align:baseline}

.header{z-index:99;}

#social-fixed{position:fixed;right:0;top:50px;-webkit-transform:translateY(-50%);transform:translateY(-50%);
	         z-index:99;padding:20px 12px;text-align:center;opacity:1;
	         background-size:contain;transition:right .5s ease-in-out,opacity .8s ease-in-out}
#social-fixed li{margin-bottom:25px}
#social-fixed li img{height:25px;width:auto}
#social-fixed li:last-of-type{margin-bottom:0}
#social-fixed.visually-hidden{right:-50px;opacity:0}

#Plomberie{height:50vh;overflow:hidden}
#Plomberie .slider-fullscreen .slide{height:100vh;position:relative;background-size:cover;background-position:50%}
#Plomberie .slider-fullscreen .slide .content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-48%,-50%);transform:translate(-48%,-50%);text-align:center;color:#fff;-webkit-transform-origin:center center;transform-origin:center center;opacity:0;transition:all .5s ease-in-out}
#Plomberie .slider-fullscreen .slide .content h2{font-size:70px;margin-top:10px;margin-bottom:0;padding-top:45px}
#Plomberie .slider-fullscreen .slide .content .description{color:#fff;margin-bottom:20px}
#Plomberie .slider-fullscreen .slide .content .description p{font-weight:700;font-size:22px}
#Plomberie .slider-fullscreen .slide .content .bouton{display:table;margin-left:auto;margin-right:auto}
#Plomberie .slider-fullscreen .slide .content.visible-text{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:1}

#Solaire{height:50vh;overflow:hidden}
#Solaire .slider-fullscreen .slide{height:100vh;position:relative;background-size:cover;background-position:50%}
#Solaire .slider-fullscreen .slide .content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-48%,-50%);transform:translate(-48%,-50%);text-align:center;color:#fff;-webkit-transform-origin:center center;transform-origin:center center;opacity:0;transition:all .5s ease-in-out}
#Solaire .slider-fullscreen .slide .content h2{font-size:70px;margin-top:10px;margin-bottom:0}
#Solaire .slider-fullscreen .slide .content .description{color:#fff;margin-bottom:20px}
#Solaire .slider-fullscreen .slide .content .description p{font-weight:700;font-size:22px}
#Solaire .slider-fullscreen .slide .content .bouton{display:table;margin-left:auto;margin-right:auto}
#Solaire .slider-fullscreen .slide .content.visible-text{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:1}

#Chauffage{height:30vh;overflow:hidden;background-size: 120%;}
#Chauffage .slider-fullscreen .slide{height:100vh;position:relative;background-size:cover;background-position:50%}
#Chauffage .slider-fullscreen .slide .content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-48%,-50%);transform:translate(-48%,-50%);text-align:center;color:#fff;-webkit-transform-origin:center center;transform-origin:center center;opacity:0;transition:all .5s ease-in-out}
#Chauffage .slider-fullscreen .slide .content h2{font-size:70px;margin-top:10px;margin-bottom:0;color:#fff}
#Chauffage .slider-fullscreen .slide .content .description{color:#fff;margin-bottom:20px}
#Chauffage .slider-fullscreen .slide .content .description p{font-weight:700;font-size:22px;color:#fff}
#Chauffage .slider-fullscreen .slide .content .bouton{display:table;margin-left:auto;margin-right:auto}
#Chauffage .slider-fullscreen .slide .content.visible-text{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:1}

#Question{background-size:cover;padding-top:25px;padding-bottom:40px;text-align:center}
#Question h3{font-size:40px;margin-bottom:10px}
#Question p{color:#fff;max-width:50%;text-align:center;margin-bottom:25px}
#Question form,#Question p{margin-left:auto;margin-right:auto}
#Question form{display:table;position:relative}
#Question form input{border-radius:5px;border:2px solid #fff;background-color:transparent;width:179px;text-align:center;color:#fff}
#Question form input[type=submit]{background-color:#fff;color:#000;transition:.5s ease-in-out}
#Question form input[type=submit],#Question form input[type=submit]:hover{width:100px;font-weight:800;margin-left:30px;float:none;border-color:transparent}
#Question form input[type=submit]:hover{background-color:#000;color:#fff;border-radius:5px}


footer{background-size:contain}
footer .top{text-align:center;padding-top:30px}
footer .top h4{font-size:20px;font-weight:900;margin-bottom:30px}
footer .top img{max-width:12px;height:auto;margin-right:10px}
footer .top ul li a{color:#000;text-decoration:none;font-size:14px;cursor:pointer}
footer .bottom{background-size:contain;padding:25px;color:#fff;position:relative}
footer .bottom p{float:left;font-size:12px}
footer .bottom a{font-size:12px;color:#fff}
footer .bottom #back-to-top{float:right}
footer .bottom #back-to-top:after{content:"^";width:25px;height:25px;border:3px solid #9f9696;font-size:25px;font-weight: bold;
				background-color:#fff;display:block;float:right;margin-left:10px;color:#9f9696;padding-top:2px;
				border-radius:30%;margin-top:1px;text-align:center}
footer .bottom .social{position:absolute;margin-top:-5px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}

footer .bottom .social li{display:inline-block}
footer .bottom .social li:first-of-type{margin-right:20px}
footer .bottom .social img{height:15px;width:auto}
footer #menu-navigation-pied-de-page{margin:20px 0 0px}
footer #menu-navigation-pied-de-page li{display:inline-block}
footer #menu-navigation-pied-de-page li a{padding:0}
footer #menu-navigation-pied-de-page li a:after{content:"|";margin-left:20px;margin-right:20px}
footer #menu-navigation-pied-de-page li a:hover{background-color:transparent!important}
footer #menu-navigation-pied-de-page li:last-of-type a:after{display:none}
