/* @import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@900&family=Encode+Sans+Condensed:wght@400;500&display=swap'); */

/* @import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@700;900&family=Encode+Sans:wght@400;500&display=swap'); */

/* @import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@700;800;900&family=Encode+Sans:wght@400;500&display=swap'); */

/* @import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@700;900&family=Encode+Sans:wght@400;500;600&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@700;900&family=Encode+Sans:wght@400;500;700&display=swap'); */

/* @import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@700;900&family=Nunito:wght@400;500;800&display=swap'); */


@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('../../../fonts/slick/slick.eot') !important;
    src: url('../../../fonts/slick/slick.eot?#iefix') format('embedded-opentype'), url('../../../fonts/slick/slick.woff') format('woff'), url('../../../fonts/slick/slick.ttf') format('truetype'), url('../../../fonts/slick/slick.svg#slick') format('svg') !important;
}

.d-flex{
    display: flex !important;
}

.flex-wrap{
    flex-wrap: wrap !important;
}

.flex-nowrap{
    flex-wrap: nowrap !important;
}

.flex-column{
    flex-direction: column !important;
}

.align-items-baseline{
    align-items: baseline !important;
}

.align-items-center{
    align-items: center !important;
}

.align-items-start{
    align-items: flex-start !important;
}

.justify-content-center{
    justify-content: center !important;
}

.justify-content-center{
    justify-content: center !important;
}

.justify-content-between{
    justify-content: space-between !important;
}



/* :root{
    $br-10: 10px;
} */

/*Mise en forme des textes qui sont selectionnes*/


::-webkit-selection {
    background:#8a8a8a;
    -webkit-text-fill-color: inherit !important;
    -text-fill-color: inherit !important;
    color:#fcfcfc !important;
    background-clip: inherit !important;
}

::selection {
	background:#8a8a8a;
    -webkit-text-fill-color: inherit !important;
    -text-fill-color: inherit !important;
    color:#fcfcfc !important;
    background-clip: inherit !important;
}
::-moz-selection {
	background:#8a8a8a;
    -webkit-text-fill-color: inherit !important;
    -text-fill-color: inherit !important;
    color:#fcfcfc !important;
    background-clip: inherit !important;
}


body{
    /* background:#f2f2f2; */
    background:#fff
}


/* body{
    overflow: auto;
    height: 100vh;
    scroll-snap-type: block mandatory;
} */



:root{
    --color-bg: #ffffff;
    --color-light-bg: #efefef;
}

.dark__mode_client{
    --color-bg: #222222;
    --color-light-bg: #383838;
    --color-txt-dark: #f1f1f1;
}
.light__mode_client{
    --color-bg: #ffffff;
    --color-light-bg: #efefef;
    --color-txt-dark: #333333;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    /* position: relative; */
    /* min-height: 1px; */
    padding-right: 8px;
    padding-left: 8px;
}





body.__zoom__active{
    overflow-x: hidden !important;
}

body.sub-active{
    overflow: hidden !important;
}



/* article{
    border: 2px solid green
}
article > article{
    border: 3px solid yellow
} */



article,
main{
    position: relative;
    /* overflow: auto; */
    /* height: 100vh; */
    /* display: block; */
    /* display: block; */
    /* height:2000px; */
    /* margin-top: 131px; */
    /* border: 1px solid red; */
    /* padding: 15px; */
    /* padding-top:15px; */
    /* scroll-snap-type: block; */
}

/* main{
    overflow-x: hidden;
} */

.__title_section .icon-clock {
    font-size: .8em;
    font-weight: bolder;
    margin-right: 7px;
}



.bg-wh:before{
    background: #fff;

}
.bg-gr:before{
    background: #efefef;
}

.bg-bl-light{
    background: #e4e4e4 !important;
}
.bg-bl-light:before{
    background: #e4e4e4;
}


/* body.sub-active > .footer,
body.sub-active > .infolettre,
body.sub-active > .top__btn_ctn,
body.sub-active > main{
    filter: blur(2px);
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -ms-filter: blur(2px);
    -o-filter: blur(2px);
} */


.__abt_now {
    /* border: 1px solid red; */
    border-radius: 50px;
    color: #fff;
    padding: 1px 8px;
    font-size: .8em;
    margin-right: 5px;
    /* margin-bottom: 10px; */
    background: #e01924;
    font-weight: bold;
    /* line-height: 1.1em; */
    display: inline-block;
}


@media (min-width:0) and (max-width:991px){
    .navbar-collapse{
        display: none !important;
    }
}

@media screen and (max-width:767px){
    /* main .nav__btn_ctn:first-child{ */
        /* display: none; */
    /* } */

    main{
        overflow-x: hidden;
    }

    .form-row{
        flex-direction: column;
    }

    .article__title__ctn,
    .article__body{
        padding: 20px !important;
    }

    .article__title__ctn h1{
        font-size: 2em !important;
    }

    .article__page .banner__imgs a img{
        width: 150%;
    }

    .contact__form,
    .contact__coordonnees,
    .title__page__ctn{
        padding: 10px !important;
        /* padding: 18px !important; */
    }

    .navigation__topper{
        display: none;
    }

    .page__article_category .col-lg-3{
        min-height: inherit !important;
    }

    .__title_section .v__line_design:before{
        bottom: -49px;
    }

    .pages__categories nav:first-child .pagination_custom{
        margin-top: 0;
    }

    .__custom__desc__section{
        margin-bottom: 20px;
    }

    .slide__title{
        font-size: 2.5em !important;
        padding-left: 15px !important;
    }

    .sct__title{
        font-size: 2.5em !important;
    }

    .latest__news__title{
        font-size: 2em !important;
        text-align: center;
    }

    .join__us .sct__title{
        font-size: 2em !important;
    }

    .under__slide .col-md-12{
        align-items: center
    }

    .sct__title{
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .engagez__vous .col-md-4{
        align-items: center !important;
    }

    .rubrique__sct .row .col-md-12 .see__all__btn{
        padding: 7px 12px;
    }

    .dons__form__ctn .input-group{
        width: 100% !important;
    }

    .right__side__ctn{
        padding: 0 27px;
        display: none;
    }

}

@media screen and (min-width:768px){

    .author__description{
        width: 50%;
    }


    #navigation .ctn__nav{
        padding-left: 30px;
        padding-right: 30px
    }

    .page__article_category .col-lg-3{
        /* border: 1px solid red; */
        /* height: 400vh; */
    }


    .left__side__ctn{
        padding-right: 0;
    }

}

