/* florian rigault 11/05/07 */

body{		font-size: 62,5%;
			margin:0 0;
			padding:0 0;
			background-color: #000;
			font-size:0.9em;
			font-family:Arial, Helvetica, sans-serif;
			text-align: center;
			color: #FFFFFF;
		    }
			
.page{
			margin-top: 0px;
			margin-left: 0px;
			background-color: #000; 
			width: 850px;
			position:relative;
			
			
}

------------------------------------

.pagesaison{
			margin-top: 0px;
			margin-left: 0px;
			background-color: #000; 
			width: 1000px;
			position:relative;			
}





.conteneurdroitsaison{
			margin-top: 0px;
			margin-left: 0px; 
			width: 600px;
			float:left;
			background-image: url(images/fondconteneurdroit3.jpg);
}

#contenusaison{
			margin-top: 0px;
			margin-left: 0px; 
			width: 600px;
			float:left;

}




.moncontenusaison{
			margin-top: 0px;
			margin-left: 0px; 
			width: 590px;
			float:left;

}
.moncontenusaisonsuite{
			margin-top: 0px;
			margin-left: 0px; 
			width: 590px;
			float:left;
			background-image:
			url(images/fonddroitsuite.jpg);
}


.moncontenuactusaison{
			margin-top: 20px;
			margin-left: 30px; 
			width: 550px;
			float:left;
			background-color:#CC0000;
}
------------------------------------

.logo{
			margin-top: 0px;
			margin-left: 0px;
			top:6px;
			left:172px;
			width: 500px;
			height: 300px;
			position:absolute;
}



.conteneurgauche{
			margin-top: 0px;
			margin-left: 0px; 
			width: 351px;
			height: 650px;
			background-image: url(images/rideau.jpg);
			float:left;

}


.conteneurgauche2{
			margin-top: 0px;
			margin-left: 0px; 
			width: 351px;
			height: 650px;
			background-image: url(images/rideau2.jpg);
			float:left;

}



.conteneurdroit{
			margin-top: 0px;
			margin-left: 0px; 
			width: 450px;
			float:left;
			background-image: url(images/fondconteneurdroit.jpg);

}


.entetecontenu{
			margin-top: 0px;
			margin-left: 0px; 
			width: 450px;
			height:300px;
			float:left;
			

}



#contenu{
			margin-top: 0px;
			margin-left: 0px; 
			width: 450px;
			float:left;

}


.moncontenu{
			margin-top: 0px;
			margin-left: 0px; 
			width: 410px;
			float:left;

}

.moncontenuactu{
			margin-top: 20px;
			margin-left: 30px; 
			width: 380px;
			float:left;
			background-color:#CC0000;
}

.blocdate{
			margin-top: 0px;
			margin-left: 15px; 
			width: 350px;
			float:left;
			background-color: #FF0000;
}


.moncontenutexte{
			margin-top: 0px;
			margin-left: 40px; 
			width: 320px;
			textalign:left;
			float:left;

}


.moncontenutexte img{
			margin-top: 0px;
			margin-left: 0px; 
			textalign:left;
			float:left;

}


.miniimage{
			margin-top: 0px;
			margin-left: 0px; 
			width: 80px;
			height: 450px;
			float:left;

}



.miniimage a{
	display:block;
	width: 70px;
	height: 70px;
	margin-top: 0px;
	color:#FFFFFF;
	font-size:0.7em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
		text-decoration:none;
		text-transform:uppercase;
}




.fourreau{
color: #000000;
background-color: #FFFFFF;
	margin-top: 0px;
			margin-left: 40px; 
			width: 270px;
			textalign:left;
			float:left;
}

.fourreau h2{
color: #000000;
background-color: #FFFFFF;

}




.titrecontenu{
		float:left;
		margin-top: 50px;
		color: #FFFFFF;
		width: 420px;
		height: 100px;
		font-size:1em;
		font-family: Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		text-align:left;
		letter-spacing:0.2em;
		background: url(images/titrecontenulieu.jpg) no-repeat;


}


.titrecontenuformation{
		float:left;
		margin-top: 50px;
		color: #FFFFFF;
		width: 420px;
		height: 100px;
		font-size:1em;
		font-family: Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		text-align:left;
		letter-spacing:0.2em;
		background: url(images/titrecontenuformation.jpg) no-repeat;


}

.titrecontenuauteurs{
		float:left;
		margin-top: 50px;
		color: #FFFFFF;
		width: 420px;
		height: 100px;
		font-size:1em;
		font-family: Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		text-align:left;
		letter-spacing:0.2em;
		background: url(images/titrecontenuauteurs.jpg) no-repeat;
}


