body{padding-top:2rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;margin:0}
.navbar-light .navbar-nav .nav-link{color:#293950;text-transform:uppercase}
.navbar{box-shadow:inset 0 11px 10px -10px #293950,inset 0 -11px 10px -10px #293950}
.dropdown-item.active,.dropdown-item:active{color:#293950;text-decoration:none;background-color:#fff}
.navbar-light .navbar-brand{color:#293950;font-weight:700;text-transform:uppercase}
.navbar-logo:hover{text-decoration:none!important;opacity:.8}
.logo{max-height:3rem;width:153;height:60px}
.content{padding-left:5rem;padding-right:5rem}
.mt-6{margin-top:-40px}
.md-6{margin-top:-40px}

.jumbotron {
    height: 60vh;
    background-color: #116397; /*#002E4D*/
	/*background: linear-gradient(to right, #007B38, #0068ab 100%);*/
	background: linear-gradient(to bottom, #0068ab, #347355);
    color: #fff;
    text-shadow: 2px 2px #4B4B4B;
    padding: 2rem 1rem;
    display: flex;
    align-items: center;
}

.jumbotron h1 {
    color: #fff;
}

.jumbotron img {
    max-height: 40vh;  /* empêche l’image d’être trop grande */
}
.page-title:after{content:"";display:block;width:50%;padding-top:20px;border-bottom:1px solid #000;margin-left:auto;margin-right:auto;}
.head-title:after{content:"";display:block;margin:0 auto;width:50%;padding-top:20px;border-bottom:1px solid #fff;margin-left:auto;margin-right:auto;}



.bg-text{background-color:rgba(255,215,177,0.22);padding:10px}
.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}
img{opacity:1;transition:opacity .6s;max-width:100%;height:auto}
.mt-6{margin-top:-40px}
.md-6{margin-top:-40px}
ul.ok{list-style:none;padding-left:0;margin:0 5px 10px 0}
.ok li:before{content:"\2713";position:relative;font-weight:700;font-size:120%;margin-right:10px;top:3px;color:#015100;list-style:none;padding-left:0;margin-left:0}
ol.ok-1{padding-left:0;margin-left:10px}
.ok-1 li:before{padding-left:0;margin-left:0;font-weight:700;font-size:120%;color:#015100}
ul.lien{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:left;padding:15px;font-weight:600;margin-bottom:15px}
#formulaire.cacher{display:none}
#sendmessage.show,#errormessage.show,.show{display:block}
.bd-green{color:#fff;background-color:#115B17}
.btn-green{color:#fff;background-color:#115B17;border-color:#033908}
.btn-green:hover{color:#fff;background-color:#003304;border-color:#6A0A14}
.bgfooter{background-color:#000;padding:30px 0;margin:0;border-top:1px solid #C7D3CF;color:#FFF}
.bgfooter a{color:#F7E600;text-decoration:none}
.bgfooter a:hover{color:#FBC35B;text-decoration:none}
.mobileShow{display:none}
.closebtn{position:absolute;top:10px;right:15px;color:#fff;font-size:35px;cursor:pointer}

@media (max-width: 992px) {
    .md-6 { margin-top: 5px; }
}

@media (max-width: 768px) {
    .mt-6 { margin-top: -45px; }
	.jumbotron {
    height:auto;
    
}
}
@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}
}