/* CSS de la page d'accueil */

body
{
	background: #000000 url(/media/images_zoneparc/bg.gif) top center no-repeat;
	margin: 0;
	padding: 0;
}

body.zoneparc
{
	background: #000000 url(/media/images_zoneparc/bg_content_body.gif) top center repeat-y;
	margin: 0;
	padding: 0;;
}

.radiobouton{
	width: 15px;
	height: 17px;
	border: none;
}

input{
	margin:0;
	padding:0;
}

p
{
	margin: 0;
	padding: 0;
}

div#Content
{
	position:relative;
	margin:auto;
	width: 980px;
	height: 652px;
	z-index: 0;
}

div#Text a{
	color:#819b95;
}

div#Logo
{
	position: relative;
	background: url(/media/images_zoneparc/logo.png) no-repeat;
	width: 339px;
	height: 179px;
	cursor: pointer;
	z-index: 2;
}

div#MaNeige
{
	position: relative;
	width: 195px;
	height: 125px;
	cursor: pointer;
	z-index: 2;
	margin-left:775px;
	margin-top:-200px;
	margin-bottom:75px;
}


div#ImageBG
{
	position: absolute;
	background: url(/media/images_zoneparc/image_bg.jpg) no-repeat;
	width: 801px;
	height: 394px;
	top: 37px;
	left: 92px;
	z-index: 1;
	margin: 0;
}

div#Menu
{
	position: absolute;
	background: url(/media/images_zoneparc/menu.png) no-repeat;
	width: 801px;
	height: 164px;
	top: 331px;
	left: 92px;
	z-index: 2;
}
div#LinkMenu
{
	position: absolute;
	width: 801px;
	height: 164px;
	top: 331px;
	left: 92px;
	z-index: 3;
}


div#BackZP
{
	position:relative;
	background: #000000 url(/media/images_zoneparc/bg_content.gif) top right repeat-y;
	margin:auto;
	width: 980px;
	height: auto;
	z-index: 0;
}

div#ContentZP
{
	position: relative;
	width: 491px;
	/*margin: 400px 0 0 325px;*/
	margin-bottom:140px;
	top: 140px;
	left: 340px;
	font: normal 12px Arial;
	color: #000000;
	z-index: 3;
}

div#BGSheet
{
	position:absolute;
	background: url(/media/images_zoneparc/bg_sheet.png) no-repeat;
	width: 560px;
	height: 324px;
	top: 284px;
	left: 304px;
	z-index: 3;
}

div#Header
{	
	position:absolute;
	background: #000000 url(/media/images_zoneparc/header.jpg) top right no-repeat;
	width: 980px;
	height: 426px;
	top: 0;
	left: 0;
	z-index: 1;
}

div#Footer
{
	background: #000000 url(/media/images_zoneparc/footer.gif) top right no-repeat;
	margin:auto;
	width: 982px;
	height: 266px;
	z-index: 0;
}

div#LeftMenu
{
	position: absolute;
	width: 223px;
	top: 362px;
	left: 100px;
	z-index: 2;
}

div#Title
{
	margin: 0 0 25px 0;
}


p.normal
{
	margin: 0 0 25px 0;
}

p.subtitle
{
	font: bold 13px Arial, Helvetica, sans-serif; 
	color: #95b8b1;
	margin: 15px 0 5px 0;
}

.subtitlenomargin
{
	font: bold 13px Arial, Helvetica, sans-serif; 
	color: #95b8b1;
}


p.info
{
	font: bold italic 12px Arial, Helvetica, sans-serif; 
	color: #95b8b1;
	margin: 15px 0 0 0;
}

#reponse{
	padding:5px;
	border:1px solid #95b8b1;
}

/*////// CALENDRIER //////*/
#calendrier_content {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.calendrier_jour {
	width:25px;
	height:25px;
	color: #000000;
	font-weight: bold;
	background-color: #fff;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	cursor: pointer;
	text-align:center; 
	vertical-align: middle; 
	border: thin solid black;
}

/* aujourd'hui */
.calendrier_aujourdhui {
	width:25px;
	height:25px;
	color: #000000;
	font-weight: bold;
	background-color: #7BA6CE;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	cursor: pointer;
	text-align:center; 
	vertical-align: middle; 
	border: thin solid black;
}

/* jour passé */
.calendrier_jour_passer {
	width:25px;
	height:25px;
	color: #000;
	font-weight: bold;
	background-color: #E7F7FF;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	cursor: pointer;
	text-align:center; 
	vertical-align: middle; 
	border: thin solid black;
}

#legende-bleupoudre{
	width:25px;
	height:25px;
	background-color: #E7F7FF;
	border:1px solid black;
}

#legende-bleufonce{
	width:25px;
	height:25px;
	background-color: #7BA6CE;
	border:1px solid black;
}

#legende-jaune{
	width:25px;
	height:25px;
	background-color: #E7F700;
	border:1px solid black;
}

#legende-blanc{
	width:25px;
	height:25px;
	background-color: #FFFFFF;
	border:1px solid black;
}
/* jour activer */
.calendrier_jour_selectionner {
	width:25px;
	height:25px;
	color: #000000;
	font-weight: bold;
	background-color: #E7F700;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	cursor: pointer;
	text-align:center; 
	vertical-align: middle; 
	border: thin solid black;
}

/* nom du jour */
.calendrier_nom_jour {
	width:25px;
	height:25px;
	color: #000000;
	font-weight: bold;
	background-color: #005000;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	cursor: pointer;
	text-align:center; 
	vertical-align: middle; 
	border: thin solid black;
}

/* nom du mois */
.calendar_month_name {
	width:auto;
	height:25px;
	color: #000000;
	font-weight: bold;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	cursor: pointer;
	text-align:center; 
	vertical-align: middle;
}

.calendar_month_name a {
	width:auto;
	height:25px;
	color: #000000;
	font-weight: bold;
	background-color: #fff;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	cursor: pointer;
	text-align:center; 
	vertical-align: middle; 
	border: thin solid black;
}
/*
	TROUVE TON PARC 
------------------------------------------------*/
.cell-header{
	
}
.cell{
	border:1px solid #e1e1e1;
	padding:3px;
}
.cell-alt{
	background:#eeeee3;
	border:1px solid #d9d8c6;
	padding:3px;
}

/* VIDEO */

.boxoutlines {
	/*background: url(/video-player/boxoutlines.jpg) no-repeat left top;*/
	height: 277px;
	width: 500px;
	position: relative;
	margin:0 0 0 10px;	
	*margin:0 350px 0 0 !important;     /* targets IE6 IE7 */
}

.boxoutlines #flashcontent {
	margin-left: auto;
	margin-right: auto;
	width:550px;
	height:320px;
}

.boxoutlines #contour {
	width:550px;
	padding:10px;
	border: 1px solid #ffffff;
}