.titrecontenuaffiche{
		float:left;
		margin-top: 50px;
		color: #FFFFFF;
		width: 420px;
		height: 100px;
		font-size:1em;
		font-family: Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		text-align:left;
		letter-spacing:0.2em;
		background: url(images/titrecontenuaffiche.jpg) no-repeat;
}

.titrecontenuarchive{
	float:left;
	margin-top: 50px;
	color: #FFFFFF;
	width: 420px;
	height: 100px;
	font-size:1em;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:left;
	letter-spacing:0.2em;
	background-image: url(images/titrecontenuarchives.jpg);
	background-repeat: no-repeat;
}

.titrecontenusaison{
		float:left;
		margin-top: 50px;
		color: #FFFFFF;
		width: 420px;
		height: 100px;
		font-size:1em;
		font-family: Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		text-align:left;
		letter-spacing:0.2em;
		background: url(images/titrecontenusaison.jpg) no-repeat;
}


h1{
		float:left;
		margin-top: 30px;
		margin-left: 10px;
		text-indent:-10000em;
		/*color: #FFFFFF;
		width:250px;
		height: 50px;
		font-size:0.8em;
		font-family: Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		text-align:left;
		line-height:1.8em;
		letter-spacing:0.2em;*/

}

h2{
		color: #FFFFFF;
		width:370px;
		height: 40px;
		font-size:1.1em;
		font-family: Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		text-align:left;
		line-height:1.3em;
		letter-spacing:0.2em;
}

h3{
		color: #000000;
		width:370px;
		height: 15px;
		font-size:1em;
		font-family: Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		text-align:left;
		line-height:1.2em;
		letter-spacing:0.1em;
		margin-left:10px;
}




.actutitre{
		color: #FFFFFF;
		width:200px;
		font-size:0.9em;
		float:left;
		font-family: Arial, Helvetica, sans-serif;
		text-transform:uppercase;
			position:relative;
		line-height:1.8em;
		letter-spacing:0.2em;
}

.actuauteur{
		color: #FFFFFF;
		width:200px;
			position:relative;
		font-size:0.8em;
		font-family: Arial, Helvetica, sans-serif;
		text-align:left;
		line-height:1.8em;
		letter-spacing:0.2em;
}

.actutexte{
		color: #000000;
		width:200px;
		font-size:0.9em;
			position:relative;
		font-family: Arial, Helvetica, sans-serif;
		text-align:left;
		line-height:0.9em;
		border-bottom: #FFFFFF solid 2px;
}

.actudate{
		color: #FFFFF;
		width:200px;
			position:relative;
		font-size:0.7em;
		font-family: Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		text-align:left;
		line-height:1.8em;
		letter-spacing:0.2em;
}

.actuimage{
		color: #000000;
			position:relative;
		width:100px;
		height:100px;
		font-size:0.8em;
		font-family: Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		text-align:left;
		line-height:1.8em;
		letter-spacing:0.2em;
}



p{
	font-size:0.9em;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	color: #000000;
	margin-left:10px;

}


.menucontenu{	
			display: block;
			margin-left:20px;
			padding: 0 0;
			width: 300px;
			height: 30px;
			float:left;			
}



.menucontenu ul{
		display: block;
		margin: 0 0;
		padding-top: 0px;
		padding-left: 0px;
		list-style: none;
		width:300px;
		height: 30px;
		float:left;
		  }
		  
.menucontenu li{
		display: inline;
		margin: 0 0;
		padding: 0 0;
		float:left;
}


		  
.menucontenu a{
		display: inline;
		float:left;
		width: 90px;
		height: 20px;
		margin-top: 0px;
		margin-left: 4px;
		color: #FFFFFF;
		font-size:0.8em;
		font-family:Verdana,Arial, Helvetica, sans-serif;
		text-decoration:none;
		text-transform:uppercase;
		text-align:left;
		
		}
		  
.menucontenu a:hover{
		display: inline;
		float:left;
		width:90px;
		height: 20px;
		margin-top: 0px;
		margin-left: 4px;
		color: #FFFFFF;
		font-size:0.8em;
		font-family:Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		text-decoration:none;
		text-align:left;
		background-color: #FF0000;
		
		}

