@charset "utf-8";
/* CSS Document */

body {
margin: 0;
padding: 0;
text-align: center;
background: #B8DBFF url(img/fondBody.gif) repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
}
img {
border: none;
}
h1, h2, h3, p {
margin-top: 0;
}
h1 {
color: white;
font-size: 1.3em;
}
h2 {
color: white;
/*color: #C1272D;*/
font-size: 1em;
}
h3 {
font-size: 1em;
}
td {
font-size: 0.75em;
}
form {
margin: 0;
}

#conteneur {
text-align: left;
width: 950px;
position: absolute;
top: 0;
left: 50%;
margin: 0 -475px;
}

/************************* PAGE *************************/
#conteneurPage {
position: absolute;
top: 292px;
left: 0;
width: 950px;
}
#page {
width: 950px;
float: left;
background: url(img/fondContenu.gif) repeat-y;
padding-top: 20px;
padding-bottom: 30px;
}
#corps {
width: 630px;
float: left;
margin-left: 25px;
margin-top: 10px;
}
#corpsFull {
width: 900px;
margin-left: 25px;
margin-top: 10px;
}

.clear {
clear:both;
line-height:0.1em;
}

.nota {
font-weight: bold;
font-size: 0.8em;
}
p.nota {
margin-top: 10px;
}

	/************************* RUBRIQUE *************************/
	.tabRubriques {
	width: 630px;
	}
	.tabRubriques td {
	width: 315px;
	}
	.rubrique {
	width: 260px;
	margin-bottom: 20px;
	color: #333333;
	}
	.rubrique .haut {
	background: url(img/cartoucheHaut.png) no-repeat;
	padding: 10px 10px 0 10px;
	}
	.rubrique .bas {
	background: url(img/cartoucheBas.png) no-repeat;
	height:10px;
	}
	
	.rubrique h3 {
	color: #990000;
	margin: 0;
	padding: 0;
	}
	.rubrique p {
	margin: 10px 0 0 0;
	}
	.rubrique a {
	color: #333333;
	text-decoration: none;
	}
	.rubrique a:visited {
	color: #333333;
	}
	.rubrique a:hover {
	color: #666666;
	}
	
	.btnOffre {
	margin-top: 10px;
	text-align: right;
	}
	
	.rubrique img {
	margin: 0 8px 0 0;
	}
	
	/************************* RUBRIQUE GRANDE *************************/
	.rubriqueGrande {
	width: 630px;
	margin-bottom: 20px;
	}
	.rubriqueGrande .haut {
	background: url(img/cartoucheHautGd.png) no-repeat;
	padding: 10px 10px 0 10px;
	}
	.rubriqueGrande .bas {
	background: url(img/cartoucheBasGd.png) no-repeat;
	height:10px;
	}
	
	.rubriqueGrande h3 {
	color: #990000;
	margin: 0;
	padding: 0;
	}
	.rubriqueGrande p {
	margin: 10px 0 0 0;
	}
	.rubriqueGrande a {
	color: #0033CC;
	}
	.rubriqueGrande a:visited {
	color: #0033CC;
	}
	.rubriqueGrande a:hover {
	color: #0099FF;
	}
	.rubriqueGrande img {
	margin: 0 10px 0 0;
	}
	.rubriqueGrande ul {
	padding-left: 20px;
	}
		
	.rubriqueGrande .vignettes img {
	margin: 10px 10px 0 0;
	}
	.rubriqueGrande .vignettes .titreVignettes {
	margin-top: 30px;
	color: #666666;
	}
	
	/************************* RUBRIQUE FULL *************************/
	.rubriqueFull {
	width: 900px;
	margin-bottom: 20px;
	}
	.rubriqueFull .haut {
	background: url(img/cartoucheHautFull.png) no-repeat;
	padding: 10px 10px 0 10px;
	}
	.rubriqueFull .bas {
	background: url(img/cartoucheBasFull.png) no-repeat;
	height:10px;
	}
	
	.rubriqueFull h3 {
	color: #990000;
	margin: 0;
	padding: 0;
	}
	.rubriqueFull p {
	margin: 10px 0 0 0;
	}
	.rubriqueFull a {
	color: #0033CC;
	}
	.rubriqueFull a:visited {
	color: #0033CC;
	}
	.rubriqueFull a:hover {
	color: #0099FF;
	}
	.rubriqueFull img {
	}
	.rubriqueFull ul {
	padding-left: 20px;
	}
		
	.rubriqueFull .vignettes img {
	margin: 10px 10px 0 0;
	}
	.rubriqueFull .vignettes .titreVignettes {
	margin-top: 30px;
	color: #666666;
	}

	/************************* DROITE *************************/
	#droite {
	float: right;
	width: 250px;
	margin: 10px 20px 0 0;
	color: white;
	}
	#droite .encart {
	margin-bottom: 20px;
	}
	#droite p {
	margin: 0;
	}
	#droite h3 {
	margin: 0 0 5px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid white;
	}
	#droite .haut {
	background: url(img/fondDroiteHaut.png) no-repeat;
	padding: 10px 10px 0 10px;
	}
	#droite .bas {
	height: 10px;
	background: url(img/fondDroiteBas.png) no-repeat;
	}
	#droite a {
	text-align: right;
	color: white;
	text-decoration: none;
	}
	#droite a:visited {
	text-decoration: none;
	}
	#droite a:hover {
	text-decoration: underline;
	}
	
	/************************* METEO *************************/
	#droite .default {
	text-align: center;
	}
	#droite .default table {
	margin: auto;
	background: white;
	width: 140px;
	}
	#droite .default table td {
	padding: 2px;
	}
	#droite .default table td a.meteo_echeance {
	color: #003366;
	}
	#droite .default table td a.meteo_ville {
	font-size: 1.2em;
	color: #0066CC;
	}
	#droite .default table td a.meteo_temperature {
	color: #FF9900;
	}
	#droite .default img {
	margin-bottom: 5px;
	}
	
