body      /* styles d'ensemble pour la page */
	{
		color: #FFF; 
		background-color: black; /*#333;*/
		font-family: Tahoma, Georgia, Times, serif;
		font-size: 12px;
		margin:0px;
		padding:0px;
	}

div	
	{

		position:absolute;
		
		left: 50%; 
		top: 50%;
	 			
		color: white;		

	}

h1
	{
		color:#DF8BBB;
		
		font-family: Verdana, Tahoma, Georgia, Times, serif;
		font-size:22px;
		font-weight: normal;
		font-style: normal;
		font-weight: normal;
		letter-spacing: 1px;
	}	

h2
	{
	color:#DF8BBB;
	font-family: Verdana, Tahoma, Georgia, Times, serif;
	font-size:20px;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	margin:0px;
	
	}
	h3
	{
	margin-top:0px;
	color:#FFF;
	font-family: Verdana, Tahoma, Georgia, Times, serif;
	font-size:20px;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	}	

p
	{
		color:#FFF;
		font-family: Verdana, Tahoma, Georgia, Times, serif;
		font-size:12px;
		font-weight: normal;
		font-style: normal;
	}

.Titre_Page
{
		position:absolute;
		top:0px;
		left:0px;
		background-color: black;
		background-repeat: no-repeat;
		background-position: left bottom;

		width:220px;
		height:43px;
		
			

}
	
.Logo_NdS
	{			

		position:absolute;
		/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/e107_images/common/logo.png");*/
		
		z-index:5;
		width:295px;
		height:123px;

		margin-left: 220px; /* moitié de la largeur */
		margin-top: -310px; /* moitié de la hauteur */
	
	}
	
.In_Work
	{			

/*		border:solid 1px green;		*/

		position:absolute;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/common/rubriqueEnConstruction.png");
			
		color:white;
	
		position: absolute;
		left: 20px;
		top: -60px;
	
		width:230px;
		height:150px;
		
		z-index:8;
	
	}

		
#header 	
	{
		/*border:solid 1px green;*/				
		background-color: black;
		background-image:   url(/img/common/header_02.jpg); 
		background-repeat: repeat-x;
		background-position: left;

		width:100%;
		height:50px;
		
		left:0px;
		top:0px;
		/*margin-left: -500px; /* moitié de la largeur */
		/*margin-top: -290px; /* moitié de la hauteur */
 		
		text-align: center
	}


#body
	{
		background-color: black;
		background-image:   url(/img/common/body_02.jpg);
		background-repeat: no-repeat;
		background-position: left;
		
		width:100%;
		height:495px;
		
		left:0px;
		top:51px;
		/*margin-left: -500px; /* moitié de la largeur */
		/*margin-top: -247px; /* moitié de la hauteur */
		z-index:1;	

	}


#bodyB
	{
		background-color: black;
		background-image:   url(/img/common/body_03.jpg);
		background-repeat: no-repeat;
		background-position: left;	
		
		width:100%;
		height:495px;
		
		left:0px;
		top:51px;
		/*margin-left: -500px; /* moitié de la largeur */
		/*margin-top: -247px; /* moitié de la hauteur */
		z-index:1;	

	}

#footer
	{
		background-color: black;
		background-image:   url(/img/common/footer.jpg);
		background-repeat: repeat-x;
		background-position: left;

		width:100%;
		height:55px;
		
		left:0px;
		top:547px;

		/* margin-left: -400px; /* moitié de la largeur */
		 /*margin-top: 220px; /* moitié de la hauteur */
		
	}			

#footerB
	{

		background-color: black;
		background-image:   url(/img/common/body_04.jpg);
		background-repeat: no-repeat;
		background-position: left;

		width:100%;
		height:200px;
		
		left:0px;
		top:546px;
		/* margin-left: -400px; /* moitié de la largeur */
		 /*margin-top: 220px; /* moitié de la hauteur */
		
	}			


	

	
.Cadre
{
	/*border:solid 1px green;*/	
	width:1000px;
	height:	100%;
	margin-left:-500px;
	margin-top:-246px;

}	

.menu_bar
{
	/*border:solid 1px green;*/
	/*margin-left: -400px; /* moitié de la largeur */
	/*margin-top: -25px; /* moitié de la hauteur */
	width: 10px; /* largeur de l'image réactive */
	height: 49px; /* hauteur de l'image réactive */
	
	top:6px;
	margin-left:-400px;
}



.menu_bar2
{
	background-color: black;
	background-image:   url(/img/common/footer.jpg);
	background-repeat: repeat-x;
	background-position: left;

	/*	border:solid 1px green;*/
	margin-top:185px;
	padding-top:10px;				
	/*margin-left: -400px; /* moitié de la largeur */
	/*margin-top: -25px; /* moitié de la hauteur */
	width:100%;
	height: 49px; /* hauteur de l'image réactive */
	
	top:6px;
	left:400px;
	margin-left:-400px;
}



