/* ------------------------------------------------------------------------
	Content Redefinition
------------------------------------------------------------------------- */

	* { margin: 0; padding: 0; border: 0; }
	
	body {
		font: 63%/1.2 Verdana, Arial, Sans-serif;
		background: #fff url(/media/images/all/backgrounds/bodyPattern.gif) -4px 0 repeat-y;
	}
	
	textarea { font: 1.2em Verdana, Arial, Sans-serif; }
	
	a { color: #ce7e00; }
	a:hover { text-decoration: none; }
	a:focus { outline: none; }
	
		h3 {
		font-size: 1.5em;
		color: #699838;
		font-weight: bold;
		margin: 0 0 13px 0;
	}
	h4 {
		font-size: 1.4em;
		color: #699838;
		font-weight: normal;
		margin: 0 0 13px 0;
	}
	h5 {
		font-size: 1.4em;
		color: #699838;
		font-weight: normal;
		margin: 0 0 13px 0;
	}
	h6 {
		font-size: 1.2em;
		color: #D17E00;
		font-weight: normal;
		margin: 0 0 13px 0;
	}
	.fort{
	font-weight:bold;
	}
	
ul  {

		font-size: 1.1em;


	list-style: disc;
	line-height: 17px;
	margin-left: 5px;
	text-indent: 0px;
	margin: 1em 0 1em 23px;
	padding: 0;
}ol  {

		font-size: 1.1em;


	line-height: 17px;
	margin-left: 5px;
	text-indent: 0px;
	margin: 1em 0 1em 23px;
	padding: 0;
}


/* ------------------------------------------------------------------------
	General Classes
------------------------------------------------------------------------- */

	.cBoth { clear: both; }
	
	.error { color: #FE0000; margin: 0 0 15px 0; display: none; }


/* ------------------------------------------------------------------------
	Menu
------------------------------------------------------------------------- */

	#menu a {
		display: block;
		height: 14px;
		text-indent: -10000px;
	}
	
		#menu a:hover,
		#menu li.active a { background-position: 0 -15px !important; }
	
	body#fr a#m_accueil { width: 51px; background: url(/media/images/fr/menu/m_accueil.gif) top left no-repeat; }
	body#fr a#m_contact { width: 87px; background: url(/media/images/fr/menu/m_contact.gif) top left no-repeat; }
	body#fr a#m_anglais { width: 51px; background: url(/media/images/fr/menu/m_anglais.gif) top left no-repeat; }
	body#fr a#m_museumNature { width: 110px; background: url(/media/images/fr/menu/m_museumNature.gif) top left no-repeat; }
	body#fr a#m_sitemap { width: 79px; background: url(/media/images/fr/menu/m_sitemap.gif) top left no-repeat; }
	
	/* ------------------------------------------------------------------------
	Menu_en
------------------------------------------------------------------------- */

	#menu_en a {
		display: block;
		height: 14px;
		text-indent: -10000px;
	}
	
		#menu_en a:hover,
		#menu_en li.active a { background-position: 0 -15px !important; }
	
	body#en a#m_accueil { width: 32px; background: url(/media/images/en/menu/m_accueil.gif) top left no-repeat; }
	body#en a#m_contact { width: 134px; background: url(/media/images/en/menu/m_contact.gif) top left no-repeat; }
	body#en a#m_anglais { width: 60px; background: url(/media/images/en/menu/m_anglais.gif) top left no-repeat; }
	body#en a#m_museumNature { width: 107px; background: url(/media/images/en/menu/m_museumNature.gif) top left no-repeat; }
	body#en a#m_sitemap { width: 53px; background: url(/media/images/en/menu/m_sitemap.gif) top left no-repeat; }



