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

    
  .div_player {display:none;}


  .bandeau_ruban {
    background:#ffffff;
  }
      
  .citation, .sous_citation{ 
    padding: 0 0 0 0%;
  }

  .legende_bottom { 
    padding-left: 0;
    padding-top: 0.98vw;
    padding-bottom: 0;
  }
  
  .dotgotop {
      margin: 0 1% 0 0;
  }  
  
  .media_texte{
    margin:0 0px 0 0px;
  }

  .hideContent {
    height: 0px;
  }
    
  .show-more {
    margin:0 0px 0 0px;
  }

  .lien_date{
    display: block;
    text-transform: uppercase;
    font-family: cbBold,Akkurat,Verdana,sans-serif;
  }
  
  .lien_titre a {
    color: #000000;
    text-decoration: underline;
    font-weight: bold;
  }  

  .lien_titre a:hover {
    color: #aaaaaa;
    text-decoration: underline;
    font-weight: bold;
  }  

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


    
    @media (min-width:992px){
    
      .espace_photo_vertical { 
        height:0.98vw;
      }
      
      .espace_photo_vertical_moitie { 
        height:0.5vw;
      }
      
      .espace_texte_photo_vertical { 
        height:7.5vw;
      }
      
      .espace_texte_portfolio_vertical { 
        height:7.0vw;
      }
      
      .espace_texte_legende_photo_vertical { 
        height:7.3vw;
      }
      
      .espace_texte_vertical { 
        height:7.5vw;
      }
    
      .espace_titre_texte_vertical { 
        height:3.75vw;
      }
    
      .div_dotgotop { 
        display: none;
      }

      #entete {
        /*margin:91px 0 0 0;*/
      }
      #divtext_titre {
        font-size:100px !important;;
        line-height:90px !important;; 
        color:#000000 !important;;
        font-family: LatoWebLight,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);
        */
      }
      
      .img_solid {
        width:80% !important;
      }

      .container{
        margin:0 0 0 10% !important;
        width:80% !important;
      }

      #entete {
        padding-left:10%;
        padding-right:10%;
      }
          
      #menu_new {
        /*
        width:9%;
        display: table;
        position:relative;
        margin-right: 91%;
        box-shadow:none;
        font-size:20pt !important;
        font-family: cbBlack,Akkurat,Verdana,sans-serif !important;
        */
        z-index: 1000;
        background-color:#ffffff;
      }
  
      #menu_ombre {
        display:none;
        clear:both; 
        width:100%;
        z-index: 1000;
        /*
        box-shadow: 0 10px transparent,0 20px #000, -10px 0 transparent, 10px 0 transparent;
        box-shadow: 0 0 20px #000;
        */
        -moz-box-shadow:0 10px 10px #000;
        -webkit-box-shadow: 0 10px 10px #000;
        box-shadow: 0 10px 10px #000;
      }
      
      #logo_img {
        /*
        float:left;
        width:100%;
        height:auto !important;
        margin:91px 0 0;
        margin:0px 0 0 !important;
        padding-left:0 !important;
        left:0;
        */
        z-index: 1000;
      }
  
      #menu_new_right1 {
        /*
        float:left;
        height:auto !important;
        padding:10px 0 0 0;
        */
      }
  
      #menu_new_right2 {
        float:left;
        height:auto !important;
        padding:0.76vw 0 0 0;
        margin:0 0 0 50px;
      }
  
      .texte_divtext_left {
        margin: 0px 40px 0px;      
        width:62%;
      }
  
      .container_player {
        width:73%;
      }
  
      .sous_section { 
        width:62%;
        width:80%;
        margin-top:0.98vw !important;
        margin-bottom:0px !important;
        text-align:left;
      }
  
      .titre_data { 
        width:62%;
        width:80%;
        margin-top:0.98vw !important;
        margin-bottom:0px !important;
        text-align:left;
        font-family: cbBold,Akkurat,Verdana,sans-serif;
        font-size: 20pt;
        line-height: 22pt;
        color: #000000;
      }
  
      .credit { 
        display:inline-block;
        float:left;
        margin:0 40px 20px 10%;
        padding:0;
        text-align:left;
      }
  
      .footer_new { 
        display:inline-block;
        clear:both;
        float:left;
        padding:0;
        padding:0 1% 0px 1%;
        text-align:left;
      }
      
      .footer_credit { 
        float:left;
        margin:10px 20px 0 0;
      }

      .trait_footer { 
        border:none !important;
        clear:left;
        font-size:11px !important;
        margin:0px 1% 0px 1%;
      }

      .titre_divtext { 
        width:62%;
        margin:0px !important;
        padding:0px !important;
      }
  
      .titre_divtext_trait { 
        margin:0px !important;
        padding:0px !important;
      }
  
      .col2_div {
        width:80%;
      }
 
      .col2_gauche {
        float:left !important;
        width:50% !important;
      }
 
      .col2_droite {
        float:right !important;
        width:50% !important;
        padding: 0 0px 0 1.08vw !important;
      }
      
      
    }

