/* mise en page du sommaire minimaliste : menu �droite, positionnement absolu en pourcentage */

body {
	
	margin : 0;
	padding : 0;
	text-align : center;/* indispensable pour qu'Internet Explorer centre la page dans la fenetre */
	background : #b8af9d url(images/wheeloa3.gif);
	color:#8b7355;
    }
* {margin:0;padding:0;} /* pour compatibilit�avec tous les navigateurs */
#page {
	width : 970px;
        border: 2px solid #b77140;
	margin : 0 auto 20px auto;
	margin-top : 10px;
	background : #FFCC66;
	
    }

#banniere{
	position:relative;
	width:100%;
	height:87px;
	background:url(/lvh/IMG/ban_milieu.jpg) left top repeat-x;
}
#banniere .imagegauche{
	position:absolute;
	left:0;
}
#banniere .imagedroite{
	position:absolute;
	right:0;
}

#boutons{ 			/*boutons horizontaux : accueil, pr�as, �rire, contacts */
	margin:1%;
text-align : left
}

#boutons .hierarchie {
	font-size:0.82em;
}
#boutons a {
	font-size:10pt;
	font-family:georgia,verdana;
	
	color:#CC0033;
	font-weight:bolder;
}
#principal{				/* conteneur principal qui se place sous le bandeau*/
	position:relative;
	margin:10px;
margin-top:30px;
	width:98%;
}
#principal .invisible{
	visibility:hidden;
}

#gauche{
float:left;
	top:0;
	left:0;
	width:130px;
}
#colonnemenu{
	float:left;
	width:85%;
        padding-top:10px;
	padding-left:10px;
	background: url(/lvh/IMG/fond_menu.gif);
	background-repeat:no-repeat;
	background-color:#FFCC66;
	list-style-type:none;
text-align :left;
}
#lesliens{
	
	left:0;
	bottom:10%;
	width:15%;
	
	}
#lesliens img{
	text-align:center; margin:0 3%;
	padding:10px;
	margin:5px;
	
}
#milieu{
        margin-left:150px;
        
}
#central{				/* conteneur des textes*/   
        margin-left:240px;
        margin-top:10px;
 	with=330px
	margin-right:10px;
	background:url(/lvh/IMG/une.jpg) ;
	background-repeat:no-repeat;
	background-color:#FFCC66;
	padding:0 20px 0 20px;
}

#photocentrale{				/* conteneur des textes*/
    position: absolute;
	
	top:50px;
        left:150px;
	width:10px;
	
}

#photocontact{				/* conteneur des textes*/
	margin-left:0px;
	top:140;
	background-color:#FFCC66;
	
}
#photobas{				/* conteneur des textes*/
    position: relative;
	bottom:0%;
	left:0%;
	width:20%;
	
}
#droite{
        float:right;
	width:330px;
}
#actu{				/* conteneur des textes*/
   
	background:url(/lvh/IMG/agenda.jpg) ;
	background-repeat:no-repeat;
	background-color:#FFCC66;
	padding-left:36px;
	
}

#central h1{
	text-align:center;
	font-size:1.3em;
	font-weight:bold;
}
#central h2{
	text-align:center;
	font-size:11pt;
	font-weight:bold;
	font-family:georgia,verdana;
}
#central h3{
	text-align:left;
	font-size:0.7em;
	font-weight:bold;
	font-family:georgia,verdana;
	color:white;
}


#central ul{
	padding-top:30px;
        margin-left:20px;  
	list-style-image:url(/lvh/IMG/bullet_40.png)
}

#central a{
	font-size:1.3em;
	font-family:georgia,verdana;
	color:#252116;
	font-weight:bolder;
	text-decoration:none;
}
#central a:hover{
	color:#CC0033;
	}
#central p{
	font-size:0.9em;
	margin-right:10px;
        text-align : left;
	font-family:georgia,verdana;
	font-weight:550;
	color:#252116;
}

#central p.date{
	font-size:0.82em;
	font-weight:300;
}
#actu h1{
	text-align:center;
	font-size:1.3em;
	font-weight:bold;
}
#actu h2{
	text-align:center;
	font-size:11pt;
	font-weight:bold;
	font-family:georgia,verdana;
}
#actu h3{
        text-align:left;
	font-size:0.8em;
	font-weight:bold;
        color:#0000CC;
	font-family:georgia,verdana;
}


#actu ul{
	padding-top:25px;
	list-style-image:url(/lvh/IMG/bullet_40.png)
}

#actu a{
	font-size:1em;
	font-family:georgia,verdana;
	color:#CC0033;
	font-weight:bolder;
	text-decoration:none;
}
#actu a:hover{
	color:#0000CC;
	}

#actu p{
	font-size:0.9em;
	margin-left:10px;
	margin-right:10px;
        text-align : left;
	font-family:georgia,verdana;
	font-weight:550;
	color:#333333;
}

#actu p.date{
	font-size:0.82em;
	font-weight:300;
}


#colonnemenu a{
	font-size:0.8em;
	font-family:georgia,verdana;
	color:#CC0033;
        font-weight:bolder;
	text-decoration:none;
	
	}
#colonnemenu a:hover{
color:#0000CC;
}

#colonnemenu .menu,.logos{
	float:right;
	width:100%;
	padding-bottom:10px	
}
#colonnemenu .logos{
	height:100px;
	
	text-align:center;
	padding-top:10px;
}

li{
	list-style-type:none;
}

#pieddepage{
	clear:both;position:relative;
	left:0%;
	top:0px;
	width:100%;
	text-align:center;
	font-size:0.71em;
}

#pieddepage li{
	float:left;
	width:14%;
	margin-left:5%;
	font-size:10pt;
}

#pieddepage p{
	clear:both;
	padding-top:10px;
}
h4{
font-size:0.7em;
font-family:georgia,verdana;
color:#8b7355;
}
p {

	font-size:10pt;
	
	font-family:georgia,verdana;
	color:#666666;
	}
img {border: 0 none; }