
/* COLONNE DROITE FOND VERT */
#colonne-droite-vert{
font-size: 11px;
width: 290px;
float: left;
background: #F5F5D4 url("../../icones/bg-colonne-droite-vert.png") bottom left repeat-x;
}
#colonne-droite-vert h2{
float: left;
font-size: 18px;
font-weight: normal;
font-family: Georgia, Times, Serif;
color: #829D0B;
margin-bottom: 2px;
margin-top: 5px;
}

#colonne-droite-vert h3{
float: left;
font-size: 13px;
color: #5D7401;
font-weight: bold;
padding:  0;
}

/* ENCART VERT*/
.encart{
float: left;
background: #F1F7D1;
width: 550px;
padding: 10px 20px 20px 20px;
margin: 15px 0;
color: #607213;
}

/* VIGNETTE DIAPORAMA */
.diaporama{
float: right;
width: 220px;
clear: none;
margin: 10px;
}
.diaporama-titre{
margin: 0;
text-align: center;
font-size: 11px;
padding: 2px;
width: 216px;
background: #1B5B80;
color: white;
text-transform: uppercase;
}
.diaporama-bas{
background: #C6EBFF;
text-align:center;
padding: 2px;
width: 216px;
margin: 0;
}

/* VIGNETTE VIDEO */

.details-temoignage-desc {
  float : left;
  width : 100%;
}

.details-temoignage-desc img {
  float : right;
  margin : 0 0 1em 1em;
}

.encart-video {
  float: right;
  width: auto;
  clear: none;
  margin: 10px 0 10px 10px;
  padding : 0;
  text-align : right;
}

.encart-video img {
  display : inline;
  /*float : right;*/
  margin : 0;
  padding : 0;
}

.encart-video-titre{
margin: 0;
text-align: center;
font-size: 11px;
padding: 2px;
width: 246px;
background: #1B5B80;
color: white;
text-transform: uppercase;
}
.encart-video-bas{
background: #C6EBFF;
text-align:center;
padding: 2px;
width: 246px;
margin: 0;
}


/* ENCART TEMOIGNAGES */
.temoignages{
margin: 10px 0;
}
.temoignages div{
background: #F5F2EA;
padding: 0 5px;
margin: 5px 5px;
}
.temoignages img{
border-left: 3px solid #FB8100;
margin-right: 10px;
}
#colonne-droite .temoignages div a{
color: #F84F0A;
font-size: 12px;
}

/* ENCART FORMATIONS */
ul.formations {
float: left;
margin: 3px ;
}
a.triangle{
clear: both;
float: left;
font-weight: bold;
font-size: 12px;
background: url("../../icones/triangle-gris.png") left bottom no-repeat;
padding: 0 0 0 15px;
margin: 2px 0;
width:245px;
}
a.triangle-deplie{
clear: both;
float: left;
font-weight: bold;
font-size: 12px;
background: url("../../icones/triangle-gris-deplie.png") left bottom no-repeat;
padding: 0 0 0 15px;
width:245px;
}
.formations li{
list-style-type: disc;
list-style-position: inside;
margin: 0 0 0 10px;
width:235px;
}
.formations li.categorie {
text-transform: uppercase;
font-size: 11px;
list-style-position: inside;
margin: 0 0 0 5px;
list-style-image: url(../../icones/carre-orange.png);
margin-bottom: 3px;
}
#colonne-droite .formations li a{
color:#F84F0A;
}

/* ICONES IMPRIMER, PDF...*/
.icones{
height: 40px;
float: right;
position: relative;
top: 10px;
}
.icones a{
padding: 0 5px;
border-right: 1px solid #C5BEB6;
}
.icones a:hover{
background: none;
}

/* LISTES TRIANGLE ROND FOND VERT */
ul.triangle-rond{
float: left;
list-style-image: url(../../icones/fleche-ronde.png);
list-style-position: inside;
}
ul.triangle-rond li{
margin: 5px 0 ;
font-size: 12px;
}
ul.triangle-rond li a{
position: relative;
top: -5px;
padding: 0 0 0 5px;
}
/* LISTES TRIANGLE ROND FOND BEIGE */
ul.triangle-rond-fond-beige{
float: left;
list-style-image: url(../../icones/fleche-ronde-fond-beige.png);
list-style-position: inside;
}
ul.triangle-rond-fond-beige li{
margin: 5px 0 ;
font-size: 12px;
}
ul.triangle-rond-fond-beige li a{
position: relative;
top: -5px;
padding: 0 0 0 5px;
}