/*    
    @media (min-width:992px){
      .main-wrapper{
        padding:0px 8%;
      }
    }
    
    @media (min-width:1040px){
      .main-wrapper{
        padding:0px 8.2%;
      }
    }
    
    @media (min-width:1120px){
      .main-wrapper{
        padding:0px 8.2%;
      }
    }
    
    @media (min-width:1220px){
      .main-wrapper{
        padding:0px 8.5%;
      }
    }
    
    @media (min-width:1360px){
      .main-wrapper{
        padding:0px 8.75%;
      }
    }
    
    @media (min-width:1575px){
      .main-wrapper{
        padding:0px 8.9%;
      }
    }
    
    @media (min-width:1820px){
      .main-wrapper{
        padding:0px 8.95%;
      }
    }
    
    @media (min-width:1950px){
      .main-wrapper{
        padding:0px 9.2%;
      }
    }
    
    @media (min-width:2500px){
      .main-wrapper{
        padding:0px 9.35%;
      }
    }
    
*/

    
    @media (max-width:991px){
      font-size:40px !important;
      line-height:30px !important; 
      color:#000000 !important;
      font-family: LatoWebLight,Akkurat,Verdana,sans-serif !important;
      
      #logo_img {
        /*
        margin:60px 0 0 !important;;
        position:absolute;
        right:0;
        */
        z-index: 1000;
      }
  
      #calage {
        display:none !important;
      }
      
      #entete {
        margin-top:1vw; !important;
      }
      
      .sous_section {
        width:90%;
        width:94.5%;
        margin-left:0;
        margin-right:0;
        margin-bottom:0;
        text-align:left;
      }
      
      .titre_data {
        width:90%;
        width:94.5%;
        margin-top:10vw !important;
        margin-left:0;
        margin-right:0;
        margin-bottom:0;
        text-align:left;
        font-family: cbBold,Akkurat,Verdana,sans-serif;
        font-size: 13pt;
        line-height: 15pt;
        color: #000000;
      }
      
      .credit { 
        display:inline-block;
        float:left;
        margin:0 40px 20px 2.6vw;
        padding:0;
        text-align:left;
      }
      
      .footer_new { 
        display:inline-block;
        clear:both;
        float:left;
        padding:0;
        padding:0 1% 20px 2.6vw;
        text-align:left;
      }
      
      .footer_credit { 
        clear:both;
      }

      .trait_footer { 
        border:none !important;
        clear:left;
        font-size:11px !important;
        margin:0px 1% 10px 2.6vw;
      }

      .titre_divtext { 
        width:94.5%;
        margin:0px !important;
        padding:0px !important;
      }
  
      .titre_divtext_trait { 
        margin:0px !important;
        padding:0px !important;
      }
  
      
      [class*="block-grid-"]>li {
        padding: 0.98vw !important;
      }
      
      .main-wrapper{
        padding:0px 2%;
        padding:0px 19vw;
      }

      .img_solid {
        width:94.5% !important;
      }

      .container{
        margin:0 0 0 2.6vw !important;
        width:94.5% !important;
      }

      #entete {
        padding-left:2.8vw;
        padding-right:2.8vw;
      }
          
      .texte_divtext_left{ 
        margin: 0px 0px 0px 0px;
        width: 94.5%;
      }
      
      .container_player{ 
        width: 94.5%;
      }
      
      
      
    }

  #menu_new  a {
    color: #000000;
    text-decoration: none;
  }

  #menu_new  a:hover {
    color: #aaaaaa;
    text-decoration: none;
  }

  .copyright_footer a { 
    color:#000000;
    text-decoration: none; 
  }

  .copyright_footer a:hover { color:#aaaaaa; text-decoration: none; }

  .legende {
    height: 90px !important;
  }

  .footer_new a { 
    color:#000000;
    text-decoration: none; 
  }

  .footer_new a:hover { color:#aaaaaa; text-decoration: none; }

  .footer_credit { 
    float:left;
    margin:10px 20px 0 0;
  }



@media (max-width:991px){

  .espace_photo_vertical { 
    height:2.5vw;
  }
  
  .espace_photo_vertical_moitie { 
    height:1.5vw;
  }
  
  .espace_texte_photo_vertical { 
    height:13.2vw;
  }
  
  .espace_texte_portfolio_vertical { 
    height:12.8vw;
  }
    
  .espace_texte_legende_photo_vertical { 
    height:13.5vw;
  }
  
  .espace_texte_vertical { 
    height:11.2vw;
  }
    
  .espace_titre_texte_vertical { 
    height:11.2vw;
  }
    
  /*cbBlack*/
  #menu_new{ 
    font-family: cbBlack,Akkurat,Verdana,sans-serif;
    font-size: 11pt;
    line-height: 15pt;
    color: #000000;
  }  

  /*cbBold*/
  .divtext_titre, .titre_sommaire{ 
    font-family: cbBold,Akkurat,Verdana,sans-serif;
    font-size: 18pt;
    line-height: 20pt;
    color: #000000;
  }  

  /*cbBook*/
  .citation{
    font-family: cbBook,Akkurat,Verdana,sans-serif;
    font-size: 13pt;
    line-height: 16pt;
    color: #000000;
  }  

  /*cbBook*/
  .divtext_soustitre{
    font-family: cbBook,Akkurat,Verdana,sans-serif;
    font-size: 15pt;
    line-height: 18pt;
    color: #000000;
  }  

  /*cbLight*/
  .texte_divtext_left, .texte_divtext_head, .playlist_soustitre_home, .contributeur_col1, .contributeur_col2, .media_texte, .playlist_soustitre, .copyright, .credit{ 
    font-family: cbLight,Akkurat,Verdana,sans-serif;
    font-size: 12pt;
    line-height: 17pt;
    color: #000000;
  }  

  /*cbExtraLight*/
  .sous_citation, .sous_section, .legende_bottom{
    font-family: cbExtraLight,Akkurat,Verdana,sans-serif;
    font-size: 10pt;
    line-height: 12pt;
    color: #000000;
  }  

  /*cbCondBook*/
  .footer_new, .footer_gauche, .footer_milieu, .lien_footer{ 
    font-family: cbCondBook,Akkurat,Verdana,sans-serif;
    font-size: 10pt;
    line-height: 12pt;
    color: #000000;
  }
  
}

@media (min-width:992px){

  /*cbBlack*/
  #menu_new{ 
    font-family: cbBlack,Akkurat,Verdana,sans-serif;
    font-size: 14pt;
    line-height: 19pt;
    color: #000000;
  }  

  /*cbBold*/
  .divtext_titre, .titre_sommaire{ 
    font-family: cbBold,Akkurat,Verdana,sans-serif;
    font-size: 20pt;
    line-height: 22pt;
    color: #000000;
  }  

  /*cbBook*/
  .citation{
    font-family: cbBook,Akkurat,Verdana,sans-serif;
    font-size: 16pt;
    line-height: 18pt;
    color: #000000;
  }  

  /*cbBook*/
  .divtext_soustitre{
    font-family: cbBook,Akkurat,Verdana,sans-serif;
    font-size: 18pt;
    line-height: 20pt;
    color: #000000;
  }  

  /*cbLight*/
  .texte_divtext_left, .texte_divtext_head, .playlist_soustitre_home, .contributeur_col1, .contributeur_col2, .media_texte, .playlist_soustitre, .copyright, .credit{ 
    font-family: cbLight,Akkurat,Verdana,sans-serif;
    font-size: 16pt;
    line-height: 20pt;
    color: #000000;
  }  

  /*cbExtraLight*/
  .sous_citation, .sous_section, .legende_bottom{
    font-family: cbExtraLight,Akkurat,Verdana,sans-serif;
    font-size: 14pt;
    line-height: 16pt;
    color: #000000;
  }  

  /*cbCondBook*/
  .footer_new, .footer_gauche, .footer_milieu, .lien_footer{ 
    font-family: cbCondBook,Akkurat,Verdana,sans-serif;
    font-size: 14pt;
    line-height: 24pt;
    color: #000000;
  }
  
}

