@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;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;	
	background-color:#FFFFFF;
	background-image: url(../images/fond-page.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}
#Page{	
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}
#Contenu {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
/*----------------------------------- Entete de page -----------------------------------------*/
#Entete {
	width: 980px;	
	height: 40px;
	padding: 0px;
}

#MenuDeroulant {
	width: 850px;	
	height: 40px;
	padding: 0px;
	position: relative;
	z-index: 100;
	float:right;
}
#BandeauFlash {
	width: 980px;
	height: 261px;
	position: relative;
	z-index: 0;
	background-color:#FFFFFF;
}
#VisiteVirtuelle{
	width: 163px;
	height: 120px;
	position: absolute;
	top: 130px;
	left: 4px
}
#Papillon{
	width: 73px;
	height: 66px;
	position: absolute;
	top: 17px;
	left: 80px
}

/*--------------------------- Txt -----------------------------*/
#BlocTxt {
	width: 980px;
	min-height: 250px;
	_height: 250px;	
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}
.ttt {
	font-size: 10px;
	line-height: 13px;
}

/*--------------------------- Colonne Gauche -----------------------------*/
#BlocColonneGauche {
	width: 172px;
	min-height: 770px;
	_height: 770px;	
	float: left;
	border-right: 1px solid #D7D7D7;
}
#BlocColonneGauche #MenuGauche {
	padding: 20px 0px 5px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	min-height: 129px;
	_height: 129px;
	color:#627811;
	text-transform:uppercase;
	margin-bottom: 8px;
}
#BlocColonneGauche #MenuGauche ul {}
#BlocColonneGauche #MenuGauche ul li {
	background-image: url(../images/fond-menugauche.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 10px;
	line-height: 18px;
	margin-bottom: 3px;
}
#BlocColonneGauche #MenuGauche a, #BlocColonneGauche #MenuGauche a:link, #BlocColonneGauche #MenuGauche a:active, #BlocColonneGauche #MenuGauche a:visited {
	color:#627811;
	text-decoration: none;
}
#BlocColonneGauche #MenuGauche a:hover  {
	color:#425305;
	text-decoration: none;
}
#BlocColonneGauche #MenuGauche ul li ul li a{
	font-size:10px;
	color:#666;
}
#BlocColonneGauche #MenuGauche ul li.SelectSsMenu ul li a{
	color:#666;
}

#BlocColonneGauche #MenuGauche ul li ul li a:hover{
	font-weight:normal;
}

#MenuGauche li.SelectSsMenu{
}
#BlocColonneGauche #MenuGauche li.SelectSsMenu a{
	color:#D00;
}
#BlocColonneGauche #Newsletter {
	padding: 5px 0px 5px 0px;
	background-color:#000000;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#BlocColonneGauche #Newsletter h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#FD4504;
	text-transform: uppercase;
}
#Coordonnees {
background-color:#EDEDED;
color:#627811;
font-family:verdana;
font-size:9px;
margin-top:20px;
padding:5px 0 5px 5px;
}

#Coordonnees a, #Coordonnees a:link, #Coordonnees a:active, #Coordonnees a:visited {
color:#627811;
font-weight:bold;
}

#Coordonnees a:hover
{
text-decoration:none;
}


#BlocColonneGauche #BlocSpecialGroupe {
	padding: 0px 0px 0px 10px;
}
#BlocColonneGauche #BlocSpecialGroupe #SpecialGroupe{
	padding: 0px;
	background-color: #D7D7D7;
	color: #000000;
	font-size:12px;
}
#BlocColonneGauche #BlocSpecialGroupe #SpecialGroupe p{
	padding: 5px 5px 5px 10px;
}
#BlocColonneGauche #BlocSpecialGroupe #SpecialGroupe h2, #BlocColonneGauche #BlocSpecialGroupe #SpecialGroupe h2 a, #BlocColonneGauche #BlocSpecialGroupe #SpecialGroupe h2 a:link, #BlocColonneGauche #BlocSpecialGroupe #SpecialGroupe h2 a:active, #BlocColonneGauche #BlocSpecialGroupe #SpecialGroupe h2 a:visited {
	font-size:13px;
	color: #FD4504;
	text-transform:uppercase;
	font-weight: bold;
	text-decoration:none;
	padding: 3px 5px 3px 5px;
}
#BlocColonneGauche #BlocSpecialGroupe #SpecialGroupe h2 a:hover {
	font-size:13px;
	color:#425305;
	text-transform:uppercase;
	font-weight: bold;
	text-decoration:none;
	padding: 3px 5px 3px 5px;
}
#BlocColonneGauche #BlocSpecialGroupe .Webcam{
	padding: 0px;
	background-color: #000000;
	color: #FFFFFF;
	font-size:12px;
	/*visibility:hidden;*/
}
#BlocColonneGauche #BlocSpecialGroupe .Webcam p{
	padding: 5px 5px 5px 10px;
}
#BlocColonneGauche #BlocSpecialGroupe .Webcam h2, #BlocColonneGauche #BlocSpecialGroupe .Webcam h2 a, #BlocColonneGauche #BlocSpecialGroupe .Webcam h2 a:link, #BlocColonneGauche #BlocSpecialGroupe .Webcam h2 a:active, #BlocColonneGauche #BlocSpecialGroupe .Webcam h2 a:visited {
	font-size:11px;
	color: #B3DC1F;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:normal;
}
#BlocColonneGauche #BlocSpecialGroupe .Webcam h2 a:hover {
	font-size:11px;
	color:#FFFFFF;
	text-transform:uppercase;
	text-decoration:none;
	font-weight: normal;
}