@media screen and (min-width:992px){
    .main__body > p,
    .main__body .alert{
        width: 78%
    }
}

.navbar-nav > li>a,
.home__article-btnLire,
.card__article-btn_link,
.card__most__read-nb,
h1,
h2,
h3,
h4,
h5,
h6,
button,
.selection__btn-more,
.__btn-more,
.home__article-btnHoverImg,
label,
.btn__error_back,
.top__btn_txt,
.r_article_intro__back_btn,
.__sub_rub,
.in__back > span,
.category__ctn > li > a,
.card__most__read-cat,
caption,
.home__page .slide__title > a,
legend,
th,
.__recherche__result_cat,
.page-link.btn-brand.btn-outlined,
.btn-brand-sm,
.why__item__nb,
.card__article-title{
    font-family: "Open Sans", sans-serif !important;
    font-weight: 800;
    font-variation-settings: 'wght' 800;
    /* font-family: "Open Sans", sans-serif; */

    /* font-family:'Oswald', sans-serif; */
}

li::-webkit-marker,
li::marker{
    /* font-family: "Alegreya Sans", sans-serif !important; */
    font-weight: 900;
}

small,
time,
blockquote,
span,
textarea,
input,
/* .__sub_title, */
p,
li,
a{
    /* font-family:'Paytone One', sans-serif; */
    /* font-family:'PT Sans', sans-serif; */

    font-family: "Roboto", sans-serif;
    /* font-family: "Raleway", sans-serif; */
    font-style: normal;
    letter-spacing: 0;
    /* font-family: "Encode Sans", sans-serif; */
    /* font-family: "Encode Sans Condensed", sans-serif; */
    /* font-weight: normal; */
    /* font-family: "Encode Sans Condensed", sans-serif; */
}




.__bg-w-s{
    background: #fff;
}

/* Mise en forme pour Brand design */


.input-brand-sm {
    /* font-family: "Inter" !important; */
    display: block;
    padding: inherit;
    padding: 12px 20px !important;
    /* border-radius: 50px; */
    height: inherit;
    font-weight: 450;
    font-variation-settings: 'wght' 450;
    font-size: 1.1em;
    border: none;
    border-bottom: 2px solid var(--color-stroke-bloc);
    border-bottom: 2px solid gray;
    color: var(--color-dark);
    background: var(--color-light-bg);
    box-shadow: none;
}

.input-brand-sm.input-error {
    border-bottom: 2px solid #e01924 !important;
}

.input-brand-sm.input-error:focus {
    font-family: "Inter" !important;
    border-bottom: 2px solid #e01924 !important;
}

.input-error .custom-select__control {
    border-bottom: 2px solid var(--color-red) !important;
}

.input-error .custom-select__control:focus {
    border-bottom: 2px solid var(--color-red) !important;
}

span.error {
    position: relative;
    display: inline-block;
    color: #e01924;
    font-weight: 700;
    margin-top: 7px;
    font-size: 1.1em;
}

.contact__form form button {
    /* border: 1px solid; */
    opacity: .7;
    cursor: not-allowed;
    margin-bottom: 20px;
}

form button.__activating{
    opacity: 1;
    cursor: pointer;
}



.btn-brand,
.btn-brand-outlined{
    font-size: 1.2em;
}




.btn-brand{
    padding: 14px 25px;
    /* border-radius: 50px; */
    font-weight: 900;
    color: #333;
    /* background: #0c5884; */
    background: #ffca02;
    border: 2px solid transparent;
}

.btn-brand:hover{
    text-decoration: none;
    color: #fff;
    background: #126596;
    /* background: linear-gradient(65deg, #e01924 30%, red 70%); */
    border: 2px solid #126596;
}

.btn-brand:focus{
    /* outline: 0; */
    text-decoration: none;
    color: #fff;
    background: #0c5e8d;
}

.btn:hover{
    color:#fff
}
.btn:focus, .btn.focus{
    color: #efefef;
    text-decoration: none;
    outline: 0 !important;
    box-shadow: inherit;
}

.btn-brand-outlined{
    padding: 14px 25px;
    /* border-radius: 50px; */
    /* font-weight: 900; */
    color: #0c5884;
    background: transparent;
    border: 2px solid #0c5884;
    transition: all .2s ease;
    z-index: 1;
}

.btn-brand-outlined:hover{
    text-decoration: none;

    color: #fff;
    background: #0c5884;
    border: 2px solid transparent;
}

.btn-brand-sm{
    display: inline-block !important;
    padding: 12px 20px;
    background-color: #336cb5;
    /* background-color: #333; */
    position: relative;
    /* border-radius: 50px; */
    /* font-weight: bold; */
    font-weight: 900;
    color: #fff;
    /* background: #e01924; */
    text-transform: uppercase;
}

.pagination_custom .btn-brand-sm{
    background-color: #333;
    color: #fff;
}

/* span[class*="icon-"] */
.btn-brand-sm:hover{
    text-decoration: none;
}

a,
button{
    transition: all .2s ease;

}

a span[class*="icon-"],
button span[class*="icon-"] {
    font-weight: bold;
    margin-right: 7px;
    position: relative !important;
    top: 1px;
    display: inline-block !important;
    /* transition: all ease .3s; */

}

a:hover span[class*="icon-"],
button:hover span[class*=icon-] {
    animation: leftRightBtnIcon .3s !important;
}



.__ast{
    color: #d1331e;
    font-weight: bold;
}

.lbl-brand{
    font-size: 1.2em;
    color: #444444;
    margin-bottom: 10px;
    cursor: pointer;
}

