/* CSS Document */
/* CSS Document */

#page

{
	position: absolute;
	width: 800px;
	height: 800px;
	top: 0;
	left: 0;
	margin-left: auto;
	margin-right: auto;
	font-family:  Arial, Helvetica, sans-serif;
	}
#calque01
{
position: absolute;
width: 800px;
height: 175px;
top: 0;
left: 0;
background-image: url(masque.gif);
}

#actualites
{
position: absolute;
top: 450px;
left : -437px;
width: 600px;
height: 150px;
}

#menu01
{
position: absolute;
top: 200px;
left: 37px;
background-image: url(cartouchepep40.gif);
background-repeat: no-repeat;
width: 225px;
height: 350px;
font-size: 24px;
color: #FFFFFF;
}

#menu02
{
position: absolute;
top: 0px;
left: 250px;
background-image: url(cartouchedel.gif);
background-repeat: no-repeat;
width: 225px;
height: 350px;
font-size: 24px;
color: #FFFFFF;
}

#menu03
{
position: absolute;
top: 0px;
left: 250px;
background-image: url(cartouchesms.gif);
background-repeat: no-repeat;
width: 225px;
height: 350px;
font-size: 24px;
color: #FFFFFF;
}

/**********************menu navigation a***********************************/
 /*on definit la taille de la div du menu ainsi que la taille de parties du menu.*/
#menua, #menua ul { /* toutes les listes */
		padding: 0;
		margin: 0px;
		list-style: none;
		float : left;
		width : 200px;
	}
	
	#menua li { /* tous les items de liste */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 200px;
	}
	
	#menua li ul { /* listes de deuxième niveau */
		position : absolute;
		left: -999em;
		margin-left : 200px;
		margin-top : -1.35em;
	}
	
	#menua li ul ul { /* listes de troisième niveau et plus */
		left: -999em;
	}
	
	#menua li a {
		width: 200px;
		w\idth : 200px;
		display : block;
		border: thin #FFFFFF;
		color : #333333;
		text-decoration : none;
		border : 0px solid;
		padding : 0 0.5em;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		
               padding: 4px 0 4px 8px;
               display:block; 
			   border-left: 8px solid #BBB; width:184px;
	}
	
	#menua li a:hover {
		color : #000000;
		background-color : #00FFFF;
		border-left-color: #0000FF;
	}
	
	#menua li:hover ul ul, #menua li:hover ul ul ul, #menua li.sfhover ul ul, #menua li.sfhover ul ul ul {
		left: -999em;
	}
	
	#menua li:hover ul, #menua li li:hover ul, #menua li li li:hover ul, #menua li.sfhover ul, #menua li li.sfhover ul, #menua li li li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
		left: auto;
	}
	
/**********************menu navigation b***********************************/
#menub, #menub ul { /* toutes les listes */
		padding: 0;
		margin: 0px;
		list-style: none;
		float : left;
		width : 200px;
	}
	
	#menub li { /* tous les items de liste */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 200px;
	}
	
	#menub li a {
		width: 200px;
		w\idth : 200px;
		display : block;
		border: thin #FFFFFF;
		color : #333333;
		text-decoration : none;
		border : 0px solid;
		padding : 0 0.5em;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		
               padding: 4px 0 4px 8px;
               display:block; 
			   border-left: 8px solid #BBB; width:184px;
	}
	
	#menub li a:hover {
		color : #000000;
		background-color : #FF3366;
		border-left-color: #FF0000;
	}
	
	#menub li:hover ul ul, #menub li:hover ul ul ul, #menub li.sfhover ul ul, #menub li.sfhover ul ul ul {
		left: -999em;
	}
	
	#menub li:hover ul, #menub li li:hover ul, #menub li li li:hover ul, #menub li.sfhover ul, #menub li li.sfhover ul, #menub li li li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
		left: auto;
	}
					
 /*on definit la taille de la div du menu ainsi que la taille de parties du menu.*/
#menuc, #menuc ul { /* toutes les listes */
		padding: 0;
		margin: 0px;
		list-style: none;
		float : left;
		width : 200px;
	}
	
	#menuc li { /* tous les items de liste */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 200px;
	}
	
	#menuc li ul { /* listes de deuxième niveau */
		position : absolute;
		left: -999em;
		margin-left : 200px;
		margin-top : -1.35em;
	}
	
	#menuc li ul ul { /* listes de troisième niveau et plus */
		left: -999em;
	}
	
	#menuc li a {
		width: 200px;
		w\idth : 200px;
		display : block;
		border: thin #FFFFFF;
		color : #333333;
		text-decoration : none;
		border : 0px solid;
		padding : 0 0.5em;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		
               padding: 4px 0 4px 8px;
               display:block; 
			   border-left: 8px solid #BBB; width:184px;
	}
	
	#menuc li a:hover {
		color : #000000;
		background-color : #66FF33;
		border-left-color: #339933;
	}
	
	#menuc li:hover ul ul, #menuc li:hover ul ul ul, #menuc li.sfhover ul ul, #menuc li.sfhover ul ul ul {
		left: -999em;
	}
	
	#menuc li:hover ul, #menuc li li:hover ul, #menuc li li li:hover ul, #menuc li.sfhover ul, #menuc li li.sfhover ul, #menuc li li li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
		left: auto;
	}