/* ------------------------------------------------------------------------
	Shell
------------------------------------------------------------------------- */

	#wrap {
		width: 980px;
	}
	
		#wrap #header {
			position: relative; z-index: 1;
			width: 979px; height: 170px; overflow: hidden;
			padding: 32px 0 0 0;
			background: url(/media/images/all/backgrounds/menuBackground.jpg) 0 32px no-repeat;
		}
		
			#wrap #header #logo {

			}
				#wrap #header #logo span { display: block; text-indent: -10000px; }
				
			#wrap #header #flashHeader { float: left; overflow: hidden; height: 145px; position: relative; z-index: 0; }
			
			#wrap #header #menu {
				position: absolute; top: 175px; right: -2px; z-index: 1000;
				width: 980px; height: 25px;
			}
			
				#wrap #header #menu ul {
					position: relative; z-index: 1000;
					clear: both;
					list-style: none;
					margin: 0 35px 0 0;
					padding-right: 9px;
				}
				
					#wrap #header #menu ul li {
						display: block; float: right;
						margin: 0 0 0 11px;
					}
		
		#wrap #sidebar {
			float: left;
			width: 274px;
			padding: 0 0 0 0;
		}
		
		#wrap #content {
		position: absolute; top:200px; left:265px; z-index:160px;
			width: 647px;
			float: left;
			padding: 0 20px 0 39px;
			background: url(/media/images/all/backgrounds/contentFadeAccueil.gif) top left no-repeat;
			background-color:#fff;
		}
		
			#wrap #content img,
			#wrap #content div.caption { float: left; border: 1px #e2e2e2 solid; padding: 2px; margin: 6px 20px 0 0; }
			#wrap #content div.caption img { border: 0; padding: 0; margin: 0 0 3px 0; }
			#wrap #content div.caption p { float: none; clear: both; font-size: 0.9em; line-height: 1em; margin: 0 0 4px 0; }
			
			
			#wrap #content div.caption-droite { float: right; border: 1px #e2e2e2 solid; padding: 2px; margin: 6px 0px 0 20px; }
			#wrap #content div.caption-droite img { border: 0; padding: 0; margin: 0 0 3px 0; }
			#wrap #content div.caption-droite p { float: none; clear: both; font-size: 0.9em; line-height: 1em; margin: 0 0 4px 0; }
			
			
			#wrap #content p {
				font-size: 1.1em;
				line-height: 2em;
				margin: 0 0 15px 0;
			}
			
			#wrap #content .colLeft {
				width: 270px;
				float: left;
				margin: 0 50px 0 0;
			}
			
				#wrap #content .colLeft form {
					width: 100%;
					float: left;
				}
				
					#wrap #content .colLeft form label { display: block; margin: 0 0 2px 0; }
					
					#wrap #content .colLeft form input,
					#wrap #content .colLeft form textarea { background: #e6e6e6; width: 260px; padding: 5px; margin: 0 0 20px 0; }
					
					#wrap #content .colLeft form input.submit {
						float: right;
						width: 81px; height: 26px;
						padding: 0;
						background: none;
					}
			
			#wrap #content .colRight {
				width: 280px;
				float: left;
			}
			
		#wrap #footer {
			clear: both;
			margin: 50px 0 0 35px;
		}
		
			#wrap #footer #title {
				display: block;
				width: 550px; height: 33px;
				text-indent: -10000px;
				background: url(/media/images/fr/titles/footerTitle.gif) top left no-repeat;
				margin-bottom:0px;
			}
			
			#wrap #footer #footer_biodome {
				display: block; float: left;
				width: 163px; height: 58px;
				text-indent: -10000px;
				background: url(/media/images/fr/titles/footer_biodome.gif) top left no-repeat;
			}
			
			#wrap #footer #footer_insectarium {
				display: block; float: left;
				width: 119px; height: 58px;
				text-indent: -10000px;
				background: url(/media/images/fr/titles/footer_insectarium.gif) top left no-repeat;
			}
			
			#wrap #footer #footer_jardin {
				display: block; float: left;
				width: 119px; height: 58px;
				text-indent: -10000px;
				background: url(/media/images/fr/titles/footer_jardin.gif) top left no-repeat;
			}
			
			#wrap #footer #footer_planetarium {
				display: block; float: left;
				width: 149px; height: 58px;
				text-indent: -10000px;
				background: url(/media/images/fr/titles/footer_planetarium.gif) top left no-repeat;
			}
				

