@import url("style_infolive.css");

h1, h2, h3, h4, h5, h6, dl, dt, dd, form, ul, li, p, form {
	margin: 0px;
	padding: 0px;
}
ul,li {
	list-style-type: none;
}
body {
	margin: 0px;
	padding: 0px;
	background-color:#F3EEE4;
	background-image: url(../images/fond-degrade.gif);
	background-position: top center;
	background-repeat: repeat-x;
}
#Page{	
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/fond-repeat.gif);
	background-position: top left;
	background-repeat: repeat-y;
}
#Contenu {
	width: 982px;
	text-align: center;	
	background-image: url(../images/fond-entete.gif);
	background-position: top left;
	background-repeat: no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#292929;
}
.ttt {
	font-size: 10px;
	line-height: 13px;
}
#BandeauFlash {
	width: 980px;
	height: 227px;
}
#MenuDeroulant {
	width: 980px;
	height: 31px;
	padding: 0px;
	position:relative;
	z-index:2;
}
#Drapeaux {
	padding-left:55px;

}

/*--------------------------- Colonne Gauche -----------------------------*/
#BlocColonneGauche {
	width: 220px;
	float: left;
	text-align:left;
}
#ColonneGauche {
	padding: 30px 0px 0px 8px;
}
#ColonneGauche #BlocMenuGauche{
	margin-top:20px;
	margin-bottom:20px;
}
#ColonneGauche .MenuGaucheContenu{
/*	background-color:#FFFFFF;*/
	background-image: url(../images/fond-menu-gauche-milieu.gif);
	background-position:top left;
	background-repeat: repeat-y;
	padding-left:10px;
}

#ColonneGauche #MenuGauche ul {
	padding: 0px;
	margin: 0px;
}
#ColonneGauche #MenuGauche ul li {
	line-height: 18px;
	padding: 0px 0px 0px 18px;
	background-image:url(../images/fleche-menu.png);
	background-position:6px 4px;
	background-repeat:no-repeat;
}

#ColonneGauche #MenuGauche ul li ul li{
	background-image:url(../images/fleche-sousmenu.png);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}	
#ColonneGauche #MenuGauche a, #ColonneGauche #MenuGauche a:link, #ColonneGauche #MenuGauche a:active, #ColonneGauche #MenuGauche a:visited {
	color: #292929;
	text-decoration: none;
}
#ColonneGauche #MenuGauche a:hover  {
	color: #0066CC;
	text-decoration: none;
}

#ColonneGauche #MenuGauche .SelectSsMenu a{
	font-weight:bold;
}

#ColonneGauche #MenuGauche .SelectSsMenu ul li,
#ColonneGauche #MenuGauche .SelectSsMenu ul li a{
	font-weight:normal;
}
/*--------------------------- Colonne Droite -----------------------------*/
#BlocColonneDroite {
	width: 752px;
	float: left;
}

	
/*--------------------- Pied de Page -----------------*/
#BlocPied{
	background-color:#0089CF;
	text-align:center;
}

#Pied {
	width: 980px;
	color: #FFFFFF;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	min-height: 45px;
	_height:45px
}
#Pied #Separateur {
	width: 30px;
	float: left;
	min-height: 35px;
	_height:35px;
}
#Pied #Coordonnees {
	width: 630px;	
	float: left;
	min-height: 35px;
	_height:35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	padding-top:7px;
}
#Pied #Coordonnees #BlocMenuBas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	}

#Pied #Coordonnees #BlocMenuBas a, #Pied #Coordonnees #BlocMenuBas a:link, #Pied #Coordonnees #BlocMenuBas a:active, #Pied #Coordonnees #BlocMenuBas a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#Pied #Coordonnees #BlocMenuBas a:hover {
	color: #FDB901;
	text-decoration: none;
}
#Pied #RSSBas {
	float: left;
	width: 145px;
	min-height: 35px;
	_height:35px;
	padding-top:3px;
}
#Pied #Signature {
	float: left;
	width: 150px;
	min-height: 35px;
	_height:35px;
	padding-top:7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-align:right;
}
#Pied #Signature a, #Pied #Signature a:link, #Pied #Signature a:active, #Pied #Signature a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#Pied #Signature a:hover {
	color: #FDB901;
	text-decoration: none;
}
#SignatureSite{
	display:none;
}
/*--------------------- 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: #000000 1px solid;
	font-family: verdana;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	background-color:#72CEF6;
}

/************ Table Contact ***************/
.TableContact{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 100%;
}
.TableContact td{
	text-align:left;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.TableContact td.Libelle{
	width:35%;
	text-align:right;
}
.TableContact input,  textarea {
	border:1px solid #292929;
}
.TableContact h3 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:3px;
	margin-top:10px;
	color:#BE5E23;
}

