@charset "utf-8";
/* CSS Document */


  body {
    font-family: cbLight,Akkurat,Verdana,sans-serif;
    /*color:#bcbcbb !important;*/
  }  

.bandeau_ruban {
  z-index: 10000 !important;
}  
 
#header {
  z-index: 10001 !important;
}  
 
.swiper-button-next, .swiper-button-prev {
  top: 95% !important;
}

    
  @media (min-width:826px){
    #entete {
      margin:91px 0 0 0;
    }
    #divtext_titre {
      font-size:100px !important;
      line-height:90px !important; 
      color:#000000 !important;
      font-family: cbRegular,Akkurat,Verdana,sans-serif !important;
    }
    .entete_paralax {
      /*
      top:91px;
      padding:91px 0 0 0;
      height:-moz-calc(100% - 91px);
      height:-webkit-calc(100% - 91px);
      height:calc(100% - 91px);
      */
    }
  }

  @media (max-width:825px){
    #menu_logo {
      height:50px !important;
      position:absolute !important;
      top:5px !important;
      right: 20px !important;
    }
 
  
  }

  @media (min-width:826px){
  
  }

  @media all and (max-width:825px){
    
  }


  @media (min-width:992px){
    .img_solid {
      width:80% !important;
      /*margin-top:12px;*/
    }
    .img_solid2 {
      width:68% !important;
      /*margin-top:12px;*/
    }
    .logo_content {
      width:25% !important;
    }
    #menu_logo {
      height:54px;
      position:absolute;
      top:19px;
      right: 20px;
    }
    .divtext_titre2 {
      font-family: cbRegular,Akkurat,Verdana,sans-serif !important;
      font-size:55px; 
      line-height:58px;
      font-size:50px; 
      line-height:65px;
      letter-spacing: 1px;
    }
    .divtext_soustitre2 {
      font-family: cbRegular,Akkurat,Verdana,sans-serif !important;
      font-size:34px; 
      line-height:37px;
      letter-spacing: 0.5px;
    }
    .texte_divtext_left {
      font-family: cbRegular,Akkurat,Verdana,sans-serif !important;
      font-size:18px; 
      line-height:28px;
      letter-spacing: 0.5px;
    }
    .citation {
      font-family: cbRegular,Akkurat,Verdana,sans-serif !important;
      font-size:30px; 
      line-height:40px;
      letter-spacing: 0.5px;
      font-style: normal;
    }
    .sous_citation {
      font-size: 14px;
      line-height: 22px;
      letter-spacing: 0.5px;
      font-family: cbBold,Akkurat,Verdana,sans-serif;
    }
  }

  @media (max-width:991px){
    .img_solid {
      width:94.5% !important;
    }
    .img_solid2 {
      width:94.5% !important;
    }
    .logo_content {
      width:50% !important;
    }
    #menu_logo {
      height:54px;
      position:absolute;
      top:22px;
      right: 10px;
    }
    .divtext_titre2 {
      font-family: cbRegular,Akkurat,Verdana,sans-serif !important;
      font-size:45px; 
      line-height:48px;
      letter-spacing: 0.5px;
    }
    .divtext_soustitre2 {
      font-family: cbRegular,Akkurat,Verdana,sans-serif !important;
      font-size:25px; 
      line-height:28px;
      letter-spacing: 0.5px;
    }
    .texte_divtext_left {
      font-family: cbRegular,Akkurat,Verdana,sans-serif !important;
      font-size:18px; 
      line-height:28px;
      letter-spacing: 0.5px;
    }
    .citation {
      font-family: cbRegular,Akkurat,Verdana,sans-serif !important;
      font-size:30px; 
      line-height:40px;
      letter-spacing: 0.5px;
      font-style: normal;
    }
    .sous_citation {
      font-size: 14px;
      line-height: 22px;
      letter-spacing: 0.5px;
      font-family: cbBold,Akkurat,Verdana,sans-serif;
    }
  }
    
  .sous_citation a {
    color: #DC6C26;
    color: #3EB750;
    text-decoration: none;
  }
  
  .sous_citation a:hover {
    color: #aaaaaa;
    text-decoration: none;
  }


  .figcaption_bottom{
    color:#000000 ;
  }
  
  .alt-nav {
    text-transform: lowercase !important;
    text-transform: uppercase !important;
  } 
  
  .sousmenu {
    font-size:14px !important;
    /*letter-spacing:1px !important;*/
    line-height:32px !important;
    text-transform: uppercase !important;
    font-family: cbCondensedBold,Akkurat,Verdana,sans-serif !important;
    letter-spacing: 2px !important;
  }
  
  .sousmenu a {
    padding: 7px 10px 7px 10px !important;
    color: #303030 !important;
    background-color:#ffffff !important;
    text-decoration: none !important;
  }
  
  .sousmenu a:hover {
    color: #ffffff !important;
    color: #DC6C26 !important;
    color: #3EB750 !important;
    /*background-color:#E4551C;*/
    /*background-color:#c6c6c6;*/
    text-decoration: none !important;
  }
  
  .sousmenu_on {
    background-color:#ffffff !important;
    color:#DC6C26 !important;
    color:#3EB750 !important;
    padding: 7px 10px 7px 10px !important;
  }
  
  .div_trait{
    border-bottom: 1px solid #000000; 
    border-bottom: 1px solid #e0e0e0; 
    padding: 0 0 0px 0;
  }
  
  
  .sousmenu2 a {
    padding: 7px 10px 7px 10px !important;
    color: #ffffff !important;
    background-color:#172C3B !important;
    text-decoration: none !important;
  }
  
  .sousmenu2 a:hover {
    color: #ffffff !important;
    color: #DC6C26 !important;
    color: #3EB750 !important;
    /*background-color:#E4551C;*/
    /*background-color:#c6c6c6;*/
    text-decoration: none !important;
  }
  .sousmenu2_on {
    background-color:#172C3B !important;
    color:#DC6C26 !important;
    color:#3EB750 !important;
    padding: 7px 10px 7px 10px !important;
  }
  
  .divtext_titre {
    font-family: LatoWebLight,Akkurat,Verdana,sans-serif !important;
    font-family: cbRegular,Akkurat,Verdana,sans-serif !important;
  }
    
  .SearchContent a {
    color: #DC6C26;
    color: #3EB750;
    text-decoration: none;
  }
  
  .SearchContent a:hover {
    color: #aaaaaa;
    text-decoration: none;
  }
  
  .lien_titre{
    /*font-weight: bold;*/
    font-size:22px;
    font-family: cbBold,Akkurat,Verdana,sans-serif !important;
    line-height:30px;
    letter-spacing: 0.5px;
  }
  
  .lien_titre2{
    /*font-weight: bold;*/
    font-size:34px;
    font-family: cbLight,Akkurat,Verdana,sans-serif !important;
    line-height:42px;
    letter-spacing: 0.5px;
  }
  
  .copyright_footer {
    font-family: cbRegular,Akkurat,Verdana,sans-serif !important;
    font-size:12px !important;
    text-transform:uppercase !important;
    color:#303030;
  }

  .copyright_footer a {
    padding:7px 10px 5px 10px;
    color: #303030;
    background-color:#ffffff;
    text-decoration:none;
  }
  
  .copyright_footer a:hover {
    color:#000000;
    background-color:#ffffff;
    text-decoration:none;
  }
    
    .highlight {
      background-color: #fff34d;
      -moz-border-radius: 1px; /* FF1+ */
      -webkit-border-radius: 1px; /* Saf3-4 */
      border-radius: 1px; /* Opera 10.5, IE 9, Saf5, Chrome */
      
      -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* FF3.5+ */
      -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Saf3.0+, Chrome */
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Opera 10.5+, IE 9.0 */
    }

    .highlight {
      /*padding:1px 4px;*/
      /*margin:0 -4px;*/
    }

    #text-search{
      width:320px !important;
      font-size:18px !important;
      font-family: cbRegular,Akkurat,Verdana,sans-serif !important;
      padding: 0px 5px 0px 5px;
      border-style: solid !important;
      border-color: #DC6C26;
      border-color: #3EB750;
      border-width: 0px 0px 1px 0px;
      outline: none;
      outline-color: #DC6C26;
      outline-color: #3EB750;
      outline-width: 1px;
    }
    
    #text-search:focus{
    }
    
  .KeywordsHighlight {
    font-size:18px;
    line-height:28px;
    text-transform: initial !important;
    font-family: cbRegular,Akkurat,Verdana,sans-serif;
    letter-spacing: 0.5px;
  }
  
  .KeywordsHighlight a {
    /*padding: 7px 10px 7px 10px;*/
    color: #DC6C26;
    color: #3EB750;
    background-color:#ffffff;
    text-decoration: none;
  }
  
  .KeywordsHighlight a:hover {
    color: #ffffff;
    color: #000000;
    /*background-color:#E4551C;*/
    /*background-color:#c6c6c6;*/
    text-decoration: none;
  }
    
