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

body {
  min-width: 820px;
}

#zone-centrale {
  min-height: 500px;
}

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

#page.simple #zone-centrale {
  background: #fff url(/ressources/images/a00-fond-contenu.gif) repeat-x left top;
  background: -moz-linear-gradient(top, #e5e7e8 0%, #fff 177px); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e7e8), color-stop(177px,#fff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e5e7e8 0%, #fff 177px); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e5e7e8 0%, #fff 177px); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e5e7e8 0%, #fff 177px); /* IE10+ */
  background: linear-gradient(to bottom, #e5e7e8 0%, #fff 177px); /* W3C */
}

#contenu {
  width: 100%;
  padding-top: 1em;
}

#zone-pied-de-page {
  min-height: 60px;
}

#pied {
  padding-bottom: 53px;
}

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


/* --------------------------------------------------
  ENTÊTE
===================================================== */

header .flex-container.column-order #barre-outils { order: 1; }
header .flex-container.column-order #barre-logos { order: 2; }
header #barre-outils #outils { justify-content: flex-end; }
header #barre-outils #liste-outils { display: block; }
header#entete #barre-logos #logos { justify-content: flex-start; margin: 0 auto; }
  @media (min-width: 768px) {
    #page.simple header#entete #barre-logos #logos {
      margin: 0 auto;
      max-width: 840px;
    }
  }

/* --------------------------------------------------
  PIED DE PAGE
===================================================== */

#zone-legale {
  text-align: center;
  padding: 1em 0;
  font-size: 0.9em;
  color: #cbcbcb;
  border-top: 1px solid #3e3e3e;
}

#zone-legale ul { margin: 0.5em 0; padding: 0; list-style-type: none; }
#zone-legale ul li { display: inline; padding: 0 5px 0 2px; border-right: 1px solid #cbcbcb; }
#zone-legale ul li.dernier { border: none; }
#zone-legale ul li a { white-space: nowrap; }
#zone-legale a:link, #zone-legale a:visited { text-decoration: none; color: #cbcbcb; }
#zone-legale a:active, #zone-legale a:hover, #copyright a:focus { text-decoration: underline; color: #cbcbcb; }
#zone-legale p.copyright { margin: 0.5em 0; padding: 0; }


/* --------------------------------------------------
  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;
    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 h1 sup {
  color: #595959;
}

#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;
}


/* --------------------------------------------------
  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;
    background: #fff;
}


/* --------------------------------------------------
  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;
}