@import url("Styles_Billet.css");
@import url("Styles_Activites.css");
@import url("style_catalogue_moteur.css");
@import url("std.css");


/******************************************
Styles généraux
******************************************/
body{color:#444444; text-align:center;}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
/*text-align:left;*/
}

ul {margin: 0px;padding: 0px;list-style-type: none;}
li {margin: 0px;padding: 0px;list-style-type: none;}
H1,H2,p, h3 {margin: 0px;padding: 0px;}

h3{
	background-image:url(../images/fond-tableRecherche.gif);
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	height:15px;
	text-transform:uppercase;
	background-repeat:repeat-y;
	text-align:left;
	line-height:13px;
	text-indent:10px;
	border: 1px solid #8EC74E;
	border-bottom:none;
	width:480px;
	margin-left:auto;
	margin-right:auto;
	float: left;
}
.BlocMoteur{margin-left:auto; margin-right:auto; width:485px;}
 
A{color: 444444;}
A:link {color: #444444;}
A:visited {color: #444444;}
A:active {color: #444444;}
A:hover {color: #8EC74E;}


.OSLien {color: #333333;}
.OSLien:link {color: #333333;}
.OSLien:visited {color: #333333;}
.OSLien:active {color: #333333;}
.OSLien:hover {color: #FFFFFF;}

#General{ width:838px; background-image:url(../images/fond-repeat-contenu.gif); background-repeat:repeat-y; text-align:left; margin-left:auto; margin-right:auto;}
/****************************************
Photos, Pictos
****************************************/
.OSCombo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #F4F4F4;
	border: 1px solid #000000;
}
option.OSCombo {
	border: 0px solid #000000;
}


.OSPhoto {
	border: 1px solid #000000;
	margin-bottom: 2px;
}

.OSPhotoDescription {
	border: 1px solid #000000;
	margin: 5px;
	float: left;
}
.OSPicto {
	border: 1px solid #ffffff;
	margin-right: 2px;
	margin-bottom: 2px;
	vertical-align:middle;
}

/****************************************

****************************************/
H2{
	color: #444444;
	height: 30px;
	vertical-align: middle;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	vertical-align: middle;
	text-align:left;
}
.OSEntetePage{
	color: #000000; 
	vertical-align: middle;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	padding-left: 10px;
	text-align:left;
	padding:5px;
}



.OSTitrePage {
	color: #000000; 
/*	background-color: #F5F5F5;*/
	height: 30px;
	vertical-align: middle;
}
.OSTitrePage TD{
	color: #000000;
/*	background-color: #F5F5F5;*/
	height: 35px;
	vertical-align: middle;
	padding-left: 10px;
}

.OSTitreZone {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	line-height: 24px;
	background-repeat: repeat-x;
}

.OSNomAppart {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
}
.OSFondTitre {
	background-color: #8EC74E;
	color: #FFFFFF;
}

.OSFondPage {
	background-color: #e6e5e1;
	background-repeat: repeat-x;
	background-position: center top;
	color: #444444;
}

.OSFondContenu {
	background-color: #fff;
	border:1px solid #8EC74E;
}

.OSTexteImportant {
	color: #CC0000;
}

.OSFondTitreParagraphe{
	font-weight: bold;
	color: #000000;
	height: 20px;
	background-color: #8EC74E;
	width: 98%;
}

.OSFondTitreParagraphe TD{
	font-weight: bold;
	color: #002B00;
}

.OSFondTitreParagraphe2{
	font-weight: normal;
	color: #000000;
	height: 20px;
	background-color: #EFFCE0;
	width: 98%;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #8EC74E;
	border-left-color: #8EC74E;
}

.OSHotel{
}

.OSHotel textarea{display:none;}
.OSHotel .Entete{
	width:98%;
	background-color:#FDB94F;
	color: #333333;
}

.OSHotel .Entete td{
	background-color:#FDB94F;
}

.OSHotel .Contenu{
	width:98%;
	background-color:#FFFFFF;
	text-align:left;
}

.OSFondTitreParagraphe a{color:#000000;}

.OSTotal {
	border: 1px solid #000000;
	background-color: #FFFFFF;
}

/****************************************
Gestion des Onglets
****************************************/


.OSBordureTableOnglet {
	width: 100%;
	background-color: #FFFFFF;
	border-bottom:2px solid #9EBFFC;
	border-left:2px solid #9EBFFC;
	border-right:2px solid #9EBFFC;
}

.OSOnglet {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	background-image: url(../images/ongletgrise.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	width: 95px;
	text-align: center;
	vertical-align: middle;
}
.OSOngletBas {
/*	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #3366CC;*/
}
.OSOngletLien {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
}
.OSOngletLien:link {color: #FFFFFF;}
.OSOngletLien:visited {color: #FFFFFF;}
.OSOngletLien:active {color: #FFFFFF;}
.OSOngletLien:hover {color: #000000;}

/*******************************************
		Interface
*******************************************/
#Bandeau{
	text-align:center;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	/*	padding-right: auto;
	padding-left: auto;*/
	background-image: url(../images/fond-entete-contenu.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 326px;
}

#BlocLogo{
	padding-top:17px;
	text-align: left;
	padding-left: 29px;
}
#BlocBandeau{ height:232px; width:780px; margin-left:auto; margin-right:auto;}
#BlocPerso{ height:283px; width:193px; position:absolute; bottom:0px; right:28px; z-index:10;}
#BlocLangue{height:17px; width:48px; position:absolute; top:52px; right:32px; z-index:20;}
#TexteBandeau{color:#fff;z-index:50; position:absolute; top:104px; left:420px; font-size:36px; line-height:32px; font-family:"Trebuchet MS", Verdana; width:207px; text-align:left; letter-spacing:2px;} 
#TexteBandeau span{font-size:26px;}
#Page{
	width:780px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
 .Decoration{
	width:780px;
	text-align:left;
}
#Contenu{
	width:580px;
	float:left;
	padding-top:10px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
}


#Pied{
	width:838px;
	color:#96764B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #96764B;
	background-image: url(../images/fond-pied-contenu.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 38px;
}

#Pied #SignatureSite{
	padding-top:1px;
	padding-bottom:3px;
	color: #FFFFFF;
	text-align: right;
	margin-right: 10px;
}
#SignatureAlliance{
	padding-top:10px;
	padding-bottom:3px;
	text-align: right;
	color: #999999;
	clear:both;
	padding-right: 28px;
/*		background-color:#F6E8CF;*/
}
#SignatureAlliance a, #SignatureAlliance a:link, #SignatureAlliance a:active, #SignatureAlliance a:visited{ color:#666}
#SignatureAlliance a:hover{ color:#000}


#Pied a:link {color: #999999;}
#Pied a:visited {color: #999999;}
#Pied a:active {color: #999999;}
#Pied a:hover {color: #000;}

ul#MenuPied {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	width: 780px;
	height: 17px;
}
ul#MenuPied li{
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000;
	padding-right: 8px;
	padding-left: 7px;
	color:#000000;
	margin-top:3px;
}
ul#MenuPied li a,ul#MenuPied li a:link,ul#MenuPied li a:visited,ul#MenuPied li a:active  {
	color: #999999;
	text-decoration: none;
}
ul#MenuPied li a:hover{
	color: #EB680C;
}


/*******************************************
		Menus sur le coté
*******************************************/
#Menu{
	width: 200px;
	float:left;
}
#Menu .Bloc{
	width:179px;
}
#Menu .BlocEntete{
	background-image: url(../images/menu_01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 10px;
}
#Menu .BlocContenu{
	padding:2px;
	text-align:left;
}
#Menu .BlocPied{
	background-image: url(../images/menu_03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 11px;
}

#BlockMenu {
	margin-top:10px;
}
#BlockMenu img{
border:0px;}

#BlockMenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	height: auto;
	
	}
	