::-moz-selection{color:red;background:#FF0}
::selection{color:red;background:#FF0}


    @media (min-width:992px){

      .img_solid {
        width:80% !important;
        /*margin-top:12px;*/
      }
      
      .img_solid2 {
        width:68% !important;
        /*margin-top:12px;*/
      }
      
    }

   @media (max-width:991px){

     .img_solid {
        width:94.5% !important;
      }
     .img_solid2 {
        width:94.5% !important;
      }
   }
  
.legende_bottom  {
  text-align:left;
	color: #000000;
  padding:10px 0 10px 0;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 0.5px;
  font-family: cbRegular,Akkurat,Verdana,sans-serif;
}

.legende_bottom  a {
  color: #DC6C26;
  color: #3EB750;
  text-decoration: underline;
}

.legende_bottom  a:hover {
  color: #aaaaaa;
  text-decoration: underline;
}

.legende_top  {
  height: 200px;
  text-align:left;
	color: #000000;
  padding:10px 0 10px 0;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 0.5px;
  font-family: cbRegular,Akkurat,Verdana,sans-serif;
}

.legende_top  a {
  color: #DC6C26;
  color: #3EB750;
  text-decoration: underline;
}

.legende_top  a:hover {
  color: #aaaaaa;
  text-decoration: underline;
}
    
    
  .wrapper-content a {
    /*padding: 7px 10px 7px 10px;*/
    color: #DC6C26;
    color: #3EB750;
    background-color:#ffffff;
    text-decoration: none;
  }
  
  .wrapper-content a:hover {
    color: #ffffff;
    color: #000000;
    /*background-color:#E4551C;*/
    /*background-color:#c6c6c6;*/
    text-decoration: none;
  }
  
  
  .wrapper-grid{
    background-color:#ffffff;
    display:inline-block;
    padding:10px;
    display:inline-block;
    border: 2px solid #81453C;"
  }
  
  .wrapper-grid2{
    background-color:#ffffff;
    display:inline-block;
    padding:10px;
    display:inline-block;
    border: 2px solid #3a6264;"
  }
  
  
  .wrapper-grid3{
    background-color:#ffffff;
    display:inline-block;
    padding:10px;
    display:inline-block;
    border: 2px solid #ffcccc;"
    border: 2px solid #f2990d;"
  }
  
  .wrapper-grid4{
    background-color:#ffffff;
    display:inline-block;
    padding:10px;
    display:inline-block;
    border: 2px solid #ffffff;"
  }
  
    
  .legende_titre{
    font-size: 35px;
    line-height: 38px;
    letter-spacing: 0.5px;
    font-family: cbRegular,Akkurat,Verdana,sans-serif;
  }
  
  .legende_titre2{
    margin-top: 15px;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0.5px;
    letter-spacing: 2px;
    text-transform:uppercase;
    font-family: cbCondensedBold,Akkurat,Verdana,sans-serif;
  }
  
  .legende_soustitre2{
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.5px;
    font-family: cbLight,Akkurat,Verdana,sans-serif;
  }
  
  .legende_source{
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.5px;
    font-family: cbRegular,Akkurat,Verdana,sans-serif;
  }
    
  .div_texte{
    font-size:18px; 
    line-height:28px;
    letter-spacing: 0.5px;
    font-family: cbRegular,Akkurat,Verdana,sans-serif;
  }
    
  .div_texte a {
    color: #DC6C26;
    color: #3EB750;
    text-decoration: none;
  }
  
  .div_texte a:hover {
    color: #aaaaaa;
    text-decoration: none;
  }
    

  .footer_page{
    background:#F5F5F5;
    display:block;
    padding:9px 10px 10px 45px;
    height:50px;
  }

  .copyright{
    display: inline-block;
    width: auto;
    color:#3F403F;
    font-family: cbRegular,Akkurat,Verdana,sans-serif !important;
    font-size:10px; 
    line-height:16px;
    letter-spacing: 0px;
    font-style: normal;
    vertical-align: middle;
  }

  .contact_footer{
    display: inline-block;
    width: auto;
    color:#3F403F;
    font-family: cbBold,Akkurat,Verdana,sans-serif !important;
    font-size:14px; 
    line-height:16px;
    letter-spacing: 0px;
    font-style: normal;
    vertical-align: middle;
  }

  .contact_footer a {
    color: #000000;
    text-decoration: none;
    margin-right:60px;
    letter-spacing: 1.4px;
  }
  
  .contact_footer a:hover {
    color: #DC6C26;
    color: #3EB750;
    text-decoration: none;
  }
    
  .social_network{
    float:right;
    padding:0 20px 0 0;
  }

  .social_network a{
    vertical-align: middle;
  }

  .imagefooter{
    margin-left:25px;
  }
    
    
    
    
    
    [class*="block-grid-"] > li {
        padding: 15px;
    }

    .img_solid {
        padding:0px 15px !important;
    }
    
    @media only screen and (min-width: 40.063em) {
      [class*="block-grid-"]>li {
        padding: 0.54vw !important;
        padding: 1vw !important;
      }
      .main-wrapper{
        padding:0px 2.5vw;
      }
      .wrapper-content {
          padding: 0 0px;
      }
      .img_solid {
          padding:0px 2.5vw !important;
      }
    }

    @media only screen and (min-width: 60.063em) {
      [class*="block-grid-"]>li {
        padding: 0.54vw !important;
        padding: 1vw !important;
      }
      .main-wrapper{
        padding:0px 15vw;
      }
      .wrapper-content {
          padding: 0 0px;
      }
      .img_solid {
          /*width: 80% !important;*/
          padding:0px 2.0vw !important;;
          padding:0px 16vw !important;;
      }
    }
    
    
#footer a { 
  color:#ffffff;
  text-decoration: none; 
}
#footer a:hover { color:#3EB750; text-decoration: none; }

.footer_img {
  height: auto;
  margin: 0 0 -5px 0;
  width: 19px;
}

.hr_footer {
  color:#808080;
  margin: 7px 0 15px 0;
}

@media (min-width:826px){
  #footer{ 
    clear:both;
    display: inline-block;
    width:100%;
    margin: 0px 0px 0px 0px;
    padding: 50px 0px 0px 0px;
    bottom:0px;
    background-color:#3a6264;
    background-color:#172C3B;
    color:#ffffff;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 1px;
    font-family: cbCondensedLight,Akkurat,Verdana,sans-serif;
    font-family: cbLight,Akkurat,Verdana,sans-serif;
  }
  .footer_block{ 
    margin: auto;
    display: inline-block;
    width: 85%;
  }
  .footer_gauche{ 
    /*display:inline-block;*/
    width:32%;
    float:none;
    float:left;
    margin: 0px 2% 0px 0;
    padding: 0px 0px 0px 0px;
    text-align:left;
    color:#ffffff;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 1px;
    font-family: cbCondensedLight,Akkurat,Verdana,sans-serif;
    font-family: cbLight,Akkurat,Verdana,sans-serif;
  }

  .footer_milieu{ 
    /*display:inline-block;*/
    width:32%;
    float:none;
    float:left;
    margin: 0px 2% 0px 0;
    padding: 0px 0px 0px 0px;
    text-align:left;
    color:#ffffff;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 1px;
    font-family: cbCondensedLight,Akkurat,Verdana,sans-serif;
    font-family: cbLight,Akkurat,Verdana,sans-serif;
  }
  
  .footer_droit{ 
    /*display:inline-block;*/
    width:32%;
    float:none;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align:left;
    color:#ffffff;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 1px;
    font-family: cbCondensedLight,Akkurat,Verdana,sans-serif;
    font-family: cbLight,Akkurat,Verdana,sans-serif;
  }


  .lien_footer{ 
    margin: 0px 0px 0px 0px;
    color:#ffffff;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 1px;
    font-family: cbCondensedLight,Akkurat,Verdana,sans-serif;
    font-family: cbLight,Akkurat,Verdana,sans-serif;
  }
  
  .bandeau_droit{ 
    margin: 29px 31px 0px 0px !important;
  }
  .citation {
    font-family: cbRegular,Akkurat,Verdana,sans-serif !important;
    font-size:20px; 
    line-height:30px;
    letter-spacing: 0.5px;
    font-style: normal;
    font-style: italic;
  }
  .sous_citation {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.5px;
    font-family: cbBold,Akkurat,Verdana,sans-serif;
  }
  
}

