@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;src:url('fonts/montserrat/montserrat-v12-latin-500.eot');src:local('Montserrat Medium'), local('Montserrat-Medium'),
url('fonts/montserrat/montserrat-v12-latin-500.eot?#iefix') format('embedded-opentype'),
url('fonts/montserrat/montserrat-v12-latin-500.woff2') format('woff2'),
url('fonts/montserrat/montserrat-v12-latin-500.woff') format('woff'),
url('fonts/montserrat/montserrat-v12-latin-500.ttf') format('truetype'),
url('fonts/montserrat/montserrat-v12-latin-500.svg#Montserrat') format('svg');font-display:optional;}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;src:url('fonts/montserrat/montserrat-v12-latin-700.eot');src:local('Montserrat Bold'), local('Montserrat-Bold'),
url('fonts/montserrat/montserrat-v12-latin-700.eot?#iefix') format('embedded-opentype'),
url('fonts/montserrat/montserrat-v12-latin-700.woff2') format('woff2'),
url('fonts/montserrat/montserrat-v12-latin-700.woff') format('woff'),
url('fonts/montserrat/montserrat-v12-latin-700.ttf') format('truetype'),
url('fonts/montserrat/montserrat-v12-latin-700.svg#Montserrat') format('svg');font-display:optional;}
*:before, *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{background-color:#fff !important;font-family:Open Sans;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff;}
p{color:#222;line-height:26px;margin:0 0 10px; text-align:justify}
a{color:#6c98e1;text-decoration:none;outline:none !important;}
a:hover, a:active, a:focus{text-decoration:underline;color:#6c98e1;}
.cookieAcceptBar{display:none;position:fixed;top:0;left:0;right:0;text-align:center;background-color:#FFBE00;color:#002e5b;padding:1px 0;z-index:99999;font-size:13px;-webkit-transform:translateY(0%);transform:translateY(0%);}
.cookies{margin-top:20px !important}
.cookieAcceptBar a{text-decoration:none;font-weight:bold;}
.closed{cursor:pointer;background-color:#fff;color:#000 !important;text-transform:uppercase;border:2px solid rgba(0,0,0,0.75);width:17px;height:17px;display:inline-block;border-radius:3px;font-size:14px;line-height:14px}
.logo{float:left;}
#nav-icon{width:30px;height:30px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;margin-top:10px;}
.navbar-light .navbar-toggler{border-width:0;}
#nav-icon span{display:block;position:absolute;height:4px;width:100%;background:#fff;border-radius:2px;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out}#nav-icon span:nth-child(1){top:0;transition:top .3s .3s,transform .3s 0s}#nav-icon span:nth-child(2){top:10px;transition:opacity .3s}#nav-icon span:nth-child(3){top:20px;transition:top .3s .3s,transform .3s 0s}#nav-icon.open span:nth-child(1){top:9px;transform:rotate(-45deg);transition:top .3s 0s,transform .3s .3s}#nav-icon.open span:nth-child(2){opacity:0}#nav-icon.open span:nth-child(3){top:9px;transform:rotate(45deg);transition:top .3s 0s,transform .3s .3s}
.header{background:#002e5b;padding:18px 0;-webkit-transition:all .3s ease;transition:all .3s ease;}
a.nav-link:after{content:"";position:absolute;background:rgba(255,255,255,.2);margin:-10px 0 0;left:0;top:50%;height:20px;width:1px;}
#menu-item-10 a.nav-link:after{display:none}
.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu{margin-top:0;}
img{max-width:100%;height:auto}
button:focus{outline:0;}
.logo img{max-width:inherit}
nav{position:relative;font-family:Poppins;list-style:none;margin:0;padding:0 !important;}
.nav-item{position:relative;float:left;font-size:15px;color:#ffffff;font-weight:500 !important;text-transform:capitalize;line-height:20px;text-align:center;font-family:Montserrat;}
.nav-item .icon-internet{font-size:20px;display:block}

.nav-item a:hover{color:#FFBE00 !important;}
.nav-item.current-menu-item a{color:#FFBE00 !important;}
.main{margin-top:2rem;margin-bottom:2rem;min-height:80vh}
footer {
    background: #002e5b;
    border-top: 1px solid rgba(255,255,255,.2);
}
@media only screen and (max-width: 1024px){
.nav-item {
    border-top: 1px solid rgba(255,255,255,0.2);
}
}
@media only screen and (max-width:1024px){
.top-bar{display:none;}

a.nav-link:after{content:none;}
#navbarNavDropdown{margin-top:15px}
}
@media only screen and (max-width:991px){h1, .h1{font-size:22px;line-height:32px}
h2, .h2{font-size:20px;line-height:30px}
h3, .h3{font-size:18px;line-height:28px}
}

@media only screen and (max-width: 991px){
.col-sm-3 {
    max-width: 100% !important;
}
}
@media only screen and (max-width: 575px){
.form{ margin:0 10px 10px;}
}
@media only screen and (max-width: 450px){
#nav-icon{display: none;}
}
@media only screen and (max-width: 991px){
.col-sm-9 {
    max-width: 100% !important;
}
.bg{text-align:center !important}
}

.form-group{display: flex;
    align-items: center;
    margin-bottom: 5px;}
    .logo img{ margin:0 auto; max-width:320px; height:auto}
@media only screen and (max-width:450px){
.logo img {width: 95%;}
}
 @media only screen and (max-width: 992px){.wrapper{display:inherit !important}}
 body{font-family:arial !important}

 form{background-color: #fff;
    border-color: rgba(0,0,0,.15);
    border-width: 1px;
    border-style: solid;
    border-radius: 0px 0px 5px 5px;
    padding: 15px 5px 15px 5px;}
.texte, .control-label, .form-control, .custom-control {
    font-size: 14px !important; color:#001239;
 }
 .textegras {
    color: #002e5b;
    font-size: 14px;
}
.titl{font-weight:bold}
 .widget_media_image{text-align:center}
 .textepetit{margin-top:5px}
td{padding: 0px 0 5px 0;}
.form-control{border-radius: 3px !important;
    height: 30px !important;
    padding: 0 5px !important;
    border-color: #ccc !important;}    
.titreparagraphe {text-align: center;
    background: #002e5b;
    padding: 10px 0;
    border-radius: 5px 5px 0px 0; margin-bottom:0;
    display: block;
}
.main ul{padding:0}
.main ul li{list-style:none}
.primary-btn{background-color: #004195;border: 1px solid #004195;box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.5);color: #fff;font-weight: bold;text-transform:uppercase}
.primary-btn:hover{background-color:#fff;color: #004195;text-decoration:none}
.btn1 {border-radius: 4px;padding: 4px 12px;font-size: 11px;border:2px solid #fff;}
.bg{padding:5px 5px 7px 5px;text-align:right;
background: #ffdb3d;
background: -moz-linear-gradient(top, #ffdb3d 0%, #ffbb34 25%, #ffbb34 25%, #ffbb34 100%);
background: -webkit-linear-gradient(top, #ffdb3d 0%,#ffbb34 25%,#ffbb34 25%,#ffbb34 100%);
background: linear-gradient(to bottom, #ffdb3d 0%,#ffbb34 25%,#ffbb34 25%,#ffbb34 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdb3d', endColorstr='#ffbb34',GradientType=0 );}
.wrapper{display:flex}
.btn-custom{background: #002e5b none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    color: #ffffff;
    font-size: 18px !important;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 18px 25px !important;
    transition: all 0.3s ease 0s;
    text-transform: uppercase;
        font-family: "Montserrat";
    margin-top: 20px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    display: flex; cursor:pointer}
	.erreur_champ{color:#FF0000; font-size:11px}

    @media only screen and (max-width:450px){
       .col-sm-5{flex: 0 0 41.666667%;max-width: 41.666667%;}
       .col-sm-7{flex: 0 0 58.333333%;max-width: 58.333333%;}
    }