/* -- general -- */
body {
	background-image:url(../img/fond_bleu.gif);	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin: 0px;
	padding: 0px;
}
#global {
	background-image:url(../img/fond_global.gif);
	position:absolute;
	width: 760px;
	left: 50%;
	margin-left: -381px;
	top:0px;
}
img{border:0px;}

/* -- mise en page -- */
.banniere{
	width:697px;
	height:160px;
	margin-left:43px;
}
.banniere_rempl{margin-left:43px;}/* si pas de plugin */
#menu_rempl{margin-left:150px;padding-bottom:25px;}
#menu_rempl li{float:left;margin:0px 8px;list-style-type :none;}
a.lien_rempl:link, a.lien_rempl:visited, a.lien_rempl:active{text-decoration:none;color:#f60;}
a.lien_rempl:hover{text-decoration:underline;}

#texte{
	background-image:url(../img/dessin.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	width:694px;
	margin-left:43px;
	color:#369;	
	
	min-height: 236px;/*pour fixer une taille minimale sous mozilla*/
	height: auto !important;/*pour fixer une taille minimale sous ie*/
	height:236px;
}
#diapo_bas{
	background-image:url(../img/fond_diapo3.gif);
	background-position:bottom;
	width:760px;
	height:179px;
	margin-left:0px;
	
	text-align:center;
	color:#f63;
	line-height:1.6;
}
/* -- onglet gauche -- */
#onglet_gauche{
	background-image:url(../img/onglet_gauche.gif);
	position:absolute;
	left:5px;
	top:200px;
	
	width:38px;
	height:68px;
}
#bloc_contact, #bloc_resa{display:none;}/* pour impression */
#contact{margin:15px 0px 0px 18px;border:0px;padding:0px;}
#imprim{margin:5px 0px 0px 18px;border:0px;padding:0px;}

/* -- contenu -- */
.banniere_haut{display:none;}/* pour impression */
.titre{margin-left:420px;}/* titre rubrique */
.contenu{
	margin-top:10px;
	margin-left:160px;
	display:block;
	
	width:320px;
	line-height:1.7;
}
.contenu p{width:390px;margin:0px;padding:0px;border:0px;}
.c_acces{width:290px;}
.lettrine {
	float: left; /* positionnement de la lettrine dans le conteneur*/
	font-size: 3em; /* 3 hauteurs de lignes pour la lettrine*/
	line-height: 1em;
	margin: 0px 2px -3px 0px;
	padding: 2px 5px 0px 5px;
	text-align:center;
	
	width:28px;
	height:36px;
	background-image:url(../img/fond_lettrine.gif);
	background-color:#ffc;
	background-position:top left;
	display:block;
	text-transform:uppercase;
}
/* tableau */
table{
	margin:20px 0px;
	border-collapse: collapse;
	width:520px;
}
td{
	text-align:center;
	border:1px solid #adc3d2;
	background-color:#f8fbfd;
	color:#587999;/*#FF6600*/
	font-weight:bold;
}
.tab_titre{
	padding:2px 0px;
	background-color:#e5f3fd;
	width:84px;
	
	font-weight:normal;
	line-height:1.4;
	color:#369;
}
.tab_ch{
	font-weight:normal;
	line-height:1.2;
	padding:2px 0px;
	background-color:#f0f8fd;
	color:#369;
}
.blanc{background-color:#fdfbee;border:0px;width:72px}/* cellule vide */

/* listes */
ul{margin:10px 10px 0px 10px;padding:0px 10px;border:0px;}
#list1{border-right:1px dashed #f0bb54;width:220px;margin-top:30px;}
#list2{width:220px;margin:-180px 0px 0px 280px;}
#list3{width:460px;margin-top:-10px;}
li{list-style-image:url(../img/puce.gif);}

/* sous titre orange*/
.sous_titre{color:#F49230;font-weight:bold;margin:0px;padding:0px;border:0px;}

/* dessins en plus */
.photo_dejeuner{margin:-165px 0px 0px 400px;}
.photo_tourisme{margin:-165px 0px 0px 380px;}
/* -- partie droite -- */
.photo_droite{
	position:absolute;
	left:530px;
	top:200px;
	border:1px solid #cdcda8;
}
.ph_restaurant{top:220px;}
.ph_seminaires{left:540px;}
.plan{left:510px;border:1px solid #f93;}
/* -- partie bas -- */
.titre_bas{/* titre réservation */
	margin-top:1px;
	margin-left:557px;
}
/* -- diaporama Flash -- */
.diaporama{
	float:left;
	width:368px;
	height:126px;
	margin: -10px 0px 0px 183px;
	padding:0px;
	border:0px;
}
/* -- reservation -- */
/* lien réservation */
a.l_resa:link,a.l_resa:visited,a.l_resa:active{color:#f63;text-decoration:none;height:15px;width:96px;background-image:url(../img/bouton_resa.gif);padding:0px 20px;}
a.l_resa:hover{background-image:url(../img/bouton_resa2.gif);color:#ff7f00;font-size:0.9em;}
a.mail:link, a.mail:active, a.mail:visited{color:#f63;text-decoration:none;}
a.mail:hover{text-decoration:underline;}
.resa{
	color:#f63;
	text-decoration:none;
	margin:0px 27px 0px -20px;
	padding-top:0px;
	text-align:center;
}