	
	
	/*--------------------------- PAGE  */
	#page-fond-blanc
	{
		width:100%; 
		background:#ffffff;
	}



	#page-fond
	{
		width:100%; 
		background:#ffffff;
	}

		

	#page-totale
	{
		width:982px; 
		margin:auto; 
		padding:auto;
		overflow:hidden;
	}
	/*---------------------------*/

	
	
		
		
		/*--------------------------- BARRE DE NAVIGATION SUPERIEURE */
		#barre-navigation-superieure
		{
			width:100%;
			height:71px;
		}
		/*---------------------------*/





		/*--------------------------- bandeau PUB + FORMULAIRE */
		#bandeau-gauche
		{
			width:721px;
			height:217px;
			float:left;
		}

		#bandeau-droite
		{
			width:261px;
			height:217px;
			float:right;
		}
		/*---------------------------*/





		/*--------------------------- CORP DE LA PAGE */
		#corp
		{
			width:982px;
			overflow:hidden;
			background:url(../interface/fonds/fond-corp.gif) repeat-y top left;*/
		}

			.vignette-texte
			{
				font-family : Verdana,Arial, Helvetica, sans-serif;
				color: #333333;
				font-size: 11px;
				font-weight: normal;
				line-height: 10pt;
				text-align:left;
				padding-bottom:7px;
			}
			

				.vignette-texte a
				{
					color:#66b720;
					font-weight:bold;
				}

				.vignette-texte a:link
				{
					color:#66b720;
					font-weight:bold;
				}

				.vignette-texte a:hover
				{
					color:#fc6804;
					font-weight:bold;
				}

				.vignette-texte a:visited
				{
					color:#66b720;
					font-weight:bold;
				}

				.vignette-texte a:active
				{
					color:#66b720;
					font-weight:bold;
				}
				
				
			
			
			
			#corp-gauche
			{
				width:307px; 
				min-height:200px; 
				float:left;
				margin-left:5px;
			}
			
			
			#corp-centre
			{
				width:670px; 
				min-height:200px; 
				float:left;
			}
			
				#barre-navigation
				{
					height:36px;
				}
				
				
				#corp-texte
				{
					width:371px; 
					min-height:200px; 
					float:left;
					padding-top:10px;
					padding-left:15px;
					padding-right:10px;
					
					font-family : Verdana,Arial, Helvetica, sans-serif;
					color: #333333;
					font-size: 11px;
					font-weight: normal;
					line-height: 10pt;
				}


				#corp-droite
				{
					width:264px; 
					min-height:200px; 
					float:right;
				}
				
				
				#corp-texte-2colonnes
				{
					width:625px; 
					min-height:200px; 
					float:left;
					padding-top:10px;
					padding-left:15px;
					padding-right:20px;
					text-align:left;
				}

					
		/*---------------------------*/
		
		
		
		

	


	/*--------------------------- PIED DE PAGE */
	#pied-page
	{
		
		float:none;
		width:100%;
		height:20px;
		background:url(../interface/fonds/pied-page.gif) repeat-x;
		position:relative;
		bottom:0px;
	}
	
		#pied-page span
		{
			display:block;
			width:100%;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#5a5a5a;
			line-height: 12pt;
		}
	
	
		#pied-page a, a:link, a:visited, a:active
		{
			color:#5a5a5a;
			text-decoration:none;
		}
	
		#pied-page a:hover
		{
			color:#fc6804;
		}
	/*---------------------------*/






	/*------------MENU DEROULANT XML 2013 ---------------*/


	/* HABILLAGE RUBRIQUES */
	.menu_r, .menu_r:visited
	{
		background:#3c80bd !important;
		color:#5367a1 !important;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none ;
		text-align:center;
	}
	
	
	.menu_r:hover
	{
		color:#fff !important;
	}
	/* HABILLAGE RUBRIQUES */
	
	
		.masquer
		{
			display:none;
		}
	
	
		/* BOUTONS DE RUBRIQUES */
		#menu_r_0
		{
			width: 87px;
			height:14px;
			background:url(../interface/barre-navigation/bouton-1-i.gif) #654 no-repeat !important;
		}

		#menu_r_0:hover
		{
			background:url(../interface/barre-navigation/bouton-1-a.gif) #654 no-repeat !important;
		}

		#menu_r_1
		{
			width: 79px;
			height:14px;
			background:url(../interface/barre-navigation/bouton-2-i.gif) #654 no-repeat !important;
		}

		#menu_r_1:hover
		{
			background:url(../interface/barre-navigation/bouton-2-a.gif) #654 no-repeat !important;
		}

		#menu_r_2
		{
			width: 87px;
			height:14px;
			background:url(../interface/barre-navigation/bouton-3-i.gif) #654 no-repeat !important;
		}
		
		#menu_r_2:hover
		{
			background:url(../interface/barre-navigation/bouton-3-a.gif) #654 no-repeat !important;
		}

		#menu_r_3
		{
			width: 100px;
			height:14px;
			background:url(../interface/barre-navigation/bouton-4-i.gif) #654 no-repeat !important;
		}

		#menu_r_3:hover
		{
			background:url(../interface/barre-navigation/bouton-4-a.gif) #654 no-repeat !important;
		}

		#menu_r_4
		{
			width: 100px;
			height:14px;
			background:url(../interface/barre-navigation/bouton-5-i.gif) #654 no-repeat !important;
		}
		
		#menu_r_4:hover
		{
			background:url(../interface/barre-navigation/bouton-5-a.gif) #654 no-repeat !important;
		}

		#menu_r_5
		{
			width: 89px;
			height:14px;
			background:url(../interface/barre-navigation/bouton-6-i.gif) #654 no-repeat !important;
		}

		#menu_r_5:hover
		{
			background:url(../interface/barre-navigation/bouton-6-a.gif) #654 no-repeat !important;
		}
		/* BOUTONS DE RUBRIQUES */
	
	
	
	/* HABILLAGE SOUS-RUBRIQUES */
	.menu_sr_publique, 
	.menu_sr_privee, 
	.menu_sr_publique:visited, 
	.menu_sr_privee:visited
	{
		background:#fefefe !important;
		color:#5367a1 !important;
		font-size: 11px !important;
		font-weight: bold !important;
		padding: 7px !important;
		text-decoration: none !important;
		white-space:nowrap !important;
		border-bottom:solid 1px #d4d4d4 !important;
		border-left:solid 1px #d4d4d4 !important;
		border-right:solid 1px #d4d4d4 !important;
	}
	
	
	.menu_sr_publique:hover, 
	.menu_sr_privee:hover
	{
		background:#517bbb !important;
		color:#5367a1 !important;
	}
	/* HABILLAGE SOUS-RUBRIQUES */
	
	
	
	
	/* HABILLAGE SOUS-SOUS-RUBRIQUES */
	.menu_ssr_publique, 
	.menu_ssr_privee, 
	.menu_ssr_publique:visited, 
	.menu_ssr_privee:visited
	{
		background:#fefefe !important;
		color:#5367a1 !important;
		font-size: 11px !important;
		font-weight: bold !important;
		padding: 7px !important;
		text-decoration: none !important;
		white-space:nowrap !important;
		border-bottom:solid 1px #d4d4d4 !important;
		border-left:solid 1px #d4d4d4 !important;
		border-right:solid 1px #d4d4d4 !important;
	}
	
	
		/* pages privees */
		a.menu_sr_privee span, 
		a.menu_ssr_privee span
		{
			color:#b2e0a3;
			padding-left:20px;
			background:url(interface/menu-deroulant/cadenas.png) no-repeat left;
		}
	
	
	.menu_ssr_publique:hover, 
	.menu_ssr_privee:hover
	{
		background:#517bbb !important;
		color:#fff !important;
	}
	
	
	.menu_fleche
	{
		display:block;
		float:right;
		font-size: 9px !important;
		font-weight: bold !important;
		color:#5367a1 !important;
	}
	/* HABILLAGE SOUS-SOUS-RUBRIQUES */
				
				
				
				
	
	
	
	
	
	
	/* MENU DEROULANT */
	#module_barre_nav_institutionnelle
	{
		width:100%;
		height:43px;
	}
			
	
		#calque_barre_nav_institutionnelle
		{
			width:100%;
		}
		
	
			#calque_barre_nav_institutionnelle #menu_deroulant
			{
				width:670px;
				padding:auto;
				margin:auto;
				background:#fff;
			}



				#menu
				{
					padding : 0; /* pas de marge intérieure */
					margin : 0; /* ni extérieure */
					list-style : none; /* on supprime le style par défaut de la liste */
					line-height : 21px; /* on définit une hauteur pour chaque élément */
					text-align : center; /* on centre le texte qui se trouve dans la liste */
					position:absolutes;
					z-index:100;
					font-weight : bold; /* on met le texte en gras */
					font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
					font-size : 12px; /* hauteur du texte : 12 pixels */
				}


					#menu ul /* Ensemble du menu */
					{
						padding : 0; /* pas de marge intérieure */
						margin : 0; /* ni extérieure */
						list-style : none; /* on supprime le style par défaut de la liste */
						line-height : 21px; /* on définit une hauteur pour chaque élément */
						text-align : center; /* on centre le texte qui se trouve dans la liste */
						position:absolutes;
						z-index:100;
						background:#d2d2d2; /* couleur de fond */ 
					}
					
					
						#menu ul li   
						{
							width:100%;
							padding:0px;
							padding-right:10px;
							text-align:left;
						}
					
					
							#menu li /* Elements des listes */     
							{ 
								float : left;
								padding-bottom:0px;
							}
						
						
							#menu a /* Contenu des listes */
							{
								display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
								padding : 10px; /* aucune marge intérieure */
								background : #d2d2d2; /* couleur de fond */       
								color : #fff; /* couleur du texte */
								text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
							}


							#menu a:hover /* Contenu des listes */
							{
								color:#fff !important;
							}
					

				#menu li ul /* Sous-listes */
				{ 
					position: absolute; /* Position absolue */
					left: -999em; /* Hop, on envoie loin du champ de vision */
				}
				

				#menu li ul ul 
				{
					margin : -28px 0 0 124px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */
				}
				

				#menu li:hover ul ul, 
				#menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
				{
					left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
				}
				
				
				#menu li:hover ul, 
				#menu li li:hover ul, 
				#menu li.sfhover ul, 
				#menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
				{
					left: auto; /* Repositionnement normal */
					min-height: 0; /* Corrige un bug sous IE */
				}
				
				
	/* MENU DEROULANT */