.input-brand{
    display: block;
    padding: inherit;
    padding: 14px 30px !important;
    /* border-radius: 50px; */
    height: inherit;
    font-weight: 450;
    font-size: 1.1em;
    border:2px solid #0c5884;
    color: #444444;
    background: #efefef;
}

.ctn_textarea{
    position: relative;

}
.__sub_title{
    font-size: 1.3em;
    /* font-weight: bolder; */
    margin-bottom: 10px;
}

.textarea-brand{
    display: block;
    padding: inherit;
    padding: 14px 30px !important;
    /* border-radius: 50px; */
    /* height: inherit; */
    font-weight: 450;
    font-size: 1.1em;
    border:2px solid #0c5884;
    color: #444444;
    background: #efefef;
    width: 100%;

    min-width: 100%;
    max-width: 100%;
    height: 180px;
    min-height: 180px;
    max-height: 350px;
}


.textarea-brand:focus{
    box-shadow: inherit;
    border: 2px solid #1b8ccc;
}

.input-brand:focus{
    box-shadow: inherit;
    border: 2px solid #1b8ccc;
}
/* Fin de mise en forme pou Brand design */


.br{
    border-radius: 50px;
}

.br:before{
    border-radius: 50px;
}
.br:after{
    border-radius: 50px;
}

.br-textarea{
    border-radius: 25px;
}
.br-textarea:before{
    border-radius: 25px;
}

/* .m-l{
    margin-left: 15px;
} */

.btn-outlined:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border:2px solid #fff;
    transform: scale(.99);
}

.btn-outlined-2:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border:2px solid #0c5884;
    z-index: 4;

    transform: scale(.99);
}

.btn-outlined-2:hover:before{
    border:2px solid #fff;
}

.btn-outlined-social:before{
    transform: scale(.95);
}





.btn-outlined-social-i:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border:2px solid #fff;
    transform: scale(.90);
    z-index: 10;
}


/* section .col-lg-12 a:hover{
    text-decoration: underline !important;
} */


/* Debut de mise en forme de la page Auteur */
/* Debut de mise en forme de la section Auteur intro title */

.author__ctn{
    display: flex;
    flex-direction: row;
}

.author{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.author__ctn__img{
    position: relative;
    width: 80px;
    height: 80px;
    background: #fff;
    /* border: 2px solid #929292; */
    overflow: hidden;
    border-radius: 50px;
    margin-right: 15px;
    margin-bottom: 10px;
    display: flex;

    align-items: center;
    /* align-content: center; */
    justify-content: center
}

.author__ctn__img span[class*="icon-"]{
    /* border: 1px solid red; */
    /* display: flex; */
    font-size: 2.5em;
    color: #929292;
}

.author__ctn__img img{
    width: 100%;
}


.author__description {
    font-weight: 450;
    margin: 10px 0 20px;
    color: #929292;
    /* border: 2px solid #d8d8d8; */
    background: #fff;
    padding: 20px;
    border-radius: 10px;

}

.author__coord,
.author__socials{
    margin: 10px 0;
    padding: 0;
}

.author__coord > li,
.author__socials > li{
    list-style: none;
}


.author__coord span[class*="icon"]{
    font-size: 1.1em;
    color: #0c5884;
    margin-right: 7px;
}

.author__socials span[class*="icon"]{
    /* font-weight: bold; */
    position: relative;
    display: inline-block;
}


.author__coord > li > a{
    font-size: 1.2em;
    color: #333333;
    font-weight: 450;
    line-height: 1.7em;
}


.author__socials{
    display:inline-block;
    /* margin-top: 15px; */
}

.author__socials > li{
    list-style: none;
    display: inline-block;


}
.author__socials > li > a{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 2px;
    margin-bottom: 5px;
    background: #0c5884;
    color: #fff;
    /* padding: 12px 14px; */
    border-radius: 50px;
    width: 47px;
    height: 47px;
    /* font-size: 1.1em; */
    transition: background .3s ease;
}

.author__socials > li > a:hover{
    text-decoration: none;
    background: #126596;
}


.author__socials li a:hover [class*=icon-]{
    animation: leftRightBtnIcon .3s;
}

.intro__title{
    position: relative;
    padding: 0;
    padding: 20px 0;
    border-bottom: 2px solid #e4e4e4;
    padding-top: 0;
}

.intro__erreur{
    padding-top: 25px;
    border-bottom: none;
}

.intro__title .col-lg-12{
    padding: 0 10px;
}

.author__name{
    color: #444444;
    font-size: 2.2em;
    color: #0c5884;
    margin: 0;
    margin-top: 7px;
}

.author__mail{
    color: #444444;
    font-size: 1.2em;
    font-weight: 450;
}


/* Fin de mise en forme de la section Auteur intro title */


/* Mise en forme des titres d'aside */
.__title__aside{
    position: relative;
    font-size: 1.6em;
    margin-top: 10px;
    margin-bottom: 20px;
    color: #0c5884;
    text-transform: uppercase;

}



.__title__aside:before{
    /* content: ""; */
    position: absolute;
    width: 50%;
    top: 45%;
    right: 0;
    height: 2px;
    background: #e01924;
}




/* Fin de mise en forme des titres d'aside */


.__custom__title__section{
    padding-top: 40px;
    overflow: hidden;
}

.__custom__title__section .col-lg-8,
.__custom__title__section .col-lg-9,
.__custom__title__section .col-lg-10,
.__custom__title__section .col-lg-12{
    padding: 0 10px;
}

.__custom__top__title__section .col-lg-12 {
    padding: 0 10px;
}


.__custom__top__title__section .rub__parent_h{
    font-size: 1.4em;
    text-transform: uppercase;
}
.__custom__top__title__section h3 a{
    line-height: inherit;
    color: #5a5a5a;
}

.pages__categories{
    padding-top: 0 !important;
    overflow: inherit !important;
}


.__btn-more{
    position: relative;
    /* font-size: 1em; */
    /* color: #fff; */
    display: inline-block;
    margin-bottom: 20px;
}

.card__article-btn_link .icon-go-arrow-2,
.selection__btn-more .icon-go-arrow-2,
.__btn-more .icon-go-arrow-2{
    font-size: 1.3em !important;
    /* font-weight: bolder; */
    float: left;
    margin-right: 7px;
    /* transition: all .3s ease-in-out; */
}

.card__article-btn_link:hover .icon-go-arrow-2,
.selection__btn-more:hover .icon-go-arrow-2,
.__btn-more:hover .icon-go-arrow-2{
    animation: leftRightBtnIcon .3s;
}

.btn-brand-sm [class*=icon-],
.btn-brand [class*=icon-]{
    font-size: 1.1em !important;
    border: 1px solid transparent;
    /* font-weight: bolder; */
    float: left;
    margin-right: 7px;
    transition: left .3s ease-in-out;
}

.btn-brand-sm:hover,
.btn-brand:hover{
    color: #fff;
}

.btn-brand-sm:hover{
    color: #fff;
    background-color: #3f85de;
}

.btn-brand-sm:hover [class*=icon-],
.btn-brand:hover [class*=icon-]{
    color: #fff;
    /* transform: translateX(-10px); */
    animation: leftRightBtnIcon .3s;
}

.btn-brand:hover .icon-go-arrow-2.prev{
    /* color: red; */
    /* transform: translateX(-10px); */
    /* border: 1px solid red; */
    animation: inherit;
}


/* @-webkit-keyframes leftRight{0%, 100%{left: 0} 50%{left: -10px}} */
/* @-moz-keyframes leftRight{0%, 100%{left: 0} 50%{left: -10px}} */
/* @-o-keyframes leftRight{0%, 100%{left: 0} 50%{left: -10px}} */
/* @-ms-keyframes leftRight{0%, 100%{left: 0} 50%{left: -10px}} */

@keyframes opB{0%, 100%{opacity: 1} 50%{opacity: .2;}}


@keyframes leftRightBtnIcon{0%, 100%{transform: translateX(0);opacity: 1;} 50%{transform: translateX(-10px);opacity: 0;}}

@keyframes leftRightBtnIconReverse{
    0%, 100%{transform: translateX(0);opacity: 1;} 50%{transform: translateX(-10px);opacity: 0;}
}


@keyframes scaling{
    0%{transform: scale(1.2);opacity: .8;}
    50%{transform: scale(1.4);opacity: 1;}
    100%{transform: scale(1.2);opacity:1;}
}

@-webkit-keyframes heartBeat {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }

    14% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
    }

    28% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }

    42% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
    }

    70% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
}

