/*  
    BLOCK NEWS
    -----------------------------------------------
*/
#news  a{
    color : black;    
}

#news .content_slide > .content > h3{
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 10px;

}

#news .content_slide > .content > h3 span{
    font-style: italic;
    font-weight: normal;
    display: initial;
}

#news .content_slide > .content 
{
    padding-left : 10px;
}

#news .content_slide > .content a
{
    display: inline;
    font-size: 13.5px;
}

#news > p strong{
    font-weight: bold;
}

/*  
    FIN --> BLOCK NEWS
    -----------------------------------------------
*/
/*  
    BLOCK INTEGRITY
    -----------------------------------------------
*/
#integrity ul,
#integrity li{
   list-style-type: decimal;
}

#integrity ul{
   padding-left: 20px;
}

#integrity li{
   /*padding-bottom: 20px;*/
   padding-bottom: 15px;
}

#integrity h2,#integrity h3{
   color : black !important; 
}

#integrity h2{
  font-size: 2.9em !important;
  margin-bottom: 0px !important;  
}

#integrity h3{
  font-size: 1.2em;
  font-weight: bolder;
  font-weight: 111100;
  margin-bottom: 25px;
}

#integrity > .mejs-container {
  float: left;
  z-index: 1;
}

#integrity > .left{
    min-height : 407px;
    width: 49%;
    /*display: block;*/
    /*max-width: 640px;*/
    /*margin: 0 auto;*/
    margin-right: 10px;
}

#integrity:after {
  display: block;
  content: "";
  clear: both;
}


/*  
    FIN --> BLOCK INTEGRITY
    -----------------------------------------------
*/
/*  
    BLOCK AMBASSADORS
    -----------------------------------------------
*/
/* SLIDE */

#news .content_slide,
#ambassadors .content_slide{
    display: block;
    overflow: hidden;
    padding-left: 55px;
    padding-right: 55px;
}
#news .content_slide{
    padding: 0px;
    line-height: 20px;
}
#ambassadors,
#ambassadors  a{
    text-decoration: none;
    color : black;   
}

#ambassadors .content_slide > a > .content > h3{
   color : rgb(188,214,19);
   margin-bottom: 15px;
  
}

#ambassadors .content_slide > a > .content{
        text-align: center;
        margin-top: 10px;
}

#ambassadors .content_slide > a > .picture{
      width: 150px;
      height: 150px;
      margin: auto;
      border : 5px solid rgb(141,173,28);
      
}


/* FIN SLIDE */
/*  
    FIN --> BLOCK AMBASSADORS
    -----------------------------------------------
*/
/*  
    BLOCK STATISTIQUES
    -----------------------------------------------
*/


#statistics:after {
  display: block;
  content: "";
  clear: both;
}

#statistics .html_text{
  font-size: 1.1em;
  text-align: left;
  margin-top: 20px;
}

#statistics h3{
  font-size: 1.8em;
  margin-top: 18px;
  color: rgb(150, 203, 78);
}

#statistics .html_text a{
  text-align: left;
  display: inline;
}

#statistics .html_text strong{  
  font-weight: bold;
  background-color: rgb(150, 203, 78);
  padding: 0 5px;
  color: rgb(11, 19, 42);
  font-size: 1.2em;
}



#statistics .html_text ul{
   margin: 10px;
}

#statistics .with_square ul {
  margin-left: 20px;
}



#statistics .html_text ol{
   list-style: decimal;
   margin-left: 25px;
}
#statistics .html_text p{
  /*line-height: 24px;*/
}

#statistics .with_square ul li,
#statistics .with_square ol li{
   list-style-type: disc; 
}

#statistics .html_text ul li,
#statistics .html_text ol li{
   padding: 10px;
   /*line-height: 24px;*/
}


/*  
    FIN --> BLOCK STATISTIQUES
    -----------------------------------------------
*/
/*  
    BLOCK LIENS UTILES
    -----------------------------------------------
*/
#useful_links > nav{
    display: inline-block;
    width: 100%;
    text-align: center;
}

#useful_links > nav > a{
    /*float : left;*/
    padding: 3% 3% 0 3%;
    text-align: center;
    text-decoration: underline;
    color :black;
    display: inline-block;
    vertical-align: top;
}

#useful_links > nav > a.small_icon img{
    max-height: 50px;
}


/*  
    FIN --> BLOCK LIENS UTILES
    -----------------------------------------------
*/
#contact > form{
    padding: 0;
    margin-top: 20px;
}
#fieldset_contact label{
  display: block;
  width: 100%;
  padding-top: 25px;
  padding-bottom: 10px;
  text-align: left;
  font-size: 2em;
  text-transform: uppercase;
  /* font-weight: bold; */
  font-family: bebas_neueregular;
  letter-spacing: 2px;
}

#fieldset_contact p,
#fieldset_contact input,
#fieldset_contact textarea,
#container_message
{
    padding: 0;
    width : 100% !important;
}

#fieldset_contact input,
#fieldset_contact textarea
{
    padding: 10px;  
}
    

#fieldset_contact span.important{
    display : none;
}

#fieldset_contact > .left{
    width : 45%;
}

#fieldset_contact > .right{
    width : 45%;
}

#fieldset_contact > #container_submit{
    text-align: right;    
}

#fieldset_contact > #container_message{
    clear : both;  
}

#fieldset_contact  #submit {
  margin-right: 0px; 
  background-color: rgb(154,182,46);
  color: rgb(0,25,46);
  border: 0;
  border-bottom: 10px solid rgb(84,112,32);
  padding: 15px;
  width: 30%;
  font-size: 1.4em;
  font-weight: bold;
  margin-top: 40px;
}



/*  
    FIN --> BLOCK AMBASSADORS
    -----------------------------------------------
*/

@media screen and (max-width: 1650px) {
    #integrity > .left {
      margin-right: 0.5%;
    }
}

@media screen and (max-width: 800px) {
    
    #alert_integrity{
        margin : 0 !important;
        top : 0;
    }
/*  
    BLOCK INTEGRITY
    -----------------------------------------------
*/
    #integrity > .left{
        width: 100%;
        height : auto;
        min-height: 200px;
        margin-bottom: 20px;
        
    }
/*  
FIN --> BLOCK INTEGRITY
-----------------------------------------------
*/
    #ambassadors{
        display: block;
    }
    #ambassadors .content_slide{
        padding: 0;
    }
    #ambassadors .content_slide > .left{
        width : 100% !important;
    }
    .bx-wrapper .bx-controls-direction a {
      top: 40%;
      z-index: 1; 
    }
    /* -------------------------------------------- */
    #statistics > .list {
       width : auto;
    }
    
    /* ------------------------------------------ */
    #useful_links > nav{
        display: block;
    }
    
    #useful_links > nav > a{
        float : none;
    }   
    
    /* --------------------------------------- */
    #contact > form{
        width : 100%;
    }
    
    #fieldset_contact > .left,
    #fieldset_contact > .right{
        width : 100%;
    }
     
    #fieldset_contact label {
        font-size: 1.3em;
    }
    
    #fieldset_contact > #container_submit {
        text-align: left;
    }
    
    #fieldset_contact #submit {
        width : 100%;
    }
}

@media screen and (max-width: 320px) {
    #news .content_slide, #ambassadors .content_slide{
        padding-left: 10px;
        padding-right: 10px;
    }
    #news .content_slide > .content{
      float: none;
      display: block;
      width: 100% !important;
      clear: both;
      text-align: center;
      margin-top: 5px;
        
    }
    #news .content_slide > .picture_news {
        float: none;
    }
}