@charset "utf-8";body{margin:0;padding:0;font-family:roboto;}
img, object, embed, video{max-width:100%;}
#conteneur{width:100%;float:left;margin:0;padding:0;}
.listeplus{font-size:20px;color:#666;line-height:28px;}
.listeplus li{margin-bottom:20px;}
.texteblocbl a{color:#FF5705;text-decoration:none;}
#haut{ height:80px; width:100%;float:left;background-color:#242424;}
div#logo img {
    height: 100px;
}
#logo{width:100%;float:left;text-align:center;}
#numero{width:100%;float:left;text-align:center;display:none;}
#imageb{width:100%;float:left;height:143px;background:none;display:none;}
#menu{width:100%;float:left;background:#323232;}
#menubloc{width:100%;float:left;background:#323232;}
#soumission{width:100%;float:left;text-align:center;background-color:#FF5705;}
#soumission a{color:#FFF;text-decoration:none;font-weight:bold;text-align:center;line-height:59px;font-size:14px;background-color:#FF5705;}
#image{width:100%;float:left;}
#milieu{width:100%;float:left;padding-top:150px;padding-bottom:150px;}
#un{width:100%;float:left;}
#deux{width:100%;margin-right:0%;margin-left:0%;float:left;}
#trois{width:100%;float:left;}
.imagebloc{width:100%;float:left;}
.textebloc{width:100%;float:left;text-align:center;font-size:18px;line-height:25px;}
.textebloc p{text-align:center;font-size:18px;line-height:25px;}
#milieua{width:100%;float:left;}
.titreorange{font-size:54px;color:#ffebe1;font-weight:bold;margin-bottom:0px;}
.soustitreor{font-size:24px;}
.texteor{font-size:20px;margin-left:60px;margin-right:60x;}
#conteneur #milieub p{text-align:center;color:#ffebe1;}
#milieub{width:100%;float:left;background:#FF5705;padding-top:50px;padding-bottom:50px;}
#milieuc{width:100%;float:left;padding-top:90px;padding-bottom:90px;text-align:center;}
.titrecar{font-size:35px;font-weight:bold;margin:0;padding:0;}
.stitcar{color:#999;margin:0;padding:0;font-size:17px;margin-top:15px;}
.textecar{color:#666;margin:0;padding:0;line-height:28px;font-size:20px;}
.liste{color:#666;margin:0;padding:0;line-height:28px;font-size:20px;}
.milieuca{float:left;width:100%;}
.milieucb{float:left;width:100%;margin-left:0%;text-align:left;}
#bas{width:100%;float:left;background-color:#272727;padding-top:50px;padding-bottom:50px;}
#bas a{color:#999;}
#abas{width:100%;float:left;display:block;text-align:center;}
#abas p{color:#707070;font-size:17px;line-height:25px;}
#bbas{width:30%;margin-right:5%;margin-left:5%;float:left;color:#707070;display:none;}
#bbas li{color:#707070;line-height:38px;font-size:17px;}
#cbas{width:100%;float:left;color:#707070;display:block;text-align:center;}
.tcbas{font-size:22px;font-weight:bold;color:#999;}
.titrebas{color:#999;font-size:22px;font-weight:bold;margin-top:50px;}
.email a{color:#FF5705;text-decoration:none;font-size:18px;}
.tel a{color:#999;text-decoration:none;font-size:18px;}
.centre{width:90%;margin-right:auto;margin-left:auto;}
.centreme{width:100%;margin-right:auto;margin-left:auto;}
.centreb{width:90%;margin-right:auto;margin-left:auto;}
.centreserv{width:90%;margin-right:auto;margin-left:auto;}
#siteweb{height:50px;line-height:50px;text-align:center;background:#FF5705;float:left;width:100%;}
#siteweb a{height:50px;line-height:50px;text-align:center;color:#FFF;font-size:18px;text-decoration:none;}
.bouton{margin-right:auto;margin-left:auto;margin-top:50px;margin-bottom:50px;text-align:center;}
.bouton a{padding:20px 40px 20px 40px;margin-right:auto;margin-left:auto;text-decoration:none;background:#fff7f4;color:#ff5a0a;border-radius:12px;font-size:25px;font-weight:bold;}
.bouton a:hover{padding:20px 40px 20px 40px;margin-right:auto;margin-left:auto;text-decoration:none;background:#FFF1EC;color:#ff5a0a;border-radius:12px;font-size:25px;font-weight:bold;}
.orange{color:#FF5705;}
.gris{color:#272727;}
#imageb{width:100%;float:left;height:143px;background:url(images/toitures.jpg);display:none;}
#servicebloc{width:100%;float:left;padding-bottom:100px;padding-top:100px;background:#f2eeeb;}
.toit{float:left;text-align:center;width:98%;padding-left:1%;padding-right:1%;}
.toit a{text-decoration:none;text-align:center;background:#ff5a0a;color:#FFF;float:left;width:100%;padding-top:20px;padding-bottom:20px;margin-top:20px;margin-bottom:20px;font-size:18px;}
.toit a:hover{background:#FF7B3C;}
.toits{float:left;text-align:center;width:100%;margin-bottom:20px;}
.toits a{float:left;text-align:center;}
.blocsup{width:100%;float:left;padding-bottom:100px;padding-top:100px;background:#f2eeeb;}
.blocblanco{width:100%;float:left;margin-top:50px;background:#fff;padding:0px 0px 0px 0px;}
.blociblanc{width:100%;float:left;background:#fff;text-align:center;}
.bloctblanc{width:100%;float:left;background:#fff;}
.texteblocbl{margin-left:20px;font-size:18px;margin-right:20px;text-align:justify;color:#666;}
.titreblocbl{margin-left:20px;font-size:35px;margin-bottom:0px;}
.stitreblocbl{margin-left:20px;font-size:22px;margin-top:0px;margin-bottom:5px;padding:0;color:#999;}
.toitserv{float:left;text-align:center;width:98%;padding-left:1%;padding-right:1%;}
.toitserv a{text-decoration:none;text-align:center;background:#ff5a0a;color:#FFF;float:left;width:100%;padding-top:20px;padding-bottom:20px;margin-top:10px;margin-bottom:10px;font-size:18px;}
.toitserv a:hover{background:#FF7B3C;}
.cent{float:left;width:100%;}
.entreprise{float:left;width:100%;border:1px solid #e4e4e4;background:#fdfdfd;}
.entreprise h2{margin:0;}
.imageent{float:left;width:90%;text-align:center;padding:5%;}
.imageent img{text-align:center}
.texteent{float:left;width:90%;padding:5%;}
.centb{}
@media only screen and (min-width:481px){#logo{width:100%;float:left;text-align:center;}
#numero{width:100%;float:left;text-align:center;display:none;}
#imageb{width:100%;float:left;height:143px;background:none;display:none;}
#menu{width:100%;float:left;background:#323232;}
#menubloc{width:100%;float:left;background:#323232;}
#soumission{width:100%;float:left;text-align:center;background-color:#FF5705;}
.centre{width:90%;margin-right:auto;margin-left:auto;}
.centreme{width:100%;margin-right:auto;margin-left:auto;}
.centreb{width:90%;margin-right:auto;margin-left:auto;}
.centreserv{width:90%;margin-right:auto;margin-left:auto;}
.milieuca{float:left;width:100%;}
.milieucb{float:left;width:100%;margin-left:0%;}
.blocblanco{width:100%;float:left;margin-top:50px;background:#fff;padding:0px 0px 0px 0px;}
.blociblanc{width:100%;float:left;background:#fff;text-align:center;}
.bloctblanc{width:100%;float:left;background:#fff;}
.texteblocbl{margin-left:20px;font-size:18px;margin-right:20px;text-align:justify;color:#666;}
.titreblocbl{margin-left:20px;font-size:35px;margin-bottom:0px;}
.stitreblocbl{margin-left:20px;font-size:22px;margin-top:0px;margin-bottom:5px;padding:0;color:#999;}
#abas{width:100%;float:left;display:block;text-align:center;}
#bbas{width:30%;margin-right:5%;margin-left:5%;float:left;color:#707070;display:none;}
#cbas{width:100%;float:left;color:#707070;display:block;text-align:center;}
#milieuc{width:100%;float:left;padding-top:90px;padding-bottom:90px;text-align:left;}
.toit{float:left;text-align:center;width:98%;padding-left:1%;padding-right:1%;}
.toits{float:left;text-align:center;width:100%;margin-bottom:20px;}
}
@media only screen and (min-width:769px){#un{width:30%;float:left;}
#deux{width:30%;margin-right:5%;margin-left:5%;float:left;}
#trois{width:30%;float:left;}
#logo{width:50%;float:left;text-align:left;}
#numero{width:50%;float:left;text-align:right;display:block;}
#imageb{width:100%;float:left;height:143px;background:url(images/toitures.jpg);display:block;}
#menu{width:100%;float:left;background:#323232;}
#menubloc{width:100%;float:left;background:#323232;}
#soumission{width:100%;float:right;text-align:center;background-color:#FF5705;}
.centre{width:90%;margin-right:auto;margin-left:auto;}
.centreme{width:100%;margin-right:auto;margin-left:auto;}
.centreb{width:90%;margin-right:auto;margin-left:auto;}
.centreserv{width:90%;margin-right:auto;margin-left:auto;}
.milieuca{float:left;width:100%;}
.milieucb{float:left;width:100%;margin-left:0%;}
.toitserv{float:left;text-align:center;width:98%;padding-left:1%;padding-right:1%;}
.toitserv a{text-decoration:none;text-align:center;background:#ff5a0a;color:#FFF;float:left;width:100%;padding-top:20px;padding-bottom:20px;margin-top:20px;margin-bottom:20px;font-size:18px;}
.toitserv a:hover{background:#FF7B3C;}
.blocblanco{width:100%;float:left;margin-top:50px;background:#fff;padding:0px 0px 0px 0px;}
.blociblanc{width:100%;float:left;background:#fff;text-align:center;}
.bloctblanc{width:100%;float:left;background:#fff;}
.texteblocbl{margin-left:50px;font-size:18px;margin-right:100px;text-align:justify;color:#666;}
.titreblocbl{margin-left:50px;font-size:35px;margin-bottom:0px;}
.stitreblocbl{margin-left:50px;font-size:22px;margin-top:0px;margin-bottom:5px;padding:0;color:#999;}
#abas{width:100%;float:left;display:block;}
#bbas{width:30%;margin-right:5%;margin-left:5%;float:left;color:#707070;display:none;}
#cbas{width:100%;float:left;color:#707070;display:block;text-align:center;}
#milieuc{width:100%;float:left;padding-top:90px;padding-bottom:90px;text-align:left;}
.toit{float:left;text-align:center;width:48%;padding-left:1%;padding-right:1%;}
.toits{float:left;text-align:center;width:32%;margin-bottom:20px;}
.cent{float:left;width:100%;}
.entreprise{float:left;width:100%;border:1px solid #e4e4e4;background:#fdfdfd;}
.entreprise h2{margin:0;}
.imageent{float:left;width:20%;text-align:center;padding:5%;}
.imageent img{text-align:center}
.texteent{float:left;width:60%;padding:5%;}
}
@media only screen and (min-width:1024px){#un{width:30%;float:left;}
#deux{width:30%;margin-right:5%;margin-left:5%;float:left;}
#trois{width:30%;float:left;}
#logo{width:50%;float:left;text-align:left;}
#numero{width:50%;float:left;text-align:right;display:block;}
#imageb{width:100%;float:left;height:143px;background:url(images/toitures.jpg);display:block;}
#menu{width:100%;float:left;background:#323232;}
#menubloc{width:80%;float:left;background:#323232;}
#soumission{width:20%;float:right;text-align:center;background-color:#FF5705;}
.centre{width:80%;margin-right:auto;margin-left:auto;}
.centreme{width:80%;margin-right:auto;margin-left:auto;}
.centreb{width:60%;margin-right:auto;margin-left:auto;}
.centreserv{width:80%;margin-right:auto;margin-left:auto;}
.milieuca{float:left;width:30%;}
.milieucb{float:left;width:60%;margin-left:10%;}
.toitserv{float:left;text-align:center;width:48%;padding-left:1%;padding-right:1%;}
.toitserv a{text-decoration:none;text-align:center;background:#ff5a0a;color:#FFF;float:left;width:100%;padding-top:20px;padding-bottom:20px;margin-top:20px;margin-bottom:20px;font-size:18px;}
.toitserv a:hover{background:#FF7B3C;}
.blocblanco{width:100%;float:left;margin-top:50px;background:#fff;padding:20px 20px 20px 20px;}
.blociblanc{width:30%;float:left;background:#fff;text-align:left;}
.bloctblanc{width:70%;float:left;background:#fff;}
.texteblocbl{margin-left:50px;font-size:18px;margin-right:100px;text-align:justify;color:#666;}
.titreblocbl{margin-left:50px;font-size:35px;margin-bottom:0px;}
.stitreblocbl{margin-left:50px;font-size:22px;margin-top:0px;margin-bottom:5px;padding:0;color:#999;}
#abas{width:30%;float:left;display:block;text-align:left;}
#bbas{width:30%;margin-right:5%;margin-left:5%;float:left;color:#707070;display:block;}
#cbas{width:30%;float:left;color:#707070;display:block;text-align:left;}
#milieuc{width:100%;float:left;padding-top:90px;padding-bottom:90px;text-align:left;}
.toit{float:left;text-align:center;width:48%;padding-left:1%;padding-right:1%;}
.toits{float:left;text-align:center;width:32%;margin-bottom:20px;}
}
@media only screen and (min-width:1232px){#un{width:30%;float:left;}
#deux{width:30%;margin-right:5%;margin-left:5%;float:left;}
#trois{width:30%;float:left;}
#logo{width:50%;float:left;text-align:left;}
#numero{width:50%;float:left;text-align:right;display:block;}
#imageb{width:100%;float:left;height:143px;background:url(images/toitures.jpg);display:block;}
#menu{width:100%;float:left;background:#323232;}
#menubloc{width:80%;float:left;background:#323232;}
#soumission{width:20%;float:right;text-align:center;background-color:#FF5705;}
.centre{width:80%;margin-right:auto;margin-left:auto;}
.centreme{width:80%;margin-right:auto;margin-left:auto;}
.centreb{width:80%;margin-right:auto;margin-left:auto;}
.centreserv{width:80%;margin-right:auto;margin-left:auto;}
.milieuca{float:left;width:30%;}
.milieucb{float:left;width:60%;margin-left:10%;}
.toitserv{float:left;text-align:center;width:48%;padding-left:1%;padding-right:1%;}
.toitserv a{text-decoration:none;text-align:center;background:#ff5a0a;color:#FFF;float:left;width:100%;padding-top:20px;padding-bottom:20px;margin-top:20px;margin-bottom:20px;font-size:18px;}
.toitserv a:hover{background:#FF7B3C;}
.blocblanco{width:100%;float:left;margin-top:50px;background:#fff;padding:20px 20px 20px 20px;}
.blociblanc{width:30%;float:left;background:#fff;text-align:left;}
.bloctblanc{width:70%;float:left;background:#fff;}
.texteblocbl{margin-left:50px;font-size:18px;margin-right:100px;text-align:justify;color:#666;}
.titreblocbl{margin-left:50px;font-size:35px;margin-bottom:0px;}
.stitreblocbl{margin-left:50px;font-size:22px;margin-top:0px;margin-bottom:5px;padding:0;color:#999;}
#bas{width:100%;float:left;background-color:#272727;padding-top:50px;padding-bottom:50px;}
#abas{width:30%;float:left;display:block;text-align:left;}
#bbas{width:30%;margin-right:5%;margin-left:5%;float:left;color:#707070;display:block;}
#cbas{width:30%;float:left;color:#707070;display:block;text-align:left;}
#milieuc{width:100%;float:left;padding-top:90px;padding-bottom:90px;text-align:left;}
.toit{float:left;text-align:center;width:31%;padding-left:1%;padding-right:1%;}
.toits{float:left;text-align:center;width:32%;margin-bottom:20px;}
}