/* CSS Document */
body {
margin: 0;/* sans marges, la page sera collée aux bords */

font-family: verdana, arial, sans-serif; /* on définit la police de base dans la page */
font-size: 12px; /* on définit la taille de police de base dans la page */
background:#FFFFFF ;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
}

h2{
 font-size: 114%;
 color: #006699;
}

h3{
 font-size: 100%;
 color: #334d55;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}

a:link, a:visited, a:hover {
	color: #818181;
	text-decoration: underline;
	
}

a:hover {
	text-decoration: underline;
}


ul,li {
list-style-type: none; /* pour ne pas avoir de puces */
margin: 0;
padding:0;
line-height: 30px; /* interligne */
}

/***********************************************/
/*partie découpées du site                     */
/***********************************************/

/* PARTIES DU HEADER */
.header {
height: 104px;
/*border:1px solid black;*/
margin-left: auto;
margin-right: auto;
width:980px; /* largeur obligatoire pour être centré */

}

/* Conteneur pour le tableau des lien et selection du langage */
.NavHead {
float: right; /* alignement du logo à droite */
margin-right: auto;  /* placement du logo dans son conteneur, header */
margin-top: 0px;
width:390px;
height:103px;
/*border:1px solid black;*/

} 

/* Conteneur pour le logo du site */
.logo {
float: left; /* alignement du logo à gauche */
margin-right: 0px;  /* placement du logo dans son conteneur, header */
margin-top: 4px;
/*border:1px solid black;*/
}

/*Div pour l'identification*/
.Identifiant{
/*border:1px solid black;*/
background-color:transparent;
width:300px;
height:50px;
margin-top:65px;
margin-right:25px;
margin-left:30px;
position:absolute;
vertical-align:bottom;
}
html>body .identifiant{
margin-top:60px; 
background-color:transparent;}
/* fin div identifiant*/

/* FIN PARTIES DU HEADER */

/* Bande de dégradé de bleu pour navigation sur le site */
.NavSite{
margin-top:3px;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px; 
font-weight:bold;
color: #FFFFFF;
margin-left: auto;
margin-right: auto;
width:980px; /* largeur obligatoire pour être centré */}

/************************************************/
/* LIEN NAVIGATION DANS LA BARRE BLEUE         .*/
/************************************************/
.NavSite:link, .NavSite:hover, .NavSite:visited{
color:#FFFFFF;
font-weight:bold;
font-size:11px;
text-decoration:none;
}


/*INFO NAVIGATION ENTRE HEADER ET CORPUS */

/* Bar indiquant : vous êtes ici -> localisation dans le site */
.BarNavigation{
margin-top:9px;
margin-left: auto;
margin-right: auto;
width:980px; /* largeur obligatoire pour être centré */
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
height:24px;
color:#818181;
}

/* Bar bleu marine indiquant la section du site */
.BarSection{
margin-top:3px;
margin-left: auto;
margin-right: auto;
width:980px; /* largeur obligatoire pour être centré */
background-color:#254C7A;
text-align:right;
font-size:12px;
height:25px;
/*border:1px solid red;*/
}

/* FIN NAVIGATION ENTRE HEADER ET CORPUS

/* PARTIE DU CORPS DU SITE */
.NavigationCorpus{
margin:3px 0 0 100px;
position:static;
/*border:1px solid black;*/
width: 980px;
height:40px;
}

.HeaderCorpus{
margin-top:3px;
margin-left: auto;
margin-right: auto;
width:980px; /* largeur obligatoire pour être centré */
/*border:1px solid black;*/
height:231px;
}

/*Conteneur animation Flash  dans class HeaderCorpus*/
.AnimationFlash{
float: left; /* alignement de l'animation flash à gauche */
margin-right: 0px;  
width:614px;
height:230px;
/*border:1px solid black;*/
}
/*Conteneur de la recherche sur home page dans class HeaderCorpus*/
.Recherche{
float: right; /* alignement de la recherche à droite */
margin-right: 0px;
width:364px;
height:230px;
/*border:1px solid black;*/
}
/*Bandeau avec grande image qui se place sous la bande bleue */
.BarreImage{
/*border:1px solid black;*/
margin-left:auto;
margin-right:auto;
width:980px;
height:123px;
}
/* DEBUT PARTIE DU CORPS DU SITE */

.Corpus{
margin-top:4px;
margin-left: auto;
margin-right: auto;
width:980px; /* largeur obligatoire pour être centré */
height:auto;
min-height:300px;
/*border:1px solid black;*/
}
.CorpusBoutique{
margin-top:0px;
margin-left: auto;
margin-right: auto;
width:980px; /* largeur obligatoire pour être centré */
height:auto;
/*border:1px solid black;*/
}
/* CLASS POUR LE CORPS DE L'INDEX */
.ImgSegment{
height:84px;
width:306px;
/*border:1px solid black;*/
}
.ImgOffres{
margin-top:0px;
height:84px;
width:193px;
float:left;
/*border:1px solid black;*/
}
.SegmentOffre{
/*border:1px solid black;*/
float:right;
height:84px;
width:111px;
color:#FFFFFF;

}
.TextOffre{
float:left;
width:306px;
height:162px;
background-image:url(../img/BasSejourOffre.gif);
background-repeat:no-repeat;
}
.show{
display:block;
}
.hide{
display:none;
}

/* FIN DES CLASS POUR LE CORPS DE L'INDEX */

/* FIN PARTIE DU CORPS DU SITE */

.FooterIndex{
margin-top:4px;
margin-left: auto;
margin-right: auto;
width:980px; /* largeur obligatoire pour être centré */
height:30px;
color: #818181;
}


.Footer{
background-image:url(../img/barrept-footer.gif);
background-repeat:no-repeat;
background-position:top;
margin-top:0px;
margin-left: auto;
margin-right: auto;
width:980px; /* largeur obligatoire pour être centré */
height:30px;
font-size:11px;
color: #818181;
}

#text{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
	width:900px;
}
.image{
  	position:relative;
	width: 150px;
	padding: 0 3% 0 0;
	left: 35px;
	top: 0px;
	
	
}

