/*
****************************************
*
*  (c) YZALIS 2009
*
****************************************
*/


.yz_legend {
    text-align:right;
}
.yz_legend span{
    margin-left:20px;
}

/*** ONGLETS ***/

.yz_onglets {
  xbackground-color: pink;
  margin-left:20px;
  float:left;
  width:670px;
}

.yz_onglets_boutons {
  padding-left:10px;
  font-weight:bold;
  margin-top:25px;
}
.yz_onglets_boutons a {
  padding:4px 10px 4px 10px;
  text-decoration:none;
  background-color:rgb(253,253,253);
  border:1px solid rgb(230,230,230);
  z-index:0;
  -webkit-border-top-right-radius:0.5em;
  -webkit-border-top-left-radius:0.5em;
  -moz-border-radius-topright:0.5em;
  -moz-border-radius-topleft:0.5em;
  position:relative; /* necessaire pour que le z-index fonctionne */
}
.yz_onglets_boutons a:hover {
  background-color:rgb(250,250,250);
}
.yz_onglets_boutons .yz_actif {
  border-bottom:1px solid rgb(246,246,246);
  z-index:2;
  position:relative; /* necessaire pour que le z-index fonctionne */
  background:rgb(246,246,246) url(../images/bgr-box-trans.png) top repeat-x;
  color:rgb(0,0,0);
}

.yz_onglets_contenu {
  margin-top:5px;
  z-index:1;
  border:1px solid rgb(230,230,230);
  background-color:rgb(246,246,246);
  -webkit-border-radius:0.5em;
  -moz-border-radius:0.5em;
  border-radius:0.5em;
}


/*** DESCRIPTION ***/

#yz_description {
  padding:0 10px 10px 10px;
  width:650px;
}

#yz_description p {
  margin:10px 0 0px 0;
  line-height:1.5em;
  text-align:justify;
}


/*** FICHIERS EXEMPLE***/

#yz_fichiersexemple {
  padding:0 10px 10px 10px;
  width:650px;
}

#yz_fichiersexemple p {
  margin:10px 0 0px 0;
  line-height:1.5em;
  text-align:justify;
}

/*** FORMATEUR ***/

#yz_formateur {
  padding:10px 10px 10px 10px;
  width:650px;
}
#yz_formateur .yz_collaborateur {
  margin-left: 122px;
}
#yz_formateur p {
  line-height: 1.5em;
}

#yz_formateur .yz_biographie p {
  margin-bottom: 0.8em;
  text-align: justify;
}

#yz_formateur .yz_biographie img{
  float: right;
  margin-left: 2em;
  margin-bottom: 2em;
}

.yz_contenu .yz_biographie,
.yz_contenu  h2,
.yz_contenu .yz_fonction,
.yz_contenu .yz_coordonnee,
.yz_contenu .yz_liensformations {
  margin-left: 15px;
}

#yz_formateur .yz_fonction {
  margin-top: 0.5em;
  font-weight: bold;
}

#yz_formateur h2.nomformateur {
  xpadding-left: 13px;
  color: rgb(234,71,42);
  margin-top:0 !important;
  border-bottom: 1px solid rgb(220,220,220);
  width: 70%;
  font-size: 1.5em;
  font-weight: bold;
  display: block;
  padding-bottom: 0.5em;
}

#yz_formateur .yz_photo {
  padding: 5px;
  width: 100px;
  float:left;
  background-color: rgb(245,245,245);
  border: 1px solid rgb(220,220,220);
}

#yz_formateur h2 {
  font-weight: bold;
  font-size: 1.3em;
  color: rgb(234,71,42);
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}

#yz_formateur .yz_liensformations img{
  vertical-align: middle;
  height: 16px;
}

#yz_formateur .yz_liensformations{
  line-height: 1.5em;
}



/*** TABLE DES MATIERES ***/

#yz_tablematieres {
  padding:10px;
  width:640px;
}

.yz_listechapitres {
  list-style-type:decimal;
  padding:10px 0 0 0;
}

.yz_chapitre {
  padding:0 0 1em 2em;
  cursor:pointer;
  color:rgb(0,0,0);
  background:url(../images/collapse.gif) top left no-repeat;
}


