/* CSS Document */

html {
	height: 100%;
}
body {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#ffffff;
	color:#666666;
}





map, h1, h2, h3, h4, ul, img {
	margin: 0px;
	padding: 0px;
	border: none;
}
table {
	/*padding: 0px;
	margin: 0px;*/
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}
ul {
	list-style: none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
body, td, a {
	font-family: Arial, Helvetica, sans-serif;
	/*color: #fff;*/
}
a {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: underline;
}
a:hover {

	text-decoration: none;
}

.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.borderNone { border: none; }
.clearFloat { clear: both; }
.clearLeft { clear: left; }
.clearRight { clear: right; }
.floatLeft { float: left; }
.floatRight { float: right; }
.pasDeRetourLigne { white-space: nowrap; }
.textDecoNone { text-decoration: none; }
.textDecoSouligne { text-decoration: underline; }
.textDecoBarre { text-decoration: line-through; }
.positionRelative { position: relative; }
.positionRelativeGlobalLayer { position: relative; left: 0px; top: 0px; text-align: left; }
.positionAbsolueLayer { position: absolute; left: 0px; top: 0px; text-align: left; }
.sansMarges { margin: 0px; padding: 0px; }
.marge10px { margin: 10px; }

input, select, textarea {
	font-size: 0.7em;
	color: #3a3038;
	font-family: Arial, Helvetica, sans-serif;
}

/* CONTENEURS */

#Page {
	width: 1005px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;

}

.blocListe a.btnCommentaire, .blocDetail a.btnCommentaire, .blocListe a.btnBlanc, .blocDetail a.btnBlanc {
	text-transform: uppercase;
	font-size: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	float: right;
	white-space: nowrap;
	background: url(http://static.for-system.com/vaucluse/images/interface/picto/btn-commentaire-d.gif) no-repeat right top;
	line-height: 23px;
}
.blocListe a.btnCommentaire span, .blocDetail a.btnCommentaire span {
	background: url(http://static.for-system.com/vaucluse/images/interface/picto/btn-commentaire-g.gif) no-repeat left center;
	padding: 4px 9px 4px 28px;
}
.blocListe a.btnBlanc span, .blocDetail a.btnBlanc span {
	background: url(http://static.for-system.com/vaucluse/images/interface/picto/btn-blanc-g.gif) no-repeat left center;
	padding: 4px 9px 4px 7px;
}
.blocListe a.btnCouleur, .blocDetail a.btnCouleur {
	text-transform: uppercase;
	color: #3a3038;
	font-size: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	float: left;
	white-space: nowrap;
	line-height: 23px;
	background: url(http://static.for-system.com/vaucluse/images/interface/picto/btn-couleur-rechercher-d.gif) no-repeat right top;
}
.blocListe a.btnCouleur span, .blocDetail a.btnCouleur span {
	padding: 4px 9px 4px 7px;
	background: url(http://static.for-system.com/vaucluse/images/interface/picto/btn-couleur-rechercher-g.gif) no-repeat 0px 0px;
}
a.btnCouleur:hover {
	color: #FFF;
}
a.btnCommentaire:hover, a.btnBlanc:hover {
	color: #D3CB1A;
}
.separation {
	/*background: url(http://static.for-system.com/vaucluse/images/interface/picto/ombre-encart.gif) no-repeat 0px 0px;*/
	height: 15px;
	width: 100%;
	
	
	
	
}
/*-------------------------------------------*/
#OngletsTabsGeneral{ width:95%; margin-left:auto; margin-right:auto; clear:both; padding-top:15px;}
#OngletsTabsGeneral.ui-tabs{ padding-bottom:0px}

#OngletsTabsGeneral #NavOnglet{ }

#OngletsTabsGeneral #NavOnglet li{
background:#D3CB1A none repeat scroll 0 0;
/*border:1px solid #0C93AD;*/
border:0px;
margin-right:2px;
margin-bottom:1px;
color:#000000;
}

#OngletsTabsGeneral #NavOnglet li a{
color:#393939;
font-size:10px;
font-weight:bold;
padding:0.6em 1.3em;
text-decoration:none;
text-transform:uppercase;}
#OngletsTabsGeneral #NavOnglet li.tabs-selected, #OngletsTabsGeneral #NavOnglet li.tabs-selected a{ background-color:#BBBD8E; color:#fff;}








/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 1px 0 0px;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(tab.png) no-repeat;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #27537a;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
    color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
width:100%;   
    padding: 1em 8px;
    background: #BBBD8E; /* declare background color for container to avoid distorted fonts in IE while fading */
	color:#333;
	
}
.tabs-container a{ color:#333;}
 
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}


/** **/

#Header{
	height:63px;
}
#Header .NomSite{ color:#cc0000; background-color:#bbbd8e; font-size:36px; text-align:center; line-height:63px; height:63px; width:366px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; float:left;}
#Header .NomSite span{font-size:48px;}

#Header .NomSite a, #Header .NomSite a:link, #Header .NomSite a:active, #Header .NomSite a:visited,#Header .NomSite a:hover{ color:#cc0000; display:block; text-decoration:none;}

#ColHeader{
	float:left;
	width:607px;
	height: 63px;
}