p > img,
figure > img {
    max-width: 100% !important;
    border-radius: 6px;
    margin: 15px 0;
    border-color: inherit;
    border-width: inherit;
    height: inherit !important;
    /* border: 2px solid #f3f3f3  !important; */
}

figure > figcaption {
    /* text-align: center; */
    position: relative;
    /* margin-top: 10px; */
    display: block;
    font-family: "Encode Sans";
    font-weight: 450;
    color: #b1b1b1;
    padding-left: 15px;
    /* border: 1px solid red; */
}

figure > figcaption:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    opacity: .5;
    width: 2px;
    background: #ffca02;
}





input[type="radio"],
input[type="checkbox"] {
    position: relative;
    /* top: 21%; */
    /* top: 6px; */
    /* left: 15px; */
    z-index: 1;
    border-radius: 5px;
    border: 2px solid #0c5884 !important;
    width: 20px;
    height: 20px;
    -webkit-appearance: none;
    outline: 0 !important;
    background: #fff;
    cursor: pointer;
    transition: all .2s ease-in-out;
}



input[type="radio"]:checked:after,
input[type="checkbox"]:checked:after{
	/* position:absolute; */
	/* content: ""; */
	top:28%;
	left:14px;
	width: 14px;
	height: 14px;
	z-index:1;
	border:1px solid #fcfcfc !important;
	/* transform: skewX(13deg); */
	/* width: 15px; */
	/* height: 15px; */
	/* -webkit-appearance: none; */
	outline: none;
	/* background: orange; */
}

input[type="radio"]:checked:before,
input[type="checkbox"]:checked:before{
    content: "";
    position: absolute;
    transform: scale(.75);
    background: #0c5884;
    width: 100%;
    height: 100%;
    /* border: 1px solid red; */
}


input[type="radio"]:checked,
input[type="checkbox"]:checked{
	outline: 0 !important;
	/* background: #0c5884; */
	/* border:1px solid transparent !important; */
	border:2px solid #0c5884 !important;
	/* border:2px solid #fff !important; */
	/* border-radius: 100px; */
}

input[type="radio"]:before, input[type="checkbox"]:before {
    transition: all .2s ease-in-out;
}

/* .form-control::-moz-input-placeholder, */
/* .form-control::-o-input-placeholder, */
/* .form-control::-ms-input-placeholder, */
.form-control::-webkit-input-placeholder{
    color: #d6d6d6 !important;
}


.page__search,
.pages__sections{
    position: relative;
    padding: 40px 0;
    overflow: hidden;
    /* padding-bottom: 60px; */
    padding-bottom: 20px;
    background: #efefef;
    /* border-bottom: 2px solid #dfd9d9; */
    border-radius: 10px;

}

.pages__sections .col-lg-3,
.pages__sections .col-lg-4,
.pages__sections .col-lg-6,
.pages__sections .col-lg-8,
.pages__sections .col-lg-9,
.pages__sections .col-lg-12{
    padding: 0 10px !important;
}

.pages__sections .col-lg-9 .col-lg-12,
.pages__sections .col-lg-8 .col-lg-12{
    padding: 0 !important;
}

.page__search{
    background: inherit !important;
    padding-top: 0 !important;
}

.page__search .col-lg-8,
.page__search .col-lg-9{
    z-index: 10;
}


.alert{
    display: inline-block;
    position: relative;
    border-radius: 10px
}

.alert > h4{
    /* border: 1px solid red; */
    margin-top: 10px;
}

/* .alert > p{
    font-size: 1.1em ;
} */

.alert__btn_link{
    font-size: 1em;
    padding: 12px 17px !important;
}