@media (min-width:1820px){

  /*cbBlack*/
  #menu_new{ 
    font-family: cbBlack,Akkurat,Verdana,sans-serif;
    font-size: 14pt;
    line-height: 19pt;
    color: #000000;
  }  

  /*cbBold*/
  .divtext_titre, .titre_sommaire{ 
    font-family: cbBold,Akkurat,Verdana,sans-serif;
    font-size: 22pt;
    line-height: 24pt;
    color: #000000;
  }  

  /*cbBook*/
  .citation{
    font-family: cbBook,Akkurat,Verdana,sans-serif;
    font-size: 18pt;
    line-height: 20pt;
    color: #000000;
  }  

  /*cbBook*/
  .divtext_soustitre{
    font-family: cbBook,Akkurat,Verdana,sans-serif;
    font-size: 20pt;
    line-height: 22pt;
    color: #000000;
  }  

  /*cbLight*/
  .texte_divtext_left, .texte_divtext_head, .playlist_soustitre_home, .contributeur_col1, .contributeur_col2, .media_texte, .playlist_soustitre, .copyright, .credit{ 
    font-family: cbLight,Akkurat,Verdana,sans-serif;
    font-size: 18pt;
    line-height: 24pt;
    color: #000000;
  }  

  /*cbExtraLight*/
  .sous_citation, .sous_section, .legende_bottom{
    font-family: cbExtraLight,Akkurat,Verdana,sans-serif;
    font-size: 16pt;
    line-height: 18pt;
    color: #000000;
  }  

  /*cbCondBook*/
  .footer_new, .footer_gauche, .footer_milieu, .lien_footer{ 
    font-family: cbCondBook,Akkurat,Verdana,sans-serif;
    font-size: 16pt;
    line-height: 18pt;
    color: #000000;
  }
  
}