#ColHeader #Ligne1Header{
	height:30px;
	color:#777777;
	text-align:right;
	line-height:30px;
}
#ColHeader #Ligne1Header img{ padding-top:3px;}
#ColHeader #Ligne1Header a{color:#777777;}
 
#ColHeader #Ligne2Header{ font-size:14px; }

#ColHeader #Ligne2Header .OngletDecouvrez{ float:right; width:172px; height:27px; overflow:hidden;padding-top:6px;}

#ColHeader #Ligne2Header .OngletDecouvrez a, #ColHeader #Ligne2Header .OngletDecouvrez a:link, #ColHeader #Ligne2Header .OngletDecouvrez a:active, #ColHeader #Ligne2Header .OngletDecouvrez a:visited{ display:block; width:172px; height:27px; background:url(http://static.for-system.com/vaucluse/images/fond-onglet-decouvrez-vaucluse.gif) no-repeat left top; line-height:28px; font-weight:bold; text-align:center; text-decoration:none; color:#333333; font-size:14px; letter-spacing:0px;}
#ColHeader #Ligne2Header .OngletDecouvrez a:hover{color:#333333; opacity: 0.5;  filter:alpha(opacity=50);}

#ColHeader #Ligne2Header span{
	display:block;
	margin-top:0px;
	float:left;
width:434px; 

}


/** **/
#BlocWidget{ background: url(http://static.for-system.com/vaucluse/images/fond-degrade-widget.gif) no-repeat left top; width:243px; float:right;}



/** **/

#footer {
	background:url(http://static.for-system.com/vaucluse/images/ombre-footer.gif) left top repeat-x #cccccc;
	font-size:10px;
	margin-top: 10px;
}

#footer strong{font-size:11px;}

#footer #TitreFooter{ font-size:20px; font-weight:bold; padding-top:15px; padding-left:20px;}

#footer #ColGaucheFooter{ width:605px; float:left;}
#footer #ColGaucheFooter #MargeFooter{padding-left:40px;  }

#footer #ColDroiteFooter{width:396px; float:left;}
#footer #ColDroiteFooter #MargeFooter{}


#footer a, #footer a:link,#footer a:active,#footer a:visited{ }
#footer a:hover{color:#666666;}


#BlocInfo{ float:right; line-height:20px;}
#LienCatalogue{float:left;line-height:20px;}

#Signature{
	line-height:26px;
	text-align: center;
}
#LogoPied{float:left;}




/** Bloc Tout savoir Seine-et-Marne **/

#BlocToutSavoir{ width:506px; float:left;}
#MargeToutSavoir{ }
#TitreToutSavoir{padding-left:20px; margin-top:10px;}
#ContenuToutSavoir{ font-style:italic;padding-left:25px; margin-top:10px;}


#BlocToutSavoir ul{}
#BlocToutSavoir ul li{ background-position:center top; background-repeat:no-repeat; width:168px; float:left; padding-bottom:30px; margin-top:15px;}

