/* histoire */
#z_histoire i {
  margin-right:5px;
}

#z_histoire .fusion-text {
  margin-left:20px !important;
  margin-top:5px !important;
}
/* compteurs */
#z_compteurs .content-box-percentage {
  float:left;
 margin:0 !important;
  font-weight:bold !important;
}
#z_compteurs .counter-box-content {
 float:left;
 text-transform:uppercase;
 margin:0 !important;
 text-align:left;
  clear:left;
}
#z_compteurs .counter-box-container {
  padding:0 !important;
}
#z_compteurs .fusion-builder-row {
  margin-top:30px;
}
/* videos */
#z_videos .fusion-carousel-nav span {
  background: var(--jaune-db);
}
#z_videos .fusion-carousel-nav span:before {
  color:var(--bleu-db);
  font-size: 30px;
  font-weight:bold;
}
#z_videos .fusion-carousel-item-wrapper a {
	position:relative;
}
#z_videos .fusion-carousel-item-wrapper a:after {
  content:"";
  display:block;
  width:40px;
  height:40px;
  position:absolute;
  top:-30px;
  left:40%;
  background-image:url(https://docbiker.com/wp-content/uploads/2020/09/Picto_Player_media.svg);
  background-repeat:no-repeat;
}

/* concept */
#z_concept i {
   margin-right:5px; 
}
.flip-box-front {
  background-color: var(--bleu-db) !important;
  color: var(--jaune-db) !important;
}
.flip-box-front h2 {
  color: var(--jaune-db) !important;
}
.flip-box-back {
  background-color: var(--jaune-db) !important;
  color: var(--bleu-db) !important;
}  
.flip-box-back h2 {
  color: var(--bleu-db) !important;
}  
#z_cles .flip-box-grafix {
    position: absolute !important;
    bottom: 40px !important;
    left: 0 !important;
    width: 100% !important;
}
#z_cles i {
    font-size: 30px !important;
}
#z_m_cles .fusion-toggle-heading,
#z_m_cles .toggle-content {
  font-size: 16px !important;
  color: var(--jaune-db) !important;  
}
/* chiffres */
#z_chiffres h2 {
    background: var(--bleu-db) !important;
    padding: 0px 13px !important;
    border-radius: 100px;
    margin: 0 31% !important;
    text-align: center;
    float: left;
    font-size: 19px !important;
    color: var(--jaune-db) !important;
}
#z_chiffres .content-container {
  text-align:center !important;
}
#z_chiffres .reading-box-description {
  font-size:18px;
  width: 60% !important;
}
#z_m_chiffres .col {
  float: left;
  width:100%;
  margin:0 0 20px 0;
}
#z_m_chiffres .heading {
    float: left;
    width: 30%;
    margin:0;
}
#z_m_chiffres h2 {
    background: var(--jaune-db);
    padding: 30px 0 !important;
    border-radius: 100px;
    float: left;
    text-align: center;
    font-size: 17px !important;
    color: var(--bleu-db) !important;
    width: 80px;
}
#z_m_chiffres .fusion-clearfix {
  display: none !important;
}
#z_m_chiffres .content-container {
    float: left;
    margin:0;
    width: 70%;
    font-size: 18px;
}
/* actus */
#z_actus article {
  margin-bottom:30px;
  width:100%;
  float: left;
}
#z_actus .imageframe-align-center img {
    width: 100% !important;
    max-width: none;
}
#z_actus .text {
  float: left;
  width:100%;
}
#z_actus .text h3 {
  font-style:italic;
  line-height:23px;
  margin-bottom:5px;
  font-size:18px;
}
#z_actus .text h3 i {
  margin-right:5px;
  float:left;
  height: 50px;
  margin-top: 4px;
}
#z_actus .text .resume {
  font-style:italic;
  line-height:21px;
  font-size:17px;
}
.fusion-reading-box-container .button {
  background-color: var(--bleu-db) !important;
  color: var(--jaune-db) !important;
  border-radius:20px !important;
}
#m_video .modal-dialog {
    position: fixed !important;
    width: 100% !important;
    height: 100%;
    margin: 0 !important;
}
#m_video iframe {
  position:fixed !important;
  top:55px !important;
  height:calc(100% - 55px) !important;
}
@media only screen and (max-width: 640px){
  #z_actus .text h3 i { 
    display:none;
  }  
}
@media only screen and (min-width: 640px){
	#z_actus article {
	  margin-bottom:30px;
	  width: 49%;
	  margin-right: 2%;
	}
	#z_actus article:nth-child(even) {
	  margin-right: 0%;
	}
	#z_actus .imageframe-align-center img {
		width: 100% !important;
		max-width: none;
	}
	#z_actus .text {
	  width: 73%;
	  margin-left:2%;
	}
	#z_actus .imageframe-align-center {
	  float: left;
	  border-radius:300px;
	  overflow:hidden;
	  width:130px;
	  height:130px;
	}
	#z_actus .text .resume {
	  margin-left:20px;
	  line-height: 21px;
	}
}