.alert .alert__btn_close{
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 20px;
    margin-top: 20px;
    background: transparent;
    border: 1px solid transparent;
}

.alert-red{
    border-left: 5px solid #e62f2f;
    /* background: #ebccd1; */
    background: #fcedef;
}
.alert-success{
    border-left: 5px solid #58b158;
    background: #d6e9c6;
}
.alert-warning{
    border-left: 5px solid #ffa500;
    background: #fcf8e3;
}
.alert-info{
    border-left: 5px solid #0c5884;
    background: #d6e5ec;
}

.is-invalid{
    border: 2px solid #e62f2f !important;
    background: rgb(230, 47, 47, 15%);
}

/* Mise en forme pour bouton Top */

.top__btn_ctn {
    /* border: 1px solid red; */
    /* display: block; */
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 10;
    display: none;
}

.top__btn {
    /* border: 1px solid #fff; */
    text-decoration: none;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1em;
    width: 52px;
    /* height: 52px; */
    padding: 12px 20px !important;
    background-color: #333;
    color: #fff;
    cursor: pointer;
    padding: 0;
    transition: width .2s ease;
}

.top__btn_txt{
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    position: relative;
    margin-left: 0;
    width: 0;
    transition: all .2s ease;
    text-transform: uppercase;
    color: #fff;
}
/*
.top__btn:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 2px;
    border-radius: 50%;
    border: 1px solid #fff;
    transform: scale(1.4);
    transition: all ease-in-out .2s;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.1) !important;
} */

.top__btn > [class*="icon-"]{
    font-size: 1.2em !important;
    margin-right: 0;
    font-weight: 450;
    transform: rotate(-90deg);
}

.top__btn:hover{
    width: inherit;
    height: inherit;
    padding: 14px 25px;
    color: #333;
    background-color: #336cb5;
    border: none;
}

.top__btn:focus{
    background-color: #336cb5 !important;
    }

.top__btn:hover > [class*="icon-"]{
    color: #fff;
}

.br-0{
    border-radius: 0 !important;
}


.top__btn:hover .top__btn_txt{
    visibility: visible;
    opacity: 1;
    overflow: visible;
    position: relative;
    width: 100%;
    margin-left: 7px;
    color: #fff;
}


/* Fin de mise en forme pour Bouton Top */





/* Debut de mise en forme des sections main body */
.page_main{
    position: relative;
    overflow: hidden;
    padding-top: 40px;

}

.page_main .col-lg-3,
.page_main .col-lg-4,
.page_main .col-lg-6,
.page_main .col-lg-7,
.page_main .col-lg-8,
.page_main .col-lg-9,
.page_main .col-lg-12{
    padding: 0 10px;
}

.main__body{
    position: relative;
    /* height: 1000px; */
    /* border:1px solid green; */
    padding: 40px 35px 40px 0;
    /* margin-bottom: 20px; */
    margin-top: 25px;

}

.main__body hr{
    border-top: 1px solid #d4d4d4 !important;
    border-radius: 50% !important;
}

.main__body .alert{
    /* width: 80%; */
    padding: 25px;
    margin-bottom: 0;
}



.main__body h1,
.main__body h2,
.main__body h3,
.main__body h4,
.main__body h5,
.main__body h6{
    color: #0c5884;
}

.fw-450{
    font-weight: 450;
}
.fw-b{
    font-weight: bold;
}

.main__body h1:first-child,
.main__body h2:first-child,
.main__body h3:first-child{
    margin-top: 5px;
}

.main__body h1 strong,
.main__body h2 strong,
.main__body h3 strong,
.main__body h4 strong,
.main__body h5 strong,
.main__body h6 strong{
    font-weight: inherit !important;
    /* color: #0c5884; */
}

.main__body blockquote,
.main__body ul li,
.main__body ol li,
.main__body p{
    font-size: 1.1em;
    /* font-weight: normal !important; */
    /* font-weight: 450; */
}
.main__body blockquote{
    border-left: 2px solid rgb(12 88 132 / 30%);
    font-size: 1em;
    font-style: italic;
    padding: 0 15px;
}

.main__body ul li{
    list-style: square;
}
.main__body ol li{
    list-style-type: decimal;
}

/* li::-o-marker, */
/* li::-moz-marker, */
/* li::-ms-marker, */
li::-webkit-marker,
li::marker{
    color: #a5a5a5 !important;
    /* font-weight: bold; */
    font-size: 1.2em;
}

/* .r_article_intro__author a, */
.main__body p > a{
    position: relative;
    text-decoration: underline;
    display: inline-block;
    /* border:1px solid red */
    font-weight: 500;
    color: #0c5884;
    transition: all .3 ease-in-out
}

/* .r_article_intro__author a:before, */
.main__body p > a:before{
    content: "";
    position: absolute;
    bottom:1px;
    width: 0;
    height: 2px;
    background: transparent;
    transition:all .3s ease-in;
}

/* .r_article_intro__author a:hover:before, */
.main__body p > a:hover:before{
    background: #0c5884;
    width: 100%;

}

/* .r_article_intro__author a:hover, */
.main__body p > a:hover{
    color: #0c5884;
    text-decoration: none;
}

.btn__error_back{
    position: relative;
    margin-top: 10px;
}

.in__back{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    /* border: 1px solid; */
    overflow: hidden;
    z-index: -1;
}

.in__back > span{
    font-size: 25em;
    /* opacity: .8; */
    position: absolute;
    right: -59px;
    bottom: -125px;
    /* border: 1px solid red; */
    color: #efefef;
}



.main__body:before{
    content: "";
    background: #fff;
    position: absolute;
    top:0;
    right:0;
    width: 100vw;
    height: 100%;
    border-radius: 0 10px 10px 0;
    z-index:-1
}

.main__body:after{
	/* content: ""; */
	position: absolute;
	top: 10%;
	right: -10px;
	width: 7%;
	height: 80%;
	/* border: 1px solid red; */
	background: rgba(0, 0, 0, 0.1);
	border-radius: 100%;
	z-index:-40;
	-ms-filter: blur(15px);
	-webkit-filter: blur(15px);
    filter: blur(15px);
    opacity: .6;
}


