html, body, ul, li, ol, dd, dt, dl, h1, p, form, label {
	margin: 0px;
	padding: 0px;
}
body {
 background: url(null) fixed ;
	background-color: #B0A284;
}
#contener, #contener_index {
	position: relative;
		font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
}
#contener_index {
height: 600px;
margin-top: 100px;
}
#contener_index #horsCadre {
position: absolute;
	font-family: "Calisto MT", "Verdana";
	font-size: 15px;
	color: #E4D59E;
	letter-spacing: 0.1em;
text-align: center;
	margin-top: -30px;
	width: 1024px;
}
#contener {
margin-top: 20px;
}

a {
	text-decoration: none;
}
/***************************************** border temp */
#contener, .calendrier, #contener_index, .cube_gh, .cube_dh, .cube_dhb, .cube_ghb, #page .contenu img, #page .contenu_tipi img, #page .contenu_img img, #page .livredor_mess, #page .contenu_simple img, #page .contenu ul[class=tarifs] {
border: 1px solid #9F7253;

}
/********************************************* tete ******************************************/
#tete {
	height: 130px;
	z-index: 10;
	background-image: url(../img/plume.jpg);
	background-repeat: no-repeat;
	background-position: 280px;

}

#tete .img_camp {
float: right;
padding-right: 10px;
margin-top: 15px;
}
#tete .nom {
	padding-left: 10px;
	padding-top: 40px;
	font-size: 36px;
	font-family: Auriol;
	text-transform: uppercase;
	color: #EBC067;
	letter-spacing: 0.1em;
	word-spacing: 0.3em;
}
#tete .nom a {
	color: #EBC067;

}
#tete .plumeaufloatRight, #tete .plumeaufloatLeft {
margin-top: 10px;
}

#tete .plumeaufloatRight {
float: right;
margin-right: 8px;
}
#tete .plumeaufloatLeft {
float: left;
margin-left: -5px;
}
#tete .texte {
	float: left;
	width: 180px;
	font-family: "Calisto MT", "Verdana";
	font-weight: bold;
	font-size: 14px;
	color: #614432;
	margin-top: 15px;
}
/**************************************** pages *******************************************/
#page {
	text-align: left;
	padding: 10px;
}
#page p {
margin-top: 15px;
}
#page_index {
	width: 100%;
	height: 520px;
	background-image: url(../img/peau_tendue.jpg);
	background-repeat: no-repeat;
	background-position: 350px;

}
#page_index .nom {
	font-size: 56px;
	font-family: Auriol;
	text-transform: uppercase;
	color: #EBC067;
	letter-spacing: 0.1em;
	word-spacing: 0.3em;
	margin-top: 15px;
	margin-bottom: 25px;
}
#page_index .contenu_g {
float: left;
width: 400px;
padding-top: 15px;
}
#page_index .contenu_d {
	font-weight: bold;
	font-size: 16px;
	font-family: "Calisto MT", "Verdana";
text-align: center;
float: left;
width: 500px;
margin-left: 80px;
margin-top: 60px;
}
#page_index .contenu_d p {
margin-top: 10px;
}
#page .plan {
float: left;
text-align: center;
	margin-bottom: 15px;
	width: 790px;
}
#page .plan img {
	margin-bottom: 15px;
}
/** page contenu */
#page .contenu {
float: left;
margin-bottom: 15px;
padding: 10px;
width: 770px;

}
#page .contenu_tipi, #page .contenu_simple {
margin-bottom: 15px;
padding: 10px;
width: 95%;

}

#page .contenu ul, #page .contenu_tipi ul{
margin-bottom: 20px;
}
#page .contenu ul[class=tarifs] {
width: 400px;
margin-top: 10px;
margin-bottom: 10px;
padding: 8px;
}
#page .contenu ul[class=tarifs] ol {
background-color: #EBC067;

}
#page .calendrier ul {
margin-bottom: 0px;
}
#page .contenu li, #page .contenu ol, #page .contenu_tipi li, #page .contenu_tipi ol {
	list-style-type: none;

}
#page .contenu li, #page .contenu_tipi li {
margin-left: 10px;
margin-bottom: 6px;
}
#page .contenu ol, #page .contenu_tipi ol {
margin-left:25px;
	margin-bottom: 10px;
	margin-top: 15px;

font-weight: bold;
}
#page .contenu img, #page .contenu_tipi img {
float: right;
margin-top: -30px;
padding: 3px;
}
#page .contenu_simple img {
float: right;
padding: 3px;
}
#page .contenu_img img {
margin: 15px;
padding: 3px;
}

#page .contenu .plusTop{
margin-top: -90px;
}

#page .titre {
color: #EBC067;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.1em;
display: block;
margin-top: 15px;

}
/******************************************* livre d'or *************************************/

#page  .livredor {
margin: 10px;
}
#page .livredor {
	background-image: url(../img/peau_tendue_5.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 550px;
	padding: 100px 200px 0px 173px;
}
#page .livredor_mess, .surv_livredor_mess {
background-image: url(../img/fond_transparent.png);

padding: 10px;
margin-top: 10px;

}
#page .surv_livredor_mess:hover {
background-image: none;