/************************* CALENDRIER D'OUVERTURE *************************/
#calendrierOuverture {
width: 600px;
margin-top: 20px;
}
#calendrierOuverture table.mois {
margin: 0 auto 20px;
border: 1px solid #990000;
}
#calendrierOuverture td {
text-align: center;
padding: 3px 4px;
vertical-align: top;
}
#calendrierOuverture .nomMois {
text-align: center;
font-weight: bold;
color: #990000;
background: #EEE;
}
#calendrierOuverture .nomJour {
font-weight: bold;
}
#calendrierOuverture .numJour {
}
#calendrierOuverture .numJour a {
font-weight: bold;
color: black;
}
.rose {
background: #F096A2;
}
.vert {
background: #89BA17;
}
.bleu {
background: #73CBEF;
}
.beige {
background: #FFCC99;
}

#tabLegende {
border: none;
}
#tabLegende td {
padding: 0 10px;
font-size: 0.7em;
text-align: left;
}
.legende {
width: 270px;
border: none;
}
.legende table {
border: none;
width: 270px;
margin-bottom: 10px;
}
.legende .rose, .legende .vert, .legende .bleu, .legende .blanc, .legende .beige {
width: 20px;
border: 1px solid #AAA;
}

/************************* TARIFS *************************/
#tarifs {
width: 610px;
margin-top: 20px;
}
#tarifs td {
}
#tarifs .designation {
}
#tarifs .designationLigneA {
background: url(img/fondLigneAdes.gif) no-repeat top right;
padding: 2px 5px 4px 0;
text-align: right;
width: 350px;
}
#tarifs .designationLigneB {
background: url(img/fondLigneBdes.gif) no-repeat top right;
padding: 2px 5px 4px 0;
text-align: right;
width: 350px;
}
#tarifs .attractionsLigneA, #tarifs .attractionsLigneB, #tarifs .attractionsLunchLigneA, #tarifs .attractionsLunchLigneB {
text-align: right;
padding: 2px 50px 4px 0;
font-weight: bold;
}
#tarifs .attractionsLigneA {
background: url(img/fondLigneAatt.gif) repeat-x top right;
}
#tarifs .attractionsLigneB {
background: url(img/fondLigneBatt.gif) repeat-x top right;
}
#tarifs .attractionsLunchLigneA {
background: url(img/fondLigneAattL.gif) no-repeat top right;
}
#tarifs .attractionsLunchLigneB {
background: url(img/fondLigneBattL.gif) no-repeat top right;
}

#tarifsDroite td {
color: white;
font-weight: bold;
text-align: center;
padding: 10px 0;
}
#tarifsDroite td.offre {
color: #FFE100;
}

/************************* MENU *************************/
#menuHaut {
position: absolute;
top: 260px;
left: 0;
width: 950px;
background: url(img/fondContenu.gif) repeat-y;
font-family: Arial, Helvetica, sans-serif;
}
#menuHaut ul {
margin: 0;
/*padding:0;*/
text-align:center;
list-style:none;
padding: 0 0 0 15px;
}
#menuHaut li {
float: left;
/*display:inline;
list-style-type: none;*/
font-size: 1em;
}
#menuHaut li a {
padding: 8px;
margin: 0 1px;
display: block;
text-decoration: none;
color: white;
}
#menuHaut li a:visited {
color: white;
}
#menuHaut li a:hover {
color: white;
border-bottom: 1px solid white;
}
#menuHaut li a.pageActive {
color: white;
border-bottom: 1px solid white;
}
#menuHaut li a.zoom {
/*background:#084;*/
}


/************************* PIED *************************/
#pied {
background: url(img/fondPied.gif);
height: 50px;
clear:both;
}
#pied p {
}

#corporate {
background:url(img/herbeFamiParc.png) no-repeat bottom;
height:200px;
margin-top: 40px;
text-align: center;
}
#corporate a {
padding: 0 10px 0 10px;
}

/************************* PIED *************************/
#corporate, #corporate a {
color: #4145E0;
font-weight: bold;
}