@charset "utf-8";

/********************************************
/* Elements de base */
/********************************************/
a:link, a:visited { color:#e20086; font-weight:bold; text-decoration:underline; }
a:hover, a:active { color:#45beea; }

html, body {
	background-color: #fff;	
	height: 100%;
	overflow: hidden;
	}

body {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:11px;
	line-height:15px;
	margin:0;
	padding:0;
	background:#fff url(../img/com/img_fd.gif) left top repeat-x;
	}

h1 {
	font-size:30px;
	font-weight:bold;
	color:#e20086;
	line-height:30px;
	}

h2 {
	font-size:17px;
	font-weight:bold;
	color:#e20086;
	line-height:20px;
	}
h3 {
	font-size:12px;
	font-weight:bold;
	color:#e20086;
	line-height:14px;
	}

sup {
	font-size: 8px;
	line-height: 0.8em;
	margin: 0;
	padding: 0;
	}

img {
	border: 0;
	}



/********************************************/
/* Conteneurs généraux HP */
/********************************************/
#center {
	position: relative;
	width: 920px;
	height: 100%;
	margin: auto;
	padding: 0;
	overflow: hidden;
	}
	#center #global {
		position: absolute;
		width:920px;
		top: 50%;
		left: 50%;;
		margin-left: -461px;
		margin-top: -330px;
		padding: 0;
		text-align: left;
		overflow: hidden;
		background-color:#fff;
		}
		#center #global #hp {
			margin:0;
			padding:0;
			background:transparent url(../img/nl/fd_hp.jpg) left top no-repeat;
			width:920px;
			height:594px;
			}
			#center #global #hp #Logo {
				margin:0;
				padding:0;
				top:0;
				left:0;
				background:transparent url(../img/nl/logo_hp.gif) left top no-repeat;
				width:395px;
				height:126px;
				}
			#center #global #hp #Btns {
				position: relative;
				margin-top:20px;
				padding:0;
				top:0;
				left:9px;
				background:transparent url(../img/nl/btns_accueil.gif) left top no-repeat;
				width:228px;
				height:453px;
				}
				#center #global #hp #Btns #OuTrouverOffre{
					position: absolute;
					top: 0;
					left: 0;
					width:228px;
					height:227px;
					text-indent: -9999px;
					}
				#center #global #hp #Btns #VoirParcsPartenaires{
					position: absolute;
					top: 227px;
					left: 0;
					width:228px;
					height:227px;
					text-indent: -9999px;
					}

/********************************************/
/* Pages intérieures */
/********************************************/

		#center #global #Conditions {
			text-align:left;
			font-size:9px;
			padding-left:10px;
			}
		#center #global #ConditionsMagenta {
			text-align:left;
			font-size:9px;
			font-weight:bold;
			padding-left:10px;
			color:#e20086;
			}
		#center #global #Header {
			margin-bottom:10px;
			padding:0;
