/* florian rigault 11/05/07 */

body{		font-size: 62,5%;
			margin:0 0;
			padding:0 0;
			background-color: #000;
			font-size:0.8em;
			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;
			
			
}

.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: 330px;
	
			float:left;

}


.moncontenutexte{
			margin-top: 0px;
			margin-left: 40px; 
			width: 290px;
			text-align:left;
			float:left;
			font-size: 1.1em;

}

.moncontenubox{
			margin-top: 0px;
			margin-left: 0px; 
			width: 290px;
			text-align:left;
			float:left;
			font-size: 1em;
			background-color:#CC0000;
}

.moncontenutexte img{
			margin-bottom: 20px;
			margin-left: 0px; 
			text-align:left;
			float:left;

}


.miniimage{
			margin-top:100px;
			margin-left:10px; 
			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 h2{
color: #000000;
background-color: #FFFFFF;

}

#imageface{
margin-right:10px;
margin-bottom:10px;
}




.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-image: url(images/titrecontenuedito.jpg);
	background-repeat: no-repeat;


}
.titrecontenucontact{
		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/titrecontenucontact.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;
}


.titrecontenulocation{
		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/titrecontenulocation.jpg) no-repeat;
}

.titrecontenupro{
		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/titrecontenupro.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:275px;
		height: 50px;
		font-size:0.9em;
		font-family: Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		text-align:left;
		line-height:1.3em;
		letter-spacing:0.2em;
}

h3{
		color: #000000;
		width:250px;
		height: 15px;
		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{
	margin-left:3px;
	font-size:0.9em;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	color: #000000;

}


.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: 8em;
		height: 3em;
		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: 8em;
		height: 3em;
		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: 720px;
			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);
}