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

@font-face {
  font-family: klavika;
  src: url(/css/fonts/klavika/klavikach-regularcond-webfont.eot);
  src: url(/css/fonts/klavika/klavikach-regularcond-webfont.eot?#iefix) format("embedded-opentype"), url(/css/fonts/klavika/klavikach-regularcond-webfont.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: klavika-light;
  src: url(/css/fonts/klavika/klavikach-lightcond-webfont.eot);
  src: url(/css/fonts/klavika/klavikach-lightcond-webfont.eot?#iefix) format("embedded-opentype"), url(/css/fonts/klavika/klavikach-lightcond-webfont.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: klavika-medium;
  src: url(/css/fonts/klavika/klavikach-mediumcond-webfont.eot);
  src: url(/css/fonts/klavika/klavikach-mediumcond-webfont.eot?#iefix) format("embedded-opentype"), url(/css/fonts/klavika/klavikach-mediumcond-webfont.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: klavika-bold;
  src: url(/css/fonts/klavika/klavikach-boldcond-webfont.eot);
  src: url(/css/fonts/klavika/klavikach-boldcond-webfont.eot?#iefix) format("embedded-opentype"), url(/css/fonts/klavika/klavikach-boldcond-webfont.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: klavika-italic;
  src: url(/css/fonts/klavika/klavika-regularitalic-webfont.eot);
  src: url(/css/fonts/klavika/klavika-regularitalic-webfont.eot?#iefix) format("embedded-opentype"), url(/css/fonts/klavika/klavika-regularitalic-webfont.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}



  @media (min-width:320px) and (max-width:779px) {
    .alt-nav li a {
      color:#ffffff !important;
      padding: 0 20px 0 40px !important;
    }  
    
    .alt-nav li:hover {
        background-color: #ffffff !important;
    }

    .alt-nav {
      color:#ffffff !important;
      background-color: #000000 !important;
      background:rgba(0,0,0,0.71) !important;
    }  
    
    .nav-toggle .bar {
      background-color: #000000 !important;
    }
    
    .bandeau_ruban {
       background-color:#ffffff !important;
    }
  }
  
  @media all and (max-width:825px){
    .alt-nav li a {
      color:#ffffff !important;
      padding: 0 20px 0 40px !important;
    }  
    
    .alt-nav li:hover {
        background-color: #ffffff !important;
    }

    .alt-nav {
      color:#ffffff !important;
      background-color: #000000 !important;
      background:rgba(0,0,0,0.71) !important;
    }  
    
    .nav-toggle .bar {
      background-color: #000000 !important;
    }
    .bandeau_ruban {
       background-color:#ffffff !important;
    }
    
    .bandeau_droit{ 
      display:inline-block !important;
      float:right !important;
      font-size: 10px !important;
      /*letter-spacing: 3px;*/
      color:#000000 !important;
      margin: 24px 24px 0px 0px;
      margin: 17px 17px 0px 0px !important;
      padding: 0px 0px 0px 0px !important;
      letter-spacing: 0px !important;
      text-transform: lowercase !important;
      text-transform: uppercase !important;
      font-family: cbRegular,Akkurat,Verdana,sans-serif !important;
      font-family: cbCondensedBold,Akkurat,Verdana,sans-serif !important;
      font-family: klavika-medium,Arial,sans-serif !important;
      font-size: 10px !important;
      font-size:12.22px !important;
      font-size:14px !important;
      letter-spacing: 1.4px !important;
    }
  }
  
  
  @media (min-width:826px){
    .alt-nav li a {
      color:#ffffff !important;
      padding: 0 20px 0 40px !important;
    }  
    
    .alt-nav li:hover {
        background-color: #ffffff !important;
    }

    .alt-nav {
      color:#ffffff !important;
      background-color: #000000 !important;
      background:rgba(0,0,0,0.71) !important;
    } 
    
    .nav-toggle .bar {
      background-color: #000000 !important;
    }
    
    #header {
      position:fixed !important;
      z-index: 11000 !important;
    }
      
    #menu_hamburger {
      position:fixed !important;
      z-index: 11000 !important;
    }
      
    .div_entete {
       height:91px !important;
    }
      
    .bandeau_ruban {
       background-color:#ffffff !important;
       position:fixed !important;
       height:91px !important;
       z-index: 10000 !important;
    }
    
    .bandeau_droit{ 
      display:inline-block;
      float:right;
      /*letter-spacing: 3px;*/
      color:#000000 !important;
      margin: 24px 65px 0px 0px;
      margin: 31px 31px 0px 0px !important;
      padding: 0px 0px 0px 0px !important;
      letter-spacing: 0px !important;
      text-transform: lowercase !important;
      text-transform: uppercase !important;
      font-family: klavika-medium,Arial,sans-serif !important;
      font-family: cbRegular,Akkurat,Verdana,sans-serif !important;
      font-family: cbCondensedBold,Akkurat,Verdana,sans-serif !important;
      font-size: 10px !important;
      font-size:12.22px !important;
      font-size:14px !important;
      letter-spacing: 1.4px !important;
    }
  }
  
  
  
  .alt-nav li a {
    color:#ffffff !important;
    padding: 0 20px 0 40px !important;
    font-size: 13px !important;
  }  
  
  .alt-nav li:hover {
      background-color: #ffffff !important;
  }

  .alt-nav {
    color:#ffffff !important;
    background-color: #000000 !important;
    background:rgba(0,0,0,0.71) !important;
  }  
  
  .nav-toggle .bar {
    background-color: #000000;
  }
  
  .nav-toggle .bar {
    height: 1px !important;
  }
    
  .bandeau_gauche a, .bandeau_droit a { 
    color:#bcbcbb !important;
    color:#000000 !important;
    text-decoration: none !important;
    font: normal 22px/1.8 klavika-medium, Arial, sans-serif; 
    font-size: 15px;
    letter-spacing: 3px;
    text-transform: lowercase !important;
    text-transform: uppercase !important;
  }
  .bandeau_gauche a:hover, .bandeau_droit a:hover { color:#bcbcbb !important; text-decoration: none !important; }
    

.bandeau_gauche {
  /*margin: 13px 0 0 65px !important;*/
  display:none !important;
}  
  
.titre_divtext_trait {
    border-bottom: 0px solid #333333 !important;
}