/************** TABLEAUX DE TARIFS ****************************/

TABLE.TableData{
	color:#333333;
}
TABLE.TableData TR{
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height:20px;
}
TABLE.TableData TD{
	font-size: 9px;
	text-align: center;
	color:#333333;	
	border: none;
	border-bottom: 1px solid #525E6A;
}

TABLE.TableData TH{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	border: none;
	border-bottom: 1px solid #525E6A;
}
TABLE.TableData TH.SansTrait{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	border: none;
		border-bottom: none;
}
TABLE.TableData TH.colonne{
	background-color:#FFFFFF;
}
TABLE.TableData TD a:link {
	color: #FFFFFF;
	text-decoration: none;
}
TABLE.TableData TD a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
TABLE.TableData TD a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
TABLE.TableData TR.L1,TABLE.TableData TH.L1{	background-color: #CCCCCC;}
TABLE.TableData TR.L2,TABLE.TableData TH.L2{	background-color: #DFDFDF;}
TABLE.TableData TR.L1:hover,TABLE.TableData TR.L2:hover{background-color:#FFFFFF;}

/************** cadres photos ****************************/
.CadrePhoto {
	border: 1px solid #666666;
	}
	
.PhotoGauche {
	border: 1px solid #666666;
	float: left;
	margin-right: 9px;
	}
.PhotoDroite {
	border: 1px solid #666666;
	float: right;
	margin-left: 9px;
	}
.PhotoGaucheNoborder {
	margin-right: 9px;
	float: left;
	}
.PhotoDroiteNoborder {
	float: right;
	margin-left: 9px;
	}

/************** Sac à dos ****************************/
#BlocSacados {
padding-left:48px;
}
#ContenuSacados{
	width:163px;
	height:62px;
	background-image:url(../images/fr/carnet-de-voyages-int.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
#ContenuSacadosUk{
	width:163px;
	height:62px;
	background-image:url(../images/uk/carnet-de-voyages-int.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
#ContenuSacados a, #ContenuSacadosUk a{
	font-family: "Trebuchet MS";
	font-weight:bold;
	color:#292929;
	font-size:10px;
	text-decoration:none;
}
#ContenuSacados #CarnetNbEntree, #ContenuSacadosUk #CarnetNbEntree{
	color:#292929;
	font-size:9px;
	text-align:right;
	padding-top:41px;
	font-family: "Trebuchet MS";
}	
#ContenuSacados #CarnetNbEntree a,#ContenuSacadosUk #CarnetNbEntree a{
	color:#292929;
	text-decoration:underline;
	font-size:10px;
	text-transform:none;
}	

/************ Bloc Lien Réservez ************/
#BlocLienReservez{
background-image:url(../images/bloc-lien-reservez.gif);
background-position:right top;
background-repeat:no-repeat;
float:left;
min-height:269px;
_height:269px;
width:163px;
margin:50px 0px 0px 0px;
}
#BlocLienReservezUk{
background-image:url(../images/uk/bloc-lien-reservez.gif);
background-position:right top;
background-repeat:no-repeat;
float:left;
min-height:269px;
_height:269px;
width:163px;
margin:50px 0px 0px 0px;
}
#BlocLienReservez .Texte, #BlocLienReservezUk .Texte{
color:#FFFFFF;
font-size:11px;
font-weight:bold;
margin-left:25px;
margin-right:3px;
margin-top:30px;
text-align:left;
}
#BlocLienReservez h2, #BlocLienReservezUk h2{
color:#fdb813;
font-size:12px;
margin:0px;
}
#BlocLienReservez #BlocSacados, #BlocLienReservezUk #BlocSacados{
padding-left:0px;
padding:0px;
margin-top:20px;
}
#BlocLienReservez #ContenuSacados{
background-image:url(../images/fond-carnet-index.gif);
background-position:top left;
background-repeat:no-repeat;
}
#BlocLienReservezUk #ContenuSacados {
background-image:url(../images/uk/fond-carnet-index.gif);
background-position:top left;
background-repeat:no-repeat;
}