#BlockMenu .MenuHebergementContour{	border:solid 2px #EB690E;width:175px;}
#BlockMenu .MenuActivitesContour{ border:solid 2px #658CB9;width:175px;}

#BlockMenu li ul{
width:175px;
	height: auto;
}
#BlockMenu ul li {
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	color:#444444;
	height: auto;
	background-image: url(../images/fond-bt-menu.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	width: 175px;

}



#BlockMenu li ul li{
	background-image: url(../images/spacer.gif);
	width: 160px;
		margin-left:5px;
}

#BlockMenu ul li a {
	display: block;
	font-size: 12px;
	border: 0px;
	line-height: 21px;
	text-decoration: none;
	color:#eb690e;
	margin:0px;
	padding:1px;
	padding-left:20px;
		font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/fleche.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#BlockMenu ul li a:hover {
	display: block;
	text-decoration: none;
	padding:1px;
	padding-left:20px;
	margin:0px;
	background-image: url(../images/fleche-roll.gif);
	color:#f8b028;
}
#BlockMenu ul.MenuActivitesContour li a {	background-image: url(../images/fleche-bleu.gif);color:#668dba;	display: block;
}
#BlockMenu ul.MenuActivitesContour li a:hover {	
	background-image: url(../images/fleche-bleu-roll.gif);
	color:#8fb9e9;}


