/* --------------------------------------------------
  STRUCTURE
===================================================== */

body {
  min-width: 820px;
}

#page.simple #entete {
  width: 820px;
}

#centre {
  padding-top: 0;
}

#page.simple #centre {
  width: 820px;
}

#contenu {
  width: 100%;
  border-top: none;
}

zone-centrale {
  background-image: url(/ressources/images/a00-fond-contenu-ombre.gif) !important;
}


/* --------------------------------------------------
  GRILLE DE CONTENUS
===================================================== */

#page.landing #contenu .grille.deux-colonnes .colonne { width: 415px; }
#page.landing #contenu .grille.trois-colonnes .colonne { width: 289px; }


/* --------------------------------------------------
  CONTENU PROPRE AUX VIDÉOS UNITAIRES
===================================================== */

#contenu .video-unitaire {
  margin-top: 10px;
  padding: 10px 10px 0 10px;
}

#contenu .video-unitaire #suggestions h2{
    background:none;
    margin-bottom: 0;
    margin-top: 1em;
    padding-bottom: 4px;
}

#contenu .video-unitaire .description { float: right; width: 365px; }

#onglet-transcription h2{
    margin: 0.5em 0 0;
}

#onglet-transcription .transcription {
    width:800px;
    float:left;
}
#onglet-transcription .transcription .entete-transcription{
    font-size:0.846em;
    margin-bottom: 1.2em;
}
#onglet-transcription .transcription .texte-transcription {
    padding:10px;
    background: #F2F2F2;
    border: 1px solid #CBCBCB;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: auto;
    height:240px;
  }
#onglet-transcription .suggeree {
    width: 200px;
    float:right;
}
#onglet-transcription .suggeree .boite {
    min-height:440px !important;
    padding:0px 10px;
    background-color:#fff;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    top: -2px;
}
#onglet-transcription .suggeree .boite li{
 margin-top:5px;
}

#contenu .video-unitaire .description h1 {
  padding-right: 0;
  color: #595959;
  font-size: 1.231em;
  background: none;
  font-weight: bold;
  padding-bottom: 0;
}

#contenu .video-unitaire .description .date-ajout{
    font-size:0.846em;
    margin:0;
}

#contenu .video-unitaire .lecteur {
    height: 315px;
    width:420px;
    overflow:hidden;
}

#contenu .video-unitaire #suggestions ol li a {
    display:inline !important;
}
#contenu .video-unitaire #suggestions ol li a:hover {
    text-decoration:underline;
}

/* lorsque javascript est déactivé */
.non-js #zone-entete-de-page{
    margin-bottom:-5px;
}
.non-js #zone-navigation{
    height:3px;
}
.non-js #zone-centrale{
    background: url(/ressources/images/a00-fond-contenu.gif) repeat-x scroll left top #FFFFFF !important;
}
.non-js #contenu{
    border:none !important;
}
.non-js #contenu h1
{
    padding-right: 0 !important;
}

/* --------------------------------------------------
  CONTENU PROPRE AUX LIGHTBOX
===================================================== */

body.lightbox {
    background: #fff;
    min-width:820px;
    width:820px;
    max-height:555px;
}
body.lightbox #contenu { margin: 0; padding: 0; }
body.lightbox #contenu .video-unitaire { margin-top: 0; }
body.lightbox #zone-centrale {
    min-height:350px;
    width:820px;
}
body.lightbox #contenu .onglets-principaux .contenu-onglet {
    background: url(/ressources/images/a00-onglets-filet-degrade-720.png) no-repeat scroll left top transparent;
}

/* --------------------------------------------------
  Caroussel vidéos uniquement
===================================================== */

.simple #contenu #suggestions .jcarousel-skin-desj .jcarousel-clip-horizontal {
  height:150px !important;
}
.simple #contenu #suggestions .jcarousel-skin-desj .jcarousel-container-horizontal ol {
  height:150px !important;
}

.simple #contenu #suggestions .jcarousel-skin-desj .jcarousel-container-horizontal ol li {
  height:140px !important;
}