@charset "utf-8";
/* CSS Document */
	
	
	
	body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		margin: 0;
		padding: 0;
		background: url(fond_global.gif)  ;
		border:none;
	}
	
	#conteneur {
		position: relative;
		width: 985px;
		margin: 75px auto 0 auto; 
		
		background: url(fond_conteneur_accueil.gif)  ;
	}
	
	#haut {
		height: 80px;
		margin-left: 80px;
	}
	
	#haut2 {
		height: 25px;
		margin-left: 80px;
		

	}
	
	#bandeau {
		heignt: 154px ;
		margin-left: 160px;
		margin-bottom:0px;
	}
	
	#contenu {
		margin-left: 185px;
		background-color: #dee596;
		height:270px ;
		/*margin-top: 25px ;*/
		padding-top: 25px;
		padding-bottom: 10px;
		/*background: url(coin_accueil.gif) right bottom no-repeat;*/

	}
	
	#gauche {
		height: 600px ;
		
		margin-top: -182px ;
		
		background: #BFCC2D ;
		position: absolute;
		left:0;
		width: 160px;
		font-size:0
	}

	#logo {
		height: 45px;
		margin-top: 247px;
		position:absolute;
		left:0;
		width : 160px;
	}
	


	#piedpage1 {
		clear: both;
		height: 15px;
		background-color:#bfcc2d;
		width: 830px;
		
	}

	
	#pied {
		position: absolute;
		bottom: -15px; left: 0;
		
		margin-left: 160px;
		text-align: left ;
		color: #FFFFFF ;
		background-color: #bfcc2d;
		font-size:10px;
		font-family:Arial, Helvetica, sans-serif;
		text-decoration:none;
		width: 830px;
	}
	
	div#pied a {
		color: #FFFFFF ;
		text-decoration:none;
	}


	
	img{
	border-width:0;
	}
	
	.menu {
	height: 80px;
		list-style-type: none;
		margin: 0;
		padding:0;
		font-size:0
	}
	
	.menu li {
	height: 80px;
		float: left ;

	}
	
	.ssmenu {
	height: 25px;
		list-style-type: none;
		margin: 0;
		padding:0;
		font-size:0
	}
	
	.ssmenu li {
	height: 25px;
		float: left ;
	}
	
	.calque {
		background-color:#DE4712;
		color:#FFFFFF;
		padding:5px;
		font-size:11px;
	}
	.calque a {
		color: #FFFFFF ;
		text-decoration:none;
	}
	
	.vert{
	color:#bfcc2d;
	}
	.orange{
	color:#DE4712;
	}
	.orangeclair{
	color:#f9dcd2;
	}

			/*div#contenu h2
			{
				padding-left: 20px ;
				font-size: 1.4em ;
				color: #9b2 ;
			}
			div#contenu h3
			{
				margin-left: 15px ;
				padding-left: 5px ;
				border-bottom: 1px solid #9b2 ;
				border-left: 3px solid #9b2 ;
				color: #9b2 ;
			}
			div#contenu p
			{
				text-align: justify ;
			}*/
			
			a { color: #de4712 ;
				text-decoration:none;
				border= none;}
				
			a:hover
			{
			color:#de4712;
			text-decoration:underline;
			border=0;
			}
				
			a.on { color:#de4712;
			text-decoration:none;
			border=0; 
			font-weight: bold;
			}
			
						/* ************* GLOSSAIRE ********************* */
/* Empecher la definition de s'afficher comme les autres liens, vous pouvez donner les attributs standards de votre texte */
a.cs_glossaire, a.cs_glossaire:hover {
	 color:#A4AF20; 
	
	text-decoration: none;
}

/* L'effet de survol est obtenu grace aux proprietes display */
a.cs_glossaire span.gl_dl,
a.cs_glossaire span.gl_dt,
a.cs_glossaire span.gl_dd {
	/*visibility:hidden;*//* test */
 	display: none; /* cache l'élément*/
}

a.cs_glossaire:hover span.gl_dt,
a.cs_glossaire:hover span.gl_dd {
	display: block; /* affiche l'élément */
}

a.cs_glossaire:hover span.gl_dl {
	display: inline;
	/* Placement de la definition dans la page. */
	position: absolute;
	width: 180px;
	margin-left: -120px;
	margin-top: 1.8em;
	/* Decoration */
	padding: 6px;
	border: 1px solid #BFCC2D; /* rgb(188, 202, 42)*/
	/* background-color:#CCCC66; */
	/*background-color:rgb(222, 229, 151);*/
	background-color:#FFFFFF;
	/* background-color:#D2D575;*/
	font-size: 10px;
	color:#000000;
}
a.cs_glossaire:hover span.gl_dt {
	padding:3px;
	/* background-color: #ffffbf; */
	color:#000000; 
	background-color: #BFCC2D;
	font-weight: bold;
	/* text-align: right; */
	text-align:left;
}
a.cs_glossaire:hover span.gl_dd {
	padding: 3px;
	text-align: left;
	line-height: 1.3em;
}

a.cs_glossaire span.gl_mot {
	/*border-bottom: 1px dotted gray;*/
	color:rgb(204, 146, 61);
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: gray;
/* cursor: help; */
}
/* ************ fin style glossaire ***************** */



#nouvelles {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
}