#BlockMenu li ul.SousMenu li{
	background-image: url(../images/fond-bt-menu.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#BlockMenu li ul.SousMenu li a {
	font-size:9px;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 15px;
	padding-left:15px;
}


#BlockMenu li ul.SousMenu li a:hover {
	padding-left:15px;
}


#BlockMenu ul li.MenuSelect{
	font-weight:bold;
	background-image:url(../images/fond_menu_select.gif);
	background-repeat: repeat-y;
	background-position: right center;
}
#BlockMenu ul.MenuActivitesContour li.MenuSelect{
	font-weight:bold;
	background-image:url(../images/fond_menu_select-bleu.gif);
	background-repeat: repeat-y;
	background-position: right center;
}


#BlockMenu ul li.MenuSelect a, #BlockMenu ul li.MenuSelect a:hover{ 	display: block;
	font-size: 12px;
	border: 0px;
	line-height: 21px;
	text-decoration: none;
	color:#eb690e;
	margin:0px;
	padding:1px;
	padding-left:20px;
		font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/fleche.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:transparent;}
	
	#BlockMenu ul.MenuActivitesContour li.MenuSelect a, #BlockMenu ul.MenuActivitesContour li.MenuSelect a:hover{ 	display: block;
	font-size: 12px;
	border: 0px;
	line-height: 21px;
	text-decoration: none;
	color:#668DBA;
	margin:0px;
	padding:1px;
	padding-left:20px;
		font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/fleche-bleu.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:transparent;}


#BlockMenu ul li#MenuBillet.MenuSelect{
	background:none;
}
#BlockMenu ul li#MenuBillet.MenuSelect li a{
	font-weight:normal;
}
#BlockMenu ul li#MenuBillet.MenuSelect li.MenuSelect a{
	font-weight:bold;
}

#BlockMenu ul.MenuHebergementContour li.TitreMenu{ background-image:url(../images/bt-titre-hebergement.gif);}
#BlockMenu ul.MenuActivitesContour li.TitreMenu{  background-image:url(../images/bt-titre-loisirs.gif);}
#BlockMenu ul li.TitreMenu{ font-size:16px; color:#FFFFFF; height:31px; line-height:31px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:left; text-indent:25px; letter-spacing:1px; text-transform:uppercase;}		
/*******************************************
		Menus Haut
*******************************************/

#MenuHaut{
	margin-right: auto;
	margin-left: auto;
	width: 580px;
	padding-bottom: 10px;
}
#MenuHaut ul{
	width: 580px;
	height:19px;
}
#MenuHaut ul li{
	height:19px;
	float:left;
	margin-right:0px;
	padding:0px;
	padding-top:0px;
	text-align:center;
	line-height: 19px;
}
#MenuHaut ul li a{
	color: #fff;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
	display:block;
}/*

#MenuHaut ul li.MenuSelect{
	background-image: url(../images/ongletselect.gif);
	color: #990000;
	border-bottom:0px;
}
#MenuHaut ul li.MenuSelect a{
	color: #990000;
}*/
li#InfoTouristique{
	width: 184px;
	height: 19px;
}

li#InfoTouristique a, li#InfoTouristique a:link, li#InfoTouristique a:active, li#InfoTouristique a:visited{
	height: 19px;
	width: 184px;
}
li#InfoTouristique a:hover{}

li#TMenuRecherche{
	width: 115px;
}
li#TMenuRecherche a, li#TMenuRecherche a:link, li#TMenuRecherche a:active, li#TMenuRecherche a:visited{
	height: 19px;
	width: 110px;
}
li#TMenuRecherche a:hover{}

li#TMenuDossier{
	width: 110px;
}
li#TMenuDossier a, li#TMenuDossier a:link, li#TMenuDossier a:active, li#TMenuDossier a:visited{
	height: 19px;
	width: 110px;
}
li#TMenuDossier a:hover{}
/*******************************************
		Intro
*******************************************/
#Intro{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
#Intro h2{ font-size:16px; color:#8A9CCF; font-weight:bold;}


#Intro ul{
	width:575px;
	margin: 0px;
	padding: 0px;

}

#Intro ul li{
	float:left;
	height:120px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 285px;
}

#Intro ul li.Paragraphe{
	margin:0px 0px 0px 0px;
	width:100%;
	padding:0px 0px 0px 0px;
	height:30px;
	padding-top:2px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left top;
	text-align:left;
	border:1px solid #F00;
}
#Intro .Entete{
	background-image:url(../images/bandeau-vignette.gif);
	background-repeat: repeat-y;
	background-position: left top;
	height:22px;
