@font-face {
    font-family: 'dk_lemon';
    src: url('../font/dk_lemon_yellow_sun-webfont.eot');
    src: url('../font/dk_lemon_yellow_sun-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/dk_lemon_yellow_sun-webfont.woff2') format('woff2'),
         url('../font/dk_lemon_yellow_sun-webfont.woff') format('woff'),
         url('../font/dk_lemon_yellow_sun-webfont.svg#dk_lemon_yellow_sunregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body{
    width: 90%;
    margin: auto;
}

                /* HEADER */
                
img.logo {
    /* width: 50%; */
    /* margin-top: 6%; */
    margin-bottom: 3%;
}

img.vignette {
    width: 33%;
    float: right;
}

                   /* TRAIT */
                   
.trait.col-lg-12 {
    height: 3px;
    width: 100%;
    margin: auto;
    background-color: #3e3e3e;
}

                   /* CAROUSEL */

.col-lg-6.col-md-12.carousel {
    padding: 0;
}
section.section1 {
    margin-top: 3%;
}
img.gif {
    width: 100%;
}


/* FORMULAIRE */

.col-lg-6.col-md-12.formulaire {
    padding-left: 6%;
}


/* SECTION 2 */

.bleu {
    background-color: #2a869b;
    border-radius: 15px;
    color: white;
    text-align: center;
    padding: 10px 0;
}

section.section2 {
    margin-top: 3%;
}
h3 {
    font-size: 35px !important;
    margin: 0 !important;
}

/* SECTION 3 */

section.section3 {
    margin-top: 3%;
    background-color: #3e3e3e;
    text-align: center;
    color: white;
    padding: 23px;
}
section.section4 {
    text-align: center;
    margin-top: 3%;
}

h1 {
    font-size: 51px !important;
    margin: auto;
}
p{
    font-family: 'Open Sans', sans-serif;
}
.col-lg-12.bouton1 {
    background-color: #2a869b;
    width: 35%;
    border-radius: 15px;
    padding: 10px 0;
    margin-left: 33%;
}
/* FOOTER */

footer {
    text-align: center;
    margin-top: 3%;
    margin-bottom: 2%;
}
a.mentions {
    color: #3e3e3e;
}

h3, h1{
   font-family: 'dk_lemon'!important;
   color: white !important;
}
p.small {
    font-size: 15px !important;
}
a{
    text-decoration: none !important;
}
img.ssl {
    width: 37%;
    float: right;
    margin-top: -3%;
}
.col-lg-6.legal {
    text-align: left;
}

/* RESPONSIVE */


@media screen and (min-width: 1441px) and (max-width: 1920px){
h3 {
    font-size: 27px !important;
    margin: 0 !important;
}
section.section3 {
    margin-top: 3%;
    background-color: #3e3e3e;
    text-align: center;
    color: white;
    padding: 36px 244px;
}
p {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px !important;
    margin-top: 2%;
}
}
@media screen and (min-width: 1200px) and (max-width: 1440px){
h3 {
    font-size: 27px !important;
    margin: 0 !important;
}
section.section3 {
    margin-top: 3%;
    background-color: #3e3e3e;
    text-align: center;
    color: white;
    padding: 36px 244px;
}
p {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px !important;
    margin-top: 2%;
}
}
@media screen and (min-width: 1024px) and (max-width: 1199px){
h3 {
    font-size: 19px !important;
    margin: 0 !important;
}
h1 {
    font-size: 43px !important;
    margin: auto;
}
img.logo {
    width: 32%;
    margin: auto;
    display: block;
    margin-top: 2%;
}
img.ssl {
    width: 29%;
    float: right;
    margin-top: -7%;
}
img.vignette {
    width: 20%;
    margin: auto;
    float: none;
    display: block;
}
.col-lg-6.col-md-12.formulaire {
    padding-left: 15%;
}
.col-lg-4.col-md-12.bouton {
    margin-bottom: 3%;
    width: 33%;
}
.col-lg-12.bouton1 {
    background-color: #2a869b;
    width: 35%;
    border-radius: 15px;
    padding: 10px 0;
    margin-left: 33%;
    margin-bottom: 3%;
}
}

@media screen and (min-width: 992px) and (max-width: 1023px){
h3 {
    font-size: 19px !important;
    margin: 0 !important;
}
h1 {
    font-size: 43px !important;
    margin: auto;
}
img.logo {
    width: 32%;
    margin: auto;
    display: block;
    margin-top: 2%;
}
img.ssl {
    width: 29%;
    float: right;
    margin-top: -7%;
}
img.vignette {
    width: 20%;
    margin: auto;
    float: none;
    display: block;
}
.col-lg-6.col-md-12.formulaire {
    padding-left: 13%;
}
.col-lg-4.col-md-12.bouton {
    margin-bottom: 3%;
    width: 33%;
}
.col-lg-12.bouton1 {
    background-color: #2a869b;
    width: 35%;
    border-radius: 15px;
    padding: 10px 0;
    margin-left: 33%;
    margin-bottom: 3%;
}
}

@media screen and (min-width: 769px) and (max-width: 991px){
body {
    width: 100%;
    margin: auto;
}
h3 {
    font-size: 19px !important;
    margin: 0 !important;
}
h1 {
    font-size: 43px !important;
    margin: auto;
}
img.logo {
    width: 32%;
    margin: auto;
    display: block;
    margin-top: 2%;
}
img.ssl {
    width: 29%;
    float: right;
    margin-top: -9%;
}
img.vignette {
    width: 20%;
    margin: auto;
    float: none;
    display: block;
}
.col-lg-6.col-md-12.formulaire {
    padding-left: 13%;
}
.col-lg-4.col-md-12.bouton {
    margin-bottom: 2% !important;
    width: 33%;
    margin: auto;
    display: block;
}
.col-lg-12.bouton1 {
    background-color: #2a869b;
    width: 35%;
    border-radius: 15px;
    padding: 10px 0;
    margin-left: 33%;
    margin-bottom: 3%;
}
}
@media screen and (min-width: 376px) and (max-width: 768px){
body {
    width: 100%;
    margin: auto;
}
h3 {
    font-size: 19px !important;
    margin: 0 !important;
}
h1 {
    font-size: 43px !important;
    margin: auto;
}
img.logo {
    width: 32%;
    margin: auto;
    display: block;
    margin-top: 2%;
}
img.ssl {
    width: 35%;
    float: none;
    margin-top: 0;
}
img.vignette {
    width: 26%;
    margin: auto;
    float: none;
    display: block;
}
.col-lg-6.col-md-12.formulaire {
    padding-left: 13%;
}
.col-lg-4.col-md-12.bouton {
    margin-bottom: 2% !important;
    width: 50%;
    margin: auto;
    display: block;
}
.col-lg-12.bouton1 {
    background-color: #2a869b;
    width: 35%;
    border-radius: 15px;
    padding: 10px 0;
    margin-left: 33%;
    margin-bottom: 3%;
}
.col-lg-12.bouton1 {
    background-color: #2a869b;
    width: 65%;
    margin: auto;
    border-radius: 15px;
    padding: 10px 0;
}

.col-lg-6.legal {
    text-align: center;
}
}
@media screen and (min-width: 321px) and (max-width: 375px){
body {
    width: 100%;
    margin: auto;
}
h3 {
    font-size: 19px !important;
    margin: 0 !important;
}
h1 {
    font-size: 43px !important;
    margin: auto;
}
img.logo {
    width: 50%;
    margin: auto;
    display: block;
    margin-top: 2%;
}
img.ssl {
    width: 65%;
    float: none;
    margin-top: 0;
}
img.vignette {
    width: 35%;
    margin: auto;
    float: none;
    display: block;
}
.col-lg-6.col-md-12.formulaire {
    padding-left: 0%;
}
.col-lg-4.col-md-12.bouton {
    margin-bottom: 2% !important;
    width: 76%;
    margin: auto;
    display: block;
}
.col-lg-12.bouton1 {
    background-color: #2a869b;
    width: 35%;
    border-radius: 15px;
    padding: 10px 0;
    margin-left: 33%;
    margin-bottom: 3%;
}
.col-lg-12.bouton1 {
    background-color: #2a869b;
    width: 65%;
    margin: auto;
    border-radius: 15px;
    padding: 10px 0;
}

.col-lg-6.legal {
    text-align: center;
}
}
@media (max-width: 320px){
body {
    width: 100%;
    margin: auto;
}
h3 {
    font-size: 19px !important;
    margin: 0 !important;
}
h1 {
    font-size: 43px !important;
    margin: auto;
}
img.logo {
    width: 50%;
    margin: auto;
    display: block;
    margin-top: 2%;
}
img.ssl {
    width: 65%;
    float: none;
    margin-top: 0;
}
img.vignette {
    width: 35%;
    margin: auto;
    float: none;
    display: block;
}
.col-lg-6.col-md-12.formulaire {
    padding-left: 0%;
}
.col-lg-4.col-md-12.bouton {
    margin-bottom: 2% !important;
    width: 76%;
    margin: auto;
    display: block;
}
.col-lg-12.bouton1 {
    background-color: #2a869b;
    width: 35%;
    border-radius: 15px;
    padding: 10px 0;
    margin-left: 33%;
    margin-bottom: 3%;
}
.col-lg-12.bouton1 {
    background-color: #2a869b;
    width: 65%;
    margin: auto;
    border-radius: 15px;
    padding: 10px 0;
}

.col-lg-6.legal {
    text-align: center;
}
}