.page_main .main__body:after{
    display: inherit !important;
	content: "";
    position: absolute;
	top: -30px;
	right: -30px;
	width: 100px;
	height: 70px;
    /* border: 1px solid red; */
    border-radius: 10px;
	background: rgba(224, 25, 36, .2);
	/* border-radius: inherit !important; */
	z-index:-40;
    opacity: .6;
    -ms-filter: inherit !important;
	-webkit-filter: inherit !important;
    filter: inherit !important;
}
/* Fin de mise en forme des sections main body */


/* Mise en forme de logo pour page erreur */
.header__logo {
    display: flex;
    flex-direction: row;
    align-items: center;
}


.header__logo .header__logo_title {
    margin-left: 9px;
    font-size: 1.4em;
    /* width: 13%; */
    color: #0c5884;
}

.logo__error_ctn{
    position: relative;
    /* border: 1px solid #ebebeb; */
    width: 60px;
    /* width: 150px; */
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}

.logo__erreur{
    width: 100%;
}

.alert p{
    font-size: 1em !important;
}



/* Fin de mise en forme de logo pour page erreur */

img:not([src]):not([srcset]) {
    visibility: hidden;
}

/* Mise en forme pour animation image de couverture */

/* img.vl{
    position: relative;
} */


/* .cover__loading{
    display: block;
    border: 2px solid yellow;
} */


/* .spinner{
    display: inline-block;
    width: 15px;
    height: 15px;
    position: relative;
    top: 2px;
    border-width: 3px;
    border-color: var(--color-stroke);
    border-left: transparent;
    border-style: solid;
    border-radius: 100%;
    animation: rotating .6s infinite linear;
    margin-right: 7px;
} */

@keyframes rotating{
    0%{
        transform: rotate(0deg);
        opacity: 1;
    }
    25%{
        transform: rotate(100deg);
        opacity: .9;

    }
    50%{
        transform: rotate(200deg);
        opacity: .7;

    }
    100%{
        transform: rotate(360deg);
        opacity: 1;

    }
}
#nprogress .bar{
    height: 5px !important;
}


.loading{
    /* border: 2px solid red; */
    /* position: relative; */
    /* z-index: 1; */
    /* background: rgba(0, 0, 0, .5); */

 }

.loading:before {
    /* content: "" !important; */
    position: absolute !important;
    border: 2px solid green !important;
    width: 100% !important;
    height: 100% !important;
    background: gray !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 10 !important;
}

/* #nprogress{
    border-bottom: 5px solid red !important;
    height: 15px !important;
} */

/* #nprogress, */
.spinner {
    /* border: 3px solid #fff !important; */
    top: 17px !important;
    /* bottom: 15px !important */
}

/* Fin de mise en forme pour animation image de couverture */






/* Updated section */
/* Ajout de bouton share */
.share__section {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: stretch;
    align-content: center;
}

#share {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    /* border: 1px solid red; */
}

.jssocials-shares{
    display: flex;
}

#__share__btn {
    font-size: 1.4em;
    color: #949494;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    /* font-weight: bold !important; */
    padding: 15px;
    /* padding-right: 0; */
    margin-right: 5px;
}

#__share__btn:hover,
#__share__btn:focus{
    color: #0c5884;

}


#__share__btn > .icon-share{
    font-weight: bold;
}




/* .jssocials{
    overflow: inherit !important;
} */

.jssocials-share-label{
    text-align: center;
}


/* End of updated section */


.sct__title {
    font-size: 3em;
    line-height: .95em;
    margin-bottom: 20px !important;
    /* display: inline-grid; */
}

.sct__title strong{
    font-weight: 900;
    color: #22B473;
}

button.btn-brand-sm{
    border: none;
    cursor: pointer;
}

.txt-center{
    text-align: center !important;
}



.posts__ctn{
    display: flex;
    flex-wrap: wrap;
}

/* Mise en forme section latest news */
.post__item{
    position: relative;
    display: inline-block;
    background-color: #fff;
    margin-bottom: 25px;
    padding: 0 10px 0;
    box-shadow:0 25px 10px rgba(0,0,0,.01);
    border-radius: 5px;
}

.post__item .txts__ctn{
    padding: 20px 0;
}

.cover__ctn img{
    width: 100%;
    border-radius:  0 0 5px 5px;
}

.txts__ctn .post__title{
    font-size: 1.4em;
    color: #22B473;
    margin-top: 0;
    font-family: "Alegreya Sans", sans-serif !important;
}

.txts__ctn .post__title > a{
    font-weight: 900;
    color: #22B473;
    font-family: "Alegreya Sans", sans-serif !important;
}

.post__item__category{
    position: absolute;
    top: 20px;
    left: 20px;
    padding: 5px 14px;
    background-color: #22b473;
    color: #fff;
    font-size: .9em;
    border-radius: 5px;
    font-weight: 550;
}

.txts__ctn p {
    font-weight: bold;
}
.txts__ctn p > a {
    color: #333 !important;
}

.txts__ctn small{
    font-size: 95%;
}




/* Fin de mise en forme section latest news */



.contact .slides{
    /* border: 1px solid red; */
    /* height: 300px; */
    /* background-color: #e0e5eb; */
}

.blog__page .slides{
    /* border: 1px solid red; */
    height: 200px;
    background-color: gray;
}

.about__page .slides{
    /* border: 1px solid red; */
    height: 200px;
    background-color: gray;
}

.article__page .slides{
    /* border: 1px solid red; */
    height: 350px;
    background-color: gray;
}

.banner__ctn img{
    width: 100%;
}

.contact .banner__imgs{
    position: relative;
    height: 300px;
    /* border: 2px solid red; */
    overflow: hidden;
}

.blog__page .banner__imgs{
    position: relative;
    height: 200px;
    /* border: 2px solid red; */
    overflow: hidden;
}

.about__page .banner__imgs{
    position: relative;
    height: 200px;
    /* border: 2px solid red; */
    overflow: hidden;
}