/*	padding-left:auto;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:left;
	overflow:hidden;
	text-transform: uppercase;
	line-height: 22px;
	width: 268px;
	letter-spacing: 0.1em;
	text-indent: 8px;
	padding-top: 0px;
/*	padding-right: auto;*/
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#Intro .Contenu{
	overflow:hidden;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	border: 1px solid #E56B1F;
	border-top:none;
	padding: 4px;
	height: 80px!important;
	height: 89px;
	width: 258px!important;
	width: 268px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#Intro li.Activites .Entete{
	background-image:url(../images/bandeau-vignette-activ.gif);
	background-repeat: repeat-y;
	background-position: left top;
	height:22px;
/*	padding-left:auto;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:left;
	overflow:hidden;
	text-transform: uppercase;
	line-height: 22px;
	width: 268px;
	letter-spacing: 0.1em;
	text-indent: 8px;
	padding-top: 0px;
/*	padding-right: auto;*/
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-top:none;
}
#Intro li.Activites .Contenu{
	overflow:hidden;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	border: 1px solid #899BCF;
	padding: 4px;
	height: 80px!important;
	height: 89px;
	width: 258px!important;
	width: 268px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	border-top:none;
}
#Intro .Contenu div img{
	margin-right: 0px;
	position: absolute;
	left: 109px;
	bottom: 5px;
}

#Intro li img{
	margin-right: 5px;
}
#Intro a{
	text-decoration:none;
	display: block;
	}	
#Intro a:hover{
color:#444444;
}

/******** version bleu ***/
#Intro li.bleu{
	background-image:url(../images/fond_bloc_intro_select.gif);
}	
#Intro li.bleu .Contenu{
}
#Intro li.bleu .Entete,#Intro li.bleu a{
	color:#990001;
}	


/*******************************************
		Table Adresse
*******************************************/
TABLE.OSTableAdresse {
}
TABLE.OSTableAdresse TD{
	font-size: 10px;
}

/*******************************************
		Table Recherche
*******************************************/
TABLE.OSTableRecherche {
	background-color: #FFFFFF;
	border: 1px solid #8FC74F;
	width: 500px;
}
TABLE.OSTableRecherche TD.Libelle{
	font-size: 10px;
	font-weight: bold;
	width: 150px;
	height: 30px;
	color: #990000;
}
TABLE.OSTableRecherche TH{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	height: 15px;
	color:#FFFFFF;
	background-image: url(../images/fond-tableRecherche.gif);
}

TABLE.OSTableRecherche TD.CritereRecherche{
	font-size: 10px;
	font-weight: normal;
}

TABLE.OSTableRecherche ul.Caracteristiques li{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	padding :2px;
	width:48%;
	float:left;
}
/*******************************************
		Table Suppléments
*******************************************/
TABLE.OSTableSupplements {
	background-color: #EFFCE0;
	width: 98%;
}
TABLE.OSTableSupplements TR{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #8EC74E;
} 
TABLE.OSTableSupplements TD{
	font-size: 9px;
	height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #8ec74e;
} 
TABLE.OSTableSupplements TD.Libelle{
	font-size: 9px;
	height: 20px;
	font-weight:bold;
	padding-left:10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #8EC74E;
} 

TABLE.OSTableSupplements TR TH{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase; 
	border:0px;
	height: 15px;
}
TABLE.OSTableSupplements TH{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase; 
	border:0px;
	height: 15px;
	background-color: #8EC74E;
color:#FFFFFF;

}



/*********************************************
Table Resultats
**********************************************/
TABLE.OSTableResultat {
/*	padding: 4px;*/
	background-color: #FFF;
/*	border-right: 1px solid #990000;
	border-left: 1px solid #990000;
	border-bottom:1px solid #990000;*/
	border:1px solid #8EC74E;
	width: 98%;
	text-align:left;
}

TABLE.OSTableResultat2 {
	background-color: #EFFCE0;
	width: 98%;
	border-right: 1px solid #8EC74E;
	border-left: 1px solid #8EC74E;
}