.menucontenu #lieu a{
		display: inline;
		float:left;
		width: 70px;
		height: 20px;
		margin-top: 0px;
		margin-left: 4px;
		color: #FFFFFF;
		font-size:0.8em;
		font-family:Verdana,Arial, Helvetica, sans-serif;
		text-decoration:none;
		text-transform:uppercase;
		text-align:left;
		
		
		}
		  
.menucontenu #lieu a:hover{
		display: inline;
		float:left;
		width:70px;
		height: 20px;
		margin-top: 0px;
		margin-left: 4px;
		color: #FFFFFF;
		font-size:0.8em;
		font-family:Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		text-decoration:none;
		text-align:left;
		background-color: #FF0000;
		
		}







.rien{
			margin-top: 0px;
			margin-left: 0px; 
			width: 400px;
			height: 400px;
			position:relative;
}

.lesmenus{
			margin-top: 0px;
			margin-left: 0px;
			width: 280px;
			height: 260px;
			position:absolute;
			top:285px;
			left: 50px;
}

.rienmenu{
			margin-top: 0px;
			margin-left: 0px; 
			width: 120px;
			height: 120px;
			float:left;
}

.rien2{
			display: block;
			margin-left: 0px;
			padding: 0 0;
			width: 350px;
			height: 80px;
			float:left;

}

.image{
			margin-top: 0px;
			margin-left: 0px; 
			width: 350px;
			height: 550px;
			text-align:right;
			float:left;
}


.menuaffiche{	
			display: block;
			margin-left: 25px;
			padding: 0 0;
			width: 120px;
			height: 120px;
			float:left;
}


.menuaffiche ul{
		display: block;
		margin: 0 0;
		padding-top: 0px;
		padding-left: 0px;
		list-style: none;
		width: 120px;
		height: 120px;
		float:left;
		  }
		  
.menuaffiche li{
		display: block;
		margin: 0 0;
		padding: 0 0;
		float:left;
}


		  
.menuaffiche a{
		display: block;
		float:left;
		width: 95px;
		height: 25px;
		margin-top: 0px;
		color:#FFFFFF;
		font-size:0.8em;
		font-family:Arial, Helvetica, sans-serif;
		text-decoration:none;
		text-transform:uppercase;
		text-align:left;
		
		}
		  
.menuaffiche a:hover{
		display: block;
		float:left;
		width: 95px;
		height: 25px;
		margin-top: 0px;
		color: #FFFFFF;
	
		font-size:0.8em;
		font-family:Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		text-decoration:none;
		text-align:left;
		background-color: #FF0000;
		
		}



.menupro{	display: block;
			margin-top: 20px;
			margin-left: 40px;
			padding: 0 0;
			width: 100px;
			height: 100px;
			float:left;
}

.menupro ul{
		display: block;
		margin: 0 0;
		padding-top: 0px;
		padding-left: 0px;
		list-style: none;
		width: 100px;
		height: 100px;
		float:left;
		list-style:none;
}
		  
.menupro li{
		display: block;
		margin: 0 0;
		padding: 0 0;
		float:left;
}

.menupro a{
		display: block;
		float:left; 
		width: 100px;
		height: 30px;
		margin-top:0px;
		color: #FFFFFF;
		font-size:0.8em;
		font-family:Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		text-decoration:none;
		text-align:left;
		list-style-type:none;
		
}

.menupro a:hover{
		display: block;
		float:left; 
		width: 100px;
		height:30px;
		margin-top: 0px;
		color: #FFFFFF;
		font-size:0.8em;
		font-family:Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		text-decoration:none;
		text-align:left;
		list-style-type:none;
		background-color: #FF0000;
	
}
	
.lecontact{	display: block;
			margin-top: 0px;
			margin-left: 0px;
			padding: 0 0;
			top: 660px;
			left:50px;
			width: 231px;
			height: 65px;
			position:absolute;
}

.lecontact ul{
		display: block;
		margin: 0 0;
		padding-top: 0px;
		padding-left: 0px;
		list-style: none;
		width: 231px;
		height: 65px;
		float:left;
		list-style:none;
}
		  
.lecontact li{
		display: block;
		margin: 0 0;
		padding: 0 0;
		float:left;
}

.lecontact a{
		display: block;
		float:left; 
		width: 231px;
		height: 65px;
		margin-top:0px;
		color: #000000;
		text-indent:-1000em;
		background-image: url(images/contact.jpg);

		
}

.lecontact a:hover{
		display: block;
		float:left; 
		width: 231px;
		height: 65px;
		margin-top:0px;
		color: #000000;
		text-indent:-1000em;
		background-image: url(images/contact.jpg);
}