
h1,h2,h3,h4,p,a{
    font-family: 'Lato', sans-serif;
}
.col-lg-4.col-md-12.col-xs-12.onemin {
    margin-top: 3%;
    font-size: 105%;
    color: #8d8d8d;
    font-weight: 600;
}
.col-lg-8.col-md-12.col-xs-12.logo img {
    width: 31%;
    padding: 3%;
}
h3.grostitre {
    font-size: 290%;
    text-align: left;
    color: #ea6239;
    font-weight: 600;
    margin-top: 9%;
    text-transform: none;
    margin-left: 3%;
}
img.radius {
    border-radius: 61px;
    max-width: 628px;
}
.col-lg-12.col-md-12.col-xs-12.btn_boost {
    text-align: center;
    margin-top: 3%;
}
img {
    width: 100%;
}
.text_pt {
    /* margin-left: 4%; */
    font-size: 132%;
    /* color: #df5766; */
    background: -webkit-gradient(linear, left top, left bottom, from(#6ea99b), to(#df5766));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
}

.col-lg-12.col-md-12.col-xs-12.btn_boost a {
    background: #EA6239;
    padding: 1% 4%;
    font-size: 159%;
    color: white;
    border-radius: 15px;
}
.container.part {
    margin-top: 3%;
    margin-bottom: 3%;
}
h3 {
    font-size: 206%;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 6%;
}
.col-lg-12.col-md-12.col-xs-12.slider img {
    width: 100%;
}
.masthead {
    height: auto;
    background-size: cover;
    background-attachment: fixed;
    background-image: url(../1.jpeg);
    margin-top: 0%;
    background-position-x: 88% !important;
}
.green{
    color: #96d348;
}

.blue{
    color: #8dcbf4;
}

h1{
    color: #8d8d8d;
	text-align: center;
	font-size: 20px;
}

.col-lg-8.titre h2 {
    font-size: 150%;
    color: #8dcbf4;
    margin-top: 0px;
    margin-left: 7px;
}

.col-lg-8.titre h1 {
    font-size: 319%;
}
.col-lg-8.titre h2 {
    font-size: 150%;
}

.mainContent {
    padding: 3%;
}
label {
    font-size: 95%;
    font-weight: 500;
    color: #858484;
    text-transform: uppercase;
    margin-top: 2%;
}
.col-lg-12.col-md-12.col-xs-12.slider.masthead:hover {
    opacity: 0.8;
    transition: 2s;
}
.col-lg-6.col-md-12.col-xs-12.bandeau p {
    margin-left: 31%;
}
button.sub {
    background: #ea6239;
    padding: 3%;
    border: none;
    color: white;
    margin-top: 5%;
    font-size: 131%;
    border-radius: 13px;
    margin-left: 35%;
    margin-right: auto;
    font-weight: 600;
}
.col-lg-6.bandeau {
    background: #3e6c95d4;
    width: 37%;
    font-size: 174%;
    padding: 2%;
    color: white;
    margin-top: 5%;
    margin-left: -1%;
    border-radius: 0px 27px 27px 0px;
}
p.hosp {
    margin-top: 10px;
}
.categories .col-lg-3:hover {
    /* width: 22%; */
    transition: 1s;
    background: #96d348;
    color: white;
}
.container-fluid.bleu_expl:hover {
    background: #63bdf8;
    transition: 1s;
}
input#cp {
    width: 61%;
}
h4 {
    font-size: 114%;
    /* font-weight: 600; */
    color: #858484;
}
input {
    width: 101%;
    border: #e9e9e9 solid 1px;
    border-radius: 6px;
    padding: 1%;
}

.col-lg-6.form-slide {
    float: right;
    /* margin-right: -14px; */
    margin-top: 0px;
    padding: 3%;
    background: white;
    padding: 2%;
    margin-top: 2%;
    margin-bottom: 2%;
    margin-right: 12%;
    width: 31%;
    border-radius: 6%;
}

header {
    background: white;
    width: 100%;
    /* top: 1%; */
    z-index: 2;
}
.categories h2 {
    font-size: 250%;
    margin-top: 3%;
    margin-bottom: 3%;
    color: #8dcbf4;
}
.categories .col-lg-3 {
    background: white;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(3,3,3,0.5);
    box-shadow: 1px 1px 1px 1px rgba(118, 118, 118, 0.5);
    height: 212px;
    margin-left: 3%;
    padding-top: 1%;
    width: 21%;
}
.col-lg-12.col-md-12.col-xs-12.pix img {
    width: 100%;
}
.categories .col-lg-3 {
    background: white;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(3,3,3,0.5);
    box-shadow: 1px 1px 1px 1px rgba(118, 118, 118, 0.5);
    height: 209px;
    margin-left: 3%;
    padding-top: 1%;
    width: 21%;
    text-align: center;
    font-size: 201%;
    color: #96d348;
}
.histoire .step p {
    margin-left: 2%;
    font-size: 175%;
    color: white;
    margin-right: 5%;
}
.container-fluid.part.histoire {
    margin-top: 3%!important;
    background: #3E6C95;
    color: white;
    padding: 3%;
}
.container-fluid{
    margin:0px !important;
}
.container-fluid.bleu_expl {
    background-color: #8dcbf4;
    color: white;
    font-size: 184%;
    text-align: center;
    margin-top: 2%;
    padding: 3%;
    padding-top: 71px;
}
.step {
    margin-top: 3%;
    padding: 0%;
    font-size: 75%;
}
.step p {
    margin-left: 4%;
    font-size: 165%;
    color: grey;
}

.step img {
    width: 75%;
}
.container.categ_bas {
    margin-top: 4%;
}

.container.categ_bas h2 {
    margin-bottom: 4%;
    font-size: 261%;
    color: #96d348;
}
footer {
    background: #d3d3d3;
    color: white;
    text-align: center;
    padding: 1%;
}
footer a {
    color: #3a3a3a;
}

@media screen and (max-width:650px) {
    .col-lg-4.col-md-12.col-xs-12.onemin {
    margin-top: 3%;
    font-size: 122%;
    color: #8d8d8d;
    font-weight: 600;
    margin-left: -4%;
    }
    .col-lg-12.col-md-12.col-xs-12.btn_boost {
            text-align: center;
            margin-top: 11%;
        }
        h3.grostitre {
            font-size: 189%;
            text-align: left;
            color: #ea6239;
            font-weight: 600;
            margin-top: 9%;
            text-transform: none;
            width: 100%;
        }
    .col-lg-12.col-md-12.col-xs-12.btn_boost a {
        background: #EA6239;
        padding: 6% 4%;
        font-size: 99%;
        color: white;
        border-radius: 15px;
    }
    .col-lg-8.col-md-12.col-xs-12.logo img {
        width: 44%;
        padding: 3%;
        margin-left: -7%;
    }

    .col-lg-8.titre h2 {
        font-size: 103% !important;
        text-align: center !important;
        margin-top: 1px !important;
    }
    .col-lg-8.titre h2 {
        font-size: 101%;
    }
    .col-lg-6.col-md-12.col-xs-12.bandeau p {
        margin-left: 3%;
    }
    .col-lg-6.bandeau {
        background: #3e6c95d4;
        width: 100%;
        font-size: 174%;
        padding: 2%;
        color: white;
        margin-top: 5%;
        /* margin-left: -1%; */
        border-radius: 0px 27px 27px 0px;
        margin-bottom: 7%;
    }
    .col-lg-2 img {
        width: 24%;
        text-align: center;
        margin-left: 36%;
    }
    .col-lg-8.titre h1 {
        font-size: 144%;
        text-align: center;
        margin-top: 1px;
    }
    .col-lg-6.form-slide {
        background: #ffffffc2;
        float: none;
        margin-top: 193px;
        padding: 3%;
        width: 100%;
        margin-bottom: 9%;
        border-radius: unset;
    }
.masthead {
    height: auto;
    background-size: cover;
    background-attachment: fixed;
    background-image: url(../1.jpeg);
    margin-top: 0%;
    background-position-x: 88% !important;
}
    .col-lg-3.col-md-3.col-xs-12 {
        text-align: center;
    }
    .container.categ_bas h2 {
        margin-bottom: 4%;
        font-size: 160%;
        text-align: center;
    }
    .categories .col-lg-3 {
        background: white;
        -webkit-box-shadow: 1px 1px 1px 1px rgba(3,3,3,0.5);
        box-shadow: 1px 1px 1px 1px rgba(118, 118, 118, 0.5);
        height: 215px;
        margin-left: 11%;
        padding-top: 3%;
        width: 72%;
        text-align: center;
        font-size: 201%;
        color: #96d348;
        margin-bottom: 4%;
    }
    .container-fluid.bleu_expl {
        background-color: #8dcbf4;
        color: white;
        font-size: 126%;
        text-align: center;
        margin-top: 2%;
        padding: 6%;
        padding-top: 34px;
        margin-bottom: 7%;
    }
    .col-lg-6.col-md-12.col-xs-12 img {
        width: 101%;
    }
    .categories h2 {
        font-size: 139%;
        margin-top: 7%;
        margin-bottom: 8%;
        text-align: center;
    }
    .container.categ_bas img {
        width: 37%;
    }
}