body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background:#C3D751 url(images/fond-page.gif) top repeat-x;

	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


#bas,#haut,#navi{
	position:absolute;
	text-align:center;
	width:100%;
	margin:0;
	padding:0;

}

#bas{
	top:150px;
	
	background:transparent url(images/fond-contenu.gif) top center repeat-y;
}

#counter{
margin-top:10px;
color:#999;
background:transparent;
}
#counter a{
	text-decoration:none;
	color:#999;
}

#haut{
	top:0px;
	height:120px;	
	background:transparent url(images/header-fond.jpg) top center no-repeat;
	
}

#titre{
	float:right;
}

#header,#page,#pied{
width:778px;
margin:auto;
}


#navi{
	top:120px;
	height:30px;
	background:transparent url(images/fond-contenu.gif) top center repeat-y;
}


#page{
	
}

#pied{
	clear:both;
	padding-top:30px;
	background:transparent url(images/pied-page.gif) bottom repeat-y;
	height:62px;
	color:#FFF;
}

#contenu{
	width:538px;/*545 réel*/
	float:left;
	height:100%;
	text-align:left;
	padding:0 0 0 15px;
}

#menu{
	width:225px;
	height:100%;
	text-align:center;
	float:right;
}
.spacer{
	display:block;
	clear:both;
}
#navigation{
	text-align:left;
	padding-left:15px;
	width:763px;
	margin:auto;
	line-height:20px;
}
#navigation a{
padding:2px 5px;
text-decoration:none;
color:#333333;
font-weight:bold;
}
#navigation a:hover{
background:#99CCFF url(images/link.gif) bottom repeat-x;


}
#reservation h3{
	background:#ccc url(images/reservez-1.gif) top no-repeat;
	font-size:14px;
	height:20px;
	padding:6px 0 0 0;
	margin:0;
}
#reservation{
	margin:auto;
	margin-top:0px;
	width:200px;
	padding-bottom:15px;
	background:#BBDDFF url(images/reservez-2.gif) bottom no-repeat;
}
#reservation ul{
	list-style:none;
	padding:0;
	width:100%;
	margin:0;
}
#reservation li{
	border-top:1px solid #fff;
	padding: 2px 0 2px 0;
	margin:0;
}
#reservation a{
	color:#333;
	text-decoration:none;
}
.perso_table{
	text-align:left;
}

.entete{
text-align:center;
	padding:0;
	margin:0;
}
.perso_table{
	text-align:left;
}


#error{
width:525px;
margin:0 0 5px 0px;
padding:5px;
border:1px dotted #99CC00;
background:#FFF;
text-align:center;
color:#336600;
font-weight:bold;
}
#error h2{
margin:0;
background:#99CC00;
color : #FFF;
}
#error ul, #error li{
	list-style:none;
padding:0;
}

.flottante{
width:525px;
margin:0 0 5px 0px;
padding:5px;
border:1px dotted #ccc;
background:#FFF;
}
.flottante img{
border:0px;
}

.flottante h1{
	background:#99CCFF url(images/link.gif) bottom repeat-x;
	border:1px solid #CCC;
	padding:2px;
	margin:0 ;
	text-align:center;
	font-size:18px;
}
.petiteflottante{
width:152px;
margin:7px 15px 7px 0px;
padding:5px;
border:1px dotted #ccc;
background:#FFF;
float:left;
text-align:center;
}
.bon-cadeaux{
width:220px;
margin:7px 10px 7px 10px;
padding:5px;
border:1px dotted #ccc;
background:#99CCFF;
float:left;
text-align:center;
	height:110px;
}
.bon-cadeaux p{
	padding:0;
}
.bon-cadeaux .listprix{
	font-weight:bold;
	font-size:20px;	
	margin: 0 0 15px 0;
}

.bon-cadeaux .listtitre{
	margin: 5px 0 0 0;
}

.intitule,.erreur_form{
padding:1px 3px;
	text-align:left;
	vertical-align:top;
	font-weight:bold;
	border:1px solid #CCC;
	
}
.erreur_form{
background:#99CC00;
	
}


#partner h3{
	background:#99CCFF url(images/link.gif) bottom repeat-x;
	border:1px solid #CCC;
	padding:2px;
	margin:5px 0 0 0 ;
}

#partner h4{
	border:1px solid #CCC;
	padding:2px;
	margin:0;
}
.flottante h2{
	font-size:12px;	
	background:#99CCFF url(images/link.gif) bottom repeat-x;
	text-align:left;
	margin:0 0 5px 0;
	padding:1px 3px;
	border:1px solid #CCC;
}
.flottante a,.petiteflottante a{
	color: #333333;
}
.listtexte{
	text-align:left;
	margin:12px 0;
}

