@font-face{font-family:'Roboto';src:url("Roboto-Thin.eot");src:url("Roboto-Thin.eot?#iefix") format("embedded-opentype"),url("Roboto-Thin.woff2") format("woff2"),url("Roboto-Thin.woff") format("woff"),url("Roboto-Thin.ttf") format("truetype"),url("Roboto-Thin.svg#Roboto-Thin") format("svg");font-weight:100;font-style:normal}
@font-face{font-family:'Roboto-Regular';src:url("Roboto-Regular.eot?#iefix") format("embedded-opentype"),url("Roboto-Regular.woff") format("woff"),url("Roboto-Regular.ttf") format("truetype"),url("Roboto-Regular.svg#Roboto-Regular") format("svg");font-weight:normal;font-style:normal}
@font-face{font-family:'Roboto-Bold';src:url("Roboto-Bold.eot?#iefix") format("embedded-opentype"),url("Roboto-Bold.woff") format("woff"),url("Roboto-Bold.ttf") format("truetype"),url("Roboto-Bold.svg#Roboto-Bold") format("svg");font-weight:normal;font-style:normal}
*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body{background:#fff;margin:0;padding:0;width:100%}
div,td{color:#131313;font-family:"Roboto-Regular";font-size:16px;line-height:23px;margin:0;padding:0;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s  ease-in-out;-o-transition:all 0.5s  ease-in-out;-ms-transition:all 0.5s  ease-in-out;transition:all 0.5s  ease-in-out}
@media only screen and (max-width: 359px){div,td{font-size:14px}
}
a{text-decoration:none;color:#0f8e9f;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s  ease-in-out;-o-transition:all 0.5s  ease-in-out;-ms-transition:all 0.5s  ease-in-out;transition:all 0.5s  ease-in-out}
a:hover{color:#131313}
img{border:none;display:block;margin:0 auto}
p{padding:10px 0;margin:0}
h1,h2,h3,h4{font-weight:normal;margin:0;padding:0}
h1{font-family:"Roboto",Arial,Helvetica,sans-serif;font-style:normal;font-weight:100;text-transform:uppercase;color:#131313;font-size:20px;line-height:30px}
@media only screen and (max-width: 767px){h1{font-size:18px}
}
@media only screen and (max-width: 719px){h1{font-size:20px}
}
h2{color:#0f8e9f;font-size:26px;font-family:"Roboto-Bold",Arial,Helvetica,sans-serif}
.menu-nav ul{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.photos ul{list-style:none;margin:0;padding:0}
.photos a{display:block}
.photos img{max-width:100%;height:auto}
.center{text-align:center}
.clear{clear:both;line-height:0}
.clearfix:after{content:"";display:table;clear:both}
.container{margin:0 auto;max-width:1176px;padding:0 10px;width:100%}
#pageweb{width:100%;overflow:hidden}
.form-group{margin:0 0 10px 0}
.form-group label,.form-group input.form-input,textarea.form-textarea{width:99%;display:block;margin:0 auto}
input[type="text"],textarea,select{padding:8px 5px;margin:8px 0;display:inline-block;border:1px solid #131313;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.btn-form{margin:10px 0 0 0}
.btn-submit-1,.btn-submit-2{background:#0f8e9f;border-color:#131313;-webkit-box-shadow:inset 0 1px 0 rgba(120,200,230,0.5),0 1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 1px 0 rgba(120,200,230,0.5),0 1px 0 rgba(0,0,0,0.15);color:#FFF;text-decoration:none;width:200px;padding:10px 16px;font-size:15px;border:1px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;margin:10px 0 0 0;cursor:pointer;text-transform:capitalize}
.map-google{width:100%;margin:0 auto}
.map-google iframe{margin:0;padding:0;border:none;width:100%;height:500px}
p.titre-diapo{text-transform:uppercase;font-weight:bold}
#diapo-container ul,#diapo-container ul li{margin:0;padding:0;list-style:none}
#diapo-container .nav-diapo ul li{border-bottom:1px solid #eee}
#diapo-container .nav-diapo ul li:first-child{border-top:1px solid #eee}
#diapo-container .nav-diapo ul li a{display:block;padding:10px 0 10px 5px;text-transform:uppercase}
#diapo-container .nav-diapo ul li.link-play a{background:#0f8e9f;color:#fff}
#diapo-container .nav-diapo ul li a:hover{background:#131313}
#diapo-container .nav-diapo ul li a:hover{opacity:0.8}
#diapo-container .nav-diapo ul{padding-left:5px}
.nav-diapo{width:28%;float:left;display:none}
#diapo-inner{width:100%;max-width:60%;margin:0 auto}
@media only screen and (max-width: 1359px){
	#diapo-inner{max-width:70%}
}
@media only screen and (max-width: 767px){
	#diapo-inner{max-width:80%}
}
@media only screen and (max-width: 719px){
	#diapo-inner{max-width:90%}
}
@media only screen and (max-width: 599px){
	#diapo-inner{max-width:100%}
}
.nav-diapo .link-disable{cursor:not-allowed;opacity:0.4}
@media screen and (max-width: 767px){
	#smartnav{display:block}
#nav{display:none}
}
#smartnav{display:none}
@media only screen and (max-width: 1023px){
	#smartnav{display:block}
}
#bloc-head{background:#0f8e9f;padding-top:30px}
@media only screen and (max-width: 1023px){
	#bloc-head{padding-bottom:30px}
}
#bloc-head .bloc-head-inter{display:flex;justify-content:space-between;flex-wrap:wrap}
@media only screen and (max-width: 1023px){
	#bloc-head .bloc-head-inter{align-items:center}
}
@media only screen and (max-width: 719px){
	#bloc-head .bloc-head-inter{justify-content:center}
}
#bloc-head .bloc-head-inter #logo img{max-width:100%;height:auto}
@media only screen and (max-width: 719px){
	#bloc-head .bloc-head-inter #bloc-coord-mn{width:100%;padding-top:20px}
}
#bloc-head .bloc-head-inter #bloc-coord-mn .coord{display:flex;justify-content:space-between;padding-bottom:15px}
@media only screen and (max-width: 1023px){
	#bloc-head .bloc-head-inter #bloc-coord-mn .coord{flex-direction:column;justify-content:flex-end;align-items:flex-end;padding:0}
}
@media only screen and (max-width: 719px){
	#bloc-head .bloc-head-inter #bloc-coord-mn .coord{justify-content:center;align-items:center}
}
#bloc-head .bloc-head-inter #bloc-coord-mn .coord .tel{background:url(../images/picto_tel.png) center left no-repeat;padding-left:25px}
#bloc-head .bloc-head-inter #bloc-coord-mn .coord .mob{background:url(../images/picto_mob.png) center left no-repeat;padding-left:40px}
@media only screen and (max-width: 1023px){
	#bloc-head .bloc-head-inter #bloc-coord-mn .coord .mob{padding-left:36px}
}
#bloc-head .bloc-head-inter #bloc-coord-mn .coord .tel a,#bloc-head .bloc-head-inter #bloc-coord-mn .coord .mob a{color:#FFF;font-size:30px;line-height:25px}
#bloc-head .bloc-head-inter #bloc-coord-mn .coord .tel a:hover,#bloc-head .bloc-head-inter #bloc-coord-mn .coord .mob a:hover{color:#131313}
#bloc-head .bloc-head-inter #bloc-coord-mn .mn{border-top:2px #f8fd1c solid}
@media only screen and (max-width: 1023px){
	#bloc-head .bloc-head-inter #bloc-coord-mn .mn{display:none}
}
#bloc-head .bloc-head-inter #bloc-coord-mn .mn ul{margin:0;padding:0;display:flex}
#bloc-head .bloc-head-inter #bloc-coord-mn .mn ul li{list-style:none;position:relative;z-index:0;max-width:270px}
@media only screen and (max-width: 1151px){
	#bloc-head .bloc-head-inter #bloc-coord-mn .mn ul li{max-width:250px}
}
#bloc-head .bloc-head-inter #bloc-coord-mn .mn ul li:before{content:"";position:absolute;background:#f8fd1c;width:100%;height:100%;z-index:-1;left:0;right:0;top:0;transform:scaleY(0);transform-origin:100% 0;transition-duration:0.3s;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
#bloc-head .bloc-head-inter #bloc-coord-mn .mn ul li:hover:before{transform:scaleY(1);width:100%}
#bloc-head .bloc-head-inter #bloc-coord-mn .mn ul li a{display:flex;align-items:center;color:#FFF;text-transform:uppercase;padding:0 20px;height:100px}
@media only screen and (max-width: 1151px){
	#bloc-head .bloc-head-inter #bloc-coord-mn .mn ul li a{padding:0 15px;font-size:15px}
}
@media only screen and (max-width: 1049px){
	#bloc-head .bloc-head-inter #bloc-coord-mn .mn ul li a{padding:0 10px}
}
#bloc-head .bloc-head-inter #bloc-coord-mn .mn ul li a:hover{color:#0f8e9f}
#bloc-flash{position:relative}
#bloc-flash .bloc-adr{position:absolute;z-index:800;bottom:0;left:0;right:0;top:0}
@media only screen and (max-width: 719px){
	#bloc-flash .bloc-adr{position:inherit}
}
#bloc-flash .bloc-adr .adr-inter{display:flex;align-items:flex-end;height:100%}
@media only screen and (max-width: 719px){
	#bloc-flash .bloc-adr .adr-inter{align-items:center;justify-content:center}
}
#bloc-flash .bloc-adr .adr-inter .adr-link{background:rgba(225,225,225,0.8);padding:15px;margin-bottom:50px}
@media only screen and (max-width: 719px){
	#bloc-flash .bloc-adr .adr-inter .adr-link{background:none;padding:20px 0;margin:0}
}
#bloc-flash .bloc-adr .adr-inter .adr-link .adr{background:url(../images/picto_adr.png) center left no-repeat;padding-left:25px;font-size:22px;line-height:28px;font-family:"Roboto",Arial,Helvetica,sans-serif;font-weight:100;font-style:normal}
@media only screen and (max-width: 479px){
	#bloc-flash .bloc-adr .adr-inter .adr-link .adr{background:none;padding-left:0;font-size:20px}
}
@media only screen and (max-width: 479px){
	#bloc-flash .bloc-adr .adr-inter .adr-link .adr{font-size:18px}
}
.bloc-ttl{padding-top:60px;padding-bottom:80px}
@media only screen and (max-width: 1151px){.bloc-ttl{padding-top:40px;padding-bottom:60px}
}
@media only screen and (max-width: 719px){.bloc-ttl{padding-top:10px;padding-bottom:30px}
}
.bloc-ttl .ttl{position:relative;background:#f8fd1c;padding:10px 0 10px 90px}
@media only screen and (max-width: 719px){.bloc-ttl .ttl{padding:20px 0}
}
.bloc-ttl .ttl::before,.bloc-ttl .ttl::after{content:'';position:absolute;z-index:1;top:0}
.bloc-ttl .ttl::before{background:url(../images/bg_ttl.png) top left no-repeat;width:67px;height:69px;left:0}
@media only screen and (max-width: 719px){.bloc-ttl .ttl::before{background:#f8fd1c;width:100%;height:100%;right:100%;left:auto}
}
.bloc-ttl .ttl::after{background:#f8fd1c;width:100%;height:100%;left:100%}
#cont-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:60px}
@media only screen and (max-width: 1151px){
	#cont-top{padding-bottom:30px}
}
@media only screen and (max-width: 1023px){
	#cont-top{display:inherit}
}
@media only screen and (max-width: 599px){
	#cont-top{display:flex;flex-wrap:wrap}
}
#cont-top .txt1{width:calc(100% - 390px);padding-left:70px}
@media only screen and (max-width: 1151px){
	#cont-top .txt1{padding-left:40px}
}
@media only screen and (max-width: 1023px){
	#cont-top .txt1{width:100%;padding:0}
}
@media only screen and (max-width: 599px){
	#cont-top .txt1{order:1;padding-bottom:20px}
}
#cont-top .txt1 p:first-child{padding:0;margin:0}
#cont-top .ph{width:390px}
@media only screen and (max-width: 1023px){
	#cont-top .ph{float:left;width:40%;padding-right:30px;padding-bottom:10px}
}
@media only screen and (max-width: 599px){
	#cont-top .ph{order:2;float:none;width:100%;padding:0}
}
#cont-top .ph img{max-width:100%;height:auto}
#cont-top-link{background:url(../images/bg_multi_color.png) center top no-repeat;background-size:cover;padding-top:75px;padding-bottom:75px}
#cont-top-link .cont-top-link-inter{position:relative}
#cont-top-link .cont-top-link-inter::after{content:'';background:url(../images/bg_boite_peinture.png) center right no-repeat;position:absolute;z-index:1;right:0;top:-40px;width:467px;height:436px}
.page-1 #cont-top-link .cont-top-link-inter::after{display:none;}
@media only screen and (max-width: 899px){
	#cont-top-link .cont-top-link-inter::after{display:none}
}

#cont-top-link .cont-top-link-inter .blc-flux{display:flex; flex-wrap: wrap; justify-content: space-between; align-items:center;}
#cont-top-link .cont-top-link-inter .txt3 [class^="container-page"] {color:#FFF;max-width:670px;}
@media only screen and (max-width: 1151px){
	#cont-top-link .cont-top-link-inter .txt3 [class^="container-page"] {max-width:570px}
}
@media only screen and (max-width: 1049px){
	#cont-top-link .cont-top-link-inter .txt3 [class^="container-page"] {max-width:550px}
}
@media only screen and (max-width: 1023px){
	#cont-top-link .cont-top-link-inter .txt3 [class^="container-page"] {max-width:480px}
}
@media only screen and (max-width: 979px){
	#cont-top-link .cont-top-link-inter .txt3 [class^="container-page"] {max-width:440px}
}
@media only screen and (max-width: 899px){
	#cont-top-link .cont-top-link-inter .txt3 [class^="container-page"] {max-width:100%}
    #cont-top-link .cont-top-link-inter .txt3 .flux-fb{margin:20px auto 0;}
}
#cont-top-link .cont-top-link-inter .txt3 [class^="container-page"]  h2{color:#FFF}
#cont-center{padding-bottom:70px;padding-top:50px}
@media only screen and (max-width: 1151px){
	#cont-center{padding-bottom:80px}
}
@media only screen and (max-width: 719px){
	#cont-center{padding-bottom:30px}
}
#cont-center .gal{background:url(../images/picto_gal.png) center left no-repeat;font-size:30px;font-family:"Roboto-Bold",Arial,Helvetica,sans-serif;padding-left:45px;line-height:30px}
#cont-center .galerie{padding-top:30px}
#cont-center .galerie ul{padding:0;margin:0 -10px;display:flex;flex-wrap:wrap}
@media only screen and (max-width: 799px){
	#cont-center .galerie ul{margin:0;padding:0}
}
#cont-center .galerie ul li{list-style:none;width:100%;max-width:25%;padding:0 10px}
@media only screen and (max-width: 1151px){
	#cont-center .galerie ul li{padding:0 5px}
}
@media only screen and (max-width: 599px){
	#cont-center .galerie ul li{max-width:50%;padding:5px}
}
#cont-center .galerie ul li img{max-width:100%;height:auto}
#cont-bottom .txt2>div{color:#FFF}
#cont-bottom .txt2{background:#131313;position:relative;padding:30px 50px 30px 0}
@media only screen and (max-width: 1279px){
	#cont-bottom .txt2{padding:30px 80px 30px 0}
}
@media only screen and (max-width: 719px){
	#cont-bottom .txt2{padding:20px 0}
}
#cont-bottom .txt2::before,#cont-bottom .txt2::after{content:'';position:absolute;z-index:1}
#cont-bottom .txt2::before{background:#131313;right:100%;height:100%;width:100%;top:0}
#cont-bottom .txt2::after{background:url(../images/bg_peinceau_bot.png) top right no-repeat;right:-60px;top:-40px;width:83px;height:225px}
@media only screen and (max-width: 1279px){
	#cont-bottom .txt2::after{right:-20px}
}
@media only screen and (max-width: 719px){
	#cont-bottom .txt2::after{background:#131313;left:100%;width:100%;height:100%;top:0}
}
#cont-bottom .txt2 h2{color:#FFF}
.texte{padding-bottom:50px}
@media only screen and (max-width: 1023px){.texte{padding-bottom:30px}
}
#footer{background:url(../images/bg_foot.jpg) top center no-repeat}
#footer footer{display:flex;height:380px}
@media only screen and (max-width: 1023px){
	#footer footer{height:300px}
}
#footer footer #foot{display:flex;height:100%;flex-wrap:wrap}
#footer footer #foot .menu{background:rgba(0,0,0,0.7);display:flex;width:100%;justify-content:center;margin-top:60px;position:relative;z-index:2;height:100px}
@media only screen and (max-width: 1023px){
	#footer footer #foot .menu{display:none}
}
#footer footer #foot .menu ul{margin:0;padding:0;display:flex;justify-content:center}
#footer footer #foot .menu ul li{list-style:none;position:relative;z-index:0}
#footer footer #foot .menu ul li:before{content:"";position:absolute;background:#f8fd1c;width:100%;height:100%;z-index:-1;left:0;right:0;bottom:0;top:0;transform:scale(0);transition-duration:0.3s;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
#footer footer #foot .menu ul li:hover::before{transform:scale(1);width:100%}
#footer footer #foot .menu ul li a{display:flex;justify-content:center;align-items:center;text-align:center;font-size:14px;height:100px;color:#FFF;text-transform:uppercase;padding:0 15px}
#footer footer #foot .menu ul li a:hover{color:#131313}
#footer footer #foot .com{display:flex;justify-content:center;position:relative;z-index:1;width:100%;align-items:flex-end;padding-bottom:50px}
#footer footer #foot .com::before{content:'';position:absolute;z-index:-1;bottom:30px;left:0;right:0;margin:0 auto;background:url(../images/bg_peinceau_foot.png) bottom center no-repeat;width:97px;height:240px}