/* ===============
    [ GLOBAL RULES ]
=============== */
* {
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(113, 19, 113, 0.05);
  -webkit-overflow-scrolling: touch;
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none;
}


body{
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: #000;
  background: url('../img/background.jpg') no-repeat center top;
  background-size:cover;

}
.wrapper{
  background: #ffffff;
  max-width: 940px !important;
  box-shadow: 0 0 12px 3px rgba(0,0,0,.10);
}


.hidden{display: none;}

button{cursor: pointer;}
/*================ TYPO ================*/


h2{
  font-size:19px;
  color:#4298b5;
  font-weight:600;
}
h2 span.dark{color:#2f2f2f;font-weight:500;}
.fw_600{font-weight: 600;}

h2 sup{top:-0.75em;}

h3{
  font-size:16px;
  font-weight: bold;
  color:#000;
}

ul.triangle li{list-style-image: url('../img/puce_triangle.png');}

ul.puce_b, ul.puce_v{ list-style-type: none;}
ul.puce_b li, ul.puce_v li{position: relative;} 
ul.puce_b li:before, ul.puce_v li:before {
  position: absolute;
  content: "\2022";
  left:-1rem;
  font-size:16px;
}

ul.puce_b li:before{color: #4298b5;}
ul.puce_v li:before{color: #218649;}
 
sup{font-size:.65rem;}




/*======== HEADER ========*/

#header_home{border-bottom: 1px solid #a9aaac;}
header .container{
  padding-bottom: 1rem;
}



header p{
  color:#000;
  font-weight: bold;
  font-size:13px;
  line-height: 15px;
  margin:0;
}

header p.fc_blue{color:#00617f;font-weight:normal;}

/*======== MENU ========*/
#menu .btn{
  border-radius:0;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size:22px;
  font-weight:300;
  border:0;
  border-radius:0 0 15px 0;
}

#menu .btn-primary{background:#4298b5;}
#menu .btn-secondary{background:#218649;}

#menu .dropdown-menu{
  width: 100%;
  margin: 0;
  text-align: center;
  border:0;
  border-radius: 0;
  padding:3px 0;
}
.btn-secondary:not([disabled]):not(.disabled).active, .btn-secondary:not([disabled]):not(.disabled):active, .show>.btn-secondary.dropdown-toggle{box-shadow: none;}

#menu .dropdown-menu a{
  background:#e6f3ed;
  margin-bottom:3px;
  padding:0 1.5rem;
  cursor:pointer;
}

#menu .dropdown-menu span{
  display: inline-block;
  color:#007176;
  background:#bfe1d2;
  padding:15px 0;
  text-transform: uppercase;
  width:100%;
}

#menu .dropdown-menu a:hover{opacity: .95;}


/*======== VIDEO ========*/
#video{
  padding:1rem 0;
  background:url('../img/bg_video.png') no-repeat 0 0;
  background-size: cover;
}

#video .col-md-8{border:2px solid #a9aaac;}
#video .video-js .vjs-big-play-button{
  border: 0;
  width:auto;
  font-size:10vw;
  top:50%;left:50%;
  margin:-5vw 0 0 -5vw;
  opacity: .85;
}
#video .vjs-big-play-button .vjs-icon-placeholder:before{
  font-family: 'FontAwesome';
  content:"\f16a";
}


#revelation-video:not(.vjs-has-started):hover
{opacity: .75;}



/*======== ML ========*/
#ml p{font-size:11px;}


/*======== SIGNATURE ========*/

#sign p{font-size:11px; margin-bottom: 0;}
#sign .container{
  border-top:1px solid #000;
  border-bottom:1px solid #000;
}



/*======== FOOTER ========*/
footer .container{background: #f7f6f7;}
footer a{color:#a7a9aa;font-weight:600; font-size: 12px;}
footer .border-right{border-right:1px solid #a7a9aa;}

@media (max-width:768px){
  footer .col{min-width: 100%;}
  footer .border-right{border:0;}

}
@media (min-width:1400px){
  #video .video-js .vjs-big-play-button{
    font-size:140px;
  }
}
@media (min-width:768px) and (max-width:991px){
  .container{max-width: 100%;}
}


/*================ PAGE EN PRATIQUE ================*/

/*======== HEADER EN PRATIQUE ========*/

#header_pratique{border:0;}
#header_pratique .nav-item{
  border:0;
  border-radius:0 0 15px 0;
}

#header_pratique .nav-item{
  background:#bfe1d2;
  text-transform: uppercase;
  text-align: center;
  padding-right: 5px;
  padding-left: 5px;
  margin-right:2px;
}
#header_pratique .nav-item.active{background:#218649;}

#header_pratique .nav-link{
  color:#218649;
  font-size: 12px;
  padding:.25rem .5rem;
}
#header_pratique .nav-item.nav-link.active{color:#fff;}
#header_pratique .nav-item.pt-m{padding-top:.75rem;}



/*======== CARACT ========*/
#caract .content ul{padding-left:5rem;}
#caract .content ul li{margin-bottom:1rem;}
#caract .content ul li:first-line{font-size:19px;color:#2f2f2f;}

@media(max-width: 767px){
  #caract .content ul{padding-left:2rem;}

}

/*======== POSOLOGIE ========*/
#poso ul{padding-left:15px;}
#poso ul.triangle li{font-size:16px;}

/*======== POPULATION ========*/
#population h2{
  position:relative;
  padding-left:40px;
}

#population h2:before{
  content:'';
  background-image:url('../img/pictos_pop.png');
  background-repeat:no-repeat;
  background-position: 0 0;
  width:35px;
  height:57px;
  position: absolute;
  left: 0;
  top: -18px;
}

#population h2#pop_ih:before{background-position:0 -219px;}
#population h2#pop_fh:before{background-position:0 -219px;}
#population h2#pop_vih:before{background-position:0 -560px;}
#population h2#pop_med:before{background-position:0 -686px;}
#population h2#pop_age:before{background-position:0 -777px;}
#population h2#pop_pedia:before{background-position:0 -844px;}
#population h2#pop_procre:before{background-position:0 -943px; top:-9px;}
#population h2#pop_gros:before{background-position:0 -1023px;top:-9px;}
#population h2#pop_all:before{background-position:0 -1113px;top:-9px;}

#population ul.puce_v{padding-left:55px;}
#population p{padding-left: 40px;}

/*======== EI ========*/
#ei ol{list-style-type:lower-latin;padding-left:15px;}
#ei p{font-size:12px; letter-spacing: -.2px;}
#ei li{font-size:12px;}


/*======== CI ========*/
#ci .triangle{padding-left:17px;}
#ci .triangle ul li{list-style:none;list-style-image:none; }
#ci .triangle ul li:before {
   content: '- ';
   margin-left:-7px;
}

h2.red{color:#cb4e37;}
h2.red:before, h2.blue:before{
  content:'';
  position: absolute;
  width:55px;
  height:55px; 
  left:-60px;
  top:-20px;
}

h2.red:before{background: url('../img/interdit.png') no-repeat 0 0;}
h2.blue:before{background: url('../img/attention.png') no-repeat 0 0;}

@media (max-width:767px){h2.red:before, h2.blue:before{display: none;}}

/*================ PAGE BIBLIO ================*/
#biblio ol li{margin-bottom:1.5rem;}