.pasAfficher
{
display:none;
}

/*******************************************************************************************************/
/* Mise en page globale */



body
{
	font: 13px Trebuchet MS;
	color:#555555;
	line-height:1.6em;
	margin:0;
	padding:0;
	text-align:justify;
	background: #ffffff url(images/body-map.jpg) repeat-x;
}

#site
{	
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

img.floatleft
{
float:left;
margin-right:10px;
}

#haut
{
	margin:0;
	padding:0;
	background: url(images/haut.jpg) top right no-repeat;
	width:980px;
	height:262px;
}

#haut img
{
	margin-left:130px;
}

#accroche
{
margin-top:120px;
}

h1
{
	font: 24px Arial;
	font-weight:bold;
	color:#373737;
	padding:0;
	margin:0;
}

h2
{
	font: 19px Arial;
	font-weight:bold;
	color:#648003;
	padding:0;
	margin:0;
	margin-top:15px;
	/*background:url(images/znuage.gif) no-repeat;*/
	/*padding-top:15px;
	padding-left:10px;
	height:46px;*/
}










/* menu */
#menu 
{
	padding-top:87px;
	margin-left:140px;
	font-family:Arial;
	font-size:13px;
	text-transform:uppercase;
}

#menu ul 
{
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:center;
	/*position:absolute;*/
}

#menu li 
{
	float:left;
	margin:auto;
	padding:0;
	background-color:#373737;
	/*margin-right:5px;*/
}
#menu li:hover
{
	/*background-color:#4d4c4c;*/
}
#menu li a 
{
	display:block;
	width:150px;
	color:white;
	text-decoration:none;
	padding:5px;
}

#menu li a:hover
{
	color:#ffffff;
	text-decoration:underline;
}
/* sou menu */
#menu ul li ul 
{
	margin:0;
	padding:0;
	display:none;
}

#menu ul li ul li
{
	margin:0;
	/*padding:0;*/
	background-color:#9ecf16;
	/*text-transform:none;*/
	border-bottom:1px solid #373737;
	line-height:1.1em;
}
#menu ul li ul li a
{	
	/*font-weight:normal;
	font-family:Arial;*/
	font-size:12px;
	color:#373737;
}

#menu ul li:hover ul 
{
	display:block;
}

#menu li:hover ul li
{
	float:none;
}
#menu li:hover ul li:hover
{
	background-color:#373737;
}

/* fin menu */


a
{
color:#6e8e06;
font-weight:normal;
}

a:hover
{
font-weight:normal;
text-decoration:none;
}



h2 a
{
	font: 23px Arial;
	font-weight:normal;
	color:#648003;
	text-decoration:none;
}

h2 a:hover
{
	font: 23px Arial;
	font-weight:normal;
	color:#648003;
	text-decoration:underline;
}


#gauche a.dessous
{
font-weight:normal;
margin-left:20px;
padding-left:15px;
background:none;

}



/*#gauche a.deploye
{
background:url(images/deploye.gif) 0px 4px no-repeat;
padding-left:12px;
}*/

#gauche h3
{
	font: 13px Trebuchet MS;
	color:#8eb911;
	font-weight:bold;
	margin:0; margin-top:10px;
	padding:0;
	background:url(images/retracte.gif) 0px 4px no-repeat;
	padding-left:15px;

}

img
{
border:0;
}



#contenu
{
width:700px;
float:left;

}

#droite
{
width:250px;
margin-left:30px;
float:left;
}

#gauche
{
width:250px;
margin-right:30px;
float:left;
}

#droite p, #gauche p
{
margin:0; padding:0px 5px 0px 15px;
}

.demi
{
float:left; 
width:340px;
padding:0px 5px 0px 5px;
}

#droite h2, #gauche h2
{
	font: 14px Arial;
	font-weight:bold;
	text-transform:uppercase;
	color:#373737;
	background:url(images/znuagedroite.gif) no-repeat;
	margin-top:15px;
	padding-top:8px;
	padding-left:10px;
}

#droite h2 a, #gauche h2 a
{
	font: 14px Arial;
	font-weight:bold;
	color:#373737;
}


#droite .bas, #gauche .bas
{
	width:250px;
	height:74px;
	background:url(images/zsdb-bg.gif) 5px 0px no-repeat;
}

 #gauche .bas
{
	background:url(images/zsdb-bd.gif) bottom right no-repeat;
}


#footer
{
margin-top:10px;
padding-top:80px;
height:120px;
background:url(images/zfooter.gif) repeat-x;
text-align:center;
clear:both;
background-color:#373737;
}



/*******************************************************************************************************/
/* Mise en page */

.floatleft
{
float:left; 
margin-right:10px;
margin-bottom:10px;
}

.floatright
{
float:right; 
margin-left:10px;
margin-bottom:10px;
}

.paragraphe
{
float:left; width:488px;
margin-bottom:5px;
}

.encadre
{
background-color:#F2F0D7;
padding:5px;
}

/**********/
.paragauche
{
width:330px;
float:left;
display:block;
margin-right:20px;
}

.paradroite
{
width:330px;
float:left;
display:block;
margin-left:20px;
}


.liste-map
{
	float:left;
	width:140px;
	height:90px;
	text-align:center;
}

.liste-map a:link, .liste-map a:visited, .liste-map a:hover
{
font-weight:normal;
}
/**********/