body {
	background: #717D10 url(ar-pl-page.gif) repeat-x;
	margin: 0px;
	padding: 0px;
	font: 1em Arial, Helvetica, sans-serif;
}
#page {
	margin: 10px auto;
	padding: 0px;
	width: 769px;
}
#entete {
	margin: 0px;
	padding: 0px;
	background: url(haut.gif) no-repeat;
}
#bandeau {
	padding:0px;
	height: 172px;
	width: 560px;
	position: absolute;
	top: 20px;
	left: 50%;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -186px;
	background-image: url(bandeau.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#logo {
	margin: 10px 0px 0px 10px;
}
#entete p {
	margin: 0px;
	padding: 0px;
}

#menu { 
	width:190px;
        float: left;
        margin: 0;
        padding: 0;
}

#menuhorizontal {
	margin: 0px 9px 0px 10px;
	padding: 0px 0px 0px 20px;
	background: url(fond-menu.gif) repeat-x;
	height: 35px;
}
#menuhorizontal li {
	float: left;
	position: relative;
	width: 120px;
	list-style-type: none;
}
#menuhorizontal li a {
	text-decoration: none;
	display: block;
	width: 120px;
	margin-top: 5px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #ffffff;
	font-size: 0,9em;
	margin-right: 0px;
	margin-left: 1px;
	border-right: 1px solid #990000;
	border-left: 1px solid #990000;
}
#menuhorizontal li a:hover {
	color: #990000;
}


#menuhorizontal li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 30px;
	;
	left: 0;
	border-top: 1px solid #990000;
	background-image: url(safarisaventures.gif);
	background-position: center bottom;
	width: 120px;
	padding-bottom: 10px;
	
}

#menuhorizontal li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#menuhorizontal li:hover ul, #menuhorizontal li.over ul { /* lists nested under hovered list items */
	display: block;
	margin: 0px 0px 0px -1px;
	padding: 0px 0px 5px 3px;
}
#menuhorizontal li ul a {
	color: #8E391C;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 0.7em;
}
#menuhorizontal li ul a:hover {
	color: #FFFFFF;
	background-color: #8E391C;
}

#gauche {
	display: block;
	width: 190px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 24px;
}

#gauche li {
	list-style: none;
	margin: 5px 0px 0px;
	padding: 0px;
}
#gauche li a {
	background: url(bt-menu.png) no-repeat;
	display: block;
	width: 160px;
	height: 20px;
	text-decoration: none;
	color: #FFFFFF;
	text-align: center;
	font-size: 1.1em;
	padding-top: 4px;
}
#gauche li a:hover {
	color: #990000;
}
#safarisaventures {
	background: url(safarisaventures.gif) no-repeat bottom;
	width: 155px;
	margin: 0px 0px 0px 2px;
	padding: 0px 0px 5px;
}
#safarisaventures li {
	margin-left: 0px;
}
#safarisaventures li a {
	color: #8E391C;
	font-size: 0.8em;
	text-align: left;
	width: 130px;
	background: url(puceempreinte.gif) no-repeat 0px 3px;
	padding: 1px 0px 1px 15px;
	margin: 0px 0px 0px 3px;
	height: auto;
}
#safarisaventures li a:hover {
	color: #f8fad2;
	background-color: #8E391C;
	background-image: url(puceempreinteover.gif);
}

#montascensions {
	background: url(montascensions.gif) no-repeat bottom;
	width: 155px;
	margin: 0px 0px 0px 2px;
	padding: 0px 0px 5px;
}
#montascensions li {
	margin-left: 0px;
}
#montascensions li a {
	color: #3D4403;
	font-size: 0.8em;
	text-align: left;
	width: 130px;
	background: url(randonneur.gif) no-repeat 0px 3px;
	padding: 1px 0px 1px 15px;
	margin: 0px 0px 0px 3px;
	height: auto;
	
}
#montascensions li a:hover {
	color: #E6FAD2;
	background-color: #3D4403;
	background-image: url(montascensionsover.gif);
}

