body {
	margin:0;
	padding:0;
	margin-left: auto;
    margin-right: auto;
	width:930px;
}

a {
	color:#8A5CAD;
}

.texte {
	color:#222222;
	font-family:Verdana;
	font-size:11px;
}

.gras {
	color:#000000;
	font-family:Verdana;
	font-size:14px;
	font-weight:bold
}

.gras2 {
	color:#444444;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;	
	text-decoration:none
}

.gras3 {
	color:#993333;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;	
	text-decoration:none
}

.pied {
	color:#999999;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif
}

.pied a {
	color:#999999;
	font-size:10px;
	text-decoration:none;
}

h1 {
	font-family:Verdana;
	font-size:13px;
	color:#000000;
	font-weight:bold;
}

h3 {
	font-family:Verdana;
	font-size:14px;
	color:#3774b7;
	font-weight:bold;
	/*line-height:15px;
	background-image:url(../../images/fond_h3.gif);
	background-repeat:repeat-x;*/
}

img {
	padding:0;
	margin:0;
	border: none;
}

div#conteneur {
	width:912px;
	position:relative;
	height:auto;
	background-image:url(../../images/fond.png);
	background-repeat:repeat-y;
	padding-left:9px;
	padding-right:9px;
	min-height:600px;
}

div#contenu {
	width:695px;
	position:relative;
	height:auto;
	left:205px;
	min-height:340px;
}

div#haut {
	position:relative;
	top:0px;
	left:0px;
	height:152px;
}

div#bas {
	position:relative;
	top:0px;
	left:0px;
	background-image:url(../../images/bas.png);
	width:730px;
	height:21px;
	line-height:9px;
	padding-left:200px;
}

div#banniere {
	position:relative;
	top:0px;
	left:0px;
}


div#menu {
	position:absolute;
	top:149px;
	left:9px;
	margin:0;
	width:200px;
}

.menu-titre {
	background-image:url(../../images/fond_case_titre.png);
	background-repeat:no-repeat;
	width:160px;
	height:26px;
	padding-left:40px;
	line-height:29px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	border-top:#000000 1px solid;
}

.menu-case {
	background-image:url(../../images/fond_case.png);
	background-repeat:no-repeat;
	width:190px;
	height:26px;
	padding-left:10px;
	line-height:24px;
	color:#444444;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border-top:#000000 1px solid;
}

a.lien-menu {
	color:#000000;
	text-decoration:none;
}

a.lien-menu:hover {
	color:#0000AA;
	text-decoration:underline overline; 
}

.blanc {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:10px;
}

.blancpetit {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:9px;
}

.blanc a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:10px;
	text-decoration:none
}

.titre-page{
	padding-left:35px;
	color:#444444;
	background-image:url(../../images/fond_titre_page.png);
	width:645px;
	height:18px;
	line-height:12px;
	background-repeat:no-repeat;
	margin-top:-8px;
}

div#zone_tri {
	position:relative;
	top:0px;
	right:0px;
	text-align:right;
}

div#zone_nb_result {
	position:relative;
	top:0px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;

}

div#diaporama2 {
	display:block;
	position:relative;
	left:0px;
	top:0px;
	width:360px;
	height:273px;
	text-align:center;
}

div#diaporama2-fleche-gauche {
	position:absolute;
	left:5px;
	top:5px;
}


div#diaporama2-image-moyenne {
	position:absolute;
	top:60px;
	left:32px;
	width:295px;
	height:207px;
	text-align:center;
	overflow:hidden;
	border:#000000 1px solid;
}

div#diaporama2-mini-1 {
	position:absolute;
	left:32px;
}

div#diaporama2-mini-2 {
	position:absolute;
	left:107px;
}

div#diaporama2-mini-3 {
	position:absolute;
	left:183px;
}

div#diaporama2-mini-4 {
	position:absolute;
	left:258px;
}

div#diaporama2-fleche-droite {
	position:absolute;
	left:352px;
	top:5px;
}

/* ---------------------------------------------------
 * Styles appliqués au Calendrier
 * --------------------------------------------------- */

