body {
    background-color:#FFF;
    font-family: 'montserrat', helvetica, arial, sans-serif;
    font-size: 62.5%;
    position: relative;
    overflow-x: hidden;
}
strong {
    font-weight:600;
}
.bg-responsive{display: none}
/**HEADER**/

header.segur-header {
    background-color:#FFF;
    padding:1em 0 1em 0;
    text-align:left;
    height:auto;
}
.header .logo {
    padding:8px 0px 0px 30px;
}

.logo img{
    width: 47%;
}

header.header .logo {
    text-align:left;
}

header.header img.logo {
    width:300px;
}

header.header .time {
    font-size:34px;
    font-family: 'roboto', sans-serif;
    color: #405c99;
    line-height: 0.8;
    text-align: center;
}

header.header .time span {
    font-size:20px;
    color: #1fa0e1;
}

.header .baseline {
    padding:15px 0px 15px 0;
}



/**CONTENU**/
section.content {
    background-image: url(img/bgd.jpg);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    min-height: 650px;
    padding-top:20px;
}

section.content .title h1 {
    font-family: 'Comfortaa';
    font-weight:900;
    font-size:2em;
    line-height:1.0;
}

.whitebloc {
    padding:20px;
    background-color:rgba(255,255,255,0.7);
    color:#000;
    text-align: left;
    font-size:1em;
    font-weight:400;
}

.whitebloc {
    font-size:1.4em;
    color:#000;
    font-weight:600;
}

.whitebloc ul {
    padding-left:15px;
    font-size:0.65em;
}

.whitebloc ul li{
    margin-bottom:15px;
    background: url('img/check.png') no-repeat 0px 2px;
    padding-left:25px;
    list-style: none;
}

.form-container {
    margin-top:30px;
    text-align:center;
    background-color:#fff;
    padding:25px;
}

.form-container .form-title {
    font-size: 2.5em;
    font-weight: bold;
    padding: 0.5em;
    line-height: 1.2em;
    color: #000;
    position:relative;
}
.form-container form button.btn-participer {
    width: 100%;
    background-color: #4586e6;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFF;
    font-size: 1.5em;
    padding: 1.0em 0.1em;
    outline: none;
    border:none;
    transition:background-color .2s ease-in-out;
}
.form-container form button.btn-participer span {
    text-transform: uppercase;
    font-weight: 500;
}
.form-container input[type="text"] {
    border-radius: 0;
    border: none;
    background-color: #e9e9e9;
    height: 45px;
    width: 100%;
}

.form-container .form-group {
    margin-bottom:7px;
}

.form-control::placeholder {
    color: #000;
    opacity: 1;
}

.form-container .bloc-elem .label {
    color: #000;
    font-size: 1.0em;
    font-weight: 400;
}

.form-container .form-group {
    text-align:left;
}

section.blue {
    background-color:#009ad8;
    padding:25px 0;
    font-size:3.5em;
    color:#fff;
    text-align: center;
}

section.content {
    padding:10px 0 50px 0;
    text-align: center;
}

section.content .title {
    text-align:left;
    margin-top:30px;
    padding-bottom:8px;
    font-size:60px;
    color:#000;
    line-height: 0.8
}
section.content .title .italic {font-style: italic; font-size: 26px}
section.content .title .bold{font-weight: bold; font-size: 60px;line-height: 1.2}
section.content .ico {margin-top:15px;float:left;width:14.28%;padding:0 10px;font-size:2.2em;color:#009ad8;}
.icons .col-md-4 {font-size:2.2em;color:#009ad8;margin-top: 15px;}

footer {padding:25px 0 50px 0;}
footer .container img {width:250px;}
footer .container .ml {font-size:1.0em;}

.finish{font-size: 30px; text-align: left;padding-top: 100px }

.erreur {
    font-size:1.8em;
}
@media (max-width: 1199px) {
    header.header .time {
    font-size:28px;
}

header.header .time span {
    font-size:16px;
}
    
.form-container form button.btn-participer {
        font-size: 2.0em
    }
.label{padding: 0.2em 0.2em}

section.content .title {font-size:52px;}
section.content .title .italic {font-size: 23px}
section.content .title .bold{font-size: 50px}


}
@media (max-width: 1024px) {
    .form-container {margin-top:20px;text-align:center;background-color:#fff;height:auto;}
    section.content .ico {margin-top:15px;float:left;width:30%;padding:0 10px;font-size:2.2em;color:#009ad8;}
    section.content {
        background-position: right top;
    }
    section.content .title h1 {
        color:#fff;
    }
    
}

@media (max-width: 991px) {
    header{text-align:right; }
    header.header .logo{text-align: left;padding:8px 0px 0px 0px;}
    .bg-responsive{display: block;}
    .offre img{width: 100%}
    .title{display: none}
    section.content {
        background-image: none; min-height: 250px;padding: 10px 0 0 0;
    }
    .form-container {margin-top:0px;padding:5px 0 5px 0;}
    .finish{display: none}
    .offre {padding-right:0;padding-left:0;}
    .form-container form button.btn-participer {
      font-size: 1.50em;
    }
    
    
}


@media (max-width: 800px) {
    section.content .ico {margin-top:15px;float:left;width:100%;padding:0 10px;font-size:2.2em;color:#009ad8;}
    footer .container .ml {margin-top:20px;}
    .form-container {
        margin-top: 0;
    }
}
@media (max-width: 600px) {
   
    section.content .title h1 {
        color:#000;
    }
    .header .baseline {text-align: center;padding:10px 0 10px 0;}
    .header .baseline img {width: 90%;}
    .content .col-xs-12{padding:0;}
    .title {text-align: center;padding:0;}
    .title h1 {margin-top:80px;padding:10px;background-color:rgba(255,255,255,1);font-size:2.1em;}
    .bluebloc {text-align: left;font-size:2em;padding:15px 15px 5px 15px;}
    header.header .logo{text-align: center;}
    .form-container{padding:20px;}
}







/****** recap ********/
.recap_zone{
    background-image: url("img/bgd.jpg") !important;
    display: block;
}

.recap_txt{
    margin-top: 4%;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 20px 0;
}