/*****************************************
**** CENTRAGE HORIZONTALE DU SITE ****
******************************************/

body 
{
    margin: 0; /* pour éviter les marges */
    text-align: center; /* pour corriger le bug de centrage IE */
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: #4e4e4e;
	letter-spacing: 1px;
	line-height: 15px;
}

a
{
	color:#f88b07;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

h2
{
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #f88b07;
	text-align: left;
	padding-left: 40px;
	letter-spacing: 1px;
}

h3
{
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	color: #4e4e4e;
	text-align: left;
	letter-spacing: 1px;
}

h3 a
{
	color: #f88b07;
}

h4
{
	font-size: 11px;
	font-weight: bold;
	color: #4e4e4e;
	text-align: left;
	letter-spacing: 1px;
}
	
p
{
	letter-spacing: 1px;
	text-align: justify;
	line-height: 15px;
}

ul
{
	letter-spacing: 1px;
	text-align: justify;
	line-height: 15px;
}

li
{
	letter-spacing: 1px;
	text-align: justify;
	margin-left:45px;
	line-height: 15px;
}


/*DIV permettant de centrer le site*/
#Global
{
	position:relative;
    margin-left: auto;
	margin-right: auto;
    text-align: left; /* on rétablit l'alignement normal du texte */
	width: 977px;
	height:auto;
	border: 1px solid #a9c321;
}

/****************
*** BANNIERE ***
*****************/
#Banniere
{
	position:relative;
	width:977px;
	height:122px;
	background-image:url("../Img/Ban.jpg");
}

#Flag
{
	position:absolute;
	background-color:white;
	padding-top:5px;
	padding-left:5px;
}

#Search
{
	float:right;
}

#ANR
{
	position:absolute;
	width:70px;
	height:35px;
	left:855px;
	top:70px;
	z-index:100;
}

#ANR a
{
	display:block;
	width:70px;
	height:35px;
	text-decoration:none;
}
#PRES
{
	position:absolute;
	width:111px;
	height:95px;
	left:23px;
	top:27px;
	z-index:99;
}

#PRES a
{
	display:block;
	width:111px;
	height:95px;
	text-decoration:none;
}

#Ministere
{
	position:absolute;
	width:40px;
	height:35px;
	left:930px;
	top:70px;
	z-index:101;
}

#Ministere a
{
	display:block;
	width:40px;
	height:35px;
	text-decoration:none;
}

/************
*** MENU ***
*************/
#Menu
{
	position:relative;
	top:-50px;
	left:585px;
	width:390px;
	height:155px;
	background-image:url("../Img/Menu_Back.gif");
	z-index:10;
}

/***************
*** CONTENU ***
****************/
#Contenu
{
	position:relative;
	top:-120px;
	width:977px;
	height:auto;
	z-index:1;
	letter-spacing: 1px;
	text-align: justify;
	line-height: 15px;
}

#Edito
{
	position:relative; 
	margin-left:30px;
	width:650px;
	height:auto;
}

/***********
*** ACTU ***
************/
#CadreDroit
{
	position:relative;
	float:right;
	padding-top:60px;
	height:auto;
	width:250px;
	margin-left:10px;
	z-index:2;
	text-align: left;
}
#CadreDroit2
{
	position:relative;
	float:left;
	padding-top:60px;
	height:auto;
	width:250px;
	margin-right:10px;
	margin-left:10px;
	z-index:2;
	text-align: left;
}

#cadre {/* conteneur global et arrière-plan du titre du cadre */
width: 250px;
padding-top: 40px;
background: url("../Img/hautcadre.gif") top left no-repeat;
}
#bloccadre {/* arrière-plan bas et sur l'ensemble du cadre */
width: 250px;
background: url("../Img/bascadre.gif") bottom left no-repeat;
padding-bottom: 40px;
}
#bloccadre p {
margin: 0 30px 0 20px;
}

#Actu
{
	position:relative;
	height:auto;
	border:1px solid #a9c321;
	width:250px;
	text-align: left;
}

#Actu h2
{
	color: #a9c321;
}

#Actu h3
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #4e4e4e;
	text-align: left;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#Actu a
{
	text-decoration: none;
	color: #f88b07;
}

#Actu a:hover
{
	color: #f88b07;
	text-decoration: underline;
}