#A_m1
{
	display: block;	/* mise en block de <a> pour lui donner des dimensions */
	margin-left: 0px; /* moitié de la hauteur */
	width: 103px; /* largeur de l'image réactive */
	height: 49px; /* hauteur de l'image réactive */

	background: transparent url(/img/common/MENU_BAR.jpg);	/* arrière-plan général du menu */
}

#A_m1:hover
{ /* définition de la classe "image" de la balise <a> au survol */
	background: transparent url(/img/common/MENU_BAR_lg.jpg);	/* arrière-plan général du menu */
}

#A_m2
{
	display: block;	/* mise en block de <a> pour lui donner des dimensions */
	margin-left: 0px; /* moitié de la hauteur */
	width: 139px; /* largeur de l'image réactive */
	height: 49px; /* hauteur de l'image réactive */

	background: transparent url(/img/common/MENU_BAR-02.jpg);	/* arrière-plan général du menu */


}

#A_m2:hover
{ /* définition de la classe "image" de la balise <a> au survol */
	background: transparent url(/img/common/MENU_BAR_lg-02.jpg);	/* arrière-plan général du menu */
}

#A_m3
{
	display: block;	/* mise en block de <a> pour lui donner des dimensions */
	margin-left: 0px; /* moitié de la hauteur */
	width: 84px; /* largeur de l'image réactive */
	height: 49px; /* hauteur de l'image réactive */

	background: transparent url(/img/common/MENU_BAR-03.jpg);	/* arrière-plan général du menu */
}

#A_m3:hover
{ /* définition de la classe "image" de la balise <a> au survol */
	background: transparent url(/img/common/MENU_BAR_lg-03.jpg);	/* arrière-plan général du menu */
}

#A_m4
{
	display: block;	/* mise en block de <a> pour lui donner des dimensions */
	margin-left: 0px; /* moitié de la hauteur */
	width: 114px; /* largeur de l'image réactive */
	height: 49px; /* hauteur de l'image réactive */

	background: transparent url(/img/common/MENU_BAR-04.jpg);	/* arrière-plan général du menu */
}

#A_m4:hover
{ /* définition de la classe "image" de la balise <a> au survol */
	background: transparent url(/img/common/MENU_BAR_lg-04.jpg);	/* arrière-plan général du menu */
}

#A_m5
{
	display: block;	/* mise en block de <a> pour lui donner des dimensions */
	margin-left: 0px; /* moitié de la hauteur */
	width: 97px; /* largeur de l'image réactive */
	height: 49px; /* hauteur de l'image réactive */

	background: transparent url(/img/common/MENU_BAR-05.jpg);	/* arrière-plan général du menu */
}

#A_m5:hover
{ /* définition de la classe "image" de la balise <a> au survol */
	background: transparent url(/img/common/MENU_BAR_lg-05.jpg);	/* arrière-plan général du menu */
}

#A_m6
{
	display: block;	/* mise en block de <a> pour lui donner des dimensions */
	margin-left: 0px; /* moitié de la hauteur */
	width: 129px; /* largeur de l'image réactive */
	height: 49px; /* hauteur de l'image réactive */

	background: transparent url(/img/common/MENU_BAR-06.jpg);	/* arrière-plan général du menu */
}

#A_m6:hover
{ /* définition de la classe "image" de la balise <a> au survol */
	background: transparent url(/img/common/MENU_BAR_lg-06.jpg);	/* arrière-plan général du menu */
}

#A_m7
{
	display: block;	/* mise en block de <a> pour lui donner des dimensions */
	margin-left: 0px; /* moitié de la hauteur */
	width: 90px; /* largeur de l'image réactive */
	height: 49px; /* hauteur de l'image réactive */

	background: transparent url(/img/common/MENU_BAR-07.jpg);	/* arrière-plan général du menu */
}

#A_m7:hover
{ /* définition de la classe "image" de la balise <a> au survol */
	background: transparent url(/img/common/MENU_BAR_lg-07.jpg);	/* arrière-plan général du menu */
}

#A_m8
{
	display: block;	/* mise en block de <a> pour lui donner des dimensions */
	margin-left: 0px; /* moitié de la hauteur */
	width: 82px; /* largeur de l'image réactive */
	height: 49px; /* hauteur de l'image réactive */

	background: transparent url(/img/common/MENU_BAR-08.jpg);	/* arrière-plan général du menu */
}

#A_m8:hover
{ /* définition de la classe "image" de la balise <a> au survol */
	background: transparent url(/img/common/MENU_BAR_lg-08.jpg);	/* arrière-plan général du menu */
}

#A_m9
{
	display: block;	/* mise en block de <a> pour lui donner des dimensions */
	margin-left: 0px; /* moitié de la hauteur */
	width: 89px; /* largeur de l'image réactive */
	height: 49px; /* hauteur de l'image réactive */

	background: transparent url(/img/common/MENU_BAR-09.jpg);	/* arrière-plan général du menu */
}

#A_m9:hover
{ /* définition de la classe "image" de la balise <a> au survol */
	background: transparent url(/img/common/MENU_BAR_lg-09.jpg);	/* arrière-plan général du menu */
}