/* ------------------------------------------------------------------------
	Buttons
------------------------------------------------------------------------- */

	#btnAnnuler {
		display: block;
		float: right;
		width: 83px; height: 26px;
		text-indent: -10000px;
		background: url(/media/images/fr/buttons/btnAnnuler.gif) top left no-repeat;
	}


/* ------------------------------------------------------------------------
	Miscellaneous
------------------------------------------------------------------------- */

	#template {
		display: none;
		position: absolute;
		top: 0; left: 0;
		opacity: 0.5;
	}
	
	.clearfix:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
	
	.pale{
	color:#999;
	font-color:#999;
	}

/* CONTENT MAIN MENU */

#wrap #content div.menuColLeft
{
	float: left;
	width: 320px;
}

#wrap #content div.menuColRight
{
	float: left;
	width: 320px;
}

#wrap #content div.menuColClear
{
	clear: both;
}

/*nouvelle*/
#wrap #content div.menuBoxNouvelle
{
	margin: 0px 0px 5px 0px;
	line-height: 1.5em;
	width: 298px;
	float: left;
	font-size: 11px;
	padding: 10px 0px 30px 13px;
	background: url(/media/images/all/backgrounds/news-bg.png) bottom left no-repeat;
}
#wrap #content div.menuBoxNouvelleSansFond
{
	margin: 0px 0px 5px 0px;
	line-height: 1.5em;
	width: 298px;
	float: left;
	font-size: 11px;
	padding: 5px 0px 10px 13px;
}

#wrap #content img.newsPicture
{
	float: left;
	margin: 0px 5px 5px 0px;
}

#wrap #content img#INTACT
{
	float: left;
	margin: 0px 5px 5px 0px;
	border: none;
}

#wrap #content p.newsDate
{
	font-style: italic;
	margin: 0px 0px 5px 0px;
	line-height: 1.5em;
	width: 175px;
	float: left;
	font-size: 11px;
}

#wrap #content p.newsText
{
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	line-height: 1.5em;
	width: 175px;
	float: left;
	font-size: 11px;
}

#wrap #content a.newsLink
{
	font-weight: bold;
	text-decoration: none;
	float: left;
	width: 175px;
	font-size: 10px;
}
#wrap #content a.newsLinkLong
{
	font-weight: bold;
	text-decoration: none;
	float: left;
	
	font-size: 10px;
}

/*don*/
#wrap #content div.menuBoxDon
{
	margin: 0px 0px 5px 0px;
	line-height: 1.5em;
	width: 298px;
	float: left;
	font-size: 11px;
	padding: 10px 0px 30px 13px;
	background: url(/media/images/all/backgrounds/news-bg.png) bottom left no-repeat;
}

#wrap #content a.donLink
{
	font-weight: bold;
	text-decoration: none;
	float: left;
	width: 175px;
	font-size: 10px;
	margin-top: 5px;
}

/*activite*/
#wrap #content div.menuBoxActivite
{
	margin: 0px 0px 5px 0px;
	line-height: 1.5em;
	width: 285px;
	float: left;
	font-size: 11px;
	padding: 10px 13px 30px 13px;
	background: url(/media/images/all/backgrounds/news-bg.png) bottom left no-repeat;
}

#wrap #content a.activiteLink
{
	font-weight: bold;
	text-decoration: none;
	float: left;
	width: 175px;
	font-size: 10px;
	margin-top: 5px;
}

/*campagne*/
#wrap #content div.menuBoxCampagne
{
	margin: 0px 0px 5px 0px;
	line-height: 1.5em;
	width: 285px;
	float: left;
	font-size: 11px;
	padding: 10px 13px 30px 13px;
	background: url(/media/images/all/backgrounds/news-bg.png) bottom left no-repeat;
}

#wrap #content a.campagneLink
{
	font-weight: bold;
	text-decoration: none;
	float: left;
	width: 175px;
	font-size: 10px;
	margin-top: 5px;
}

#wrap #content div.clear
{
	clear: both;
}

.encadre {
	padding: 12px 12px 6px 12px;
	background-image: url(../media/images/all/backgrounds/campagne.jpg);
}