/* petit rappel : ordre des styles pour les liens : link, visited, focus, hover, active */
/* margin : top right bottom left */

/* définition des couleurs 
bleu clair logo : #6CA9E2
bleu plus foncé : #5A89B5
bleu gris : #86A8CD
faux noir : #060702
gris-clair-texte: #DADFE7
*/
/* définition des couleurs 
rouge clair logo : #F20404
rouge plus foncé : #D00303
rouge gris : #86A8CD
faux noir : #060702
gris-clair-texte: #DADFE7
*/

body {
  margin: 0px;
  background-color: #FFF;
  font-size: 12px;
  color: #000000;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  height:100%;
  width:100%;
}
body a { 
color: #F20404
}
body a:hover {
text-decoration: none;
}
img{border: 0px;}

#conteneur {
display: block;
position: relative;
width: 1000px;
margin-left: auto;
margin-right: auto;
}


#haut{
height: 180px; 
/* si message par ex pékin height: 230px;*/
border-bottom: 1px solid #060702;
}

#bandeau_haut {float: left; clear: none; width: 560px; color: #E60022; font-size: 14px; font-weight: bold; margin-top: 33px; margin-left: 22px;}

#contenu{
/* border: solid 1px #aaa; */
height: 378px;
margin-top: 20px;
margin-bottom: 20px;
}

#contenu_gauche{
width: 344px;
height: 379px;
border: solid 1px #DADFE7;
background: url(graphs/fond_contenu_gauche.png) repeat-x;
float : left;
color : #DADFE7;
font-size: 13px;
}

/* intérieur de contenu gauche */
#marge_haut_contenu { width: 100%; height: 8px;}
#marge_gauche_contenu { float: left; width: 10px;}
#contenu_contenu {float: left; width: 330px; max-width: 320px; height: 360px; }

#espace_vid{float: left; width: 5px; height: 35px;}

#video{
float: right;
width: 642px;
height: 380px;
}

#message_video_selection { float:right; font-size: 11px; text-align: right; z-index: 300; margin-top: -15px;}
#titre_video_selection { font-weight: bold; cursor: pointer;}
#description_video_selection {}
.bulle_info {color : #DADFE7; border : 1px solid #DADFE7; background: #D00303; padding: 8px; width: 250px; }
#menu{
border-bottom: 1px solid #060702;
}

#mentions_legales {float: right; font-size: 10px; clear: both;}

.logo {float: left; margin-right: 48px; margin-top: 22px;}

#cadre_logos { float: left; height: 130px; width: 480px;}

/* les vidéos */
.vignette_video, .video_selected {
margin-left: 2px;
margin-bottom: 5px;
width: 285px;
border-bottom : 1px dotted #DADFE7;
height: 138px;
font-size: 12px;
}
.vignette_video {cursor: pointer;}
.video_selected {border: 1px solid #DADFE7;}

.liste_des_videos {
overflow: auto ;
overflow-x: hidden;
}

.img_video {
border: 0px;
margin-top: 0px;
float: left;
}
.texte_video {
float: left;
margin-top: 2px;
margin-left: 4px;
/*width: 150px;*/
font-size: 12px;
}

.titre_video a, .titre_video a:hover, .titre_video a:visited, .texte_video a, .texte_video a:hover, .texte_video a:visited{ color:  #DADFE7 ; text-decoration: none;}

.titre_video a:hover,.texte_video a:hover {text-decoration: underline;}

.titre_video {
float: right;
font-weight: bold;
font-size: 12px;
margin-right: 2px;
max-width: 160px;
text-align: right;
}

.date_video {
font-style: italic;
float: right;
font-size: 9px;
clear: right;
width: 160px;
text-align: right;
}
.description_video {
clear: both;
float: left;
margin-top: 6px;
width: 260px;
margin-top: 11px;
}