@import url("stylecss_infolive.css");

body{
text-align:center;
font-family: Arial, Helvetica, sans-serif;
background-color:#4d2b0f;
font-size:62.5%;
margin:0px;
padding:0px;

}

a, a:link, a:active, a:visited
{
font-weight:normal;
text-decoration:underline;
color:#BD570B;
}

a:hover
{
font-weight:normal;
text-decoration:none;
color:#000000;
}


/*a, a:link, a:active, a:visited{
color:#000000;
text-decoration:none;
}
a:hover{
color:#bd570c;
text-decoration:none;
}*/

h1,h2,h3, h4, h5, h6, ul, li, dl, dt, dd
	{
	margin: 0px;
	padding: 0px;
	}
	
h1
{
background-image:url(../images/fleche-menu.gif);
background-position:left center;
background-repeat:no-repeat;
text-indent:10px;
border-bottom:1px dotted #4D2B0F;
color:#4D2B0F;
font-family:arial;
font-size:14px;
margin-top:10px;
margin-bottom:10px;
margin-left:5px;
margin-right:10px;
overflow:hidden;
text-align:left;
text-transform:uppercase;
/*width:600px;*/
}
	
/********** Config Tableau *******/	
	
tr.fondcolor
{
background-color:#f0dfca;
}	
	
td.fondcolortd
{
background-color:#f9f3eb;
}
	
/********** Config Template *******/

#Fond{
width:1000px;
background-image:url(../images/fond-page-ombre.jpg);
background-position:center top;
background-repeat:repeat-y;
margin-left:auto;
margin-right:auto;
margin-top:20px;
text-align:center;
}
#Page{
width:980px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
}
#Entete{
width:980px;
height:350px;
position:relative;
}
#FamillePlus{
width:183px;
height:25px;
position:absolute;
top:5px;
left:788px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color: #FF9900;
}
#Altitude{
width:200px;
height:25px;
position:absolute;
top:159px;
left:752px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color: #FF9900;
}
#MenuBandeau{
bottom:0;
height:26px;
left:2px;
position:absolute;
width:163px;
}
#MenuBandeau .texte{
display:block;
margin-left:12px;
margin-top:4px;
font-size:1.1em;
color:#f0dfca;
text-align:left;
}

#MenuBandeau .texte a:hover{
color:#FFFFFF;
}

#MenuBandeau .texte a{
color:#E49B65;
}

#MenuBasPage{
text-align:center;
font-size:13px;
color:#FFFFFF;
font-weight:bold;
}

#MenuBasPage a, #MenuBasPage a:link, #MenuBasPage a:active, #MenuBasPage a:visited{
font-size:13px;
color:#FFFFFF;
font-weight:bold;
}


#LienReservez{
width:204px;
height:31px;
position:absolute;
top:319px;
right:35px;
}

#MainContent{
width:980px;
}

#TexteInt
{
text-align:left;
width:715px;
margin-left:5px;
font-size:12px;
line-height:20px;
margin-top:15px;
/*float:left;*/
}
/******************************* Config Bloc Haut ***************************************/
#ColHaut{
float:left;
width:980px;
background-image:url(../images/fond-bloc-haut.gif);
background-position:top left;
background-repeat:repeat-y;
}
#BlocColHaut{
width:980px;
min-height:417px;
_height:417px;
background-image:url(../images/fond-col-haut.gif);
background-position:top left;
background-repeat:no-repeat;
}
#MargeHaut{
float:left;
width:32px;
}
#MenuHaut{
float:left;
width:188px;
}
#ContenuColHaut{
float:left;
width:725px;
}
#Menu{
width:725px;
height:30px;
margin:0px;
padding:0px;
/*float:left;*/
}
#PiedColHaut{
float:left;
clear:both;
width:980px;
height:22px;
background-image:url(../images/fond-col-haut-pied.gif);
background-position:top left;
background-repeat:no-repeat;
}
/******************************* Config Bloc Bas ***************************************/
#FondColBas{
/*float:left;*/
clear:both;
width:980px;
background-position:top left;
background-repeat:repeat-y;
}
#ColBas{
float:left;
width:980px;
background-image:url(../images/entete-col-bas.gif);
background-position:top left;
background-repeat:no-repeat;
min-height:40px;
_height:40px;
}
#InfoColBas{
float:left;
width:220px;
}
#InfoColBas .Bloc {
display:block;
margin-left:51px;
margin-top:30px;
font-size:10px;
text-align:left;
}
#ContenuColBas{
float:left;
width:725px;
}
#PiedPage {
background-position:left top;
background-repeat:no-repeat;
clear:both;
height:20px;
padding-left:150px;
text-align:center;
}
.Signature{
	font-size:10px;
	color:#999999;
	text-align:center;
	width: 980px;
	padding-top: 5px;
	margin-left: auto;
	margin-right: auto;
	height:20px;
}

.Signature a:hover{
	color:#ffffff;
}

.BlocFamille
{
float:left;
margin-top:5px;
width:188px;
}

