/* CSS Document */


/* structure*/

html, body{height:100%;}

body{
margin:0; padding:0;
background: url(../images/tuile.jpg) repeat center top;
font:12px/16px Arial, Helvetica, sans-serif;
color:#6a6a6a;

}


#body03{
min-width:983px;
background:transparent url(../images/container.png) top center repeat-y;

}


#body02{
background:transparent url(../images/body2.jpg) top no-repeat;
}


#container{
margin:0 auto;
width:983px;

}

#head{	
	width:983px;
	height:115px;
	
	}
#flash{
	width:983px;
	height:332px;

	}
	
	
	#page{
	width:923px;
	margin:0 30px 0 30px;
	}

#colgauche{
	float:left;
	width:540px;
	margin:0 40px 0 0px;
	
}
#coldroite{
	float:right;
	width:343px;
	
}
	

#colgauche_inverse{
	float:left;
	width:340px;
	margin:0 20px 0 0px;
	
}
#coldroite_inverse{
	float:right;
	width:560px;
	
	
}

#colgauche_message{
	float:left;
	width:363px;
	margin:0 20px 0 0px;
	
}
#coldroite_message{
	float:right;
	width:420px;
	
	
}
	

#pied{
	min-width:983px;
	background:url(../images/pied_background.jpg) top center no-repeat;
	margin: 0 auto;
	padding: 0 0 0 0;
	height:119px;
	}

#pied_contenu{
	width:965px;
	margin: 0 auto;
	padding: 50px 18px 0 0px;
	}


 #signatureCache{position:absolute; top:-99999px;}
 
	


/* naviguation*/


#menu1{
	width:983px;
	height:44px;
	
}

					#menu1 ul {
					margin:0;
					padding:12px 0 0 14px;
					white-space:nowrap;
					text-align:center;
				
					}
								
					#menu1 li {
					padding:0 7px 0 7px;
					height:21px;
					display:inline;
					float:left;
					border:none;
					list-style:none none;
					background: url(../images/separateurmenu1.gif) no-repeat left;
					}
								
					#menu1 .paspoint {
					padding-left:0px;
					background:none;		
					}
												
					#menu1 .paspoint a{
					padding-left:0px;
					background:none;				
					}
																
												
					#menu1 a { 
					padding: 0 0 2px 4px;
					display:inline;
					float:left;
					color:#6a6a6a;
					text-decoration:none;
					height:44px;
					}
								
								
					#menu1 a:hover {									
					color:#bc2026;
					text-decoration: none;
					}
					
					#menu1 a.current {
					color:#fff;
					padding:0 4px 0 4px;
					text-decoration:none;
					text-align:center;
					background-color:#bc2026;
					height:20px;
					line-height:20px;
					}
					
#menu2{
	font:16px/20px Arial, Helvetica, sans-serif;
	width:983px;
	height:67px;
	
	}
	
	
					#menu2 ul{
					margin:0;
					padding:16px 0 0 21px;
					text-align:center;
					
				
					}
								
					#menu2 li {
					padding:0px 25px 0px 25px;
					height:21px;
					display:inline;
					border:0;
					list-style:none none;
					background:url(../images/separateurmenu2.gif) no-repeat left;
					
					}
								
					#menu2 .paspoint {
					padding-left:0px;
					background:none;		
					}
												
					#menu2 .paspoint a{
					padding-left:0px;
					background:none;				
					}
																
												
					#menu2 a { 
					padding: 0 0 2px 4px;
					display:inline;
					color:#6a6a6a;
					text-decoration:none;
					height:44px;
					}
								
								
					#menu2 a:hover {
					color:#bc2026;
					text-decoration: none;
					}
					
					#menu2 a.current {
					color:#fff;
					padding:2px 4px 2px 4px;
					text-decoration:none;
					text-align:center;
					background-color:#bc2026;
					height:20px;
					line-height:20px;
					}
	



 
#Boite{
	background:#f7f2df url(../images/ligne-infini-boxjpg.jpg) repeat-x top center;
	border:solid #e8e2c7 1px;
	padding:10px;
}



a{
color:#3b3d3c;	
} 

a:hover{
color:#bc2026;	
}

a:focus, a:active{
	outline:none;
}


h1 a, h2 a, h3 a{
	color:#bc2026;
	text-decoration:none;
	
	}
	
	
	h1 a:hover, h2 a:hover, h3 a:hover{
	color:#3b3d3c;
	text-decoration:none;
	
	}

h1 {
	background: url(../images/fondtitreh1.gif) left bottom no-repeat;
	color:#bc2026;
	font-size:30px;
	font-style:normal;
	font-weight:normal;
	padding:35px 0 0 15px;
	margin:0 0 20px -15px;
	
}

h2{
	color:#bc2026;
	font-size:20px;
	line-height:22px;
	font-style:normal;
	font-weight:normal;
	padding:0;
	margin:30px 0 16px 0;

	}

	
