@import url(../diaporama/diaporama.inc.css);
@import url(../diaporama/582x218/diaporama.inc.css);
@import url(../jquery/jquery.jdigiclock.css);

div#content div#data .blocLeft {
  width : 377px;
  padding-top : 10px;
}

div#content div#data .blocRight {
  width : 590px;
  padding-top : 10px;
}
 #actualites {
  float:right;
  width:200px;
 }
 .blocLeft {
 	width:380px;
 	margin : 0px 15px;
 }
 
  /* ******************************** */
  /* Onglets des blocs snsm et record */
  /* ******************************** */
  
 
 .bloc_record_snsm ul li{
  float : left;
  height : 22px;
  letter-spacing: 0.5px; 
  margin : 0px 2px;
  margin-left:0px;
  background : none;
  display : block;
  
 }
 
 .bloc_record_snsm p.lien_toute_breve a{
  font-size : 0.9em;
 }
 
 .bloc_record_snsm #breve ul li{
  height : auto;
  float : none;
 }
 
 .bloc_record_snsm ul{
  overflow : hidden;
  list-style : none;
 }
 
 .bloc_record_snsm #breve .lien_toute_breve{
   position : absolute;
   bottom : 2px;
   right : 19px; 
 }
 
 .bloc_record_snsm #breve .info_breve{
  position : relative;
  font-size:11px;
  line-height:1.4em;
  margin-bottom:8px;
  text-align:justify;
  color : #17396B;
  margin-left: 123px;
 }
 
 div#content div#content-middle div#data .contenu_record_snsm .info_breve .titre_breve_princip{
  margin-bottom : 8px;
  text-align : left;
 }
 
  div#content div#content-middle div#data .contenu_record_snsm .info_breve .titre_breve_princip a{
  margin-bottom : 8px;
  color : #17396B;
 }
 
 .bloc_record_snsm #breve .info_breve .titre_breve.info_breve_ligne{
  margin-bottom : 5px;
 }
 
 
 
 
  div#content div#content-middle div#data .bloc_record_snsm #breve .info_breve a.titre_breve:hover{
    color : #FF5113;
  }
 
 .bloc_record_snsm #breve .info_breve_ligne{
  clear : left;
  margin-bottom : 5px;
  margin-left: 0px;
 }
 div#content div#content-middle div#data .bloc_record_snsm #breve .info_breve_ligne a{
  font-weight : normal;
  color : #17396B;
 }
 
 .bloc_record_snsm #breve .info_breve .savoir_plus{
  position : absolute;
  right : 5px;
  bottom : 0px;
 }
 
 div#content div#content-middle div#data .bloc_record_snsm ul li a{
  overflow : hidden;
  color : white;
  font-weight : normal;
  font-size : 0.9em;
 }
 
 .bloc_record_snsm ul li a{
   font-size : 1.1em;
 }
 
 .bloc_record_snsm ul li a span{
  display : block;
  float : left;
  padding-top : 2px;
  height : 20px;
 }
 
 .bloc_record_snsm ul li a span.onglet_g{
    width : 8px;
    background : url(../../images/css/onglet_gd_bleu_g.jpg) no-repeat top left;
  }
  .bloc_record_snsm ul li a span.onglet_d{
    width : 8px;
    background : url(../../images/css/onglet_gd_bleu_d.jpg) no-repeat top left;
  }
  .bloc_record_snsm ul li a span.onglet_m{
    background : #3C587F;
    padding : 0px 1px;
    padding-top : 4px;
  }
  
  .bloc_record_snsm ul li.current a span.onglet_g{
    width : 8px;
    background : url(../../images/css/onglet_gd_orange_g.jpg) no-repeat top left;
  }
  .bloc_record_snsm ul li.current a span.onglet_d{
    width : 8px;
    background : url(../../images/css/onglet_gd_orange_d.jpg) no-repeat top left;
  }
  .bloc_record_snsm ul li.current a span.onglet_m{
    background : #E54817;
    
  }
  
  /* ******************************** */
  /* Contenu des blocs record et snsm */
  /* ******************************** */
  
  .contenu_record_snsm{
    border : 1px solid #D2D2D2;
    padding : 10px 13px;
    padding-bottom : 0px;
    padding-top : 6px;
    position :relative;
    width : 349px;
    height : 189px;
    display : none;
  }
  
  div#content div#content-middle div#data .contenu_record_snsm h2{
    color : #FF5113;
    margin-bottom : 0px;
    font-size : 1em;
    margin-bottom : 5px;
    
  } 
  
  div#content div#content-middle div#data .contenu_record_snsm .date_breve{
    color : #FF5113;
  }
  
  div#content div#content-middle div#data .contenu_record_snsm h2.en_direct{
    margin-left : 0px;
    border-bottom : 1px dashed #1B293D;
  }
  
  div#content div#content-middle div#data .contenu_record_snsm p{
    text-align : justify;
    line-height : 1.4em;
    font-size : 11px;
    margin-bottom : 0px;
  }
  
  div#content div#content-middle div#data .contenu_carto p.lien_toute_breve{
    text-align : justify;
    line-height : 1.4em;
    font-size : 11px;
    margin-bottom : 0px;
  }
  
  div#content div#content-middle div#data .contenu_carto p.lien_toute_breve a{
    font-size : 10px;
  }
  
   .contenu_carto .lien_toute_breve {
    bottom:4px;
    position:absolute;
    right:19px;
  }
  
  div#content div#content-middle div#data .contenu_record_snsm p img,div#content div#content-middle div#data .contenu_carto p img{
    display : block;
    float : right;
    margin-left:1px;
    margin-top : 2px;
  }
  
  div#content div#content-middle div#data .contenu_carto p.carte_parcours img{
    margin-left:0px;
    margin-top : 0px;
  }
  
  .imageAccueil {
    float : left;
    margin-right : 10px;
    margin-bottom : 0px;
    position :relative;
    width : 113px;
  }
  
  .imageAccueil .cache{
    position : absolute;
    top : 0px;
    left: -1px;
  }
  
  .savoir_plus{
    position : absolute;
    right : 12px;
    bottom :0px;
    
  }
  
  .savoir_plus a{
    font-size : 0.9em;
  }
  
  .savoir_plus img{
    display : block;
    float : right;
    margin-left: 2px;
    margin-top : 0px;
  }
  
  .partenaires_multimedia_carto{
    overflow : hidden;
    clear : left;
  }
  
  /* *********** */
  /* partenaires */
  /* *********** */
  
  .partenaires{
    width : 112px;
    float : left;
    margin-right : 14px;
    margin-top : 20px;
  }
  
  div#content div#content-middle div#data .partenaires h2,div#content div#content-middle div#data .multimedia h2{
    color : #17396B;
    margin-bottom : 0px;
    font-size : 1em;
    border-bottom : 1px solid #FF5113;
    text-align : center;
  }
  
  div#content div#content-middle div#data .partenaires h2{

   
      width : 111px;
      margin-top:2px;
    }
    
    div#content div#content-middle div#data .multimedia h2{
    margin-top : 2px; 
    }
  
  .partenaires ul{
    
    list-style: none;
    
  }
  
  .partenaires .listCarouselPartenaire{
  padding : 0px;
  border-left : 1px solid #d2d2d2;
    border-bottom : 1px solid #d2d2d2;
    margin-bottom : 10px;
    border-right : 1px solid #d2d2d2;
    width : 91px;
    
  }
  
   .partenaires .listCarouselPartenaire li{
     width : 91px;
     padding : 0px 9px;
   }
  
  .partenaires ul li div{
    padding-bottom : 10px;
    padding-top : 10px;
    
    height : 50px;    
    text-align : center;
    border-bottom : 1px solid #d2d2d2;
  }
  
  .partenaires ul li div p{
    width : 90px;
    height : 50px;
    margin : 0px auto;
    overflow : hidden;
  }
  
   .partenaires ul li div.last_logo{
    border-bottom : none;    
   }
   
  /* ********** */
  /* multimedia */
  /* ********** */
   
   .multimedia{
    float : left;
    width : 250px;
    margin-top : 20px;
    margin-bottom : 20px;
   }
   
   div#content div#content-middle div#data .multimedia a{
    font-weight: normal;
   }
   
   .multimedia ul{
    list-style: none;
    margin-left:10px;
    margin-top : 5px; 
   }
   
   .multimedia li{
    float : left;
    display : block;
    width : 76px;
    text-align : center;
    
   }
   
   .multimedia li span{
    display : block;
    text-align : center;
    width : 74px;
    font-size : 11px;
   }
   
   .multimedia li div{
    height : 45px;
    background: url(../../images/css/separation_multimedia.jpg) no-repeat top right;
   }
   
   .multimedia li div.video{
    
   }
   
   .multimedia li div.photo{
    padding-top : 3px;
    height : 42px;
   }
   
   .multimedia li div.son{
    padding-top : 5px;
    height : 40px;
    background: none;
   }
   
  /* ***** */
  /* carto */
  /* ***** */
   .carto{
    float : left;
    width : 251px;
    margin-top : 5px;
    margin-bottom : 0px;
    position : relative;
   }
     
   .carto ul li{
    float : left;
    height : 22px;
    letter-spacing: 0.4px;   
    margin : 0px 2px;
    margin-left:0px;
    background : none;
    display : block;
   }
   
   .carto ul{
    overflow : hidden;
    list-style : none;
    height : 17px;
   }
   
   div#content div#content-middle div#data .carto ul li a{
    overflow : hidden;
    color : white;
    font-weight : normal;
    font-size : 0.8em;
   }  
   
   
   .carto ul li a span{
    display : block;
    float : left;
    padding-top : 0px;
    height : 17px;
   }
   
   .carto ul li a span.onglet_g{
      width : 8px;
      background : url(../../images/css/onglet_pt_bleu_g.jpg) no-repeat top left;
    }
    .carto ul li a span.onglet_d{
      width : 8px;
      background : url(../../images/css/onglet_pt_bleu_d.jpg) no-repeat top left;
    }
    .carto ul li a span.onglet_m{
      background : #3C587F;
      padding : 0px 1px;
      padding-top : 2px;
    }
    
    .carto ul li.current a span.onglet_g{
      width : 8px;
      background : url(../../images/css/onglet_pt_orange_g.jpg) no-repeat top left;
    }
    .carto ul li.current a span.onglet_d{
      width : 8px;
      background : url(../../images/css/onglet_pt_orange_d.jpg) no-repeat top left;
    }
    .carto ul li.current a span.onglet_m{
      background : #E54817;
    }
    
    /* ********************* */
    /* Contenu du bloc carto */
    /* ********************* */
    
    .carto .contenu_carto{
      width : 249px;   
      border : 1px solid #d2d2d2; 
    }
    
    .carto .contenu_carto .legende_carto{
      text-align : center;
      color : white;
      background : url(../../images/css/fond_legende_carto-trans.png) no-repeat top left;
      height : 20px;
      padding-top : 3px;
      position : absolute;
      bottom : 0px;
      left: 0px;
      width : 250px;
    }
    
    div#content div#content-middle div#data  .legende_carto a {
    color:white;
    text-decoration:none;
    font-weight: normal;
    }
    
    /* ********************* */
    /* Contenu du bloc skipper */
    /* ********************* */
    
    .carto .contenu_carto li{
      width : 220px;
      height : 150px;
    }
    
    .carto .contenu_carto{
      width : 249px;
      height : 176px;
    }
    
    /* ********************* */
    /* Contenu du bloc actu breve */
    /* ********************* */
    
    .actu_breve{
      float : left;
      margin-top : 18px;
      width : 459px;
      position : relative;
    }
    
    div#content div#content-middle div#data .actu_breve h2{
    color : #17396B;
    margin-bottom : 0px;
    border-bottom : 1px solid #FF5113;
    padding-left: 15px;
    font-size : 13px;
    margin-top : 3px;
  }
  
  .contenu_actu_breve{
    border-left : 1px solid #d2d2d2;
    border-bottom : 1px solid #d2d2d2;
    border-right : 1px solid #d2d2d2;
    height : 284px;
  }
    
    .pub_exposant{
      width : 128px;
      float : left;
      margin-top : 37px;
      margin-left: 2px;
    }
    
    /* ********************* */
    /* Contenu du bloc actu */
    /* ********************* */
    .contenu_actu{
      position : relative;      
      padding-top : 10px;
      height : 260px;
      overflow : hidden;
    }
    
    .contenu_actu p.illus_actu{
      float : left;
      margin-top : 3px;
      margin-right : 5px;
      margin-bottom : 5px;
      width : 112px;
      height : 82px;
      overflow : hidden;
      position : relative;
    }
    
    .contenu_actu h3{
      color : #FF5113;
      margin-bottom : 7px;
    }
    
     div#content div#content-middle div#data .contenu_actu h3 a{
     color : #FF5113;
     }
     
     div#content div#content-middle div#data .contenu_actu h3 a:hover{
      color:#17396B;;
     }
    
    div#content div#content-middle div#data .contenu_actu h3 span{
      color : #1B293D;
      font-weight : normal;
      font-size:  11px;
    }
    
    .contenu_actu p{
      font-size:11px;
      line-height:1.4em;
      text-align : justify;
      margin-right : 10px;
    }
    
    .contenu_actu .savoirPlusLien{
      position : absolute;
      bottom : 0px;
      right : 10px;
    }
    
    .contenu_actu .savoirPlusLien a{
      font-size:0.9em;
    }
    
    .contenu_actu .savoirPlusLien img{
      display : block;
      float : right;
      margin-left: 2px;
    }
    
    .contenu_actu img.cache{
      position : absolute;
      top : 0px;
      left: -1px;
    }
    
    .liste_actualites{
      position : relative;
      padding-left: 34px;
      padding-top : 5px;
      height : 280px;
    }
    
    .liste_actualites .next_button, .liste_actualites .prev_button{
      position : absolute;
      top : 65px;
      width : 18px;
      margin : 0px;
      padding : 0px;
    }
    
    .liste_actualites .next_button{
      right : 0px;
    }
    
    .liste_actualites .prev_button{
      left: -5px;
      
    }
    
    .liste_actualites .prev, .liste_actualites .next{
      cursor : pointer;
    }
    
    .listCarouselActu{
      width : 402px;
      height : 270px;
    }
    
    .listCarouselActu li{
      height : 280px;
    }
    
    .logo_reseau{
      position : absolute;
      top : -3px;
      right : 10px;
    }
    
    .liste_breves{
      padding : 5px 19px;
      display : none;
    }
    
    .liste_breves li{
      font-size:11px;
      line-height:1.4em;
    }
    
    .liste_breves ul{
      list-style : none;
      margin-left: 18px;
      font-size : 0.9em;
    }
    
    .liste_breves h3{
      color : #FF5113;
      border-bottom : 1px dashed #17396B;
      margin-bottom : 8px;
    }
    
    
    /** Contenu bloc skipper **/
    
    .listSkipper {
      padding-left:10px;
    }
    
    .listSkipper .next_button,.listSkipper .prev_button{
      position : absolute;
      top : 100px;
      cursor : pointer;
    }
    
    .listSkipper .next_button{
      right : 6px;
    }
    
    .listSkipper .prev_button{
      left : 6px;
    }
    
    .listSkipper .listSkipperJCarousel{
      width : 225px;
      height : 163px;
      
    }
    
    .listSkipper .listSkipperJCarousel li{
      width : 225px;
      height : 163px;
    }
    
    .listSkipper .listSkipperJCarousel li table{
     width : 225px;
     border-collapse: collapse;
     margin : 5px;
     font-size : 0.8em;
    }
    
    .listSkipper .listSkipperJCarousel li table td,.listSkipper .listSkipperJCarousel li table th{
      border-left: 1px solid #FF5113; 
      padding : 3px;
      text-align : center;
    }
    
    .listSkipper .listSkipperJCarousel li h3{
      text-align : center;
      margin : 2px 0px;
      margin-top : 5px;
      color: #FF5113;
    }
    
    .listSkipper .listSkipperJCarousel li table th{
      border-bottom : 1px solid #17396B;
    }
    
    .listSkipper .listSkipperJCarousel li table td.nom_skipper,.listSkipper .listSkipperJCarousel li table th.nom_skipper{
      border-left:none;
      text-align : left;
      padding-left:8px;
    }
    
    .carto .listSkipperJCarousel ul {
      height : 163px;
    }
    
    .listSkipper .listSkipperJCarousel li table tr.paire td{
      background : #efeff1;
    }
    
    .listSkipper .listSkipperJCarousel li table tr.impair td{
      
    }