
body{
	font:normal 0.8em verdana, sans-serif;
	color:#6D6F73;
	margin: 0px;
	padding:0px;
	background-color:#fff;
}
a {	color:#6D6F73;	}

#page {
	background: url(images/fd_accueil.jpg) no-repeat top center;
	width: 100%;
	min-height: 885px;
	min-width: 1000px;
	margin: 0 auto 0 auto;
}

#header{
	width:900px;
	margin:0;  
}

#footer{
  margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	width:600px;
	font:normal 0.8em verdana, sans-serif;
}

#corps{
	border-top:none;
	border-bottom:none;
	/*border-left:none;
	border-right:none;*/
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	width:900px;
}
#last_version {
  color:#ED2123;
  font-size:12px;
  text-align:right;
}
#last_version a{
  font-size:12px;
}


/* ---------- MENU ---------- */


#menu{
	width: 500px;
	height:50px;
	text-align: right;
	margin-left:300px;
	padding-top: 10px;
	font-style: italic;
}


#menu a{
	text-decoration: none;
	color: #000;
}
#menu ul{
	margin:0px;
	list-style-type: none;
	padding: 3px 0;
}
#menu li{
	display: block;
	float: right;
	padding:5px 5px 5px 30px  ;
	background-image: url(images/puce_plume.png);
	background-repeat: no-repeat;
	background-position: 0px;
}


#menu li:hover{
	background-image: url(images/puce_plume_on.png);
	background-position:left;
	background-repeat: no-repeat;
}

.menu_focus {
	font-weight: bolder;
	background-image: url(images/puce_plume_on.png);
	background-position: left;
	background-repeat: no-repeat;
}

.menu_defaut {
}
/* ---------- MENU RUBRIQUE ---------- */
/*
#menuRubrique {
	margin-top: 100px;
	width:300px;
	float: left;
	line-height: 20px;
}
#menuRubrique ul{
	margin:0 0 0 20px;
	padding:0;
}
#menuRubrique li{
	list-style: url(images/puce_on.png);
}
#menuRubrique li:hover{
	list-style: url(images/puce.png);
}
#menuRubrique a{
	text-decoration:none;
	font-weight: bolder;
}
#menuRubrique img{
	margin-bottom: 7px;
}*/


/* ---------- NEWS ---------- */

/*#presentationNews {
	margin-left:20px;
	text-decoration:underline;
	margin-top:20px;
}*/

	#divNews {
		margin-left: 40px;
		/*border:solid 1px #000;*/
	}
	.news{
		margin:50px 5px 15px 5px;
		color:#4656AE;
		width: 380px;
		float:left;
		/*height:350px;
			overflow: scroll;*/
	}

	#divPagination{
		color:#4656AE;
		margin-top:25px;
		margin-left: 470px;
	}
	#divPagination a{
		color:#4656AE;
	}
	#titre {
		margin-left: 470px;
		margin-top:520px;
	}

	.titreNews{
		color:#4656AE;
		margin-left:10px;
		font-size:16px;
		font-weight:bold;
	}

.hautNews{
	border-left:none;
	border-right:none;
	height:26px;
	padding-top:4px;
}


/* ---------- CONTENU ---------- */

#contenu {
	float: right;
	width: 650px;
}
.contenuCategorie {
	/*margin-top: 100px;*/
	font-family:verdana , sans-serif;
	font-size:1.1em;
}

.contenuCategorie li{
	margin:10px;	
}
.contenuCategorie h3{
	text-decoration:underline;
}

#presentation {
  margin-top:40px;
  clear: both;
	width:900px;
	text-align:center;
}

#gallerie
{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#echecConnexion{
	color:#FF0000;
}

#titrePartieExtranet{
	text-align:left;
}
#presentation_fred {
	color: #a248c6;
	margin:105px 0 0 -290px;
	text-align: justify;
	float:left;
	width:300px;
}
#presentation_delf {
	color: #a248c6;
	margin:105px 0px 0 0;
	text-align: justify;
	float:right;
	width:300px;
}
#presentation_freddelf {
	margin:0px 30px 0px -300px;
	padding-top:100px;
	text-align: center;
	color: #fff;
	clear: both; 
}
#presentation_themes {
	font:normal 400 1.1em verdana, sans-serif;
	color:#FFC946;
	margin:30px auto auto -280px;
	width:300px;
	text-align: left;	
	float:left;
}
#presentation_reves {
	font:normal 400 1.1em verdana, sans-serif;
	color:#E880C2;
	margin-top:30px;
	width:290px;
	text-align: right;	
	float:right;
	height:800px;
}
.img_rubrique {
	margin: 50px;
	text-align: center;
}
/*#image {
width : 576px;
height: 432px;
background: url(araignees.jpg) top left no-repeat;
}*/
#zone1 { float: left; width : 230px; height: 50px; margin-left: -200px; margin-top: 400px; }
#zone2 { float: left; width : 180px; height: 50px; margin-left: -160px; margin-top: 480px; }
#zone3 { float: left; width : 180px; height: 50px; margin-left: -130px; margin-top: 560px;  }
#zone4 { float: left; width : 240px; height: 50px; margin-left:  -35px; margin-top: 730px; }
/*#zone5 { float: right; width : 180px; height: 50px; margin-left: 170px; margin-top: -200px; border: 1px dotted black; }
#zone6 { float: right; width : 180px; height: 50px; margin-left: 180px; margin-top: -300px; border: 1px dotted black; }
#zone7 { float: right; width : 180px; height: 50px; margin-left: 220px; margin-top: -350px; border: 1px dotted black; }*/
#zone5 { position:absolute; top:625px; left:640px; width : 230px; height: 50px; }
#zone6 { position:absolute; top:560px; left:650px; width : 230px; height: 50px; }
#zone7 { position:absolute; top:490px; left:700px; width : 230px; height: 50px; }

.pop{
cursor: pointer;
text-decoration: none;
}
.pp {
position: absolute;
left:-999px;
width: 20em;
background-color: #FAE0A5;
z-index: 500;
font-size: 80%;
padding: 8px;
}
.pp p {
margin: 0 0.3em;
}
.pp h1 {
font-size: 130%;
margin: 0 0 0.5em 0;
border-bottom: 1px solid black;
background: #E880C2 url(top.gif) left top repeat-x;
color: #7A4F87;
text-align: center;
}

#intro {
display: none;
text-align:center;
background-color:#fff;
position: absolute;
top: 0px; left: 10px; z-index: 10000; /* utile pour que votre fenêtre passe au dessus du reste */
width:100%;
height:800px;
}

#popExemple {
	display: none;
	background-color: #f7f7ef;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 10000; /* utile pour que votre fenêtre passe au dessus du reste */
}