@media (min-width:2500px){

  /*cbBlack*/
  #menu_new{ 
    font-family: cbBlack,Akkurat,Verdana,sans-serif;
    font-size: 15pt;
    line-height: 20pt;
    color: #000000;
  }  

  /*cbBold*/
  .divtext_titre, .titre_sommaire{ 
    font-family: cbBold,Akkurat,Verdana,sans-serif;
    font-size: 24pt;
    line-height: 26pt;
    color: #000000;
  }  

  /*cbBook*/
  .citation{
    font-family: cbBook,Akkurat,Verdana,sans-serif;
    font-size: 20pt;
    line-height: 22pt;
    color: #000000;
  }  

  /*cbBook*/
  .divtext_soustitre{
    font-family: cbBook,Akkurat,Verdana,sans-serif;
    font-size: 22pt;
    line-height: 24pt;
    color: #000000;
  }  

  /*cbLight*/
  .texte_divtext_left, .texte_divtext_head, .playlist_soustitre_home, .contributeur_col1, .contributeur_col2, .media_texte, .playlist_soustitre, .copyright, .credit{ 
    font-family: cbLight,Akkurat,Verdana,sans-serif;
    font-size: 20pt;
    line-height: 24pt;
    color: #000000;
  }  

  /*cbExtraLight*/
  .sous_citation, .sous_section, .legende_bottom{
    font-family: cbExtraLight,Akkurat,Verdana,sans-serif;
    font-size: 18pt;
    line-height: 21pt;
    color: #000000;
  }  

  /*cbCondBook*/
  .footer_new, .footer_gauche, .footer_milieu, .lien_footer{ 
    font-family: cbCondBook,Akkurat,Verdana,sans-serif;
    font-size: 18pt;
    line-height: 21pt;
    color: #000000;
  }
  
}