/******************************* Config Bloc Bas Infolive***************************************/
#FondColBasInfolive{
clear:both;
width:980px;
min-height:155px;
_height:155px;
background-image:url(../images/fond-col-bas-infolive.gif);
background-position:top left;
background-repeat:repeat-y;
}
#ColBasInfolive{
float:left;
	width:980px;
	background-image:url(../images/entete-col-bas-infolive.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
#InfoColBasInfolive{
float:left;
width:220px;
}
#InfoColBasInfolive .Bloc{
display:block;
margin-left:51px;
margin-top:10px;
font-size:10px;
text-align:left;
}
#ContenuColBasInfolive{
float:left;
width:725px;
}
#PiedPageInfolive {
clear:both;
/*background-image:url(../images/fond-pied-page-infolive.gif);*/
background-position:top left;
background-repeat:no-repeat;
height:20px;
text-align:right;
padding-right:80px;
}

/*********************** Config Menu Gauche *********************************/
ul#MenuGauche {
margin-top:10px;
margin-left:5px;
margin-right:0px;
margin-bottom:0px;
padding:0px;
}
ul#MenuGauche li {
float:left;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align:left;
	margin-bottom:0px;
	list-style:none;
	width:180px;
    /*height:20px;*/
	line-height:20px;	
	}
	
ul#MenuGauche li a, #MenuGauche li a:link, #MenuGauche li a:active, #MenuGauche li a:visited{	
display:block;
padding-left:5px;
color:#4d2b0f;
margin-left:0px;
font-size: 11px;
font-family: arial;
text-decoration:none;
font-weight: normal;
border-bottom:#e4c49c solid 1px;
}
ul#MenuGauche li a:hover{
/*background-color:#f0dfca;*/
/*padding-left:7px;
font-weight:bold;*/
color:#f0dfca;
}

ul#MenuGauche li ul{
display:none;
	}

ul#MenuGauche li.MenuSelect{
height:auto;
}
	
ul#MenuGauche li.MenuSelect ul{
display:block;
	}

ul#MenuGauche li.MenuSelect a.TitreMenu, ul#MenuGauche li.MenuSelect a.TitreMenu:link, ul#MenuGauche li.MenuSelect a.TitreMenu:active, ul#MenuGauche li.MenuSelect a.TitreMenu:visited, ul#MenuGauche li.MenuSelect a.TitreMenu:hover{		
background-image:url(../images/fleche-menu.gif);
background-position:left center;
background-repeat:no-repeat;
text-indent:5px;
color:#4d2b0f;
}

ul#MenuGauche li .SousMenu,  ul#MenuGauche li .SousMenu a,  ul#MenuGauche li .SousMenu a:link,  ul#MenuGauche li .SousMenu a:active, ul#MenuGauche li .SousMenu a:visited,  ul#MenuGauche li .SousMenu a:hover{
background-color:#f0dfca;
font-weight:normal;
color:#4d2b0f;
padding-left:5px;
border-bottom:none;
	}	
	
ul#MenuGauche li a.TitreMenu, ul#MenuGauche li a.TitreMenu:link, ul#MenuGauche li a.TitreMenu:active, ul#MenuGauche li a.TitreMenu:visited{	
color:#bd570c;
font-size:13px;
font-weight:bold;
height:30px;
border-bottom:#bd570c solid 1px;
text-transform:uppercase;
line-height:30px;
}

ul#MenuGauche li a.TitreMenu:hover{	
color:#4d2b0f;
padding-left:5px;
}

ul#MenuGauche li ul .orange a, #MenuGauche li ul .orange a:link, #MenuGauche li ul .orange a:active, #MenuGauche li ul .orange a:visited{	
display:block;
padding-left:5px;
color:#BD570C;
margin-left:0px;
font-size: 11px;
font-family: arial;
text-indent:10px;
text-decoration:none;
font-weight: normal;
/*border-bottom:#e4c49c solid 1px;*/
}

#MenuGauche li ul .orange a:hover {
color:#4D2B0F;
}

.PiedCoordonnees {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	clear:both;
}
.PiedCoordonnees a {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

/*--------------------------- Colonne Gauche -----------------------------*/
#ColonneGauche {
	float: left;
	width: 450px;
	padding: 0px;
}
#ColonneGauche p{
	margin-top: 5px;
	margin-bottom: 10px;
	text-align: justify;
}
#ColonneGauche h2{
	font-family: Arial;
	color: #4D2B0F;
	font-size: 14px;
	font-weight: bold;
	font-variant: normal;
}
#ColonneGauche h3{
	font-family: Arial;
	color: #4D2B0F;
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
}
.BlocActivites {
	float: left;
	width: 150px;
	min-height: 150px;
	_height: 150px;
}

/*--------------------------- Colonne Droite -----------------------------*/
#ColonneDroite {
	float: left;
	width: 235px;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}