#sejoursbalneaires {
	background: url(sejoursbalneaires.gif) no-repeat bottom;
	width: 155px;
	margin: 0px 0px 0px 2px;
	padding: 0px 0px 5px;
}
#sejoursbalneaires li {
	margin-left: 0px;
}
#sejoursbalneaires li a {
	color: #003366;
	font-size: 0.8em;
	text-align: left;
	width: 130px;
	background: url(dauphin.gif) no-repeat 2px 3px;
	padding: 1px 0px 1px 15px;
	margin: 0px 0px 0px 3px;
	height: auto;
}
#sejoursbalneaires li a:hover {
	color: #d7e8fb;
	background-color: #003366;
	background-image: url(dauphinover.gif);
	background-repeat: no-repeat;
}

#contenu {
	/*margin: 10px 20px 10px 190px;*/
	margin: 20px 0 0 214px;
	padding: 0px 0px;
	min-height:800px;
	width:530px;        
}

#contenu h1 font{
    display: inline-block;
    text-align: center;
    width: 100%;
}

#contenu p {
	font-size: 0.9em;
       	text-align: justify;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
}
#contenu .détails {
	text-align: right;
}
#contenu .vignette {
	background-image: url(vignette.gif);
	padding: 5px 5px 5px 5px;
	margin-right: 15px;
        border: 1px solid #990000;
        background-color: #ffffff;
	background-repeat: no-repeat;
	float: left;
}
#blocphotos {
	width: 175px;
	float: right;
	padding: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
	text-align: center;
}
#blocphotos ul {
	margin: 0px;
	padding: 0px;
}
#blocphotos ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: right;
}


#lodges, #activites, #curiosites {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	width: 55px;
	display: inline;
	float: right;
	font-size: 0.9em;
}
#lodges img, #activites img, #curiosites img {
	margin: 0px;
	padding: 0px;
	border: none;
}


#pied {
	background: url(pied.gif);
	height: 31px;
        display: block;
	margin: 0px;
	color: #FFFFFF;
	font-size: 0.8em;
	text-align: center;
	padding-top: 5px;
	clear: both;
}
#pied a {
	color: #FFFFFF;
}
#contenu #ariane {
	font-size: 1.0em;
	margin-bottom: 30px;
}
#blocadresse {
	padding: 0px;
	color: #5B2D1E;
	position: absolute;
	margin-top: -100px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -360px;
	left: 50%;
}
#blocadresse h1 {
	font-size: 0.9em;
	font-style: italic;
	font-weight: bold;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#blocadresse p {
	font-size: 0.7em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#blocadresse a {
	color: #5B2D1E;
}
/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
.date {
	background-image: url(date.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

/* Galerie Photos */
#listephotos {
	margin: 0px;
	padding: 0px;
}
#listephotos li{
	display: block;
	width: 132px;
	float:left;
	text-align: center;
	font-size: 0.8em;
        font-weight: bold;  
	list-style:none;
}
#listephotos img {
	border: 1px solid #FFCE00;
	padding: 5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
a {
	color: #E9E9E9;
}
#listephotos a, #listephotos a:hover {
	border: none;
}
.commentaires {
	font-size: 0.8em;
	color: #CCCCCC;
	font-style: italic;
	margin: 20px 30px 0px 10px;
	border-top: 1px dotted #CCCCCC;
}
.erreur {
	background: #EAC8C9;
}
.navphotos {
	margin: 5px auto;
}
hr {
	clear: both;
	color: #FFFFFF;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	height: 1px;
	width: 1px;
}
#contenu .formulaire{
	width: 90%;
	margin-right: auto;
	margin-left: auto;	
}
#contenu th {
	font-size: 1.0em;
        font-weight: bold;   
	color: #000000;
	text-align: right;
	width: 30%;
}
#contenu input, #contenu textarea, #contenu select {
	border: 1px solid #8A442A;
	width: 80%;
}
#contenu textarea {
 	height: 150px;
}
#contenu #adresse {
 	height: 40px;
        width: 240px;
}
#contenu input {
 	width: 240px;
}
#contenu select {
        width: 250px;
}
#contenu label #Ville { 
        height: 40px;
}
#contenu label {
	width: 105%;
	display: block;
}