TABLE.OSTableResultat TH{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	font-size: 10px;
	background-image: url(../images/fond-titre-resultat.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
/*	border-top:1px solid #990000;	
	border-left:1px solid #990000;	
	border-right:1px solid #990000;	*/
}
TABLE.OSTableResultat .entete{
	font-family:  verdana;
	font-size: 11px;
	font-weight: bold;	
}
TABLE.OSTableResultat TD{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 1px;
}
TABLE.OSTableResultat TD.OSTextePetit{
color:#589613;
}
.OSTitreResultat{
color:#fff;
}

.OSTitreResultat2{
	background-image: url(../images/fond-titre-resultat.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
}	
/*********************************************
Table Caracteristiques
**********************************************/
TABLE.OSTableCaracteristiques{
/*	background-color:#dca;*/
	width: 100%;
	margin-bottom: 5px;
	margin-left: 2px;
	margin-right: 2px;
}

TABLE.OSTableCaracteristiques TH {
	background-color:#FDB94F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	border:0px;
}

TABLE.OSTableCaracteristiques TD {
	background-color:#E1F0D1;
/*	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;*/
	font-size: 9px;
	height: 20px;
	margin:1px;
}

TABLE.OSTableCaracteristiques LI {
	margin-left: 10px;
}
/*********************************************
Table Caracteristiques Détails
**********************************************/
div.CaracteristiquesDetailsFamille{
	width:290px;
	float:left;
	margin:5px;
} 
div.CaracteristiquesDetailsFamille .Entete{
	height:16px;
	line-height:16px;
	color:#2E3689;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-indent:0px;
}

/*********************************************
Table Détails plan, visite virtuelle, envoyer a un ami, imprimer la page....
**********************************************/
TABLE.OSTableDetails{
	border: 1px solid #899BCF;
	width: 314px;
	padding: 3px;
}

TABLE.OSTableDetails a, TABLE.OSTableDetails a:link, TABLE.OSTableDetails a:active, TABLE.OSTableDetails a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #899BCF;
	text-decoration: none;
}
TABLE.OSTableDetails a:hover{
	color: #666666;
}


TABLE.OSTableDetails ul{}
TABLE.OSTableDetails ul li{
	float: left;
	width: 152px;
	line-height: 23px;
}


TABLE.OSTableDetails .Plan{
	border: 1px solid #899BCF;
	display: block;
	line-height: 18px;
	text-indent: 23px;
	background-image: url(../images/ico_plan.gif);
	background-repeat: no-repeat;
	width: 68px;
}

TABLE.OSTableDetails .EnvoyerAunAmi{
	background-image: url(../images/ico_envoy_ami.gif);
	text-indent: 28px;
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
}

TABLE.OSTableDetails .VisiteVirtuelle{
	border: 1px solid #C4CDE7;
	display: block;
	line-height: 18px;
	text-indent: 35px;
	background-image: url(../images/ico_visite_virtuelle.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width: 128px;
}

TABLE.OSTableDetails .ImprimerPage{
	background-image: url(../images/ico_print.gif);
	background-repeat: no-repeat;
	display: block;
	text-indent: 25px;
	background-position: left center;
}
a.Close, a.Close:link, a.Close:active, a.Close:visited{
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #2B3386;
	font-size: 10px;
	border: 1px solid #2B3386;
	background-color: #B8C3E2;
	width: 150px;
	line-height: 15px;
	padding-right: 5px;
	padding-left: 5px;
	text-decoration: none;
}
a.Close:hover{
	color: #7277B0;
}


/****************************************
Affichage de la table des critères
*****************************************/
TABLE.OSTableCriteres {
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
TABLE.OSTableCriteres TH{
	height: 25px;
}
TABLE.OSTableCriteres TR{
	height: 25px;
}
TABLE.OSTableCriteres TD.OSCritereLibelle{
	font-size: 10px;
	font-weight: bold;
	width: 120px;
}
TABLE.OSTableCriteres TD.OSCritereContenu{
	font-size: 10px;
	font-weight: normal;
}

.OSCritere {
  margin: 2px;
  float: left;
  width: 220px;
  text-align: right; 
}



/*Affichage des critères pour les nombres d'enfants*/
.OSCritereCompo {
	text-align: left;
}

.OSCritereCompo Select{
  margin: 2px;
  padding :0px;
  float: left;
  display:inline;
  background-color:#FDF9DB;
  width:60px;
}

.OSCritereCompo Select#SelectRef{
	display:none;
}
  
.OSCritereCompo br{
	display:none;
}

#BlocAges{
margin:0px;
padding:0px;
}



/********************************
Conditions de vente / Paiement
*********************************/

.OSConditionsVente{
	background-color:#FFFFFF;
	width:98%;
	height:120px;
	overflow: auto;
	border: 1px dotted #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	padding: 5px;
}
.OSConditionsVenteTitre {
	font-weight: bold;
	color: #FF0000;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.OSPaiement {
	background-color: #FFFFFF;
	border: 1px solid #899BCF;
}
.OSPaiementTitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background-color: #899BCF;
	padding: 3px;
}
.OSPaiementSousTitre {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	background-color: #EFFCE0;
	padding: 3px;
}

/*********************************************
Table Dispos
**********************************************/
TABLE.OSTableDispos {
	width:98%;
}