h3{
	color:#bc2026;
	font-size:14px;
	font-style:normal;
	font-weight:normal;
	padding:0;
	margin:16px 0 10px 0;

	}
	
	
	h4{
	color:#bc2026;
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	padding:0;
	margin:2px 0 2px 0;

	}

p{
	padding:0;
	margin:5px 0 10px 0;
	text-align:justify;
	
	}
	
	.clear{
	clear:both;
}


.grisfonce{
	color:#3b3d3c;

	}
	
#nouvelles {
	margin:0 ;
	padding:0;
	list-style:none none;

	}
	
	#nouvelles li {
	padding:8px 0 8px 0;
	border-top:1px dashed #3b3d3c;
	
	}
	
	#nouvelles li:first-child {
	padding:0 0 8px 0;
	border-top:0;
	
	}
	
		#nouvelles .extrait {
	padding-top:2px;
	
	}
	
	
	#nouvelles a{
		color:#3b3d3c;
		
		}
		
		#nouvelles a:hover{
		color:#bc2026;
		
		}
		
		
.liste{
	margin:0;
	padding:0 0px 0 0px;
	list-style:none none;
}

.liste li{
	padding:0px 15px 0px 15px;
	background:url(../images/fleche.gif) no-repeat left top;
	margin:2px 10px 2px 10px;
	
}


.artistes{
	margin:0;
	padding:0 0px 0 0px;
	list-style:none none;
}


.artistes li{
	padding:0px 15px 0px 0px;
	margin:10px 10px 2px 0px;
	
}


.sousmenu{
	margin:0 0 30px 0;
	padding:0 0px 0 0px;
	list-style:none none;
	font-size:12px;
}

.sousmenu li{
	padding:0;
	margin:2px 5px 2px 5px;
	display:inline;
	
}

			.sousmenu .paspoint {
					padding-left:0px;
					margin-left:0;
					background:none;		
					}
												
					.sousmenu .paspoint a{
					padding-left:0px;
					background:none;				
					}
																
												
					.sousmenu a { 
					padding: 0 0 2px 4px;
					display:inline;
					color:#bc2026;
					text-decoration:none;
					height:44px;
					}
								
								
					.sousmenu a:hover {
					color:#bc2026;
					text-decoration: none;
					}
					
					.sousmenu a.current {
					color:#bc2026;
					text-decoration:underline;
					background:url(../images/fleche.gif) left top no-repeat;
					padding:0 0 0 10px;
					
					}

hr{
display:block;
height:1px;
background-color:none;
border-top:1px dashed #000000;
border-bottom:0;
margin:16px 0 0 0;
padding:0;
clear:both;
}



.bordure, .img_message, .album{
	border:#ddd3b9 solid 2px;
}

table, td, th {
	border:0;
	margin:0;
	padding:0;
	border-collapse:collapse;
	
	}
	
.img_message{
	float:left; 
	margin:0 10px 0 0;

}

#img_comite{
	float:left;
	width:90px;
}



#txt_comite {
	float:left;
	margin-left:15px;
	width:160px;

	
}

#txt_comite p {text-align:left;}

#comite{
	float:left;
	margin:0 42px 0 0;
	padding:0 0 42px 0;
	width:265px;
	height:96px;
	
	}
	
	
.album{ margin:4px 8px 4px 0;
}

a.pdficone{ 
	padding-left:25px;
	background:transparent url('../images/pdf-ico.gif') no-repeat left;

}

.vignette{
	font-size:10px;
	font-style:italic;

}

.floatContainer{
width:933px;
margin-right:-10px;
overflow:hidden;
float:left;
}


table.programmation{
	border-collapse:collapse;
	width:100%;
	text-align:left;
	border:1px solid #ddd3b9;
	margin:30px 0 0 0;
	
}


table.programmation td, table.programmation th{
padding:10px 10px 10px 10px;
border:1px solid #ddd3b9;
}

table.programmation th, table.programmation  td:hover{
	background-color:#f2eaca;
	}
	
	table.programmation .thTop th{
	border-bottom:1px solid #bc2026;
	border-top:1px solid #bc2026;
	color:#bc2026;
	font-size:20px;
	font-style:normal;
	font-weight:normal;
	text-align:left;
	}
	
.etoile{
	padding-right:25px;
	background:url(../images/artistes/etoile.jpg) no-repeat right center;
	}
	
.col_artistes{
	float:left;
	width:230px;
	
	
	}
	
	
	#hautPage{
margin-top:24px;
text-align:right;
}
	#hautPage a{
	padding-right:14px;
	background:url('../images/fleche-haut.gif') no-repeat center right;
	}
	#hautPage a:hover{
	background:url('../images/fleche-haut-over.gif') no-repeat center right;
	}