/*
CSS Création : VignoWeb pour http://multi-web.fr/
*/

body{
	background: #6371A0;
	margin:0;
}

#page{
	background : #454550;
	margin:auto; /* Permet d'aligner la page au centre */
	margin-top:30px;
	margin-bottom:50px;
	padding-bottom:10px;
	width:850px;
	height:740px;
}

#leponrneuf_header{
	height: 380px;
	width:850px;
	clear:both;
	z-index:0;
	position:relative; /*la position relative sera situé en dessous de la position absolute*/
}

#lepontneuf_header_left{
	width: 360px;
	margin-right:20px;
	float:left;
}

#lepontneuf_titre{
	width:360px;
	height:120px;
}

		#lepontneuf_titre h1{
			padding-top:10px;
			text-align:center;
		}
	
		#lepontneuf_titre a{
			color:#FFFFFF;
			text-decoration:none; /* pour que le lien ne soit pas souligné ou autre.. */
		}

#lepontneuf_menu{
	width:240px;
	height:200px;
	margin-left:120px;
	padding-top:22px;
}

		#lepontneuf_menu a{
			padding-left:40px;
			color:#FFFFFF;
			font-size:24px;
			display:block; /* permet de mettre les divers lien l'un en dessous l'autre et non à la suite*/
			text-decoration:none;
			background:#454550 url(../design/menu.png) no-repeat;
			height:29px;
		}

		#lepontneuf_menu a:hover, #lepontneuf_menu a.active{
			color:#a1a1b2;
			text-decoration:none;
			background:#454550 url(../design/menu_actif.png) no-repeat;
		}

#lepontneuf_diaporama{
	width:410px;
	height:340px;
	float:right;
	position:relative;
	margin: 20px 20px 0px 20px ;/* margin: top right bottom left*/
	border:10px #FFFFFF solid;
}

#lepontneuf_contenu{
	width:450px;
	height:400px;
	z-index:10;
	position:relative; /*permet d'etre positionner au dessus de la position relative*/
	clear:both;
	text-decoration:none;
}

#lepontneuf_contenu_left{
height:380px;
width:430px;
background-color:#EEEEEE;
position:absolute;
margin: -50px 0px 0px 20px;
border:10px #FFFFFF solid;
}

#lepontneuf_contenu_right{
height:400px;
width:400px;
position:relative;
margin: -400px 0px 10px 450px;
padding-left:15px;
}





h1, h1 a, h1 a:hover  {
font:Arial, Helvetica, sans-serif;
font-size:40px;
text-decoration:none;
margin:5px 0 0 0;
}

h2, h2 a, h2 a:hover {
font-family:"High Tower Text", Arial, Helvetica, sans-serif;
font-size:26px;
text-align:left;
margin:6px 0 0 5px;
color:#595049;
text-decoration:none;
font-weight: bold;
}

#texte_gauche {
font-family:"High Tower Text", Arial, Helvetica, sans-serif;
size:14px;
position:absolute;
float:left;
text-align:justify;
color:#595049;
text-decoration:none;
width:200px;
}

#texte_droite {
	font-family:"High Tower Text", Arial, Helvetica, sans-serif;
	size:14px;
	position:absolute;
	float:left;
	text-align:justify;
	color:#FFFFFF;
	text-decoration:none;
	width:168px;
}

hr {
margin:0 20px 0 20px;
color:#595049;
height:1px;
}
#footer{
text-align:center;
font-size:12px;
color:#A1A1B2;
margin-top:-35px;
z-index:100;
position:relative;
}

#footer a{
text-decoration:none;
color:#A1A1B2;
}

#footer a:hover{
text-decoration:underline;
}