/**********************************************************************************************/
/* Tableau de navigation en haut de la page (liens sur réservation, newsletter, guide, langue */
/**********************************************************************************************/
.TdNav{
  font-family:Verdana, Arial, Helvetica, sans-serif; 
 font-size:10px; 
 color:#144376;
 text-align:center;
 vertical-align:middle;
}

.TdNav:link, .TdNav:visited, .TdNav:hover {
	color: #006699;
	text-decoration: none;
}

.TdNav:hover {
	color:#95190C;
}

span.bord-select {
  display: block;
  width: 100px;
  border: 1px solid #7F9DB9;

}
html>body span.bord-select
{
	border: 1px solid #7F9DB9;
}
.selectlangue {
width:100%;
  background: #FFFFFF;
  border: 2px solid transparent;
  font-size:11px; 
  font-family:Arial, Helvetica, sans-serif;
}
html>body .selectlangue
{
	border: 2px solid transparent;
}
/************************************************/
/* Fin tableau de navigation en haut de la page.*/
/************************************************/



/************************************************/
/* Onglet du menu de recherche sur le moteur     */
/************************************************/
.OngletSelect{
background:inherit;
width:120px;
text-align:center;
color:#FFFFFF;
font-size:11px;
background-image:url(../img/ongletdark.gif);
background-repeat:no-repeat;
/*background-color:#91B2D7;*/
}
.OngletSelectLiens:link, .OngletSelectLiens:hover, .OngletSelectLiens:visited{
color:#FFFFFF;
font-size:11px;
text-decoration:none;
}
.OngletUnSelect{
background:inherit;
width:120px;
text-align:center;
color:#FFFFFF;
font-size:10px;
font-weight:lighter;
background-image:url(../img/ongletlight.gif);
background-repeat:no-repeat;
/*background-color:#AAC8EB;*/
}
.OngletUnSelectLiens:link, .OngletUnSelectLiens:hover, .OngletUnSelectLiens:visited{
color:#6583A5;
font-size:10px;
font-weight:lighter;
text-decoration:none;
}
/************************************************/
/* fin Onglet du menu de recherche sur le moteur */
/************************************************/


/***********************************************/
/*Boutons et autres elements pour la page      */
/***********************************************/

/* comportement pour MSIE */
.boutons{
	background-color:#95190C;
	border:medium double #95190C;
	border-width:6px; 
	color:#FFFFFF;
	font-weight:bold;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
}

/* comportement pour les autres */
html>body .boutons  
{
	border: 6px double #fff;
}


.elementform{
	background-color:#F0FFFE; 
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

.input1 {
background-color : #F6F6F6;
font-size: 10px;
}	


/**********************************************************************************************/
/* boutons spécifique pour chaque rubrique                                                    */
/**********************************************************************************************/

/* Premier bouton rechercher avec la loupe */
/* comportement pour MSIE */
.boutonRecherche{
	background-color:#95190C;
	border:medium double #95190C;
	border-width:4px; 
	color:#FFFFFF;
	font-weight:bold;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../img/loupe.gif);
	background-repeat:no-repeat;
}

/* comportement pour les autres */
html>body .boutonRecherche  
{
	border: 4px double #fff;
}
/* Premier bouton rechercher avec la loupe */
/* comportement pour MSIE */
.boutonReserver{
	background-color:#95190C;
	border:medium double #95190C;
	border-width:4px; 
	color:#FFFFFF;
	font-weight:bold;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../img/r.gif);
	background-repeat:no-repeat;
}

/* comportement pour les autres */
html>body .boutonReserver  
{
	border: 4px double #fff;
}
/************************************************/
/*Fin boutons spécifiques pour chaque rubrique   */
/************************************************/




/***********************************************/
/*Partie de texte avec attribut spécifiques    */
/***********************************************/
.TextHead1{
font-family:Arial, Helvetica, sans-serif; 
font-size:16px; 
font-weight:bold;
color:#993333;
}

.TextHead2{
font-family:"Times New Roman", Times, serif;
font-size:24px; 
font-weight:bold;
color:#990000;
}