@charset "windows-1252";
   /* MISE EN FORME DE BASE */
	body,html {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		font-family: Verdana, Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
		font-size:11px; 
		color: #3C5563;	
		
	}
	
	html {
		font-size: 100%; 
		
	}
	
	body {
		font-size:  90%;
		background-color: #DADADA  ;
		   background-image:url("http://www.langue-francaise.org/images/academie_filigrane.jpg");    
		background-attachment:  fixed ;
	}

	
 
	.clearall {
		clear:both;
		display:none;
	}
	
	#page{
		margin:5px auto 0px auto;
		padding:0px 0px 0px 0px;
		width:1007px;
		background: white;
		border:10px solid #fff; 
		text-align: justify; 
		box-shadow: 3px 3px 25px black;
		
	}
		
	#entete {
		margin: 0px 0px 0px 0px;
		padding: 3px 3px 53px 3px;
		height:45px;
		background: #F3F3F3;
		color:#fff;
	}
	
	#entetesimple {
		margin: 0px 0px 0px 0px;
		padding: 3px 3px 3px 3px;
		height:30px;
		background: #F3F3F3;
		text-align: center;
		color:#fff;
	}
	
	#contenu { 
	 	 
 
		background: #fff;
		margin: 0px 0px 0px 0px;
		padding:  0px 5px 5px 5px;
		border-left:2px solid #aaa;
		border-right:2px solid #aaa; 
		font-size:12px;  
		height:  ;
	 
	}
	
	#pied {
		height: 15px;
		background: #D7E5E4;
		font-size: .80em; 
		color:#999966;
		text-align: center;
		margin: 0px 0px 0px 0px;
		padding: 1 px 1 px 1 px 1 px;
		border-left:1px solid #aaa;
		border-right:1px solid #aaa;
		border-bottom:1px solid #aaa;
	} 
	
/* FIN MISE EN FORME DE BASE */

/*
**************************************************************************
*/

/* MENU DEROULANT FULL CSS SUR 2 NIVEAUX AVEC BORDURE ITEMS GAUCHE */
	
	/* ELEMENT CONTENEUR DU MENU */
	div#navigation{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: 1px solid white;
		width: 1007px;
		height: 20px; 
		font-size: 11px;
		font-weight: bold ; 
		background: #990000;
		text-align: left;
	}
	
	/* LISTE DE PREMIER NIVEAU ET DE SECOND NIVEAU */
	ul#menu, ul#menu li ul { 
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		list-style: none;
		line-height: 20px;
	}
	
	/* ITEMS LISTE DE PREMIER NIVEAU */
	ul#menu li {
		display: block;
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border-left: 1px solid white;
		width:  143px; /* 960px / 5 = 192 px, on enlève 1px de bordure gauche couleur onglet */
		background: #5C8399;  /* couleur des menus double menus*/
	}
	
	/* TOUS LES LIENS DU MENU */
	ul#menu a {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		line-height: 20px;
		width:  143px;
		height: 20px;
		text-align: center;
		text-decoration: none;
		color: white;
	}
	
	/* TOUS LES LIENS DU MENU EN SURVOL */
	ul#menu a:hover, ul#menu li:hover a, #menu li.ensurvol a {
		border-bottom:1px solid #aaa;
		background:#99CCCC;
		color:#333;
	}
	
	/* TOUS LES LIENS ACTIFS    onglet DLF-Europe*/
	ul#menu a.actif, ul#menu a.actif:hover, ul#menu li:hover a.actif, #menu li.ensurvol a.actif { /* tous liens actifs */
		background:#00FFCC;
		border-bottom:1px solid white;
		text-decoration: none;
		color: #003300;
		 
	}
	
	/* SURCHARGE LISTE DE SECOND NIVEAU */
	ul#menu li ul { 
		position:absolute;
		width :143px;
		left:-999em;
		z-index:20;
	} 
	
	/* redéfinition de la position de la liste secondaire en survol de l'item parent de la liste principale */
	ul#menu li:hover ul, #menu li.ensurvol ul {
		margin-left:-1px;
		left:auto;
	}
	
	/* SURCHARGE ITEMS LISTE DE SECOND NIVEAU */
	ul#menu li ul li {
		border-left:1px solid #aaa;
		border-right:1px solid #aaa;
	}
	
	/* SURCHARGE LIENS ITEMS LISTE DE SECOND NIVEAU */
	ul#menu li ul li a, ul#menu li:hover ul li a, #menu li.ensurvol ul li a{ 
		background:#ccc;
		border-bottom:1px solid #aaa;
		color:#396E99;
	}
	
	/* SURCHARGE LIENS SURVOLES ITEMS LISTE DE SECOND NIVEAU */
	ul#menu li ul li a:hover, ul#menu li:hover ul li a:hover, #menu li.ensurvol ul li a:hover{ 
		background:#eee;
		border-bottom:1px solid #aaa;
		color:#333;
	}
	
	/* SURCHARGE ELEMENTS FILS DU PREMIER ITEM DE LA LISTE PRINCIPALE */
	ul#menu li.premier {
		border-left:none;
		width :143px;
	}
	ul#menu li.premier a, ul#menu li.premier a.actif { 
		width :143px;
	}
	ul#menu li.premier ul li, #menu li.premier.ensurvol ul li { 
		width :129px;
	}
	ul#menu li.premier a, ul#menu li.premier:hover ul li a, #menu li.premier.ensurvol ul li a {
		width :143px;
	}


/* FIN MENU DEROULANT */

/*
**************************************************************************
*/