TABLE.OSTableDispos TH {
	background-color:#8EC74E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-attachment: fixed;
	color: #FFFFFF;
}

TABLE.OSTableDispos TD {
	background-color:#EFFCE0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #000000;
	height: 20px;
}
.OSTexteIntro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #2060BF;
	letter-spacing: 1pt;
}
.OSTexteIntropetit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #2060BF;
	letter-spacing: 1pt;
}

.OSBlocAccueil{
	background-image: url(../images/fond_accueil.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 319px;
	width: 479px;
}
.OSBlocAccueil .MenuHebergement{
	position: relative;
	left: 32px;
	top: 80px;
}
.OSBlocAccueil .MenuLoisirs{
	position: relative;
	left: 32px;
	top: 135px;
}
.OSBlocAccueil .MenuESF{
	position: relative;
	left: 32px;
	top: 190px;
}

.OSFondMenuHaut{
	background-color:#9EBFFC;

}
.OSBasPage{
	background-color:#99CCFF;
	border-top:1px solid #000;
	height:25px;
}
.OSActiviteType{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.Devise{
	color:#FF0000;
	font-style:italic;
	text-align:right;
}

/**********************************************
	Affichage des popups
**********************************************/

#dwindow{
	z-index:100;
}

#dwindowcontent{
border-bottom:1px solid #000;
border-left:1px solid #000;
border-right:1px solid #000;
background-color:#FFFFFF;
}
#dwindow #handle{
background-color:#000;
}
.BlocVignette .image{
	z-index: 10;
	border:1px solid #000;
	width:120px;
/*	height:80px;*/
	overflow:hidden;
	background-color:#FFFFFF;
}
.BlocVignette .image img{
}
.BlocVignette .zoom{
	top: -17px;
	left:105px;
	position:relative;
	z-index: 100;
	float:left;
/*	border:1px solid #F00;*/
}

/*****************************************
	Bulle d'aide
****************************************/

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}
.invisible{ display:none;
position:absolute;}

/*******************************************
		IntroCoursSejours	
*******************************************/
#IntroCoursSejours{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

#IntroCoursSejours ul{
	width:525px;
	margin: 0px;
	padding: 0px;

}

#IntroCoursSejours ul li{
	float:left;
	height:110px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 175px;
	overflow: hidden;
}

#IntroCoursSejours ul li.Paragraphe{
	margin:0px 0px 0px 0px;
	width:100%;
	padding:0px 0px 0px 0px;
	height:30px;
	padding-top:2px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left top;
	text-align:left;
	border:1px solid #F00;
}
#IntroCoursSejours .Entete{
	background-image:url(../images/fond-intro-cours.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:12px;
/*	padding-left:auto;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	overflow:hidden;
	text-transform: uppercase;
	line-height: 12px;
	width: 169px;
	letter-spacing: 0.05em;
	padding-top: 0px;
/*	padding-right: auto;*/
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#IntroCoursSejours .Contenu{
	overflow:hidden;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	border: 1px solid #E56B1F;
	height: 89px!important;
	height: 89px;
	width: 167px!important;
	width: 169px;
	margin-right: auto;
	margin-left: auto;
}
#IntroCoursSejours .Contenu div img{
	margin-right: 0px;
}

#IntroCoursSejours li img{
	margin-right: 5px;
}
#IntroCoursSejours a{
	text-decoration:none;
	display: block;
	}	
#IntroCoursSejours a:hover{
}
#IntroCoursSejours .MargeCoursSejours{
	margin-left: 4px;
	margin-right: 2px;
	width: 160px;
	margin-top: 4px;
}
#IntroCoursSejours .SavoirPlus{
	text-align: center;
	clear: both;
	padding-top: 2px;
	width: 165px;
}
#IntroCoursSejours .MargeCoursSejours .ContenuTxt{
	background-color: #00CC66;
	margin-right: 3px;
}

/*******************************************
		IntroActivitesNautiques	
*******************************************/
#IntroActivitesNautiques{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

#IntroActivitesNautiques ul{
	width:525px;
	margin: 0px;
	padding: 0px;

}

#IntroActivitesNautiques ul li{
	float:left;
	height:110px;
	text-align: center;
	margin: 3px;
	padding: 0px;
	width: 250px;
	overflow: hidden;
}