/** affichage du calendrier **/
div.cal{
	width:670px;
	height:420px;
	color:#444444;
	padding:0px;
	padding-left:30px;
}
div#calrec{
	width:195px;
	height:165px;
	padding:0px;
	padding-left:0px;
	position:absolute;
	float:left;
}
div.calendrier{
	background:#FFFFFF;
	border:solid #CCCCCC 1px;
	padding:5px;
	margin:5px;
	width:195px;
	height:165px;
	text-align:center;
	float:left;
	margin-left:5px;
	margin-right:5px;
}
div#calrec div.calendrier{
	background:#FFFFFF;
	border:solid #CCCCCC 1px;
	padding:5px;
	margin:5px;
	width:175px;
	height:165px;
	text-align:center;
	float:left;
	margin-left:5px;
	margin-right:5px;
}
div.cal span.titre{
	font-size:12px;
	font-weight:bold;
	margin:0 2px 0 2px;
	padding:0;
	vertical-align:top;
	width:120px;
}

div.cal li{
	list-style: none;	
}

div.cal ul#libelle {
	width: 195px;
	height:20px;
	margin: 0px;
	padding:1px;
}
div#calrec ul#libelle {
	width: 195px;
	height:20px;
	margin: 0px;
	padding:1px;
}
div.cal ul#libelle li {
	float : left;
	text-align:center;
	width :20px;
	height:16px; 
	margin:2px;
}
div.cal ul.ligne {
	width: 195px;
	height:20px;
	margin: 0px;
	padding: 1px;
} 
div#calrec ul.ligne {
	width: 175px;
	height:20px;
	margin: 0px;
	padding: 1px;
} 
div.cal ul.ligne:hover {
	width: 195px;
	height:20px;
	margin: 0px;
	padding: 0px;	
	background-color:#d2d2ff;
	border:solid #6082fa 1px;	
}
div#calrec ul.ligne:hover {
	width: 175px;
	height:20px;
	margin: 0px;
	padding: 0px;	
	background-color:#ffffff;
	border:solid #ffffff 1px;	
}
div.cal ul.ligne li {
	color: #333;
	float : left; 
	width : 20px;
	height:16px;  
 	cursor:pointer;
	text-align:center;
	margin:2px;
	list-style: none;
	text-decoration: none;
}

div.cal ul.ligne li.jour{
	background:#c0c0c0;
	text-decoration :line-through;
}
div.cal ul.ligne li.libre{
	background:#90ee90;
}
div.cal ul.ligne li.occupe{
	background:#ff7973;
}


div.cal ul.ligne li.today {
	/* apparence de la date du jour */
	background:#EEE;
	font-weight:bold;
}
div.cal ul.ligne li.select {
	font-weight:bold;
	background:#AAFFAA;
}		

div#tarif{
	background:#FFFFFF;
	border:solid #6080D1 2px;
	padding:5px;
	margin:5px;
	width:220px;
	text-align:center;
	margin-left:290px;
	min-height:150px;
}

div#tarif div#titre_tarif{
	font-size:12px;
	font-weight:bold;
	margin:0pt 2px;
	padding:0pt;
	vertical-align:top;
}
div#tarifu div#date{
	font-size:10px;
	width:200px;
	margin:0px;
	padding:0px;
	height:12px;
}
div#tarifu div#nbnuit{
	width:105px;
	margin:0px;
	padding:0px;
	height:14px;
	font-size:12px;
	font-weight:bold;
	color:#1111FF;
	text-align:right;
	float:left;
}
div#tarifu div#prix{
	width:105px;
	margin:0px;
	padding:0px;
	height:14px;
	font-size:12px;
	font-weight:bold;
	color:#FF1111;
	text-align:right;
	float:left;
}
div#pagination_cal{
	position:relative;
	width:650px;
	padding:0px;
	margin:0px;
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#1111FF;
	height:30px;
}

span#precedent{
	position:absolute;
	left:5px;
	padding:5px;
	margin:0px;
	text-align:left;
	vertical-align:middle;
	cursor:pointer;
}
span#suivant{
	position:absolute;
	right:5px;
	padding:5px;
	margin:0px;
	text-align:right;
	vertical-align:middle;
	cursor:pointer;
}
div#apartir{
	width:655px;
	height:25px;
	font-size:20px;
	color:#FF3333;
	text-align:center;
}