@import url(reset.css);
@import url(class.css);

html{
	font-size:100%;
	font-family:verdana;
	line-height: 1em;
	color: black;
}

body{
	margin: 0px 0 ;
	padding: 0 ;
	text-align: center ;	
	background:url(../images/page_background.jpg) top left;
	overflow:hidden;
}

h1{
	display:none;
}

h2{
	font-size:1.2em;
	font-weight:bold;
	padding:0px 6px;
	margin:0 0;
}


h3{
	font-size:1.2em;				
	margin:auto;
	padding:0 0 10px 0;
	/*font-weight:bold;*/
	text-decoration: none;
	color: #434B42;
	padding:0;
	margin:0;
}

h4{
	font-size:0.9em;				
	margin:auto;
	font-weight:bold;
	text-decoration: none;
	color: #434B42;
	padding:0;
	margin:0;
}
h5{
	font-size:0.8em;				
	margin:auto;
	font-weight:bold;
	padding: 3px 10px;
	text-decoration: none;
	color: #434B42;
	padding:0;
	margin:0;
}

p{
	padding: 3px 10px;
	font-size:0.8em;
}
#texte ul{
	padding: 3px 10px;
	font-size:0.8em;
}

#conteneur{
	width:1024px;
	height:768px;
	margin:auto;
	text-align:left;
	border:2px solid black;
	overflow:hidden;
	background:url(../images/contenu_background.jpg) top left no-repeat;
}
	#rideauG{
		position:absolute;
		width:510px;
		height:768px;
		margin:0 0 0 0;
		background:url(../images/page_rideauG1.png) top left no-repeat;
		z-index:1004;
	}
	#rideauG2{
		position:absolute;
		width:510px;
		height:768px;
		margin:0 0 0 -445px;
		background:url(../images/page_rideauG1.png) top left no-repeat;
		z-index:1003;
	}
	#cacheG{
		position:absolute;
		width:450px;
		height:768px;
		border-right:2px solid black;
		margin:0 0 0 -452px;
		background:url(../images/page_background.jpg) top left;
		z-index:1005;
	}
	#rideauD{
		position:absolute;
		width:513px;
		height:768px;
		margin:0 0 0 513px;
		background:url(../images/page_rideauD1.png) top left no-repeat;
		z-index:1000;
	}
	#rideauD2{
		position:absolute;
		width:59px;
		height:768px;
		margin:0 0 0 965px;
		background:url(../images/page_rideauD1.png) top left no-repeat;
		z-index:1001;
	}
	#header{
		height:241px;
		width:941px;
		text-align:center;
		margin:auto;
	}
		#header h1{
			padding:5px 0 0 90px;
			font-family:arial;
			letter-spacing:0.3em;
			font-weight:normal;
		}
		#header h2{
			padding:65px 0 0 220px;
			font-weight:bold;
			font-size:0.9em;
			
		}
	#contenu{
		width:880px;
		height:525px;
		margin:auto;
	}
		#menuPrincipal{
			font-weight:bold;
			font-size:0.7em;			
		}
		
			#menuPrincipal ul{
				list-style:none;
				
			}			
				#menuPrincipal ul li{
					float:left;
				}
				#menuPrincipal ul li.ardoise1{
					height:71px;
					width:102px;
					margin:0 0 0 60px;
					padding:38px 0 0 0;
					text-align:center;
					background:url(../images/ardoise1.jpg) top left no-repeat;									
				}
				#menuPrincipal ul li.ardoise2{
					height:59px;
					width:109px;
					margin:0 0 0 38px;
					padding:38px 0 0 0;
					text-align:center;
					background:url(../images/ardoise2.jpg) top left no-repeat;									
				}
				#menuPrincipal ul li.ardoise3{
					height:41px;
					width:96px;
					margin:0 0 0 38px;
					padding:38px 0 0 0;
					text-align:center;
					background:url(../images/ardoise3.jpg) top left no-repeat;									
				}
				#menuPrincipal ul li.ardoise4{
					height:50px;
					width:101px;
					margin:0 0 0 38px;
					padding:43px 0 0 0;
					text-align:center;
					background:url(../images/ardoise4.jpg) top left no-repeat;									
				}
				
				#menuPrincipal ul li.ardoise5{
					height:44px;
					width:61px;
					margin:0 0 0 43px;
					padding:38px 0 0 0;
					text-align:center;
					background:url(../images/ardoise5.jpg) top left no-repeat;									
				}
				
				#menuPrincipal ul li.ardoise6{
					height:41px;
					width:91px;
					margin:0 0 0 38px;
					padding:38px 0 0 0;
					text-align:center;
					background:url(../images/ardoise6.jpg) top left no-repeat;									
				}				
				#menuPrincipal ul li a{
					text-decoration:none;
					color:white;
				}
		h2.titrePage{
			color:#CF2626;
			float:left;
			line-height:20px;
		}
		#menuSecondaire{
			font-weight:bold;
			font-size:0.8em;
		}			
			#menuSecondaire ul{
				list-style:none;
				line-height:24px;
			}			
				#menuSecondaire ul li{
					float:left;					
				}
				#menuSecondaire ul li a{									
					margin:0 0 0 5px;
					text-decoration:none;
					color:black;
				}
				#menuSecondaire ul li a.selected{
					color:#DF721B;
				}
		/*#actualites{
			float:left;
			width:350px;
			height:310px;
			overflow:auto;
			padding:8px;
			border:1px solid black;
			margin: 0 0 0 48px;
		}
			#actualites h3{
				font-size:1.1em;
				text-align:center;
				font-weight:bold;
				text-decoration: none;
				margin:0 0 10px 0;
				color: #000;
			}
			#actualites h4{
				font-size:0.9em;
				font-weight:bold;
				text-decoration: none;
				color: #434B42;
			}
			#actualites p{
				font-size:0.7em;
				line-height:1.2em;
			}*/
		#contact{
			margin:auto;
			width:750px;
			height:285px;
			overflow:auto;
			padding:10px;
			border:1px solid black;
		}
			
		#contact .colonne{
			width:360px;
			margin:0 5px;
			float:left;
			text-align:center;
			font-size:1em;
		}
		/*
		#dates{
			margin:auto;
			width:750px;
			height:285px;
			overflow:auto;
			padding:10px;
			border:1px solid black;
		}
			
		#dates .colonne{
			width:238px;
			margin:0 3px;
			float:left;
			text-align:center;
			border:1px solid black;
		}
			#dates .colonne img{
				width:105px;
				height:150px;				
			}
			#dates .colonne  h3{
				font-size:1.1em;
				text-align:center;
				font-weight:bold;
				text-decoration: none;
				margin:0 0 10px 0;
				color: #000;
			}
			#dates .colonne  h4{
				font-size:0.7em;				
				margin:auto;
				font-weight:bold;
				text-decoration: none;
				color: #434B42;
			}
			#dates .colonne  p{
				font-size:0.7em;
				line-height:1.2em;
			}
			#dates .colonne  a{
				font-size:0.9em;
			}
		*/
		#date_bilboke{
			margin:10px 0 0 00px;
		}
		#date_vagabundo{
			margin:20px 0 0 300px;
		}
		#date_ordures{
			margin:10px 0 0 600px;
		}
			#date_bilboke,
			#date_vagabundo,				
			#date_ordures{
				text-align:center;
				position:absolute;
				width:290px;							
			}
			#date_bilboke h4,
			#date_vagabundo h4,				
			#date_ordures h4{
				padding:0;
				margin:0;
				font-size:0.7em;
			}
			#date_bilboke p,
			#date_vagabundo p,				
			#date_ordures p{
				font-size:0.8em;
			}
			#date_bilboke a,
			#date_vagabundo a,				
			#date_ordures a{
				font-size:0.8em;							
			}
		#texte_large,
		.texte,	
		#texte{
			position: relative;
			margin:auto;
			width:700px;
			height:285px;
			overflow:auto;
			padding:10px;
			border:1px solid black;
		}
		#calendrier{
			position: relative;
			margin:auto;
			width:700px;
			height:285px;
			overflow:auto;
			padding:10px;
			font-size:0.9em;
			border:1px solid black;
		}
			#calendrier .affiche{
				float:left;
				padding-right:5px;
			}
			#liste_dates{
				float:left;
				/*margin-top:27px;*/
			}
			#liste_dates h4{
				margin:0;
				padding:0;
			}
			#liste_dates .date{
				margin-bottom:8px;
			}
			#liste_dates p{
				font-size:0.8em;
			}
			#liste_dates a{
				font-size:0.9em;
			}
		#texte_large{
			height:335px;
		}
			#texte_large h4,
			.texte h4,	
			#texte h4{
				padding:7px;
			}
			#galerie ul{
				list-style:none;
			}
			#galerie ul li{
				float:left;
				padding:2px;
			}
		#animation_flash{
			margin:auto;
			width:650px;
			height:350px;
			border:3px solid black;
		}
		#liens{
			font-size:0.8em;
		}
		/*#liens a{
			color:#BF0B0B;
		}*/
		#spectacle_gauche{			
			width:510px;
			height:275px;			
		}
			#spectacle_gauche h4{			
				padding:0 0 5px 0;		
			}			
			#spectacle_texte{
				height:275px;
				overflow:auto;
				padding:12px;
				border:1px solid black;
			}
				#spectacle_texte ul{			
					margin:0 0 0 9px;
				}
				#spectacle_texte li{			
					font-size:0.8em;
					
				}
			#liens_bas{
				margin:0 0 0 0;
				padding:0 0 0 0;
			}
				#liens_bas p{
					font-size:0.7em;
				}
				#liens_bas a{
					color:#BF0B0B;
				}
			#liens_haut{
				margin:0 0 0 50px;
				padding:0 0 0 0;
				border-top:1px solid black;
				border-right:1px solid black;
				border-left:1px solid black;				
			}
				#liens_haut p{
					font-size:0.7em;
				}
				#liens_haut a{
					color:#BF0B0B;
				}	
		#spectacle_droite{
			float:left;
			margin:0 0 0 10px;
			width:300px;
			text-align:center;
			padding:0px;			
		}
		
		#galerie img{
			margin:0 0 0 0;
			border:2px solid black;
		}
		#galerie li{
			height:103px;
			width:103px;
			margin:0 0 0 0;
			padding:0;
		}
		#contact{
			
		}
			#contact a{

			}
	#footer{
		margin:0 0 0 0;
		font-size:0.7em;
		
	}
		#sign{
			
		}