/* ****************************************** template ***************************** */

body { 	
	background:#DFDBD8; 
	font-size:90%; 
	}

#container { 
	width:900px; 
	margin:0px auto; 
	padding:0px;
	}

#enTete { 
	position:relative; 
	width:900px; 
	height:61px;  
	background-image:url(../images/enTete.gif); 
	background-repeat:no-repeat; 
	}	

#enTeteAccueil { 
	background-color:#213B72; 
	width:900px; 
	height:369px;  
	background-image: url(../images/eart-f.gif); 
	background-repeat:no-repeat; 
	border-bottom:5px solid #E0DBD8;
	}
	
#homePage { 
	width:900px; 
	height:370px;  
	background-image: url(../images/eart-e.gif); 
	background-repeat:no-repeat; 
	border-bottom:5px solid #E0DBD8;
	}
	
#contenu, #contenuSponsor { 
	float:left;
	background:#EEEDEB;
	width:900px; 
	height:auto;
	padding:0px; 
	line-height: 1.5;
	}
	
#contenu1 { 
	background:#EEEDEB;
	width:160px; 
	padding:0px; 
	border-right:5px solid #E0DBD8; 
	line-height: 1.5;
	}

#contenu2 { 
	background:#EEEDEB;
	width:430px; 
	padding:0px; 
	border-right:5px solid #E0DBD8; 
	line-height: 1.5;
	}

#contenu3 { 
	background:#EEEDEB;
	width:310px; 
	padding:0px; 
	line-height: 1.5;
	}
	
#contenuGauche { 
	background:#EEEDEB;
	border-right:5px solid #E0DBD8;  
	width:445px; 
	height:auto;
	padding:0px; 
	}
	
#contenuDroite { 
	background:#EEEDEB;
	width:450px; 
	height:auto;
	padding:0px; 
	}
	
#basPage { 
	float:left;
	width:900px; 
	min-width:900px; 
	height:28px;  
	background-color:#213B72; 
	border-top:5px solid #E0DBD8; 
	border-bottom:5px solid #E0DBD8; 
	background-color:#213B72; 
	background-repeat:no-repeat; 
	}
	
hr { 
	clear:both; 
	border:0; 
	height:1px; 
	color:#213B72; 
	background-color:#213B72;
	}
	
/* ****************************** images pour intro artistes **************************** */

img.sideline { 
	float:left; 
	padding:5px; 
	border:none;
	}
	
#imagesIntro {
	width:900px; 
	padding-top:4px; 
	padding-bottom:2px; 
	background-color:#213B72; 
	}
	
#imagesIntro img {
	border:0px;
	padding:0px;
	}

/* ****************************** hack pour colonnes de longueurs egales ************* */

#blocks { 
	display: table; 
	}

#blocks-row { 
	display: table-row; /* bug fix */ 
	position: relative; 
	}

#contenu1, #contenu2, #contenu3, #contenuGauche, #contenuDroite { 
	display: table-cell; /* bug fix */ 
	position: relative; 
	}

.clear { 
	clear:both; 
	height:5px; 
	overflow:hidden;
	}
	
/* ****************************************** style menu ***************************** */

#menuAccueil { margin:0px; padding:0px; list-style:none; font:11px arial, sans-serif; }
#menuAccueil li { float:left; margin-top:345px; text-align:left; margin-right:5px; } 
#menuAccueil a { display:block; text-decoration:none; }
#menuAccueil a em { width:135px; height:18px; font-style:normal; display:block; padding:0 5px; background:#EEEDEB; float:left; cursor:pointer; color:#213A72; line-height:18px; }
#menuAccueil a:hover { background:#16B1DE; }
#menuAccueil a:hover em { color:#213A72; background:#16B1DE; }
#menuAccueil a.selected em { color:#213A72; background:#16B1DE; }
#menuAccueil a.selected:hover em { cursor:default; }

#menuHaut1 { margin:0px; padding:0px; list-style:none; font: 11px arial, sans-serif; }
#menuHaut1 li { float:left; margin-top:10px; text-align:left; margin-right:5px; } 
#menuHaut1 a { display:block; text-decoration:none; }
#menuHaut1 a em { width:135px; height:18px; font-style:normal; display:block; padding:0 5px; background:#EEEDEB; float:left; cursor:pointer; color:#213A72; line-height:18px; }
#menuHaut1 a:hover { background:#16B1DE; }
#menuHaut1 a:hover em { color:#213A72; background:#16B1DE; }
#menuHaut1 a.selected em { color:#213A72; background:#16B1DE; }
#menuHaut1 a.selected:hover em { cursor:default; }