/*--------------------------- Colonne Txt int -----------------------------*/
#BlocColonneMilieu {
	width: 768px;
	min-height: 780px;
	_height: 780px;	
	float: left;
	position: relative;
	top: -53px;
	left: 30px;
}
#ColonneMilieu {
	width: 768px;
	min-height: 780px;
	_height: 780px;
}
#BlocCarnetVoyages{
	width: 708px;
	text-align: right;
	min-height: 25px;
	_height: 25px;
}
#Txt {
	background-color: #E3F3AA;
	background-image:url(../images/fleche01.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0px 30px 5px 30px;
	min-height: 780px;
	_height: 780px;
}

#Txt a, #Txt a:link, #Txt a:active, #Txt a:visited   {
color: #50630d;
}

#Txt a:hover   {
color: #FD4504;
}


#Txt h1 {
	font-size: 24px;
	color: #000000;
	font-weight:bold;
	font-family: "Trebuchet MS";
	line-height: 15px;
	margin-bottom: 8px;
	}
#Txt h2 {
	font-size: 18px;
	color: #B3DC1F;
	background-color: #000000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	display: inline;
	padding: 1px 10px 1px 10px;
	margin-bottom: 8px;
	}
#Txt h2 a{
	color: #B3DC1F;
}

#Txt h3 {
	font-size: 15px;
	color: #50630d;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	display: inline;
	padding: 1px 5px 1px 5px;
	margin-bottom: 5px;
	}

#Baseline {
	background-color: #D7D7D7;
	min-height: 22px;
	_height: 22px;
}
#MenuBas {
	float:left;
	padding: 4px;
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: normal;
	text-transform:uppercase;
}
#MenuBas a, #MenuBas a:link, #MenuBas a:active, #MenuBas a:visited {
	color: #000000;
	text-decoration: none;
}
#MenuBas a:hover {
	color: #669900;
	text-decoration: none;
}
#Pied {
	float:right;
	width: 150px;
	text-align: right;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-right: 5px;
	line-height: 20px;
}
#Pied a, #Pied a:link, #Pied a:active, #Pied a:visited {
	color: #000000;
	text-decoration: none;
}
#Pied a:hover {
	color: #669900;
	text-decoration: none;
}

/*--------------------- Formulaire -----------------*/					
.combo {
	height: auto; 
	border: #404040 1px solid;
	font-family: verdana;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	background-color: #FFFFFF;
}
/************ Table Contact ***************/
.TableContact{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 100%;

}
.TableContact td{
	text-align:left;
}
.TableContact td.Libelle{
	width:35%;
	text-align:right;
}
.TableContact input,  textarea {
border:1px solid #165A8C;
}

/************** 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;
	}

/*****************************************/
/*			  Barre d'outils			*/
/***************************************/

#BarreOutils{
	width:250px;
	float:right;
	margin-top:5px;
	margin-bottom:5px;
}
#BarreOutils li{
	margin:0px;
	padding:0px;
	list-style-type:none;
	float:right;
	margin-right:0px;
	line-height:24px;
}
#BarreOutils li a{
	color:#000;
	text-decoration:underline;
}
#BarreOutils  li a:hover{
	color:#000;
}	
#BarreOutils li img{
	margin-right:3px;
	vertical-align:middle;
}	
#Signature{
	display:none;
}

/**** Config moteur de recherche ********/
.InputOk {
display:block;
width:30px;
float:left;
font-size:11px;
background-color:#000000;
border:medium none;
color:#B3DC1F;
cursor:pointer;
font-weight:bold;
margin-top:3px;
}

.ChampRecherche
{
display:block;
width:110px;
float:left;
}

#cse-search-results iframe
{
width:715px;
}


/************** Météo ********************/
#BlocMeteo {
background-image:url(../images/fond-bloc-meteo.gif);
background-position:left top;
height:131px;
margin-bottom:15px;
margin-top:0px;
overflow:hidden;
width:172px;
}
#Meteo {
background-repeat:repeat-y;
color:#FD4504;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
overflow:hidden;
padding-left:7px;
width:160px;
}

#Meteo a, #Meteo a:link, #Meteo a:active, #Meteo a:visited {
color:#fd4504;
text-decoration:none;
font-weight:bold;
}

#Meteo a:hover {
color:#000000;
}

#Meteo td a
{
display:block;
height:40px;
width:80px;
}

/** Rechercher ****/


#BlocColonneGauche .Webcam
{
background-color:#000000;
clear:both;
height:40px;
padding-bottom:5px;
padding-top:5px;
width:172px;
overflow:hidden;
}

#BlocColonneGauche .Webcam h2
{
color:#B3DC1F;
font-size:11px;
font-weight:normal;
text-decoration:none;
text-transform:uppercase;
}