.yz_chapitre_nom{
  font-weight:bold;
}

.yz_chapitre_duree {
  margin-left:.5em;
  color:rgb(150,150,150);
}


.yz_collapse a,
.yz_expand a {
  padding-right:20px;
  float:right;
  text-decoration:none;
}
.yz_expand a {
  display:none;
}
.yz_expand a{
  background:url(../images/collapse.gif) right no-repeat;
}
.yz_collapse a{
  background:url(../images/expand.gif) right no-repeat;
}

.yz_listevideos {
  margin-left:1.5em;
  margin-bottom:2em;
}

.yz_v0,
.yz_v0_first,
.yz_v1,
.yz_v1_first {
  padding:.5em 1em .5em 1em;
  border-bottom:1px solid rgb(230,230,230);
}
.yz_v0_first,
.yz_v1_first {
  border-top:1px solid rgb(230,230,230);
}

.yz_v0:hover,
.yz_v1:hover,
.yz_v0_first:hover,
.yz_v1_first:hover {
  background-color:rgb(240,240,240);
  color:rgb(0,0,0);
}

.yz_v1,
.yz_v1_first {
  background-color:rgb(248,248,248);
}

.yz_v0,
.yz_v0_first {
  background-color:rgb(246,246,246);
}

.yz_video_nom {
  padding-left:2.1em;
}
a + .yz_video_nom {
  padding-left:0.3em;
}
.yz_video_play img {
  vertical-align:middle;
}
.yz_video_duree {
  color:rgb(150,150,150);
  margin-left:.5em;
}

.yz_niveau {
  float:right;
  margin-top:-1px;
}
.yz_fichiersannexes {
  float:right;
  margin-top:-1px;
  margin-right:5px;
}



/**** PRODUIT ****/

.yz_produit .yz_col1,
.yz_produit .yz_col2 {
  float:left;
}

.yz_produit .yz_col1 {
  margin:0 0 0 100px;
}

.yz_produit .yz_col2 {
}

.yz_produit {
  float:left;
  width:650px;
  margin-left:20px;
  height:95px;
  padding:5px 10px 10px 10px;
  background:rgb(246,246,246) url(../images/bgr-box-trans.png) top repeat-x;
  border:1px solid rgb(230,230,230);
  -webkit-border-radius :0.5em;
  -moz-border-radius:0.5em;
}

.yz_produit h1 {
  padding-bottom:10px;
  margin-bottom:5px;
  font-size:1.25em;
  font-weight:bold;
}

.yz_produit .yz_logo {
  float:left;
  margin:0 10px 10px 0;
}

.yz_categorie,
.yz_formateurs {
  margin-top:5px;
}

.yz_categorie,
.yz_formation,
.yz_formateurs,
.yz_editeur {
  margin-bottom:10px;
}

.yz_plateformes li,
.yz_plateformes ul {
  display:inline;
  padding:0;
}

.yz_plateformes li span {
  display:none;
}
.yz_plateformes li img {
  padding-right:10px;
  vertical-align:-.2em;
}

.yz_formateurs li,
.yz_formateurs ul {
  display:inline;
  padding:0;
}

.yz_invisible {
  display:none;
  color:blue;
}

/*** SIDEBAR ***/
.yz_sidebar {
  float:left;
  width:260px;
}


.yz_minireporting {
  margin-bottom:20px;
  border:1px solid rgb(230,230,230);
  background:rgb(246,246,246) url(../images/bgr-box-trans.png) top repeat-x;
  padding:10px;
  -webkit-border-radius:0.5em;
  -moz-border-radius:0.5em;
}
.yz_minireporting h2 {
  font-size:1.1em;
  font-weight:bold;
  color:rgb(234,71,42);
  margin:0 0 10px 0;
}
.yz_minireporting li img {
  vertical-align:middle;
}
.yz_minireporting p {
  margin-bottom:5px;
}
.yz_minireporting h2 a:link,
.yz_minireporting h2 a:visited,
.yz_minireporting h2 a:active {
  display:block;
  text-decoration:none;
  color:rgb(234,71,42);
}
.yz_minireporting h2 a:hover{
  text-decoration:underline;
  color:rgb(234,71,42);
}