#menuHaut2 { margin:0px; padding:0px; list-style:none; font: 11px arial, sans-serif; }
#menuHaut2 li { float:left; margin-top:0px; text-align:left; margin-right:5px; } 
#menuHaut2 a { display:block; text-decoration:none; }
#menuHaut2 a em { width:135px; height:18px; font-style:normal; display:block; padding:0 5px; background:#EEEDEB; float:left; cursor:pointer; color:#213A72; line-height:18px; }
#menuHaut2 a:hover { background:#16B1DE; }
#menuHaut2 a:hover em { color:#213A72; background:#16B1DE; }
#menuHaut2 a.selected em { color:#213A72; background:#16B1DE; }
#menuHaut2 a.selected:hover em { cursor:default; }

#menuBas { margin:0px; padding:0px; list-style:none; font: 11px arial, sans-serif; }
#menuBas li { float:left; margin-top:5px; text-align:left; margin-right:6px; } 
#menuBas a { display:block; text-decoration:none; }
#menuBas a em { width:135px; height:18px; font-style:normal; display:block; padding:0 5px; background:#EEEDEB; float:left; cursor:pointer; color:#213A72; line-height:18px; }
#menuBas a:hover { background:#16B1DE; }
#menuBas a:hover em { color:#213A72; background:#16B1DE; }
#menuBas a.selected em { color:#213A72; background:#16B1DE; }
#menuBas a.selected:hover em { cursor:default; }

#logoEart { position:absolute; top:5px; right:0px; margin:0px; outline:none; padding:0px; }	
#logoEart a { border:0px; margin-right:10px; }
#logoEart a:hover { border:0px; margin-right:10px; }
#logoEart a.selected { border:0px; margin-right:10px; }
#logoEart img { border:none; }

#logoSponsor { float:right; margin:0px; outline:none; padding:0px;}	
#logoSponsor a { border:0px; margin-right:10px; }
#logoSponsor a:hover { border:0px; margin-right:10px; }
#logoSponsor a.selected { border:0px; margin-right:10px; }


/* ****************************************** style texte ***************************** */

.titre1 { font-size:130%; font-weight:bold; color:#16B1DE; } /* #3AC3EA; */
.titre2 { font-size:110%; font-weight:bold; }
.titre3 { font-size:100%; font-weight:bold; }

.texte { color:#213B72; background:#EEEDEB; text-align:justify; padding:10px; font-size:0.76em; font-family: Verdana, sans-serif; line-height: 1.5; }
.texte a:link { color:#213B72; text-decoration:underline; }
.texte a:hover { color:#16B1DE; text-decoration:underline; }
.texte a:visited {color:#213B72; text-decoration:underline; }
.texte ul { margin-left:15px; padding-left:0px; }
.texte li { list-style-image:url(../images/bullet.gif); }

.vignette { color:#213B72; text-align:left; padding:10px; font-size:0.76em; font-family: Verdana, sans-serif; line-height: 1.5; }
.vignette a:link { color:#213B72; text-decoration:underline; }
.vignette a:hover { color:#16B1DE; text-decoration:underline; }
.vignette a:visited {color:#213B72; text-decoration:underline; }
.vignette ul { margin-left:15px; padding-left:0px; }
.vignette li { list-style-image:url(../images/bullet.gif); }

.note { color:#213B72; font-size:95%; font-family: Verdana, sans-serif; line-height: 1.5; }
.note b { color:#16B1DE; font-weight:bold; }
.note a:link { color:#213B72; text-decoration:none; }
.note a:hover { color:#16B1DE; text-decoration:none; }
.note a:visited { color:#213B72; text-decoration:none; }

.notes { color:#213B72; text-align:left; padding:10px; font-size:0.72em; font-family: Verdana, sans-serif; line-height: 1.5; }
.notes b { color:#16B1DE; font-weight:bold; }
.notes ul { margin-left:15px; margin-top:-10px; padding-left:0px; }
.notes li { list-style-image:url(../images/bullet.gif); }
.notes a:link { color:#213B72; text-decoration:none; }
.notes a:hover { color:#16B1DE; text-decoration:none; }
.notes a:visited { color:#213B72; text-decoration:none; }