@import url("imenus0.css");
@import url("style_galerie.css");
h1, h2, h3, h4, h5, h6, dl, dt, dd, form, ul, li, p, form {
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-image:url(../images/fond-page.gif);
	background-position: top left;
	background-repeat: repeat;
	background-color: #000000;
}
#Page{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	min-height:740px;
	_height:740px;
}
#Contenu {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

/***************************************************
                 ENTETE DE PAGE
***************************************************/
#BandeauFlash {
	width: 980px;
	height: 190px;
	position:relative;
}
#Logo {
	width: 336px;
	height: 280px;
	float:left;
}
#Flash {
	position:absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}
#Drapeaux {
	position:absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
}
#Panier {
	position:absolute;
	top: 168px;
	left: 880px;
	z-index: 100;
}

/***************************************************
                 COLONNE ACTUS A DROITE
***************************************************/
#ColonneActus {
	width: 336px;
	min-height: 552px;
	_height: 552px;
	float: left;
	text-align:left;
}

/***************************************************
                 TXT
***************************************************/
#BlocTxtAccueil {
	width: 980px;
	font-family: "Trebuchet MS";
	font-size:12px;
	background-image:url(../images/fond-txt-accueil.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	min-height: 550px;
	_height: 550px;	
}
#Repeat {
	width: 980px;
	background-image:url(../images/fond-repeat.jpg);
	background-position: top center;
	background-repeat: repeat-y;
	min-height: 600px;
	_height: 600px;	
}
#BlocTxt {
	width: 980px;
	font-family: "Trebuchet MS";
	font-size:12px;
	background-image:url(../images/fond-txt.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	min-height: 532px;
	_height: 532px;	
}
#BlocMenuAccueil {
	width: 980px;
	height: 37px;
}
#BlocMenu {
	width: 980px;
	min-height: 68px;
	_height: 68px;		
	background-image:url(../images/fond-entete-txt.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
#Menu {
	width: 980px;
	height: 37px;
}
#Txt {
	margin: 0px;
	padding: 0px 20px 0px 20px;
	text-align: left;
	min-height: 532px;
	_height: 532px;	
}
.ttt {
	font-size: 10px;
	line-height: 13px;
}
#Retour  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 10px;
	margin: 0px;
}
#Retour a, #Retour a:link, #Retour a:active, #Retour a:visited {
	color: #291201;
	text-decoration: underline;
}
#Retour a:hover {
	color: #856442;
	text-decoration: underline;
}

/***************************************************
                 COLONNE GAUCHE
***************************************************/
#BlocColonneFleche {
	width: 85px;
	min-height: 500px;
	_height: 500px;
	float: left;
}
#ColonneFleche {
	text-align:right;
	padding: 13px 10px 10px 10px;
}
#BlocColonneGauche {
	width: 308px;
	min-height: 500px;
	_height: 500px;
	float: left;
}
#ColonneGauche, .ColonneGauche {
	padding: 13px 15px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align:left;
}
#ColonneGauche #BorderFlash {	
	border:5px solid #000000;
	width: 280px;
	margin-left:auto;
	margin-right:auto;
	z-index:0px;
}
#ColonneGauche p, .ColonneGauche p{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-bottom: 14px;
}
#ColonneGauche h1, .ColonneGauche h1{
	color: #000000;
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight:bold;
}
#ColonneGauche h2, .ColonneGauche h2{
	color: #C70500;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight:bold;
}
#ColonneGauche h3, .ColonneGauche h3{
	color: #C70500;
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight:bold;
	margin-bottom: 8px;
}
#ColonneGauche h4, .ColonneGauche h4{
	color: #000000;
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight:bold;
	margin-bottom: 8px;
}
#ColonneGauche a, #ColonneGauche a:link, #ColonneGauche a:active, #ColonneGauche a:visited,
.ColonneGauche a, .ColonneGauche a:link, .ColonneGauche a:active, .ColonneGauche a:visited {
	color: #C70500;
	text-decoration: underline;
}
#ColonneGauche a:hover, .ColonneGauche a:hover{
	color: #000000;
	text-decoration: none;
}
#ColonneGauche ul, .ColonneGauche ul{
	padding-left: 30px;
}
#ColonneGauche ul li, .ColonneGauche ul li {
	list-style:square;
	list-style-type:square;
	margin-bottom: 4px;
	text-align:left;
}