#ColonneDroite p{
	margin-top: 5px;
	margin-bottom: 10px;
	text-align: justify;
}
#ColonneDroite h2{
	font-family: Arial;
	color: #4D2B0F;
	font-size: 14px;
	font-weight: bold;
	font-variant: normal;
}
#ColonneDroite h3{
	font-family: Arial;
	color: #4D2B0F;
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
}
.BlocPartenaires {
	float: left;
	width : 220px; 
	min-height: 120px;
	_height: 120px;
	text-align: center;
}
.Bloc3Colonnes {
	float: left;
	width : 195px; 
	min-height: 120px;
	_height: 120px;
	padding-left: 20px;
	padding-right: 20px;
}
.Bloc3Colonnes h3{
	font-family: Arial;
	color: #4D2B0F;
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
}
.ttt {
	font-size: 10px;
	line-height: 13px;
}

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

TABLE.TableData{
	color:#FFFFFF;
	padding-top: 3px;
}
TABLE.TableData TR{
	background-color: #82481A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height:20px;
}
TABLE.TableData TD{
	font-size: 9px;
	text-align: center;
	color:#FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #C88737;
	border-bottom-color: #C88737;
	border-left-color: #C88737;
}

TABLE.TableData TH{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
	border-bottom-color: #B1520B;
	border-right-color: #B27100;
}
TABLE.TableData TH.SansTrait{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CF5658;
}
TABLE.TableData TH.colonne{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #82481A;
	background-color:#C88737;
}
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: #D6A467;}
TABLE.TableData TR.L2,TABLE.TableData TH.L2{	background-color: #D09751;}
TABLE.TableData TR.L1:hover,TABLE.TableData TR.L2:hover{background-color:#C88737;}


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

TABLE.TableDataEte{
	color:#292929;
	padding-top: 3px;
}

TABLE.TableDataEte ul li a{
	color:#91A30A;
	font-weight:bold;
}

TABLE.TableDataEte ul li a:hover{
	color:#ffffff;
}

TABLE.TableDataEte TR{
	background-color: #B9D200;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height:20px;
}
TABLE.TableDataEte TD{
	font-size: 9px;
	text-align: center;
	color:#292929;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #A3B51C;
	border-bottom-color: #A3B51C;
	border-left-color: #A3B51C;
}

TABLE.TableDataEte TH{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
	border-bottom-color: #A3B51C;
	border-right-color: #A3B51C;
}
TABLE.TableDataEte TH.SansTrait{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A3B51C;
}
TABLE.TableDataEte TH.colonne{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #A3B51C;
	background-color:#CDDD51;
	text-align:left;
		padding-left: 10px;
}
TABLE.TableDataEte TH.colonne ul {
	padding-left: 10px;
}
TABLE.TableDataEte TH.colonne ul li{
	line-height:15px;
	list-style-type:disc;
	font-weight:normal;

}
TABLE.TableDataEte TD a:link {
	color: #FFFFFF;
	text-decoration: none;
}
TABLE.TableDataEte TD a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
TABLE.TableDataEte TD a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
TABLE.TableDataEte TR.L1,TABLE.TableDataEte TH.L1{	background-color: #D8E28A;}
TABLE.TableDataEte TR.L2,TABLE.TableDataEte TH.L2{	background-color: #D1DD78;}
TABLE.TableDataEte TR.L1:hover,TABLE.TableDataEte TR.L2:hover{background-color:#E6EDB2;}

/*********************** Formulaire ********************/
.ChampComboTxt {
	width:150px;
	font-size:10px;
}
.ChampLibelleLangue {
width:20px;
}
.ChampLibelle {
width:90px;
list-style:none;
}

.ChampComboLibre {
	width:300px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

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


/************** Webcam *************/
.BlocVignetteWebcam {
float:left;
font-size:10px;
height:80px;
width:100px;
}

.WebcamPhoto {
border:#BD570B solid 2px;
}

#LienWebcam {
background-image:url(../images/lien-webcam.jpg);
background-position:left top;
background-repeat:no-repeat;
_height:106px;
min-height:106px;
width:185px;
text-align:left;
font-size:12px;
font-weight:bold;
}
#VisiteVirtuelle {
background-image:url(../images/lien-ebrochure.gif);
background-position:left top;
background-repeat:no-repeat;
height:80px;
width:185px;
text-align:center;
padding-top:30px;
}
#LienEbrochure {
/*background-image:url(../images/lien-ebrochure.gif);
background-position:left top;
background-repeat:no-repeat;*/
_height:126px;
min-height:126px;
width:185px;
text-align:left;
font-size:12px;
font-weight:bold;
padding-top:30px 0px 0px 7px;
}
#LienEbrochureUk {
/*background-image:url(../images/lien-ebrochure-uk.gif);
background-position:left top;
background-repeat:no-repeat;*/
_height:126px;
min-height:126px;
width:185px;
text-align:left;
font-size:12px;
font-weight:bold;
padding: 30px 0px 0px 7px;
}

.tablePhotos img {
border:1px solid #3F220B;
}
.tablePhotos img:hover {
-moz-opacity:0.5;
filter:alpha(opacity=50);
}