/* CSS Document */
body {
   background-color:#FFFFFF; /*Couleur de fond de la page Web*/
   color:#ADABAC; /*Couleur du texte*/
   font-family:Verdana, Arial, Helvetica, sans-serif; /*Polices d’écriture*/
   font-size:11px; /*Taille d’écriture*/
   padding:0; /*Pour que la page n’ai aucune marge*/
   margin:0; /*Pour que la page n’ai aucune marge*/
   }
   
div#contenu {
   width:800px; /*Largeur du design*/
   margin:0 auto 0 -400px; /*Marges du design ( la 4eme marge représente la moitié de la largeur du div*/
   position:absolute;
   top:0px; /*25px entre le coin supérieur de l’écran et le design*/
   left:50%;/*50% de marge ( cela centrera le design )*/
   background-image:url('/images/background.jpg'); /*Motif si il y’en a un*/
   background-repeat:repeat; /*Duplication du motif sur les axes x et y*/
   border:1px solid #FA8407; /* Bordure encadrant le design */
   }
   
div.menu_gauche {
   background-image:url('/images/menu_fond.png') ;
   background-repeat:repeat-y ;
   width:138px;
   float:left;
   margin-top:XXpx;
   margin-left:XXpx !important;
   margin-left:XXpx;
}
 
div.chanson {
height:23px;
background-image:url('/images/fond_chanson.png');
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #C3C3C3;
}

div.separateur {
   height :15px ;
   background-color:#FFFFFF;
}

div#texte {
   background-image:url('/images/texte_fond.png') ;
   width :619px ;
   float :right ;
   margin-top :XXpx ;
   margin-right 0px !important;
   margin-right:0px;
}

div#texte2 {
   background-image:url('/images/texte_fond.png') ;
   width :619px ;
   float :right ;
   margin-top :25px ;
   margin-right 0px !important;
   margin-right:0px;
}


div#texte p {
   padding :5px ;
}

div#texte2 p {
   padding :5px ;
}

div#footer {
 background-image:url('/images/footer.png');
 width:800px;
 height:20px;
}

/* Reglages personnels : */
ul , li { margin:0; padding:0; list-style-type:none; } /* Pas de marges automatique dans les listes, ni de puces */

a { color:#2375BF; text-decoration:none; }/*Paramètres des liens*/
a:hover { color:#64A2EC; }/*Paramètres des liens quand le pointeur est sur ceux-ci*/

h1 { text-align:center; margin:0; }/*Le texte des balises h1 est centré ( car il est souvent utilisé pour les titres), et cette balise n’a plus de marge automatique */
p { margin:0; padding:0; }/*Pas de marges automatiques sur les <p> */

div.clear { clear:both; }/*Nous verrons ceci un peu plus tard. */
img { display:block ; border:0; }/*Aucune bordure sur les <img>*/ 

.texte_gris_verdana_11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #adabac;
}
.texte_grille {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	color: #FFFFFF;
	}

.texte_grille:link { color:#ffffff; text-decoration: none;}
.texte_grille:hover { color:#666666; text-decoration: none; }

.texte_grille_titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #990000;
}
.texte_normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}
.emissions_ondemand {
	font-family: Impact;
	font-size: 24px;
	color: #0073A3;
}
.emissions_punchinfo {
	font-family: Impact;
	font-size: 24px;
	color: #860000;
}
.emissions_fhmodeemploi {
	font-family: Impact;
	font-size: 24px;
	color: #B5008D;
}