.article__page .banner__imgs{
    position: relative;
    height: 350px;
    /* border: 2px solid red; */
    overflow: hidden;
}

.article__page .banner__imgs img {
    width: 100%;
    top: -20%;
    /* position: relative; */
}

.article__page .banner__imgs:before{
    z-index: 1;
}

.contact .banner__imgs:before{
    top: 0;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    /* background: rgb(51 108 181 / 42%); */
}

.blog__page .banner__imgs:before{
    top: 0;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(34 180 115 / 40%);
}

.about__page .banner__imgs:before{
    top: 0;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(34 180 115 / 40%);
}

.banner__imgs a img{
    width: 100%;
}

#contact .hover__ctn{
    position: relative;
    height: 100%;
    /* border: 2px solid red; */
    top: 100px;
    z-index: 1;
    /* color: #fff; */
}

.slide__title{
    font-size: 2em;
    /* text-transform: uppercase; */
    font-style: italic;
    padding-left: 5px;
}


.contact__section{
    /* margin-top: -200px; */
    /* border: 2px solid red; */
    background-color: #fff;
    position: relative;
    /* width: 40%; */
    /* margin: -130px auto 0 !important; */
    padding: 70px 0 20px;
    /* padding: 50px 0; */
}

.contact__section .row {
    display: flex;
    flex-wrap: wrap;
}
.contact__form{
    /* border: 2px solid red; */
    position: relative;
    /* margin-top: -200px; */
    /* background-color: #fff; */
    /* width: 50%; */
    margin-left: auto;
    margin-right: auto;
    /* height: 400px; */
    /* padding: 30px; */
    margin-bottom: 70px;
    border-radius: 5px;

}

.contact__coordonnees {
    /* border: 2px solid red; */
    position: sticky;
    top: 100px;
    margin-top: -170px;
    background-color: #336cb5;
    /* width: 50%; */
    margin-left: auto;
    margin-right: auto;
    /* height: 400px; */
    padding: 30px;
    margin-bottom: 83px;
    /* border-radius: 5px; */
    z-index: 2;
}

.contact__coordonnees:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 40%;
    bottom: -20%;
    left: 0;
    /* background: linear-gradient(120deg, #3f85de 10%, rgba(255, 255, 255, 0) 70%); */
    background: #336cb5;
    transform: skewY(-5deg);
    z-index: -1;
}

.contact__coordonnees:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 40%;
    bottom: -24%;
    left: 0;
    /* background: linear-gradient(120deg, #3f85de 10%, rgba(255, 255, 255, 0) 70%); */
    background: #3f85de;
    transform: skewY(-3deg);
    z-index: -2;
}


.contact__form h2{
    /* color: #22B473; */
    margin-top: 0;
    margin-bottom: 15px;
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
    color: #336cb5;
    font-size: 2em;
}

.contact__coordonnees h2{
    /* color: #22B473; */
    margin-top: 0;
    /* margin-bottom: 0; */
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
    color: #fff;
    font-size: 1.8em;
}

.contact__coordonnees .row{
    margin-left: 0;
    margin-right: 0;
}


.contact__form form  {
    position: relative;
    display: inline-block;
    width: 100%;
}

.contact__form label{
    font-style: italic;
}

.contact__form .row{
    margin-left: 0;
    margin-right: 0;
}

.contact__form .row .col-md-12{
    padding-left: 5px;
    padding-right: 5px;
}

.contact__coordonnees .row .col-md-12{
    padding-left: 5px;
    padding-right: 5px;
}

