*{margin:0;padding:0;}
body,html{height:100%;}
body{color:#666;font-family:'CenturyGothicRegular',Arial,Tahoma,Verdana,Helvetica,sans-serif;font-size:16px;}
a img{border:none;}
input,textarea{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;background-color:#EFEFEF;border:none;border-radius:0;display:block;font-family:'CenturyGothicRegular',Arial,Tahoma,Verdana,Helvetica,sans-serif;height:30px;line-height:30px;padding:0 10px;width:100%;-webkit-appearance:none;}
textarea{height:125px;padding:10px;line-height:18px;}
input[type=submit]{transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;background-color:#AFAFAF;color:#FFF;display:inline-block;height:32px;font-size:14px;line-height:32px;padding:0 10px;position:absolute;text-decoration:none;cursor:hand;cursor:pointer;position:relative;}input[type=submit]:hover{background-color:#999;}
input+input,input+textarea,textarea+input,input+.formError+input,input+.formError+textarea,textarea+.formError+input{margin-top:5px;}
@font-face{font-family:'CenturyGothicRegular';src:url('../fonts/gothic-webfont.eot');src:url('../fonts/gothic-webfont.eot?iefix') format('eot'),url('../fonts/gothic-webfont.woff') format('woff'),url('../fonts/gothic-webfont.ttf') format('truetype'),url('../fonts/gothic-webfont.svg#webfontjVk4x00N') format('svg');font-weight:normal;font-style:normal;}@font-face{font-family:'CenturyGothicBold';src:url('../fonts/gothicb-webfont.eot');src:url('../fonts/gothicb-webfont.eot?iefix') format('eot'),url('../fonts/gothicb-webfont.woff') format('woff'),url('../fonts/gothicb-webfont.ttf') format('truetype'),url('../fonts/gothicb-webfont.svg#webfonttHsA8dmn') format('svg');font-weight:normal;font-style:normal;}@font-face{font-family:'GothamLight';src:url('../fonts/GothamLight.eot');src:url('../fonts/GothamLight.eot') format('embedded-opentype'),url('../fonts/GothamLight.woff2') format('woff2'),url('../fonts/GothamLight.woff') format('woff'),url('../fonts/GothamLight.ttf') format('truetype'),url('../fonts/GothamLight.svg#GothamLight') format('svg');font-weight:normal;font-style:normal;}a{transition:color 0.5s ease 0s;-webkit-transition:color 0.5s ease 0s;color:#999;}a:hover{color:#333;}
h1,h2{color:#565656;font-weight:normal;text-transform:uppercase;}
h1{margin:0 auto;position:relative;width:960px;display:block;font-size:30px;}
h2{border-bottom:#999 dotted 1px;font-size:22px;line-height:26px;}
p,li{line-height:23px;}
p+p,p+h2,a+h2,div+h2{margin-top:40px;}
.realisations+h2{margin-top:60px;}
h2+p,h2+form{margin-top:10px;}
.temoignage{-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;background-color:#EFEFEF;display:inline-block;font-style:italic;padding:15px;position:relative;}.temoignage img{bottom:-14px;position:absolute;right:15px;}
.temoignage strong{display:block;font-size:13px;font-weight:bold;margin-top:10px;text-align:right;}
.clear{clear:both;}
#entete{background:url(../img/arriere-plan-menu.jpg) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;position:relative;z-index:200;}#entete button{display:none;}
#entete>div{margin:0 auto;position:relative;width:960px;height:120px;}
#entete nav{margin-top:-9px;position:absolute;right:0;top:50%;}#entete nav>ul>li:hover>a,#entete nav>ul>li>a.actif{border-bottom:#FFF solid 1px;}
#entete nav ul{list-style:none;}#entete nav ul li{display:inline-block;position:relative;}#entete nav ul li a{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;color:#FFF;display:block;font-family:'CenturyGothicRegular',Arial,Tahoma,Verdana,Helvetica,sans-serif;font-size:14px;height:24px;line-height:24px;text-decoration:none;text-transform:uppercase;}
#entete nav ul li ul{display:none;left:-10px;padding-top:45px;position:absolute;top:100%;}#entete nav ul li ul a{transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;background-color:#565656;height:28px;line-height:28px;padding:0 10px;white-space:nowrap;}#entete nav ul li ul a:hover{background-color:#FFF;border-bottom:0;color:#565656;}
#entete nav ul li ul li{display:block;}
#entete nav ul li ul li+li{border-top:#333 solid 1px;margin-left:0;}
#entete nav ul li+li{margin-left:20px;}
#entete #logo{left:0;margin-top:-40px;position:absolute;top:50%;}
#bandeau{background:url(../img/diapo-1.jpg) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;height:450px;}
body.decapage #bandeau,body.finition #bandeau,body.restauration #bandeau{background-image:url(../img/diapo-2.jpg);}
body.clients #bandeau{background-image:url(../img/diapo-6.jpg);}
body.faq #bandeau{background-image:url(../img/diapo-4.jpg);}
body.contact #bandeau{background-image:url(../img/diapo-5.jpg);}
@media only screen and (min-width:1600px){#bandeau{height:550px;}}.contenu>div{margin:0 auto;position:relative;width:960px;padding:50px 0 100px;}.contenu>div:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.contenu header{background:url(../img/arriere-plan-titre.jpg) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding:38px 0;}
.colonneContenu{float:left;width:48%;}.colonneContenu+.colonneContenu{margin-left:4%;}
#carteGoogle{height:450px;}
.contenu.blocs>div:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.contenu.blocs .bloc{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:hand;cursor:pointer;transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;webkit-transform:translateX(-150px);-moz-transform:translateX(-150px);transform:translateX(-150px);background-color:#F0F0F0;border:#AFAFAF solid 1px;float:left;padding:10px 10px 60px;opacity:0;-moz-opacity:0;position:relative;width:31.875%;}.contenu.blocs .bloc h2,.contenu.blocs .bloc p{display:block;padding:0 10px;}
.contenu.blocs .bloc h2{margin-top:25px;}
.contenu.blocs .bloc p{font-size:14px;line-height:18px;}
.contenu.blocs .bloc h2+p{margin-top:10px;}
.contenu.blocs .bloc .btnSavoir{transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;background-color:#AFAFAF;color:#FFF;display:inline-block;height:32px;font-size:14px;line-height:32px;padding:0 10px;position:absolute;text-decoration:none;bottom:6px;right:6px;}
.contenu.blocs .bloc .image{background:url(../img/decapage-jet-de-sable.jpg) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;height:150px;}
.contenu.blocs .bloc+.bloc{margin-left:2.1875%;}
.contenu.blocs .bloc.bloc2 .image{background-image:url(../img/decapage-artisanal.jpg);}
.contenu.blocs .bloc.bloc3 .image{background-image:url(../img/teinture-vernis.jpg);}
.contenu.blocs .bloc:hover{background-color:#E5E5E5;}.contenu.blocs .bloc:hover .btnSavoir{background-color:#999;}
.contenu.blocs .bloc.anim{webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);opacity:1;-moz-opacity:1;}
.realisations>div:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.realisations .realisation{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:hand;cursor:pointer;transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;webkit-transform:translateX(-150px);-moz-transform:translateX(-150px);transform:translateX(-150px);background-color:#F0F0F0;border:#AFAFAF solid 1px;float:left;padding:10px 10px 60px;opacity:0;-moz-opacity:0;width:31.875%;display:table;height:232px;margin-top:20px;overflow:hidden;padding:6px;position:relative;}.realisations .realisation .image{background:url(../img/logo-realisation.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;display:block;left:2%;position:absolute;height:96%;top:2%;width:96%;}
.realisations .realisation .titre{transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjc1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuNzUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjc1Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background:-moz-linear-gradient(top, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.75) 1%, rgba(255, 255, 255, 0.75) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.75)), color-stop(1%, rgba(255, 255, 255, 0.75)), color-stop(100%, rgba(255, 255, 255, 0.75)));background:-webkit-linear-gradient(top, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.75) 1%, rgba(255, 255, 255, 0.75) 100%);background:-o-linear-gradient(top, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.75) 1%, rgba(255, 255, 255, 0.75) 100%);background:-ms-linear-gradient(top, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.75) 1%, rgba(255, 255, 255, 0.75) 100%);background:linear-gradient(to bottom, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.75) 1%, rgba(255, 255, 255, 0.75) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfffffff', endColorstr='#bfffffff', GradientType=0);color:#565656;font-size:12px;bottom:2%;padding:3px 9px;position:absolute;right:2%;text-transform:uppercase;}
.realisations .realisation+.realisation{margin-left:2.1875%;}
.realisations .realisation:hover{background-color:#DDD;border-color:#666;}
.realisations .realisation.anim{webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);opacity:1;-moz-opacity:1;}
.realisations .realisation.sansmarge{margin-left:0;}
.contenu.realisations>div{padding-top:30px;}
#piedDePage{background:url(../img/arriere-plan-pied-de-page.jpg) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}#piedDePage a,#piedDePage p{color:#999;}
#piedDePage a:hover{color:#FFF;}
#piedDePage>p{margin:0 auto;position:relative;width:960px;border-top:#999 solid 1px;display:block;font-size:12px;padding:15px 0;text-align:center;}
#piedDePage #coordonnees{margin:0 auto;position:relative;width:960px;display:table;padding:20px 0;}#piedDePage #coordonnees p{display:inline-block;float:right;font-size:14px;line-height:20px;padding-top:10px;text-align:right;}
#piedDePage #coordonnees:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
@media only screen and (max-width:930px){#entete{text-align:center;}#entete>div{height:auto;padding:20px 0;} #entete nav,#entete #logo{position:relative;top:auto;} #entete nav{margin:20px auto 0;right:auto;}#entete nav ul li ul{padding-top:20px;}#entete nav ul li ul a{text-align:left;} #entete #logo{left:auto;margin:0 auto;} .realisations .realisation{height:170px;} .colonneContenu{float:none;width:100%;}.colonneContenu+.colonneContenu{margin-left:0;margin-top:45px;}}@media only screen and (max-width:1024px){h1{width:96%;} #entete>div{width:96%;} .contenu>div{width:96%;padding:50px 0 100px;} .contenu.blocs .bloc{float:none;padding-bottom:10px;width:100%;}.contenu.blocs .bloc h2,.contenu.blocs .bloc p{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;float:left;padding-left:15px;width:79.19556171983356%;} .contenu.blocs .bloc h2{margin-top:0;} .contenu.blocs .bloc .image{float:left;height:150px;width:20.804438280166433%;} .contenu.blocs .bloc+.bloc{margin-left:0;margin-top:20px;} .contenu.blocs .bloc:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;} #piedDePage>p,#piedDePage #coordonnees{width:96%;}}@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape){}@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait),screen and (max-width:768px){}@media only screen and (max-width:667px){h1{width:94%;font-size:24px;} #entete button{transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;background-color:#AFAFAF;color:#FFF;display:inline-block;height:32px;font-size:14px;line-height:32px;padding:0 10px;position:absolute;text-decoration:none;cursor:hand;cursor:pointer;background-color:#565656;border:#999 solid 1px;line-height:30px;margin-top:-16px;right:0;text-transform:uppercase;top:50%;}#entete button:hover{border-color:#EFEFEF;} #entete>div{width:94%;height:70px;padding:0;position:relative;} #entete nav{transition:left 1s ease 0s;-webkit-transition:left 1s ease 0s;background:#565656;-webkit-box-shadow:0 0 8px 2px rgba(0, 0, 0, 0.5);box-shadow:0 0 8px 2px rgba(0, 0, 0, 0.5);display:block;height:100%;left:-100%;margin:0;padding:20px;position:fixed;top:0;}#entete nav.ouvert{left:0;} #entete nav>ul>li:hover>a,#entete nav>ul>li>a.actif,#entete nav ul li ul a:hover{background:none;border-bottom:0;color:#DAA912;} #entete nav ul li{display:block;text-align:left;}#entete nav ul li a,#entete nav ul li ul a{font-size:13px;height:26px;line-height:26px;} #entete nav ul li ul{display:block !important;padding:0 0 0 10px;position:relative;}#entete nav ul li ul li+li{border-top:0;} #entete nav ul li+li{margin-left:0;} #entete #logo{left:0;margin-top:-25px;position:absolute;top:50%;}#entete #logo img{height:50px;} #bandeau{height:200px;} .contenu>div{width:94%;padding:25px 0 50px;} .contenu header{padding:19px 0;} .contenu.blocs .bloc{float:none;padding-bottom:60px;width:100%;}.contenu.blocs .bloc h2,.contenu.blocs .bloc p{float:none;padding-left:10px;width:100%;} .contenu.blocs .bloc h2{margin-top:25px;} .contenu.blocs .bloc .image{float:none;width:100%;} .realisations .realisation{height:120px;width:47%;}.realisations .realisation+.realisation{margin-left:6%;} .realisations .realisation:nth-child(2n+1){margin-left:0;} #piedDePage>p,#piedDePage #coordonnees{width:94%;} #piedDePage .br:after{content:"\a";white-space:pre;} #piedDePage #coordonnees{text-align:center;}#piedDePage #coordonnees p{display:block;float:none;margin-top:15px;text-align:center;}}@media only screen and (max-width:667px) and (orientation:landscape){.contenu.blocs .bloc .image{height:200px;} .realisations .realisation{height:250px;width:49%;}.realisations .realisation+.realisation{margin-left:2%;} .realisations .realisation:nth-child(2n+1){margin-left:0;}}