#IntroActivitesNautiques ul li.Paragraphe{
	margin:0px 0px 0px 0px;
	width:100%;
	padding:0px 0px 0px 0px;
	height:30px;
	padding-top:2px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left top;
	text-align:left;
	border:1px solid #F00;
}
#IntroActivitesNautiques .Entete{
	background-image:url(../images/fond-intro-nautique.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:12px;
/*	padding-left:auto;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	overflow:hidden;
	text-transform: uppercase;
	line-height: 12px;
	width: 244px;
	letter-spacing: 0.03em;
	padding-top: 0px;
/*	padding-right: auto;*/
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#IntroActivitesNautiques .Contenu{
	overflow:hidden;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	border: 1px solid #E56B1F;
/*	height: 89px!important;
	height: 89px;*/
	width: 242px!important;
	width: 244px;
	margin-right: auto;
	margin-left: auto;
}
#IntroActivitesNautiques .Contenu div img{
	margin-right: 0px;
}

#IntroActivitesNautiques li img{
	margin-right: 5px;
}
#IntroActivitesNautiques a{
	text-decoration:none;
	display: block;
	padding-right:2px;
	}	
#IntroActivitesNautiques a:hover{
}

#IntroActivitesNautiques .SavoirPlus{
	text-align: center;
	clear: both;
	padding-top: 2px;
	width: 165px;
}
#IntroActivitesNautiques .MargeCoursSejours .ContenuTxt{
	background-color: #00CC66;
	margin-right: 3px;
}

/********************************************* 
			Visuels des hébergements
***********************************************/
#ZoomHebergement{
}
#ZoomHebergement ul,
#ZoomHebergement li{	
	padding:0px;
	margin:0px;
	list-style-type:none;	
}
#ZoomHebergement #Photos{ margin-left:0px;}
#ZoomHebergement #Photos .Vignette{
	width:92px;
	height:60px;
	border:1px solid #000;
	overflow:hidden;
	background-color:#000000;
	float:left;
	margin:3px;
}

#ZoomHebergement #Photos .Vignette img{
	width:92px;
	border:0px;
}

#ZoomHebergement .Agrandissement{
width:200px;
height:180px;
overflow:hidden;
border:0px solid #000;
margin-top:15px;
margin-left:auto;
margin-right:auto;
text-align:center;
display:table-cell;
vertical-align:middle;
}
#ZoomHebergement .Agrandissement img{
	max-width:200px;
	max-height:150px;
	margin-left:auto;
	margin-right:auto;
	width: 200px;
} 

#ZoomHebergement .colonne{
	width:200px;
	margin:3px;
	float:right;
}

/*********************************************
 Détails plan, visite virtuelle, envoyer a un ami, imprimer la page....
**********************************************/
#ZoomHebergement .OSTableDetails{
	border: 0px solid #899BCF;
	width: 200px;
	padding: 3px;
}

#ZoomHebergement .OSTableDetails a, #ZoomHebergement .OSTableDetails a:link, #ZoomHebergement .OSTableDetails a:active, #ZoomHebergement .OSTableDetails a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #899BCF;
	text-decoration: none;
}
#ZoomHebergement .OSTableDetails a:hover{
	color: #666666;
}


#ZoomHebergement .OSTableDetails ul{}
#ZoomHebergement .OSTableDetails ul li{
	float: left;
	line-height: 23px;
}


#ZoomHebergement .OSTableDetails .Plan{
	display: block;
	line-height: 18px;
	text-indent: 23px;
	width: 68px;
}

#ZoomHebergement .OSTableDetails .EnvoyerAunAmi{
	display: block;
}

#ZoomHebergement .OSTableDetails .VisiteVirtuelle{
	display: block;
}

#ZoomHebergement .OSTableDetails .ImprimerPage{
	display: block;
}

a.Close, a.Close:link, a.Close:active, a.Close:visited{
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #2B3386;
	font-size: 10px;
	border: 1px solid #2B3386;
	background-color: #B8C3E2;
	width: 150px;
	line-height: 15px;
	padding-right: 5px;
	padding-left: 5px;
	text-decoration: none;
}
a.Close:hover{
	color: #7277B0;
}

/*********************************************
Table Caracteristiques Détails
**********************************************/
div.CaracteristiquesDetailsFamille{
	margin:5px;
	text-align:left;
	width:200px;
	float:left;
} 
div.CaracteristiquesDetailsFamille .Entete{
	height:16px;
	line-height:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	font-size:10px;
	padding-left:3px;
	text-indent:0px;
	margin-bottom:2px;
}

/*********************************************
		Message d'attente
**********************************************/

#Attente{
	top:-300px;
	left:-400px;
	width:320px;
	height:220px;
/*	border:1px solid #000;*/
	text-align:center;
	position:absolute;
	z-index:100;
/*	display:none;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	padding:10px;
}


/*********************************************
		Bloc Résultat affinage
**********************************************/
.BlocResultatAffinage{
width:98%; background-color:#e1f1d0;
border-left: solid 1px #8ec74e;
border-right:solid 1px #8ec74e;
font-size:10px;
text-align:left;
}