/***************************************************
                 COLONNE DROITE
***************************************************/
#BlocColonneDroite {
	width: 420px;
	min-height: 500px;
	_height: 500px;
	float: left;
	padding-bottom: 30px;
}
#ColonnePhoto, .ColonnePhoto {	
	padding: 15px 10px 15px 10px;
	text-align:center;
	
}
#ColonnePhoto #BorderFlash, .ColonnePhoto .BorderFlash  {	
	border:5px solid #000000;
	width: 360px;
	margin-left:auto;
	margin-right:auto;
	z-index:0px;
}
#ColonneDroite, .ColonneDroite {
	padding: 10px 10px 10px 10px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border-left: 1px solid #000000;
	text-align:left;
}
#ColonneDroite p, .ColonneDroite p{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-bottom: 14px;
}
#ColonneDroite h1, .ColonneDroite h1{
	color: #000000;
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight:bold;
}
#ColonneDroite h2, .ColonneDroite h2{
	color: #C70500;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight:bold;
}
#ColonneDroite h3, .ColonneDroite h3{
	color: #C70500;
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight:bold;
	margin-bottom: 8px;
}
#ColonneDroite h4, .ColonneDroite h4{
	color: #000000;
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight:bold;
	margin-bottom: 8px;
}
#ColonneDroite a, #ColonneDroite a:link, #ColonneDroite a:active, #ColonneDroite a:visited,
.ColonneDroite a, .ColonneDroite a:link, .ColonneDroite a:active, .ColonneDroite a:visited {
	color: #C70500;
	text-decoration: underline;
}
#ColonneDroite a:hover  {
	color: #000000;
	text-decoration: none;
}
#ColonneDroite ul, .ColonneDroite ul{
	padding-left: 30px;
}
#ColonneDroite ul li, .ColonneDroite ul li {
	list-style:square;
	list-style-type:square;
	margin-bottom: 4px;
	text-align:left;
}
/***************************************************
                 MENU DROITE
***************************************************/
#BlocMenuDroite {
	width: 165px;
	min-height: 450px;
	_height: 450px;
	float: left;
	text-align:left;
	position: relative;
}
#BlocMenuDroite #Reservation {
	position:absolute;
	top:-10px;
	z-index: 0;
	padding:0px;
	margin:0px;
}
#BlocMenuDroite #Reservation h3, #BlocMenuDroite #Reservation h3 a{
	font-size: 20px;
	line-height: 20px;
	font-family: "Trebuchet MS";
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	padding-top:1px;
	float:left;
	width:120px;
}
#BlocMenuDroite #Reservation h4, #BlocMenuDroite #Reservation h4 a{
	font-size: 16px;
	font-family: "Times New Roman", Times, serif;
	font-weight:bold;
	background-color:#000000;
	color:#D4D3AF;
	float:left;
	padding: 1px 3px 1px 3px;
	text-decoration:none;
	float:left;
}
#BlocMenuDroite #Reservation .fleche {
	margin: 0px 4px 25px 0px;
	float:left;
}
#MenuDroite, #MenuDroite2 {	width:165px;}
#MenuDroite ul{
	padding: 70px 0px 15px 0px;
	text-transform:uppercase;
	color: #E4E3B7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
}
#MenuDroite2 ul{
	padding: 0px 0px 15px 0px;
	text-transform: none;
	color: #E4E3B7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
}
#MenuDroite ul li, #MenuDroite2 ul li {
	list-style:none;
	list-style-type:none;
	padding: 4px 0px 4px 10px;
	background-image:url(../images/fleche-menu-droite.gif);
	background-position: left center;
	background-repeat: no-repeat;
	border-bottom: 1px solid #000000;
	z-index:50;
}
#MenuDroite ul li a, #MenuDroite ul li a:link, #MenuDroite ul li a:active, #MenuDroite ul li a:visited,
#MenuDroite2 ul li a, #MenuDroite2 ul li a:link, #MenuDroite2 ul li a:active, #MenuDroite2 ul li a:visited {
	color: #E4E3B7;
	text-decoration: none;
}
#MenuDroite ul li a:hover, #MenuDroite2 ul li a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#BlocMenuDroite #BlocNews { 
	width:165px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