background-color: #e4d59e;

}
#page  .livredor_mess p, #page .surv_livredor_mess p {
margin-top: 0px;
}
#page  .livredor_mess p[class=signe], #page .surv_livredor_mess p[class=signe] {
margin-left: 100px;
}

/****************************************** mois ********************************************/
#page .contenu .mois {
	height: 18px;
	font-size: 12px;
margin-bottom: 6px;
}
#page .contenu .mois li {
	float: left;
	display: block;
	width: 20px;
	text-align: center;
	border: 1px solid #000;
margin-left: 0px;

}
#page .calendrier .titre {
margin-top: 5px;
}
#page .calendrier ul {
margin-bottom: 0px;
}
#page .contenu .mois_titre {
	float: left;
	font-weight: bold;
	width: 70px;
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
}
#page .contenu .ligne {
	text-align: center;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
#page .contenu .jour {
	height: 18px;
	font-size: 12px;
	margin-bottom: 6px;
}
#page .contenu .jour li {
	float: left;
	display: block;
	width: 20px;
	text-align: center;
	border: 1px solid #000;
		
margin-left: 0px;
}
.js {
background-color: #EBC067;
}
.wk {
font-weight: bold;
color: #E4D59E;
background-color: #B0A284;
}

/************************************************* calendrier ***********************************************/
.calendrier {
	margin-bottom: 5px;
	padding: 3px;
	
}

/* __________________________ menu ________________________ */

#contener_menu {
	height: 50px;
	padding-top: 30px;
	margin-left: 8px;
}
#contener_menu_index {
	height: 50px;
	padding-top: 10px;
	margin-left: 8px;
}

#menu {
float: left;
width: 900px;
text-align: center;
font-size: 14px;
font-family: "Auriol", "Calisto MT", "verdana";
letter-spacing: 0.1em;
text-transform: uppercase;

}

.ligne_menu {
clear: both;
height: 25px;
margin-left: 90px;
}
.menu_img {
float: left;
}

.menu_img img {
margin-top: -35px;

}
#menu p {
height: 25px;
}
#menu a {
color: #614432;
padding-top: 3px;
padding-bottom: 3px;
	padding-left: 18px;
	padding-right: 18px;

}

#menu a:visited, #menuD a:visited {
	color: #E4D59E;

}
#menu a:hover, #menuD a:hover {
	color: #EBC067;

}
#menu .active{
	text-decoration: underline;
	color: #EBC067;

}
/********************** menu broite ***********************************/
#floatLeft {
float: left;
}

#floatLeft #menuD { 
/* pour tous le sautres navigateurs */
position: fixed; 
margin-left: 20px;
width: 300px;
padding-top: 20px;

/* pour IE : 5, 5.5, 6 ... l'underscore n'étant plus interprété par IE 7*/
_position: absolute; 
_margin-top: expression(body.scrollTop+100+"px"); 
voice-family: "\"}\""; /* Tantek Celik hack. pour IE 5 et 5.5*/
voice-family: inherit;
_margin-top: expression(documentElement.scrollTop); /* Correction pour IE 6*/

}
#menuD a{
color: #614432;

}
/********************************** deco ********************************/
.cube_gh, .cube_dh, .cube_dhb, .cube_ghb {
position: absolute;
width: 5px;
height: 5px;

}

.cube_gh {
top: -7px;
left: -7px;
}
.cube_dh
{
top: -7px;
right: -7px;
}
.cube_ghb {
bottom: -7px;
left: 7px;
}
.cube_dhb
{
bottom: -7px;
right: 7px;
}
.fleche {
text-align: center;
margin-bottom: 30px;
}

/*************************** commun ***************************/
label {
display: block;
}
.fond_red {
	background-color: #FF3300;

}
.fond_green {
	background-color: none;

}
.text_red {
	color: #FF3300;
}
.text_green {
	color: #00CC66;

}
.spacer {
	clear: both;
}
.centrer {
text-align: center;
width: 100%;
}
.libre, .occupe {
width: 10px;
height: 10px;
border: 1px solid #000;
}
.occupe {
background-color: red;

}

/**************************************** pied **********************************/
#pied {
	font-size: 10px;
	font-family: verdana;
	color: #E4D59E;

}
#pied p {
margin-top: 5px;
}

#logoAubiweb {
	float: left;
	left: 10px;
	margin-top: 10px;
}
#stat {
	float: right;
	right: 10px;
	margin-top: 10px;
}
/********************** affichage des img ******************/
#agran {
	position: absolute;
	visibility: hidden;
	height: 760px;
	width: 760px;
	text-align: center;
	z-index: 50;
	margin-left: 15%;
	margin-top: 400px;
	left: -25px;

}
#agran_transparent {
	position: absolute;
	background-color: #B0A284;
	height: 760px;
	width: 760px;
	filter:alpha(opacity=90);  
	-moz-opacity:0.90;
	opacity: 0.90;
	z-index: -100;
	left: 0px;
	top: 0px;

}
.support {
	display: block;
	z-index: 1000;
}
.support
img {
	border: 1px solid #EBC067;
	vertical-align: middle;
	padding: 5px;
	margin-top: 25px;
}
.img_hand {
	cursor: hand;

}