/*enleve le fond d'ecran des visuels
#centre_1 {
background: url(../image/fond_spectacle.jpg) left top no-repeat;

background-color:#DBD1CC;
padding-top: 20px;
font-size: 0.8em;
FONT-FAMILY: Verdana, Helvetica, sans-serif; 
}
*/
div#centre_1
{
background-color:white;
}

#gauche2 {
float: left;
position: relative;
top: -7px;
margin: 0;
width: 272px;
height: 513px;
padding-top: 60px;
padding-left: 6px;
text-align: left;
FONT: 85% Verdana, Helvetica, sans-serif; 
}

/*centre le titre dans h1*/

#milieu_cal {
width: 650px;
height: auto;
margin-left: 270px;
margin-top: 38px;
margin-right: 0;
margin-bottom: 0;
padding: 0px;
FONT: 90% Verdana, Helvetica, sans-serif;
text-align: left;
}

	dl { width: 650px; 
		min-height: 423px;
		background-color:white/*#DDD8D4*/; margin: 0;
}
*html dl {height: 423px;}
/*attention height auto mais  a paramettrer en taille fixe pour ie + position relative pour permettre que dt passe dessus ul.cx*/
	dd {position: relative; margin: 0; 	padding: 5px 0 5px 0; background-color:#eaf2f4/*#DDD8D4*/; width: 630px; height: auto; left: 4px;}
*html dd {height: 210px;}

	dt { background: black/*#96B1CD*/; font-size: 1.2em; font-weight:bold; padding: 1px; margin: 0 0 5px 0; border-bottom: 1px solid #fff;}
	dt a:link, dt a:visited {	color: #fff; 	text-decoration: none;}
	dt a:hover, dt a:active, dt a:focus { color: #CACACA; text-decoration: none;}

a.lien:link, a.lien:visited {
color:#e60003 /*#1983B8*/; text-decoration: none; font-weight: bold; }
a.lien:hover , a.lien:active , a.lien:focus {color: #e60003/*#1983B8*/; text-decoration: underline;}	
hr {clear:both; visibility:hidden;}
/*conteneur principal*/
ul.cx {
position: relative;
margin: 0;
width: 630px;
height: auto; 
padding: 5px 0 5px 0;
list-style: none;
text-align:left;
}

/*espacement entre les blocs ul*/
ul li.cx1 {
background-color:#00CCFF;
list-style: none;
width:  630px;
height: 20px;
margin: 0 0 15px 0;

}

/*bloc de la ligne + hauteur + couleur ligne*/
ul li p.cx2 {
position:absolute;
left: 0;
width:  625px;
height: 25px;
line-height: 22px;
margin: 0;
padding: 0 0 0 5px;
background-color: #c5d0d4/*#C2BAB6*/;

}
/*date pour 1 ligne*/
span.cx3_1 {
display: block;
float: left;
width: 100px;
margin:  0;
padding: 0;
font-size: 90%; 
}
/*date pour 2 lignes*/
span.cx3_2 {
display: block;
float: left;
width: 100px;
margin:  0;
padding: 0;
line-height: normal;
font-size: 90%; 
}	


/*titre pour 1 ligne*/
span.cx4_1{
display: block;
float: left;
width: 300px;
padding: 0;
margin: 0 0 0 20px;
font-size: 90%; 
}

/*titre pour 2 ligne*/
span.cx4_2{
display: block;
float: left;
width: 300px;
padding: 0;
line-height: normal;
margin: 0 0 0 20px;
font-size: 90%; 
}

span.cx5_b {
display: block;
float: left;
width: 140px;
display:block;
height: 25px;
margin: 0 0 0 10px;
padding: 0 0 0 50px;
font-size: 90%;
background:url(../image/calendrier10_11/icone_ballet.jpg) center left no-repeat;
font-weight:bold;
color:#FFFFFF;
}
span.cx5_c {
display: block;
float: left;
width: 140px;
display:block;
height: 25px;
margin: 0 0 0 10px;
padding: 0 0 0 50px;
font-size: 90%;
background:url(../image/calendrier10_11/icone_orchestre.jpg) center left no-repeat;
font-weight:bold;
color:#FFFFFF;
}
span.cx5_o {
display: block;
float: left;
width: 140px;
display:block;
height: 25px;
margin: 0 0 0 10px;
padding: 0 0 0 50px;
font-size: 90%;
background:url(../image/calendrier10_11/icone_opera.jpg) center left no-repeat;
font-weight:bold;
color:#FFFFFF;
}
span.cx5_j {
display: block;
float: left;
width: 140px;
display:block;
height: 25px;
margin: 0 0 0 10px;
padding: 0 0 0 50px;
font-size: 90%;
background:url(../image/calendrier10_11/icone_jeune.jpg) center left no-repeat;
font-weight:bold;
color:#FFFFFF;
}

span.cx5_p {
display: block;
float: left;
width: 140px;
display:block;
height: 25px;
margin: 0 0 0 10px;
padding: 0 0 0 50px;
font-size: 90%;
background:url(../image/calendrier10_11/icone_passerelle.jpg) center left no-repeat;
font-weight:bold;
color:#FFFFFF;
}

span.cx5_a {
display: block;
float: left;
width: 140px;
display:block;
height: 25px;
margin: 0 0 0 10px;
padding: 0 0 0 50px;
font-size: 90%;
background:url(../image/calendrier10_11/icone_autres.jpg) center left no-repeat;
font-weight:bold;
color:#FFFFFF;
}