#BlocToutSavoir ul li#SiteManifestation{ background-image:url(http://static.for-system.com/vaucluse/images/img-site-manifestation.gif);}
#BlocToutSavoir ul li#SiteSeineEtMarne{background-image:url(http://static.for-system.com/vaucluse/images/img-site-seine-marne.gif);}
#BlocToutSavoir ul li#SiteGiteDeFrance{background-image:url(http://static.for-system.com/vaucluse/images/img-site-gitedefrance.gif);}

#BlocToutSavoir ul li a{ font-size:12px; font-weight:bold; display:block; padding-top:115px; text-align:center; text-decoration:none;}

/** Bloc Caroussel **/
#BlocCaroussel{ width:484px; float:left; margin-top:10px;}

#TitreCaroussel{font-size:12px; border-bottom:solid 1px #3FAABE;margin:0px 23px 5px 23px;}


/*** ***/
#BlocFond{ width:738px; height:217px; background-position:left top; background-repeat:no-repeat;}
#BlocFond h1{ height:35px; line-height:33px; font-size:23px; letter-spacing:1px; font-weight:bold; color:#FFF; padding-left:50px;}
#BlocFond #BlocTexte{ width:444px;}
#BlocFond #BlocTexte p{ padding-left:70px; text-align:justify; color:#FFF; line-height:24px; margin-top:3px;}

#BlocFond #BlocIds{}

.CouleurAccueil{ background-image:url(http://static.for-system.com/vaucluse/images/fond-bloc/fond-intro-vert.gif);}
.CouleurHotel{}
.CouleurMeuble{}
.CouleurChhote{}
.CouleurCamping{}
.CouleurBillet{}
.CouleurActivite{}
.CouleurMateriel{}
.CouleurRestaurant{}
.CouleurBoutique{}

/** **/
#LigneDeVie{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:8px;
}

#LigneDeVie a, #LigneDeVie a:link, #LigneDeVie a:active, #LigneDeVie a:visited{ color:#666; text-decoration:underline; font-size:11px}
#LigneDeVie a:hover{ text-decoration:none;}

/** **/

#ImgBandeau{
	background:url(http://static.for-system.com/vaucluse/images/bandeau.jpg) no-repeat center 63px;
}

/** **/
#Logo{ position:absolute; width:226px; height:56px;}
#TextIntroBandeau{ background:url(http://static.for-system.com/vaucluse/images/fond-bloc-transparent.png) left top no-repeat; width:281px; height:127px; position:absolute; left:0px; bottom:0px;}
#TextIntroBandeau #Marge{
	margin:9px 0px 0px 9px;
	font-size:19px;
	font-weight:bold;
}
#TextIntroBandeau #Marge a,#TextIntroBandeau #Marge a:link, #TextIntroBandeau #Marge a:active, #TextIntroBandeau #Marge a:visited{color:#333333; text-decoration:none;}
#TextIntroBandeau strong{ display:block;font-size:26px; color:#aa0000; margin-left:15px; }

#BlocMeteo{ width:200px; height:90px; right:32px; top:3px; background:url(http://static.for-system.com/vaucluse/images/fond-meteo.png) no-repeat left top; position:absolute;}
#BlocMeteo #MargeMeteo{ padding:22px 0px 0px 80px; ;color:#FFF;}
#BlocMeteo #MargeMeteo span{ font-size:12px; font-weight:bold; }
#BlocMeteo #MargeMeteo span.Temperature{ font-size:12px; font-weight:normal; }



/**** ****/
#LigneDeVie{}

#LigneDeVie span{ display:none;}
#LigneDeVie span.Selected{ display:inline; font-weight:bold;}


/**** Bloc Autre Presta Ticket ****/
#AutrePrestaTicket{  }
#TitreAutrePrestaTicket{ font-weight:bold; padding-bottom:8px;padding-left:5px;}


.BlocAccueilBas{ clear:both; padding-top:20px; color:#666;}
.BlocAccueilBas h2{ font-size:13px; font-weight:normal;}