/* CSS Document */
/*-------- les liens vers divers langues--------*/
#langue span
{
	margin-right:10px;
}
a.fr
{
	background-image: url(../images/backgrounds/drapeau-fr.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
	padding-left:24px;
}
a.fr:hover
{
	background-image: url(../images/backgrounds/drapeau-fr.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
	padding-left:24px;
}
a.en
{
	background-image: url(../images/backgrounds/drapeau-en.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
	padding-left:24px;
}
a.en:hover
{
	background-image: url(../images/backgrounds/drapeau-en.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
	padding-left:24px;
}
a.es
{
	background-image: url(../images/backgrounds/drapeau-es.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
	padding-left:24px;
}
a.es:hover
{
	background-image: url(../images/backgrounds/drapeau-es.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
	padding-left:24px;
}
/*le calque qui englobe le menu principale haut*/
#menu a
{
	display:block;
	width:125px;
	height:23px;
	float:left;
	background-image:url(../images/backgrounds/lien_menu.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
	padding-top:8px;
}
#menu a:hover
{
	display:block;
	width:125px;
	height:23px;
	float:left;
	background-image:url(../images/backgrounds/lien_s_menu.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
	padding-top:8px;
}
#menu a.contact
{
	display:block;
	width:125px;
	height:23px;
	float:left;
	background-image:url(../images/backgrounds/lien_contact.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
	padding-top:8px;
}
#menu a.contact:hover
{
	display:block;
	width:125px;
	height:23px;
	float:left;
	background-image:url(../images/backgrounds/lien_s_contact.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
	padding-top:8px;
}
/*colone gauche de la page d'accueil*/
#zone_gauche strong
{
	font-size:11px;
	color:#e2d9ab;
}
/*colone droite de la page d'accueil*/
#zone_droite h1
{
	font-size:14px;
	color:#ff0000;
	margin:0px 0px 12px 0px;
}
/*gabari pour la page visite guidee*/
#visite h2
{
	text-align:left;
}
p
{
	font-size:11px;
	color:#ffffff;
	margin:0px 0px 8px 0px;
	text-align:justify;
}

.gras
{
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
}
strong
{
	font-size:11px;
	color:#e2d9ab;
}

h2
{
	font-size:12px;
	color:#ffffff;
	margin:0px;
	font-weight:bold;
	background-image: url(../images/backgrounds/bg_h2.gif);
	background-position:bottom left;
	padding-bottom:8px;
	background-repeat:no-repeat;
	margin:0px 0px 6px 0px;
	
}
h3
{
	font-size:11px;
	font-weight:bold;
	color:#e2d9ab;
}
a 
{
	font-size:11px;
	color : #808080; 
	text-decoration : none; 
} 
a:hover
{
	font-size:11px;
	text-decoration : underline; 
} 
p.avec_separateur_bas
{
	font-size:11px;
	color:#ffffff;
	margin:0px 0px 8px 0px;
	text-align:justify;
	border-bottom:1px solid #1A1A1A;
	padding-bottom:2px;
}
p.avec_separateur_bas2
{
	font-size:11px;
	color:#ffffff;
	margin:0px 0px 8px 0px;
	text-align:justify;
	border-bottom:1px solid #1A1A1A;
	padding-bottom:20px;
}
ul {
	margin : 0; 
	padding : 0; 
	list-style : none; 	
} 
ul li {
	font-size : 11px; 
	line-height : 13px; 
	color : #ffffff;
	background-image:url(../images/backgrounds/puce_li.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:13px;
	margin:0px 0px 6px 0px; 
} 
ul li li {
	font-size : 11px; 
	line-height : 13px; 
	color : #ffffff;
	background: none;
	padding:0px;
	margin:0px 0px 6px 0px; 
} 
/*-------pour caller l'image a gauche du texte------*/
.img_gauche
{
float:left;
margin:0px 16px 4px 0px;
}
/*---formulaire de contact-------*/
form
{
margin:0px;
}

#tab_contact th
{
   font-size: 11px;
   padding:4px 4px 10px 0px;
   color:#ffffff;
   text-align:right;
   vertical-align:top;
}
#tab_contact textarea
{
	border: 1px solid #ffffff;
}
#tab_contact input
{
	border: 1px solid #ffffff;
	margin-bottom:4px;
}
#tab_contact input.case
{
	border:none;
	margin-bottom:4px;
}
#tab_contact input.bouton
{
	background-color:#e2d9ab;
	font-size: 13px;
	color:#000000;
	margin-top:4px;
}
td.champ_obligatoire
{
	font-size: 11px;
	font-style:italic;
	color:red;
}  
.red
{
	font-size: 11px;
	color:red;
}
.txt_rouge
{
	font-size: 11px;
	color:red;
}

/* deuxième partie du formulaire */
#tab_contact2 th
{
   font-size: 11px;
   padding:4px 4px 10px 0px;
   color:#ffffff;
   text-align:right;
   vertical-align:top;
}
#tab_contact textarea
{
	border: 1px solid #ffffff;
}
#tab_contact input
{
	border: 1px solid #ffffff;
	margin-bottom:4px;
}
#tab_contact input.case
{
	border:none;
	margin-bottom:4px;
}
#tab_contact input.bouton
{
	background-color:#e2d9ab;
	font-size: 13px;
	color:#000000;
	margin-top:4px;
}
td.champ_obligatoire
{
	font-size: 11px;
	font-style:italic;
	color:red;
}  
.red
{
	font-size: 11px;
	color:red;
}
.txt_rouge
{
	font-size: 11px;
	color:red;
}
img.plan_acces
{
	margin-top:20px;
}

/*---------cadre rouge pour la visite guidée-------*/
div.cadre
{
	width:580px;
	height:280px;
	border:1px solid #ff0000;
	padding:10px
}
/*------calendrier de la date de depart et d'arrivee------------*/
.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
}

/*--------------------------le footer de la page------------------*/
#footer a
{
	font-size:12px;
	color:#e2d9ab;
	text-decoration:none;
	margin:0px 20px 0px 20px;
}
#footer a:hover
{
	font-size:12px;
	color:#e2d9ab;
	text-decoration: underline;
}