/*			background:transparent url(../img/nl/header.gif) left top no-repeat;
*/			width:920px;
			height:127px;
			}
		#center #global #PhotosHt {
			position:absolute;
			width:443px;
			height:224px;
			right:0;
			top:0;
			z-index:1;
			}
		#center #global #Contenu {
			margin-left:auto;
			margin-right:auto;
			padding:0;
			width:875px;
			height:453px;
			}
			#center #global #Contenu ul {
				margin: 0;
				padding: 0;
				}
			#center #global #Contenu ul li.Num1 { 
				list-style-type: none;
				display: block; 
				padding: 0 0 10px 35px;
				margin: 0;
				background: transparent url(../img/com/puce_n1.gif) no-repeat 2px 2px;
				}
			#center #global #Contenu ul li.Num2 { 
				list-style-type: none;
				display: block; 
				padding: 0 0 10px 35px;
				margin: 0;
				background: transparent url(../img/com/puce_n2.gif) no-repeat 2px 2px;
				}
			#center #global #Contenu #BlocGche {
				margin-top:0;
				width:420px;
				float:left;
				text-align:justify;
				}
			#center #global #Contenu #BlocDroite {
				margin-top:0;
				width:438px;
				float:right;
				}
			#center #global #Contenu #BlocScroll {
				margin:0;
				padding:0;
				width:875px;
				height:360px;
				overflow:auto;
				vertical-align:text-top;
				text-align:justify;
				}
				#center #global #Contenu #BlocScroll #InfoParc {
					background:transparent url(../img/com/bloc_vert.gif) left top no-repeat;
					width:855px;
					height:190px;
					padding-bottom: 10px;
					padding-top: 5px;
					margin:0;
					font-size:11px;
					}
				#center #global #Contenu #BlocScroll #InfoParc2 {
					background:transparent url(../img/com/bloc_vert2.gif) left top no-repeat;
					width:855px;
					height:270px;
					padding-bottom: 10px;
					padding-top: 5px;
					margin:0;
					font-size:11px;
					}
					#center #global #Contenu #BlocScroll #InfoParc table, #center #global #Contenu #BlocScroll #InfoParc2 table {
						width:825px;
						margin:10px;
						}
						#center #global #Contenu #BlocScroll #InfoParc table tr td, #center #global #Contenu #BlocScroll #InfoParc2 table tr td {
							vertical-align:top;
							top:0;
							padding: 0 5px 0 5px;
							margin:0;
							text-align:justify;
							}
						#center #global #Contenu #BlocScroll #InfoParc table tr th, #center #global #Contenu #BlocScroll #InfoParc2 table tr th {
							vertical-align:top;
							top:0;
							}
					#center #global #Contenu #BlocScroll #InfoParc .Infos, #center #global #Contenu #BlocScroll #InfoParc2 .Infos, #center #global #Contenu #ChoixSurCarte #DescriptifParc .Infos {
						background-color:#e20086;
						color:#fff;
						font-weight:bold;
						padding: 0 2px 0 2px;
						margin:0;
						text-transform:uppercase;
						}

/***** Choix sur Carte > Parcs à thèmes et animaliers **************/
			#center #global #Contenu #ChoixSurCarte {
				margin-left:auto;
				margin-right:auto;
				padding:10px 10px 10px 20px;
				top:0;
				vertical-align:top;
				width:875px;
				height:406px;
				background:transparent url(../img/com/fd_rose_parcs.jpg) left top no-repeat;
				}
				#center #global #Contenu #ChoixSurCarte #Legendes {
					margin-top:0;
					width:460px;
					float:left;
					text-align:justify;
					}
					#center #global #Contenu #ChoixSurCarte #Legendes .CartoucheRose {
						color:#fff;
						background:url(../img/com/carre_rose_parcs_carte.gif) left top no-repeat;
						line-height:28px;
						font-size:21px;
						padding:0 2px 0 2px;
						}
					#center #global #Contenu #ChoixSurCarte #Legendes .CartoucheRose2 {
						color:#fff;
						background:url(../img/com/carre_rose_parcs_carte2.gif) left top no-repeat;
						line-height:28px;
						font-size:21px;
						padding:0 2px 0 2px;
						}
					#center #global #Contenu #ChoixSurCarte #Legendes h2.ParcsThemes {
						background:url(../img/com/picto_parcs_themes.png) left top no-repeat;
						padding: 8px 0 8px 45px;
						}
					#center #global #Contenu #ChoixSurCarte #Legendes h2.ParcsAnimaliers {
						background:url(../img/com/picto_parcs_animaliers.png) left top no-repeat;
						padding: 8px 0 8px 45px;
						}
				#center #global #Contenu #ChoixSurCarte #DescriptifParc {
					margin-top:15px;
					padding: 10px 65px 15px 32px;
					width:293px;
					height:356px;
					float:right;
					background:transparent url(../img/com/bloc_blc.gif) left top no-repeat;
					text-align:justify;
					}
					#center #global #Contenu #ChoixSurCarte #DescriptifParc h1 {
						padding-left:15px;
						}
					#center #global #Contenu #ChoixSurCarte #DescriptifParc table tr th {
						width:80px;
						padding:2px;
						}
					#center #global #Contenu #ChoixSurCarte #DescriptifParc table tr td {
						text-align:justify;
						}
						#center #global #Contenu #ChoixSurCarte #DescriptifParc table tr td h3 {
						padding-right:10px;
						padding-left:0;
						}
						#center #global #Contenu #ChoixSurCarte #DescriptifParc table tr td #DescriptifScroll{
							margin:0;
							padding-right:10px;
							width:295px;
							height:270px;
							overflow:auto;
							vertical-align:text-top;
							text-align:justify;
							}
