body{padding-top:3rem;}
.navbar-light .navbar-nav .nav-link{color:#58151c;text-transform:uppercase}
.navbar{ box-shadow: inset 0px 11px 10px -10px #331901,inset 0px -11px 10px -10px #331901; }
.dropdown-item.active,.dropdown-item:active{color:#58151c;text-decoration:none;background-color:#ECF1F3}
.navbar-light .navbar-brand{color:#58151c;font-weight:700; text-transform:uppercase}
.navbar-logo:hover{text-decoration:none!important;opacity:.8}
.logo{max-height:3rem;width:156;height:80}
.content{padding-left:5rem;padding-right:5rem}
.mr-line{border-bottom:2px solid rgba(103,0,1,1.00); margin-top:20px}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:#58151c;}
.h2,.h3,.h4,.h5,.h6,h2,h3,h4,h5,h6{margin-top:10px}
.carousel{margin-bottom:2rem}
.carousel-caption h3{color:#fff}
.carousel-caption{position:absolute;right:15%;bottom:10px;left:15%;z-index:10;padding-top:30px;padding-bottom:100px;color:#fff;text-align:center}
.carousel-caption .display-5{font-size:2.5rem; text-align:center; margin-top: 0;
margin-bottom: .5rem;
font-weight: 500;
line-height: 1.2;text-transform:uppercase}
.carousel-caption p{text-shadow:2px 2px #003904}
.carousel-item{background-color:#120300;height:60vh;background-size:cover!important;background-position:center!important}
.featurette-divider{margin:5rem 0}
.carousel-item .img-fluid{width:100%}
.carousel-item a{display:block;width:100%}
.jumbotron h1{color:#fff;margin-top:12px}
.jumbotron{text-align:center;padding-top:10rem;padding-bottom:10rem;text-shadow:2px 2px #4B4B4B;height:25rem;background-color:#190400}
.bg-text{background-color:rgba(255,215,177,0.22);padding:10px}
.bg{background-size:cover!important;background-repeat:no-repeat;color:#fff;background-position:center center;position:relative;width:100%;height:55vh;z-index:-2}
.bg-ville{background-image:url(../images/artisan-couvreur.webp)}
.bg-contact{background-image:url(../images/renovation-toiture.webp)}
.bg-nettoyage{background-image:url(../images/nettoyage-demoussage-toiture.webp)}
.bg-nettoyage-ville{background-image:url(../images/nettoyage-demoussage-toiture-ville.webp)}
img{opacity:1;transition:opacity .6s;max-width:100%;height:auto}
.btn-appel{text-transform:uppercase;font-size:1.2rem;font-weight:700;letter-spacing:.1rem}
.btn-appel a{color:#fff;text-decoration:none;text-align:center}
.mt-6{margin-top:-20px}
.md-6{margin-top:-20px}
.btn-appel{text-transform:uppercase;font-size:1.2rem;font-weight:700;letter-spacing:.1rem}
.btn-appel a{color:#fff;text-decoration:none;text-align:center}
ul.ok{list-style:none;list-style:none;padding-left:0;margin:0 5px 10px 0}
.ok li:before{content:"\0276F";position:relative;margin-right:10px;top:3px;color:#015100;list-style:none;padding-left:0;margin-left:0}
ul.lien{list-style:none;list-style:none;padding-left:0;margin:0 5px 10px 0;font-size:18px}
.form-control:focus{box-shadow:none;outline:0 none}
#contact-page{padding-top:0;background:#fff;margin-bottom:50px}
#contact-page .contact-form .form-group label{color:#4E4E4E;font-size:14px;font-weight:300}
.form-group .form-control{padding:7px 12px;border-color:#f2f2f2;box-shadow:none}
.validation{color:red;display:none;margin:0 0 20px;font-weight:400;font-size:13px}
#sendmessage{color:green;border:1px solid green;display:none;text-align:center;padding:15px;font-weight:600;margin-bottom:15px}
#errormessage{color:red;display:none;border:1px solid red;text-align:center;padding:15px;font-weight:600;margin-bottom:15px}
#formulaire.cacher{display:none}
#sendmessage.show,#errormessage.show,.show{display:block}
.bd-red {
    color: #fff;
    background-color: #115B17;
}
.btn-red {
    color: #fff;
    background-color: #115B17;border-color:#033908;
}
.btn-red:hover{
color:#fff;background-color:#6A0A14;border-color:#6A0A14}
.bgfooter{background-color:#5C0705;padding:30px 0;margin:0;border-top:1px solid #C7D3CF;color:#FFF}
.bgfooter a{color:#FFF; text-decoration:none}
.bgfooter a:hover{color:#FBC35B; text-decoration:none}
.mobileShow{display:none}
.column{float:left;width:25%;padding:10px}
.column img{opacity:.8;cursor:pointer}
.column img:hover{opacity:1}
.row:after{content:"";display:table;clear:both}
.cont{position:relative;display:none}
#imgtext{position:absolute;bottom:15px;left:15px;color:#fff;font-size:20px}
.closebtn{position:absolute;top:10px;right:15px;color:#fff;font-size:35px;cursor:pointer}
@media (min-width: 40em) {
.carousel-caption p{margin-bottom:1.25rem;font-size:1.25rem;line-height:1.4}
}
@media (min-width: 62em) {
.featurette-heading{margin-top:7rem}
}
@media (max-width: 62em) {
.carousel-caption{padding-bottom:60px;margin-top:10px}
.carousel-caption .display-5{font-size:2rem}
.carousel-item{height:auto;background-size:cover!important;background-position:center!important}
.carousel-item .img-fluid{margin-top:0;width:100%;height:auto}
.md-6{margin-top:5px}
}
@media (max-width: 48em) {
.h1,h1{font-size:2rem}
.h2,h2{font-size:1.7rem}
.h3,h3{font-size:1.4rem}
.jumbotron{text-align:center;padding-top:2.5rem;padding-bottom:2rem;text-shadow:2px 2px #014906;height:18rem}
.mt-6{margin-top:-35px}
}
@media (max-width: 576px) {
.bgfooter{padding-bottom:60px}
.mobileShow{position:fixed;left:0;bottom:0;width:100%;display:block;font-size:130%;margin-top:5px;padding-top:4px;padding-bottom:0;text-align:center;text-decoration:none;}
.mobileShow a{color:#fff;text-decoration:none}
.mobileShow:hover{text-decoration:none}
.mobilet{font-size:2.5rem}
}
@media (max-width: 480px) {
.carousel-caption{padding-top:40px;padding-bottom:10px}
.carousel-caption .display-5{font-size:1.75rem; margin-top:10px}
}