/* CSS Document */
body {
    font-size:12px;
    font-family:Arial;
    text-align:center;
    background-color:#EFECCA;
	margin-top:0;

}

img{border:none}


#wrapper{
    width:900px;
    margin-left:auto;
    margin-right:auto;
   
	text-align:center;
}

#entete{
width:900px;
height:70px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:0;
background-image:url(../images/maquette/enteteloucolou2.png);
background-repeat:no-repeat;
background-position:top center;
}

#entete a {
	float:right;
	margin-top:25px;
	margin-right:35px;
}

#bandeau{
width:899px;
height:201px;
margin-left:auto;
margin-right:auto;
margin-top:0;

}

#footbandeau{
 margin-top:-16px;
width:899px;
height:198px;
margin-left:auto;
margin-right:auto;
vertical-align:top;

}

#bandeau.threephoto{
	
}


#page {
	overflow:hidden;
	margin-right:auto;
	margin-left:auto;
	width:900px;
	background-color:#ffffff;
	border:1px solid #FDD131;
}





/************** menu principal **************/
#menu{
	margin-top:1px;
	margin-bottom:1px;
	background-color:#c8c8c8;
	width:900px;
    height:25px;
    margin-left:auto;
	margin-right:auto;
	/*border-left:1px solid #EFECCA;*/


}

.nav { clear:both; width:900px;height:25px;background-color:#c8c8c8;}


.nav a{text-decoration:none;}

/* Masquer les niveaux 2 et plus */
ul.navigation, .navigation ul, .navigation li { margin:0; padding: 0; }
.navigation li {}

/* 1e niveau */
ul.navigation { float:left;list-style-type:none;  }
ul.navigation li { float:left; position:relative; height:25px; text-align:center; line-height:2.2em;border-right:1px solid #ffffff; border-bottom:2px solid #ffffff;margin-left:1px}
ul.navigation li a { display:block; width:148px; height:25px; color:#000; text-transform:uppercase; font-weight:bold; font-size:1 em;background-color:#c8c8c8;  }
ul.navigation li a:hover, ul.navigation li.select { background-color:#E6E2AF;}


/*
ul.navigation li.index { padding:5px 25px; border:0;}
ul.navigation li.index a, ul.navigation li.index a:hover { width:90px; height:25px; padding:0; text-indent:-999999px;}
ul.navigation li.index a.aselect, ul.navigation li.index a.aselect:hover { background-position:center bottom;}
*/



ul.navigation li.index a { width:148px;}
ul.navigation li.chambre a { width:148px;}
ul.navigation li.tarifs a { width:148px;}
ul.navigation li.acces a { width:148px;}
ul.navigation li.liens a { width:148px;}
ul.navigation li.pelerins a { width:148px;}

/* 2e niveau */
ul.navigation ul { display:none; position:absolute; left:-1px; top:25px; width:90px; border-top:1px solid #fff; } 
ul.navigation li:hover ul { display: block !important; }

ul.navigation ul li { 
	display:inline;
	margin:0; 
	font-weight:bold;
	padding:0 1px/; 
	height:25px; 
	border:0; 
	width:90px;
	color:#FFF;
	background-color:#8D8D8D;
	border-top:1px solid #FFF;
	text-align:left;
}
ul.navigation ul li a:hover{

color:#000;
background-color:#FFBE00
}

ul.navigation ul li a { 
	display:block; 
	clear:both; 
	float:none;
	width:90px !important; 
	height:25px; 
	text-align:left;
	padding-left:20px;
	padding-top:7px;
	margin-top:0; 
	text-transform:none; 
	font-weight:bold;
}
ul.navigation ul li.select { /*background:url(../images/sousnav_bg_li.gif) repeat-y center top;*/}
ul.navigation ul li a:hover, ul.navigation ul li a.aselect { background:#D8D6D3; color:#000;font-weight:bold;width:90px;height:25px;}
ul.navigation ul li.last {/*background:url(../images/sousnav_bg_li_last.png) no-repeat center bottom;*/ padding-bottom:0; border:0;}

/* 3e niveau */
.navigation li li ul {  }
.navigation li li li a:hover, .navigation li li li a.aselect { }

/*############################ FIN MENU #########################*/

/*--------------MENU ADMIN -------------------*/

#side{
	margin-left:auto;
	margin-right:auto;
	width:auto;
	background-color:#000000;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:0
}

#side a{
	text-decoration:none;
	background-color:#000000;
	color:#FFFFFF;
	dislay:block;
	padding:5px
}

#side a:hover{
	text-decoration:none;
	background-color:#CCCCCC;
	color:#000000;
	dislay:block;
	padding:5px
}


#center{
    margin-right:auto;
	margin-left:auto;
    margin-top:-14px;
    text-align:center;
    width:100%;
	/*border-left:1px solid #70A6D4;
	border-right:1px solid #70A6D4;*/
    text-align:center;
    font-size:14px;
    font-family:Arial;
    min-height:400px;
    background-color:#c8c8c8;
	margin-bottom:0;
	}

#center p.bienvenu{
font-family:Arial;
margin-left:auto;
margin-bottom:auto;
margin-top:0;
font-size:22px;
text-align:center;
height:auto;
background-color:#70A6D4;
color:#FFFFFF;
}	

#center p.bienvenu a{
color:#FFFFFF;
padding-left:5px;
border-left:2px solid #FFFFFF
}