.contact__form .col-md-12,
.contact__form .col-md-6{
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.coord__ul{
    margin: 0;
    padding: 0;
}

.coord__ul > li {
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    align-items: baseline;
}

.coord__ul > li{
    margin-top: 10px;
}

.coord__ul > li span[class*="icon-"] {
    margin-right: 10px;
    font-size: 1.2em;
    position: relative;
    top: 3px;
    color: #fff;
}

.coord__ul > li > span:last-child,
.coord__ul > li > a{
    font-weight: bold;
    font-size: 1.1em;
    color: #fff;
}

.posts__ctn{
    /* display: flex !important; */
    /* flex-wrap: wrap !important; */
}

.posts__ctn .slick-track{
    margin-left: 0;
}


.blog__page .hover__ctn {
    position: relative;
    height: 100%;
    /* border: 2px solid red; */
    top: 135px;
    z-index: 1;
    color: #333;
    background: #ffca02;
    padding: 30px;
    border-radius: 5px;
}


.blog__page .latest__news__title{
    font-size: 2.3em;
}

.blog__page .hover__ctn h2{
    margin-top: 0;
}

.blog__page .hover__ctn p{
    /* margin-top: 0; */
    font-size: 1.1em;
    margin-bottom: 0;
}
.title__page__ctn p{
    /* margin-top: 0; */
    font-size: 1.1em;
}

.c-pt{
    padding-top: 90px !important;
}

.blog__page .latest__news__row .slick-prev {
    /* margin-right: 0; */
    left: -80px !important;
    /* background: linear-gradient(to left, #FCFCE3 40%, rgb(244 120 32 / 0%) 100%) !important; */
}
.blog__page .latest__news__row .slick-next {
    /* margin-right: 0; */
    right: -80px !important;
    /* background: linear-gradient(to left, #FCFCE3 40%, rgb(244 120 32 / 0%) 100%) !important; */
}

.blog__page .rubrique__sct:nth-child(even) .latest__news__row .slick-prev {
    background: linear-gradient(to right, #ecf9f3 40%, rgb(244 120 32 / 0%) 100%) !important;
}
.blog__page .rubrique__sct:nth-child(even) .latest__news__row .slick-next {
    background: linear-gradient(to left, #ecf9f3 40%, rgb(244 120 32 / 0%) 100%) !important;
}

.blog__page .latest__news__row .slick-prev:before,
.blog__page .latest__news__row .slick-next:before {
    top: -13px !important;
}

.rubrique__sct:nth-child(even){
    background-color: #ecf9f3 !important;
}

.rubrique__sct{
    overflow-x: hidden !important;
}


.rubrique{
    position: relative;
    /* border: 1px solid red; */
    border-top: 1px solid #333;
    padding: 40px 0;
    background-color: #ecf9f3;
}



/* Mise en forme des boutons de pagination */
/* .pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit;
}
.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: inherit;
    margin-left: inherit;
    line-height: inherit;
    color: inherit;
    text-decoration: inherit;
    background-color: inherit;
    border: inherit;
} */

.pagination_custom > .disabled > button,
.pagination_custom > .disabled > button:hover,
.pagination_custom > .disabled > button:focus,
.pagination_custom > .disabled > span,
.pagination_custom > .disabled > span:hover,
.pagination_custom > .disabled > span:focus,
.pagination_custom > .disabled > a,
.pagination_custom > .disabled > a:hover,
.pagination_custom > .disabled > a:focus {
    color: #6f6f6f;
    cursor: not-allowed;
    background-color: #c5c5c5;
    /* border-color: #ddd; */
}



.pagination_custom{
    display: inline-block;
    margin: 0 0 20px;
    padding-left: 0;
    list-style: none;
}

.pagination_custom > li:first-child > button,
.pagination_custom > li:first-child > a,
.pagination_custom > li:first-child > span {
    margin-left: 0;
    margin-right: 10px;
    /* border-top-left-radius: 4px; */
    /* border-bottom-left-radius: 4px; */
}

.pagination_custom > li:last-child > button,
.pagination_custom > li:last-child > a,
.pagination_custom > li:last-child > span {
    margin-right: 0;
    margin-left: 10px;
}
.pagination_custom > li{
    display: inline;
}




.pagination_custom > li > button,
.pagination_custom > li > a,
.pagination_custom > li > span{
    position: relative;
    float: left;
}

.disabled > .dots{
    background-color: inherit !important;
    /* font-size: .9em; */

}
.disabled > .dots,
.p_item_custom > button,
.p_item_custom > a,
.p_item_custom > span {
    /* border: 1px solid red; */
    border: none;
    /* display: flex; */
    /* position: relative; */
    top: 12px;
    flex-direction: row;
    padding: 0 8px;
    color: #a9a5a5;
    background: transparent;
}



.p_item_custom > button{
    /* border: 1px solid red; */
    font-weight: inherit;
    font-family: "Nunito", sans-serif !important;
}



@media screen and (max-width:767px){
    .disabled > .dots,
    .p_item_custom > button,
    .p_item_custom > a,
    .p_item_custom > span{
        top: inherit;
    }

    .pagination_custom .p_item_custom {
        line-height: 4em;
        /* display: inherit !important; */
    }

    .child__cat > li > a{
        padding: 9px 16px 12px !important;
    }

    .disabled > .dots, .p_item_custom > button, .p_item_custom > a, .p_item_custom > span{
        padding: 0 6px;
    }

    .article__page .slides{
        /* border: 1px solid red; */
        /* height: 350px; */
        height: auto;
    }

    .article__page .banner__imgs{
        /* height: 350px; */
        height: auto;
        /* border: 2px solid red; */
    }
}


.active > span{
    color: #7c7979 !important;
    /* border-radius: 50px; */
    font-weight: bold;
}

.page-link .icon-go-arrow-2.prev{
    margin-right: 0;
    transform: rotate(-180deg);
}
.page-link .icon-prev-arrow{
    margin-right: 0;
    margin-top: 2px;
    margin-bottom: 1px;
}


/* Finde mise en forme des boutons de pagination */



/* Mise en forme de la page article squelette */
.article__section{
    /* margin-top: -200px; */
    /* border: 2px solid red; */
    background-color: #FCFCE3;
    position: relative;
    /* width: 40%; */
    /* margin: -130px auto 0 !important; */
}

.article__title__ctn{
    position: relative;
    /* height: 100%; */
    /* border: 2px solid red; */
    margin-top: -170px;
    margin-bottom: 35px;
    z-index: 1;
    color: #333;
    background: #ffca02;
    padding: 30px;
    border-radius: 5px;

}

.title__page__ctn{
    position: relative;
    /* height: 100%; */
    /* border: 2px solid red; */
    margin-top: -170px;
    margin-bottom: 35px;
    z-index: 1;
    color: #333;
    background: #ffca02;
    padding: 30px;
    border-radius: 5px;

}



.article__body{
    font-size: 1.1em;
    background: #fff;
    position: relative;
    padding: 30px;
    margin-bottom: 50px;
    border-radius: 5px;
}

.article__title__ctn h1{
    margin: 0;
    margin-bottom: 20px !important;
    font-size: 2.4em;
}

.article__title__ctn p{
    font-weight: 700 !important;
    font-size: 1.1em;
}

.article_intro__author,
.article_intro__date {
    position: relative;
    display: inline-block;
    margin-bottom: 5px;
}

.article_intro__author{
    font-size: 1.1em;
}

.article_intro__author a{
    color: #333;
    font-weight: 700 !important;
}


/* Fin de mise en forme de la page article squelette */

#latest__news .slick-track{
    margin-left: 0;
}



b, strong {
    font-weight: 900;
}

p {
    /* font-family: "Roboto", sans-serif; */
    font-size: 1.1em;
    font-weight: 500;
    font-style: italic;
    /* font-variation-settings: 'wght' 700; */
    color: #222222;
}


.about__page p{
    font-size: 1.1em;
    font-weight: 500;
}

.about__page ol > li{
    font-size: 1.1em;
}


.article__body p{
    margin-bottom: 25px;
}

/* Page de contact */

.slide__ctn{
    position: relative;
    /* border: 1px solid red; */
    z-index: 1;
}

.slide__ctn:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 7%;
    left: 0;
    background: #3f85de;
    transform: skew(0, 6deg);
    z-index: -2;
}

.slide__ctn:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0;
    background: #e0e5eb;
    transform: skew(0, 4deg);
    z-index: -1;
}

.form-control:focus {
    border-color: #0c5884;
    outline: 0;
    /* -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); */
    box-shadow: none !important;
}




/* Fin de mise en forme de page de contact */