@media all and (max-width:825px){
  
  #footer{ 
    clear:both;
    display: inline-block;
    width:100%;
    margin: 0px 0px 0px 0px;
    padding: 50px 0px 0px 0px;
    bottom:0px;
    background-color:#3a6264;
    background-color:#172C3B;
    color:#ffffff;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 1px;
    font-family: cbCondensedLight,Akkurat,Verdana,sans-serif;
    font-family: cbLight,Akkurat,Verdana,sans-serif;
  }
  
  .footer_block{ 
    margin: auto;
    display: inline-block;
    width: 85%;
  }
  
  .footer_gauche{ 
    
    display:block;
    float:none;
    margin: 0px 0px 30px 0px;
    padding: 0px 0px 0px 0px;
    text-align:center;
    color:#ffffff;
    font-size: 18px;
    line-height: 35px;
    letter-spacing: 3px;
    font-family: cbCondensedLight,Akkurat,Verdana,sans-serif;
    font-family: cbLight,Akkurat,Verdana,sans-serif;
  }

  .footer_milieu{ 
    display:block;
    float:none;
    margin: 0px 0px 30px 0px;
    padding: 0px 0px 0px 0px;
    text-align:center;
    color:#ffffff;
    font-size: 18px;
    line-height: 35px;
    letter-spacing: 3px;
    font-family: cbCondensedLight,Akkurat,Verdana,sans-serif;
    font-family: cbLight,Akkurat,Verdana,sans-serif;
  }

  .footer_droit{ 
    display:block;
    float:none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color:#ffffff;
    font-size: 18px;
    line-height: 35px;
    letter-spacing: 3px;
    font-family: cbCondensedLight,Akkurat,Verdana,sans-serif;
    font-family: cbLight,Akkurat,Verdana,sans-serif;
  }

  .lien_footer{ 
    font-size: 18px;
    letter-spacing: 3px;
    margin: 0px 0px 0px 0px;
    font-family: cbRegular,Akkurat,Verdana,sans-serif;
    font-family: cbLight,Akkurat,Verdana,sans-serif;
  }
  
  .bandeau_droit{ 
    margin: 15px 17px 0px 0px !important;
  }
  .citation {
    font-family: cbRegular,Akkurat,Verdana,sans-serif !important;
    font-size:20px; 
    line-height:30px;
    letter-spacing: 0.5px;
    font-style: normal;
    font-style: italic;
  }
  .sous_citation {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.5px;
    font-family: cbBold,Akkurat,Verdana,sans-serif;
  }
  
  
}



  .bandeau_droit a { 
    font-size: 18px !important;
  }


  .footer_sousmenu_on { 
    margin: 0px 0px 0px 0px !important;
    font-size: 15px !important;
    line-height: 18px !important;
    letter-spacing: 1px !important;
    font-family: cbCondensedLight,Akkurat,Verdana,sans-serif !important;
    font-family: cbLight,Akkurat,Verdana,sans-serif !important;
    background-color:#172C3B !important;
    color: #3EB750 !important;
  }