/***********
***ContenuNews ***
************/
#CadreDroit1
{
	position:relative;
	float:right;
	padding-top:60px;
	height:auto;
	width:750px;
	margin-left:10px;
	border:1px solid #a9c321;
	z-index:2;
}

/***********************
***** PARTENAIRES *****
************************/
#Partenaires
{
	position:relative;
	width:977px;
	top:-50px;
}

.LienPartenaire
{
	text-decoration:none;
	border:0;
}
/**************
*** FOOTER ***
***************/
#Footer
{
	position:relative;
	width:877px;
	top:-50px;
}

#Footer a
{
	color:#f88b07;
	text-decoration:none;
}

#Footer a:hover
{
	color:#f88b07;
	text-decoration:underline;
}

/************
*** TEXTE ***
*************/
i.spip
{
	font-weight: bold;
	color: #a9c321;
	font-style: normal;
}

.Adresse
{
	font-size:10px;
	letter-spacing: 0px;
	text-align: center;
}

/*******************
*** PLAN DU SITE ***
********************/
.plan_liste
{
	list-style-image: url("../Img/puce.gif");
	color: #f88b07;
	text-decoration:none;
}


.plan_liste a
{
	color: #f88b07;
	text-decoration:none;
}

.plan_liste a:hover
{
	text-decoration:underline;
}

/*****************
***    MENU        ***
******************/
			
.menu-general { 			/* Défini les boites qui comprenent chaque menu de base */
	  float:center ; 	/* Les boite sont calées à gauche */
	  width:60% ; 		/* Largeur des boites du menu de base */
	  padding:0 ; 		/* Marges intérieures à 0 */
	  margin: 0 ; 		/* Marges extérieures à 0 */
	  height:20px} 		/* Hauteur des boites */

	#sous-menu0, #sous-menu1, #sous-menu2, #sous-menu3, #sous-menu4 { /*défini les 4 boites des 4sous-menues */
	  display: none; 				/* Les sous-menus ne sont pas affichés */
	  margin: 0; 					/* Marges extérieures à 0 */
	  padding : 0; 					/* Marges intérieures à 0 */
	  position : absolute ; 		/* Boite positionnée par rapport à la boite parent, ici l'écran */
	  top : 10px; 					/* Début (par rapport au haut de page) des sous-menus */
	  left : -60%; 					/* Début (par rapport à la gauche de la page) des sous-menus */
	  width : 80%;
	  z-index:11;
	  } 					/* Largeur sous-menus par rapport à la boite parent (ici la page) */
	
	#sous-menu0 {left:-299px !important; left:-310px; top:0px;} 			/* Distance à la gauche de la page du 0ième sous-menu */
	  
	#sous-menu1 {left:-272px !important; left:-310px; top:0px;} 			/* Distance à la gauche de la page du 0ième sous-menu */

	#sous-menu2 {left:-310px !important; left:-310px; top:0px;} 			/* Distance à la gauche de la page du 2ième sous-menu */

	#sous-menu3 {left:-145px !important; left:-310px; top:0px;} 			/* Distance à la gauche de la page du 3ième sous-menu */
	
	#sous-menu4 {left:-40px !important; left:-310px; top:2px;} 			/* Distance à la gauche de la page du 4ième sous-menu */


	.menu-general {
		background-color:#CCCCCC ; 
		color:black ; 
		border:solid 1px black ; 
		padding-left:1% ; 
		padding-bottom : 1% ; 
		font-weight:bolder ; 
		font-style:italic ;		
		text-align:center ; 
		position:relative;
		z-index:1000;
	} 
 

	.habillage {
		border:solid 1px green ;  	/* Couleur du contour de la boite des sous-menu 	 */ 
		background-color:#FF9933 ;	/* Couleur de font  de la boite des sous-menu  	*/
		color:red ; 				
		text-align:center ; 
		font-style:normal; 
		font-weight:normal;
		z-index:1000;
	}


	.habillage li {
		list-style:none ; 
		position:relative;
		display:block;
		width:100%;
		left:-30px;
		z-index:1000;
	} 

	.habillage a {
		text-decoration:none;
		color:#4e4e4e;
		z-index:1000;
	} 

	.habillage a:hover {
		text-decoration:underline;
		z-index:1000;
	}