.BlocResultatAffinage .Marge{ padding:8px;}


.SituationEnteteFerme{
	background-color: #FFF;
/*	border-right: 1px solid #990000;
	border-left: 1px solid #990000;
	border-bottom:1px solid #990000;*/
	border:1px solid #677db4;
	width: 98%;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	font-size: 10px;
	background-image: url(../images/fond-titre-resultat-ferme.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	line-height:15px;
}
.SituationEnteteFerme div{	background-image: url(../images/fl-ferme.gif);
	background-repeat: no-repeat; line-height:15px; background-position:left center;}


.SituationEnteteOuvert{
	background-color: #FFF;
/*	border-right: 1px solid #990000;
	border-left: 1px solid #990000;
	border-bottom:1px solid #990000;*/
	border:1px solid #8EC74E;
	width: 98%;
	border-bottom:none;
	
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	font-size: 10px;
	background-image: url(../images/fond-titre-resultat.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	line-height:15px;
}

.SituationEnteteOuvert div{background-image: url(../images/fl-ouvert.gif);
	background-repeat: no-repeat; line-height:15px; background-position:left center;}

.SituationDefautFerme{
	background-color: #FFF;
	border:1px solid #677db4;
	width: 97.7%;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	font-size: 10px;
	background-image: url(../images/fond-titre-resultat-ferme.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	line-height:15px;
}
.SituationDefautFerme div{	background-image: url(../images/fl-ferme.gif);
	background-repeat: no-repeat; line-height:15px; background-position:left center;}
.SituationDefautOuvert{
	background-color: #FFF;
	border:1px solid #8EC74E;
	width: 97.7%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	font-size: 10px;
	background-image: url(../images/fond-titre-resultat.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	line-height:15px;
}
.SituationDefautOuvert div{background-image: url(../images/fl-ouvert.gif);
	background-repeat: no-repeat; line-height:15px; background-position:left center;}




#LienPiedPages{ width:838px; margin-left:auto; margin-right:auto; padding-bottom:15px;}
#MargeGauchePiedPages{float:left;height:120px; width:60px;}
#LienPiedPages ul{float:left; border-right:solid 1px #999999; height:120px; width:190px;}
#LienPiedPages ul li{ line-height:15px; float:left; text-align:left; margin-left:10px; font-size:11px; width:180px;color:#999999;}

#LienPiedPages ul li a,#LienPiedPages ul li a:link,#LienPiedPages ul li a:active,#LienPiedPages ul li a:visited{ display:block; line-height:15px; color:#999999; text-decoration:none;}
#LienPiedPages ul li a:hover{color:#000000; background-color:#FFFFFF;}

#LienPiedPages ul li.TitreLienPieds{color:#999999;}

#LienPiedPages ul li.BlankLine{margin-left:10px;line-height:15px;height:15px;}



#LienPiedPages ul.LienPartenaires{border-right:none; }


#TitreSite{
color:#7B7B7B;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
position:absolute;
z-index:60;
top:65px;
left:270px;}


#BlocNewsLetter{
	color:#000000;
	text-align:right;
	width:780px;
	padding-bottom: 5px;
	padding-top: 5px;
}



/* Bloc Critére de résa Etape 3 meubles **/

#BlocResa{
	background-image:url(../images/fond-bloc-resa-centre.gif);
	background-repeat: repeat-y;
	background-position:left top;
	width:350px;
	margin-left: auto;
	margin-right: auto;

}

#FondBlocResaHaut{
background-image:url(../images/fond-bloc-resa-haut.gif); 
background-repeat:no-repeat; 
background-position:left top;
}

#FondBlocResaBas{
background-image:url(../images/fond-bloc-resa-bas.gif); 
background-repeat:no-repeat; 
background-position:left bottom;
}






#BlocResa #Marge{ 
padding-left:17px;
padding-right:16px;
padding-top:25px;
padding-bottom:19px;
}

#DateRecherche{ color:#6279BF; text-align:center; padding-bottom:5px; padding-top:5px; background-color:#DCE1F1;}

#BlocResaNbpersPrix{ width:317px;}


table.TablePrix{}
table.TablePrix tr{}
table.TablePrix tr th{ font-weight:bold; color:#6279BF; text-align:right; background-color:#fff; border:none; background-image:none;}
table.TablePrix tr td{ padding:0px; color:#6279BF;}


/* Crétére de résa Etape 3 meubles **/
.OSCritereResa {
float:left;
padding:2px;
margin:2px;
text-align:right;
width:47%;
background-color:#dedede;
font-size:9px;
}