#BlocMenuDroite #News { 
	padding: 15px;
}
/***************************************************
                 COLONNE LARGE
***************************************************/
#BlocColonneLarge {
	width: 728px;
	min-height: 500px;
	_height: 500px;
	float: left;
}
#ColonneLarge {
	padding: 13px 15px 80px 0px;
	color: #331906;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align:left;
}
#ColonneLarge p{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-bottom: 14px;
}
#ColonneLarge h1{
	color: #000000;
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight:bold;
}
#ColonneLarge h2{
	color: #C70500;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight:bold;
}
#ColonneLarge h3{
	color: #D60702;
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight:bold;
	margin-bottom: 8px;
}
#ColonneLarge a, #ColonneLarge a:link, #ColonneLarge a:active, #ColonneLarge a:visited {
	color: #C70500;
	text-decoration: underline;
}
#ColonneLarge a:hover  {
	color: #000000;
	text-decoration: none;
}

/***************************************************
                 HISTORIQUE
***************************************************/
#MenuHistorique {
	background-color:#565541;
	color:#E4E3B7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	margin-bottom: 5px;
	padding:2px;
	text-align:center;
}
#MenuHistorique ul li{
	display: inline;
	padding: 0px 1px 0px 4px;
	list-style:none;
	list-style-type:none;
}
#MenuHistorique a, #MenuHistorique a:link, #MenuHistorique a:visited, #MenuHistorique a:active {
	color:#E4E3B7;
	text-decoration: none;
}
#MenuHistorique a:hover {
	color:#FFFFFF;
	text-decoration: none;
}
#MenuHistorique li.SelectSsMenu a, #MenuHistorique li.SelectSsMenu a:link, #MenuHistorique li.SelectSsMenu a:visited, #MenuHistorique li.SelectSsMenu a:active {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
}
#ColonnePhotoHistorique {
	width:270px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	text-align:center;
	padding-bottom:15px;
}
#ColonnePhotoHistorique .CadrePhoto {
	border: 5px solid #000000;
	margin-left:10px;
	margin-top:5px;
}
/***************************************************
                 BASELINE
***************************************************/
#BlocBaseline {
	float:left;
	width: 980px;
	background-color: #000000;
}
#Baseline {
	padding: 2px 5px 0px 5px;
	font-family: "Trebuchet MS";
	font-size:11px;
	color: #BFBE94;
	text-align:center;
	text-transform:uppercase;
}
#Baseline a, #Baseline a:link, #Baseline a:active, #Baseline a:visited {
	color: #BFBE94;
	text-decoration: none;
}
#Baseline a:hover  {
	color: #FFFFFF;
	text-decoration: none;
}
#BasPage {	
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	background-color: #000000;
	color:#4A4A4A;
	text-align:left;
	font-family: "Trebuchet MS";
	font-size:11px;
	padding: 0px 0px 10px 0px;
	text-align:center;
}

/***************************************************
                 FORMULAIRE
***************************************************/				
.combo {
	height: auto; 
	border: #404040 1px solid;
	font-family: verdana;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	background-color: #FFFFFF;
}
.combogo {
	height: auto; 
	border: #404040 1px solid;
	font-family: verdana;
	font-size: 11px;
	font-style: normal;
	background-color: #565541;
	color: #FFFFFF;
}
td,th{
	font-size: 12px;
	font-family: "Trebuchet MS";
}
th {
	color:#292929;
}

/***************************************************
                 CADRE PHOTO
***************************************************/
.CadrePhoto {
	border: 5px solid #000000;
}
.PhotoGauche {
	border: 5px solid #000000;
	float: left;
	margin-right: 9px;
}
.PhotoDroite {
	border: 5px solid #000000;
	float: right;
	margin-left: 9px;
}
.PhotoGaucheNoborder {
	margin-right: 9px;
	float: left;
}
.PhotoDroiteNoborder {
	float: right;
	margin-left: 9px;
}

