/*
 * @autor : dynamic creative
 * @date : 2019
 * @version : Bootstrap 4
 */

/* ---------------------------- */
/*	   Mise en page générale	*/
/* ---------------------------- */

/**/
#global {max-width:1920px; margin:0 auto; padding-top:100px;}
.container {max-width: 1260px;}

.f_light {font-weight: 300;}
.f_semi {font-weight: 600;}
.f_regular {font-weight: 400;}

.mw100 {max-width: 100%; height:auto;}

/*rgpd*/
#rgpd{background:#3d3d3d; color:#fff; position: fixed; bottom: 0; left: 0; right: 0; z-index: 65530; display: none;}
section#rgpd > div > div {min-height: calc(2vh); padding: 1rem; font-size: 10pt; }
section#rgpd > div  a{ color: white; }

/*header*/
header { position: fixed; top: 0; left: 0; width: 100%; z-index: 10; background: #fff; -webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,0.1); box-shadow: 0 1px 10px 0 rgba(0,0,0,0.1); padding: 25px 0;z-index: 11;}
.menu_top { text-transform: uppercase;}
.menu_top a:not(.btn) { display: block; padding: .912rem 1.1rem;}
.menu_top a:not(.btn):hover { text-decoration: none; color: #ef7701; }

.menuactive {overflow: hidden;}
.menuactive .menu_top {visibility: visible; opacity: 1}

.nav_btn:focus {outline: none;}
.nav_btn { display:none; position: relative; z-index: 200; width: 44px; height: 44px; margin: auto; background:none; border:none; cursor:pointer;}
.nav_btn::before { content: ""; display: block; position: absolute; top: 13px; left: 12px; width: 20px; height: 3px; background-color: #ef7701; transition: all .5s ease; -webkit-transition: all .5s ease;}
.nav_btn span { display: block; position: absolute; top: 21px; left: 12px; width: 20px; height: 3px;
    background-color: #ef7701; transition: all .4s ease; -webkit-transition: all .4s ease;}
.nav_btn::after { content: ""; display: block; position: absolute; top: 29px; left: 12px; width: 20px; height: 3px; background-color: #ef7701; transition: all .4s ease; -webkit-transition: all .4s ease;}
.menuactive .nav_btn::after {
    transform: rotate(45deg) translate(-27%, -190%);
    -webkit-transform: rotate(45deg) translate(-27%, -190%);
    -ms-transform: rotate(45deg) translate(-27%, -190%);
}
.menuactive .nav_btn::before {
    transform: rotate(-45deg) translate(-27%, 190%);
    -webkit-transform: rotate(-45deg) translate(-27%, 190%);
    -ms-transform: rotate(-45deg) translate(-27%, 190%);
}
.menuactive .nav_btn span {
    opacity: 0;
    filter: alpha(opacity=0);
}

/*footer*/
footer { background: #ffcfa0; color: #fff; font-size: 12px; padding: 20px 10px;}
footer a { color: #fff; text-transform: uppercase; }
.ml button {background:none; border:none; color:#fff; text-transform: uppercase; cursor:pointer;}
.b_info_plus a {text-decoration:underline; color:#ef7701;}
/**/
video {width:100%; height:auto;}

.loader {margin:20px auto;}

.prepend-icon { position: relative; padding-left: 35px; font-size: 20px; line-height: 1; margin-bottom: 20px;}
.prepend-icon [class^="icon2-"] { position: absolute; top: 0; left: 0; font-size: 25px; color:#ef7701;}

.separ { position: absolute; width: 80px; height: 80px; text-align: center; margin: 0 auto; top: -40px; left: 50%; transform: translateX(-50%);}
.losange { position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*border: 1px solid #f5f5f5;*/ transform-origin: center; transform: rotate(-45deg); background:#fff; }

/*titre*/
.b_titre_fd {position: relative; margin-top:56px; padding:110px 10px 60px;}
.title_1 {}
h2 { position: relative; color: #ef7701; font-size: 40px; text-transform: uppercase; text-align: center; font-weight: 400; padding-bottom: 45px;}
h2::after { content: ''; position: absolute; width: 60px; height: 2px; bottom: 0; left: 50%; transform: translateX(-50%); background: #cd1719;}


/*bouton*/
.btn-primary { line-height: 1; background: #ee7c1e; color: #fff; border: none; border-radius: 4px; padding: 1.065rem .9rem; width: auto; font-size: 16px; font-weight: 400;}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus {background:#ee7c1e; color:#fff; border: none; }
.btn-primary:not(:disabled):not(.disabled):active{ background:#ee7c1e; color:#fff; border: none; }

.btn-dl {background: rgb(86,155,25); background: linear-gradient(90deg, rgba(86,155,25,1) 0%, rgba(117,182,16,1) 100%); border-radius:50px; padding: .656rem 2rem; color:#fff; width:auto; font-weight: 500; font-size:18px;}
.btn-dl:disabled { cursor: not-allowed; }


/*FORM*/
.form-control-lg { color:#000; background:#ffb770; border:none; font-family: 'Montserrat', sans-serif; border-radius: 3px; padding: .5rem .6rem;}
.form-control:focus { color:#000;  background:#ffb770; border:none; }
.form-group {margin-bottom:20px;}
.form-row { margin-right: -10px; margin-left: -10px; }
.form-row > .col, .form-row > [class*="col-"] { padding-right:10px; padding-left:10px; }
.form-control-light {background:#fff; border-bottom:1px solid #ebebeb; border-radius:0!important;}
.form-control-light.form-control:focus {background:#fff; border-bottom:1px solid #ebebeb;}

.field_error .form-control-light {background:#fff!important; border:none!important; border-bottom:1px solid red!important;}

select.form-control-lg {padding:1rem .5rem;}

/**/
.s_form--contact h3 {font-size:25px; font-weight: 400;}
.choix {position: relative; padding-left:40px; margin-bottom:25px;}
.choix--titre {font-size:16px; font-weight: 400;}
.choix--titre [class^="icon"] {color:#569b19; position: absolute; top:-7px; left:0; font-size:30px;}
.choix ul {font-weight: 600;}
.choix a {text-decoration: underline;}

.b_losanges {position:relative; width:980px; height:590px; /*margin-left:10%;*/ margin:0 auto;}
.b_losanges .b2 {position: absolute; left: 200px; top: 200px;}
.b_losanges .item {position:relative; width:380px; height:380px; color:#fff; font-size:20px;}
.b_losanges .item:first-child {margin-right:20px;}
.b_losanges p {position: relative; text-align: center; padding:10px 55px;}
.b_losanges svg {position: absolute; top:0; left:0; width:100%; height:auto;}

/*modal*/
.modal-dialog {max-width: 800px;}
.modal-title {font-size: 30px; text-transform: uppercase; text-align: center; line-height: 1; width: 100%;}
.modal-body h3, .modal-body h4 {font-size:20px; margin: 20px 0;}
.modal-body h4 {font-size: 16px;}

/*slider*/
#myslider {margin:0 35px;}
#myslider .slick-list {border-radius:16px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);}
#myslider h3 {font-size:30px; margin-bottom:20px; font-weight: 500; color:#9e1510;}
#myslider p {font-size:20px; padding-right:20px;}

/*map*/
#s_map {background:url(../img/map.png) center top no-repeat; padding:40px 0 60px; margin-top:90px;}
.ct--map {font-size:20px;}
.ct--map .t1 {font-size:1em;}
.ct--map .t2, .ct--map .t3 {font-size:3em; line-height: 1;}
.ct--map .t2 span, .ct--map .t3 span {font-size:.67em;}
.ct--map .t3 {padding-left:60px;}
.ct--map .t4 {font-size:1.1em; color:#9b9b9b; font-weight: 500; margin-left:55%}

/*profil*/
.b_profil {position: relative; padding-bottom:160px;}
.b_profils {margin-left:-10px; margin-right:-10px;}
.ct--profil {position: relative;}
#fd_trans {position: absolute; width:100%; height:693px; bottom:-185px; left:0; background:url(../img/transistion.png) center top no-repeat;}
.item--profil {border:1px solid #f3f3f3; background:#fff; width:388px; font-size:20px; margin:0 10px;}
.item-profil-txt {padding:20px;}
.item--profil h3 {font-size:20px; font-weight: 400; color:#dc684d; margin-bottom:25px;}

/*sommaire*/
#s_sommaire {position: relative;}
#s_sommaire .titre {text-align: center;}
#s_sommaire .titre h3 {font-size:30px; text-transform: uppercase; font-weight: 300; margin:20px 0;}

#s_sommaire .bloc {padding-bottom:15px;}
#s_sommaire .bloc > div {border-radius:6px; border:1px solid #ebebeb;}
#s_sommaire .bloc-top, #s_sommaire .bloc-desc {padding:15px;}
#s_sommaire .bloc h4 {font-size:22px; font-weight: 500; position: relative; padding-right:30px; cursor:pointer;}
#s_sommaire .bloc h4:after {content:'\e021'; font-family: "assets-glyph-2019"; position: absolute; right:0; top:0; font-size: 28px; color:#dfdfdf;}
#s_sommaire .bloc h4.collapsed:after {content:'\2e';}
#s_sommaire .profil {width:190px; font-size:14px; margin-bottom:5px;}
#s_sommaire .profil .img {width:80px; border:1px solid #f3f3f3;}
#s_sommaire .profil .img img {width:78px; max-width: none;}
#s_sommaire .profil b {display:block; font-weight: 600;}
#s_sommaire .bloc-desc {background:#fbfbfb; border-top:1px solid #ebebeb;}
#s_sommaire .et {padding:15px 0; border-bottom:1px solid #f3f3f3; font-size:18px; font-weight:500;} 
#s_sommaire .et > div {padding:0 20px;}
#s_sommaire .et:first-child {padding-top:0;}
#s_sommaire .et:last-child {padding-bottom:0; border-bottom:none;}
#b_infection h4, #b_infection .et-nom {color:#cd1719;}
#b_virale h4, #b_virale .et-nom {color:#6ca43b;}
#b_sex h4, #b_sex .et-nom {color:#ef7701;}

/*merci*/
#s_merci {position:relative; margin-top:100px; background:#569b19; color:#fff; padding:80px 0 70px;}
#s_merci .separ {top:auto; bottom:-40px;}
#s_merci .losange {background:#569b19;}
#s_merci h2 {color:#fff;}

#s_part {margin-top:100px;}
#s_part .ct {max-width:1020px; margin:0 auto;}
.b_logos {margin:20px 0 100px;}
.b_logos > div {width:25%; text-align: center; padding:20px 10px; margin-bottom:auto; margin-top:auto;}

/*abc*/
.btn-abc {background:#fff; border:1px solid #c6c6c6; border-radius:3px; font-weight:500; padding:3px 5px; cursor: pointer; margin:0 5px; color:#c6c6c6;}
.btn-abc.active, .btn-abc:hover {border-color:#ef7701; color:#ef7701;}

.b_list-auteurs {min-height: 600px;}
.auteur {margin-bottom:30px;}
.auteur--img {width:105px;}
.auteur--img img {width:105px; border:1px solid #f3f3f3; max-width:none;}         
.auteur--txt {font-size:13px; padding-left:5px;}
.auteur--txt .auteur--nom {font-size:16px; font-weight:600;}