#center p.bienvenu a:hover{
text-decoration:none;
color:#C03000
}

#center h1 {
	padding-top:30px;
	padding-bottom:20px;
	color:#5f5a82;
    font-size:24px;
}

#center h2{
	text-align:left;
	padding-top:10px;
	padding-left:30px;
}

#center h3{
    text-align:left;
}

#center h4{
    text-align:center;
    width:auto;
	}

#center p{
	padding-left:33px;
	padding-right:33px;
    text-align:justify;
	width:830px
}

#center table{
width:860px;
margin-left:20px;
}

#center table td{
width:400px;
text-align:justify;
padding:30px;
padding-bottom:10px
}

#center table#mailform td{
padding:0px

}

#center p.accueil{
width:600px;
margin-right:auto;
margin-left:auto;
text-align:justify;
}
	
#center a {
    text-decoration:none;
    color:;
	}
#center a:hover {
    text-decoration:underline;
    color:;
	}

#logoaccueil{
	margin-top:50px
	}

#pageedit{
width:100%;
text-align:left;
}

#pageedit td.title{
width:30%;
text-align:right
}

#center table.page_edit td{
padding:0px
}

#listepages{
	margin-left:20px;
	text-align:left;
	width:90%;
	border-bottom: 1px solid grey;
	border-top: 1px solid grey
}

#listepages th {
	border-bottom: 1px solid grey
	
}

	
#leftlink{
float:left;
text-align:center;
margin-top:-30px;
margin-left:20px;
width:150px;
border:1px solid #ffffff;
font-size:18px;
}	
	
#leftlink a{
text-decoration:none;
background-color:#ffffff;
font-size:18px;
color:#70A6D4;
}	

#leftlink a:hover{
text-decoration:none;
font-size:18px;
-moz-opacity:0.5;
opacity: 0.5;
filter:alpha(opacity=50);
}

#rightlink{
float:right;
text-align:center;
margin-top:-30px;
margin-right:20px;
width:150px;
border:1px solid #ffffff;
}

#rightlink a{
text-decoration:none;
background-color:#ffffff;
font-size:18px;
color:#70A6D4;
}	


#rightlink a:hover{
text-decoration:none;
font-size:18px;
-moz-opacity:0.5;
opacity: 0.5;
filter:alpha(opacity=50);
}
	
#baslink a{
text-decoration:none;
color:#70A6D4;
background-color:#ffffff;
font-size:20px;
padding:0 5px 0 5px}

#baslink a:hover{
text-decoration:none;
color:#ffffff;
background-color:#70A6D4;
font-size:20px;
}
	
#diapo{
width:100%;
text-align:left;
margin-left:30px;
}

#constdiapo1{
width:100%;
text-align:left;
margin-left:30px
}	
	
	
#imagefloatright{
padding-right:40px;
padding-left:40px;
float:right
    }
	
#imagefloatleft{
padding-right:40px;
padding-left:40px;
float:left
    }

#photosiso{
    }

#photosiso img{
    }

#photosiso td{
    }

.photocentre {
    }

.troisphotos {
	}

#side{
    }

#basmenu{
font-size:14px;
border-top:1px solid #70A6D4;
color: #ffffff;
padding:0
}

#basmenu a{
color: #ffffff;
margin-top:0;
text-decoration:none;
padding: 0 5px 0 5px;
}

#basmenu a:hover{
color: #ffffff;
text-decoration:none;
background-color:#70A6D4;
padding: 0 5px 0 5px;
}
	
#bandeaubas{
    width:900px;
    background-color:#EFECCA;
    margin-left:auto;
    margin-right:auto;
	/*height:300px;
	/*background-image:url(../images/maquettes/arriere.jpg);
	background-repeat:x-repeat;
	background-position:bottom center;*/
   /*background-color:#70A6D4;
   /*border-top:1px solid */
}


#pied{
    }

.transparent {
    filter:alpha(opacity=40);  
    -moz-opacity:0.40;
    opacity: 0.40;
}

#contact{
float:left;
margin-left:30px;
margin-top:10px
}

#contact a{
text-decoration:none;
color:#000000
}

#contact a:hover{
opacity : 0.5;
    -moz-opacity : 5;
    -ms-filter: "alpha(opacity=5)"; /* IE 8 */
    filter : alpha(opacity=5); /* IE < 8 */ 
}


#contactform{ 
width:700px;
text-align:left;
height:300px;
}