/***************************************************
                 TABLEAU DE TARIFS
***************************************************/
TABLE.TableData{
	color:#000000;
}
TABLE.TableData TR{
	background-color:#66482C;
	font-size: 12px;
	font-family: "Trebuchet MS";
	height:20px;
	color:#FFFFFF;
}
TABLE.TableData TD{
	font-size: 12px;
	text-align: center;
	color:#000000;	
	border: none;
	border-bottom: 1px solid #292929;
}

TABLE.TableData TH{
	font-size: 12px;
	font-family: "Trebuchet MS";
	font-weight: bold;
	text-align: center;
	border: none;
	color:#FFFFFF;
	border-bottom: 1px solid #292929;
}
TABLE.TableData TH.SansTrait{
	font-size: 12px;
	font-family: "Trebuchet MS";
	font-weight: bold;
	text-align: center;
	border: none;
		border-bottom: none;
}
TABLE.TableData TH.colonne{
	text-align:left;
	padding-left: 10px;
	color:#000000;
}
TABLE.TableData TD a:link {
	color: #000000;
	text-decoration: none;
}
TABLE.TableData TD a:visited {
	color: #000000;
	text-decoration: none;
}
TABLE.TableData TD a:hover {
	color: #000000;
	text-decoration: underline;
}
TABLE.TableData TR.L1,TABLE.TableData TH.L1{background-color: #F2DFCC;}
TABLE.TableData TR.L2,TABLE.TableData TH.L2{background-color: #F4DCC2;}
TABLE.TableData TR.L1:hover,TABLE.TableData TR.L2:hover{background-color:#F7E9DA;}

TABLE.TableData{
	color:#000000;
}
TABLE TR.L3{
	background-color:#D8D7AD;
}

/***************************************************
                 TABLEAU ACCUEIL
***************************************************/
TABLE.TableAccueil h2{
	font-size: 16px;
	font-family: "Times New Roman", Times, serif;
	color:#000000;
	font-weight:bold;
}
TABLE.TableAccueil h3, TABLE.TableAccueil h3 a{
	font-size: 20px;
	font-family: "Trebuchet MS";
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
TABLE.TableAccueil h4, TABLE.TableAccueil h4 a{
	font-size: 16px;
	font-family: "Times New Roman", Times, serif;
	font-weight:bold;
	background-color:#000000;
	color:#D4D3AF;
	float:left;
	padding: 2px 5px 2px 5px;
	text-decoration:none;
}
TABLE.TableAccueil h5, TABLE.TableAccueil h5 a{
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
	color:#D4D3AF;
	float:left;
	text-decoration:none;
}
TABLE.TableAccueil  .fleche {
	margin: 0px 5px 10px 20px;
	float:left;
}

/***************************************************
                 RESERVATION EN LIGNE
***************************************************/
#ReservationEnLigne {
	width: 780px;
	height: 550px;	
	left: -54px;
	top: 50px;
	position:absolute;
	overflow:auto;
}
/***************************************************
                 PLAN DU SITE
***************************************************/
#ColonnePlan {
	width: 330px;
	min-height: 400px;
	_height: 400px;
	float: left;
	padding-right: 20px;
	padding-left: 60px;
}
#ColonnePlan2 {
	width: 290px;
	min-height: 400px;
	_height: 400px;
	float: left;
}
#ColonnePlan h3, #ColonnePlan2 h3{
	color: #D60702;
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight:bold;
	margin-bottom: 0px;
	margin-top: 12px;
}
#ColonnePlan a, #ColonnePlan a:link, #ColonnePlan a:active, #ColonnePlan a:visited,
#ColonnePlan2 a, #ColonnePlan2 a:link, #ColonnePlan2 a:active, #ColonnePlan2 a:visited {
	color: #000000;
	text-decoration: none;
}
#ColonnePlan a:hover, #ColonnePlan2 a:hover  {
	color: #C70500;
	text-decoration: underline;
}
#ColonnePlan ul, #ColonnePlan2 ul {
	padding-left: 40px;
}
/***************************************************
                 PARTENAIRES
***************************************************/
.Partenaires {
	width: 178px;
	min-height: 90px;
	_height: 90px;
	float: left;
	text-align:center;
}