#RetourCarte{
	position:absolute;
	left:560px;
	top:130px;
	z-index:1;
	}
#RetourCarte2{
	position:absolute;
	left:500px;
	top:130px;
	z-index:1;
	}
#Carte{
	position:absolute;
	left:200px;
	top:130px;
	z-index:1;
	}


/***** Contact **************/

			#center #global #Contenu #Contact {
				margin-top:50px;
				margin-left:auto;
				margin-right:auto;
				padding:0;
				width:640px;
				font-size:16px;
				font-weight:bold;
				line-height:21px;
				}
				#center #global #Contenu #Contact a {
					font-size:21px;
					}
				#center #global #Contenu #Contact .Hotlines {
					color:#fff;
					background:url(../img/com/rectangle_rose.gif) left top no-repeat;
					line-height:28px;
					padding:5px 0 8px 0;
					}
				#center #global #Contenu #Contact ul {
					margin: 0;
					padding: 0;
					}
					#center #global #Contenu #Contact ul li.Fleche { 
						list-style-type: none;
						display: block; 
						padding: 0 0 10px 25px;
						margin: 0;
						background: transparent url(../img/com/fleche_rose.gif) no-repeat 2px 2px;
						}
		
/***** Où trouver l'offre **************/
				
			#center #global #Contenu #OuTrouverOffre {
				margin-left:auto;
				margin-right:auto;
				padding:0;
				top:0;
				vertical-align:top;
				width:875px;
				height:406px;
				background:transparent url(../img/com/fd_ou_trouver_offre.jpg) left top no-repeat;
				}
				#center #global #Contenu #OuTrouverOffre #AnimPackages {
					margin-left:auto;
					margin-right:auto;
					margin-top:-92px;
					padding:0;
					}

/***** Choix du parc **************/

			#center #global #Contenu #ChoixParc {
				margin:0;
				padding:0;
				width:875px;
				font-size:13px;
				font-weight:bold;
				line-height:21px;
				text-align:center;
				z-index:1;
				}
				#center #global #Contenu #ChoixParc .ValidationTicket {
					color:#fff;
					background:url(../img/com/carre_rose2.gif) left top no-repeat;
					font-size:17px;
					line-height:28px;
					padding: 4px 3px;
					}



/***** Mentions Légales **************/

			#center #global #Contenu #MentionsLegales {
				margin-top:50px;
				margin-left:auto;
				margin-right:auto;
				padding-left:20px;
				width:860px;
				font-size:16px;
				line-height:21px;
				}			
/********************************************/
/* Les classes */
/********************************************/


.Hr {
	color:#b3d06c;
	text-align:center;
	width:766px;
	margin:0;
	text-align:left;
	}

.Bold {
	font-weight:bold;
	}

.Souligne {
	text-decoration:underline;
	}

.Magenta {
	color:#e20086;
	}
.Police13px {
	font-size:13px;
	font-weight:bold;
	}
.Police21px {
	font-size:21px;
	}
/********************************************/
/* Positionnement */
/********************************************/
.droite {
	float: right;
	}
.gauche {
	float: left;
	}
.Centre {
	text-align:center;
	}

.Justifie {
	text-align:justify;
	}

.ClearBoth {
	clear: both;
	}
hr { 
	clear: both;
	width: 100%;
	border: 0; /* enleve toute bordure */
	border-bottom: 1px #ccc dotted; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
	height: 1px; /* pour IE */
	}