#connexe{
text-align:left;
	margin:auto;
	margin-top:0px;
	margin-bottom:15px;
	width:200px;
	padding:0px;
	border-bottom:1px solid #99CCFF;
	background:url("images/menu-fond.gif") bottom left repeat-y;
}
#connexe a{
	text-decoration:none;
	color:#003366;
	font-weight:bold;
}
#connexe a:hover{
	color:#006699;
}
#connexe ul{
	list-style:none;
	padding:0;
	width:100%;
	margin:0;
}
#connexe li{
	border-top:1px solid #99CCFF;
	padding: 2px 0 2px 0;
	margin:0;
}
.menpage, .page{
padding:1px;
background: #99CC33;
border:1px solid #CCC;
color:#FFF;
}
.pages a, .page{
font-weight:bold;
color:#333;
background:#FFF;
text-decoration:none;
}
.pages a:hover{
color:#333;
border:1px solid #336600;
}
.pages{
clear:both;
text-align:left;
margin: 5px 2px 5px 0px;
padding:0px;
width:auto;
}
#contenu h1{
	width:525px;
	margin:0 0 5px 0px;
	padding:5px;
	border:1px dotted #ccc;
	background:#B5DAFF url('images/nuages.jpg') top right;
	font-size:12px;	
	text-transform:uppercase;
}
#contenu h1 a{
	color:#333;
	border:1px solid #ccc;
	background:#FFF;
	padding:0 2px;
	text-decoration:none;
}
#contenu h1 a:hover{
	background:#C3D751;
}

.prod_g{
width:210px;
float:right;
}
#vignette{
border:1px solid #D5D5C1;
background:#FFF;
height:204px;
width:204px;
margin:1px;
}
#vignette img{
margin:2px;
border:0px;
}
#vignettes{
margin:10px 0 0 0;
padding:0;
text-align:left;
}
#vignettes img, .petiteflottante img{
border:1px solid #D5D5C1;
margin:1px;
}
.prod_d{
width:300px;
height:100%;
margin:0 5px 0 0px;
padding:0;
text-align:justify;

}


.right{
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

#menu_cabane{
	text-align:left;
}
#menu_cabane a{
	padding:2px 5px;
	margin-right:3px;
	border:1px dotted #666;
	text-decoration:none;
	background:#C3D751;
	font-weight:bold;
}


/*-----------*/
.calendar{
margin:auto;
}

.calendar td a,.calendar td span{
display:block;
text-decoration:none;
padding:4px 0;
color:#333;
}

.calendar td a:hover{
background:#666;
color:#FFF;

}
.calNON, .calRES, .calSEM, .calBA, .calWE, .calACT{
width:20px;
height:23px;
border:1px solid #CCC;
text-align:center;
vertical-align:absmiddle;
font-size: 10px;
}
.calNON{
	background:#CCCCCC url('images/strike.gif') top right;
}
.calSEM a,.calSEM span{
	background:#C3D751;
}
.calRES{
border:1px solid #cc0000;
	background:#cc0000;
}

.calWE a,.calWE span{
	background:#E4EBBB;
}
.calBA a,.calBA span{
	background:#BFDFFF;
	background:#CCCCCC url('images/strikeba.gif') top right;
}

.tab_mois{
vertical-align: top;
}

#bout{
	display:block;
	background:#99CC00 url('images/clign.gif');
	border:1px solid #999;
	float:right;
	margin:0;
	padding:1px 4px;
}
#bout a{
	text-decoration:none;
	font-weight:bold;
}
#bout a:hover{
	color:#FFF;
}
/* --------------*/
.tab, .tab2{
	align:center;
	margin:auto;
	border:0px;;
}
.tab td{
	padding: 0 3px;
}
.tab2 td{
	padding: 3px;
}
.tab_vert{
	background:#99CC00;
	border:1px solid #999;
	color:#333;
}
.tab_vertc{
	text-align:center;
	background:#DBE98C;
	border:1px solid #999;
	color:#333;
}
.tab_cell{	
	border:1px solid #CCC;
}
.tab_line{	
	border-bottom:1px solid #CCC;
}

/* -------------------- */

#caddie{
	background:url(images/fond-calendrier.gif);
	width:185px;
	height:41px;
	margin:auto;
	padding-left:15px;
	margin-bottom:10px;
	text-align:left;
}
#caddie a{
	text-decoration:none;
	color:#333333;
}
#caddie img{
	vertical-align:middle
}
.avant{
	color:#cc0000;
	font-weight:bold;
}

.valider input,.maj input {
cursor: pointer;
width: 113px;
height: 24px;
font-size: 0px;
border: 0;
}
.valider input{
background-image: url(images/valider.gif);
}
.maj input{
background-image: url(images/mettre-a-jour.gif);
}
.vide{
	text-align:center;
}
.condgen{
	padding:0 5px 5px 5px;
	border:2px solid #FF0000;
	background:#B5DAFF;
	font-weight:bold;
	color:#000;
}
.condgen a, #error a{
	color:red;
	text-decoration:none;

}
#no{
z-index:100;
position:absolute;
height:100%;
width:515px;
}
.vignimage img{
	border:1px solid #CCC;
}
.hide{
border:1px dashed red;
	display: none;
}
#monbout{
	font-weight:bold;
	text-decoration:none;
	font-size:10px;
}
.livredor{
	background:#FFFFCC url("images/coin.gif") top left no-repeat;
	width:400px;
	padding:25px 5px 15px 5px;
	margin:10px 0;
	font-family:Comic sans MS, Arial, Helvetica, sans-serif;
	color:#333;
	border-right:1px solid #999966;
	border-bottom:2px solid #999966;
}