@charset "utf-8";
/* CSS Document */
* {
scrollbar-face-color:#082a6a;
scrollbar-highlight-color:black;
scrollbar-3dlight-color:black;
scrollbar-darkshadow-color:white;
scrollbar-shadow-color:black;
scrollbar-arrow-color:white;
scrollbar-track-color:black;

}

body
{
	
	background-color:#000;
	
	background-image:url(images/fond.jpg);
	background-position:top center;
	background-repeat:repeat-x;
	margin:0px;
	background-attachment:fixed;
	}
	h1 a
{
	
	text-decoration:none;
	color:white;}
	

		#mfhll{
		text-align:center;
		font-size:15px;
		font-family:Arial, Helvetica, sans-serif;
		color:#999;
		margin-top:12px;
		
		}
		#mfhll a
		{color:white}
		
		
			#forfait1
{float:left;color:white;
width:210px;font-family:Verdana, Geneva, sans-serif;
}
#forfait2
{float:left;color:white;
width:210px;font-family:Verdana, Geneva, sans-serif;
}
#forfait3
{float:left;color:white;
width:215px;font-family:Verdana, Geneva, sans-serif;
}
#forfait1 li
{font-size:11px;
	font-family:Verdana, Geneva, sans-serif;color:white;
}



#forfait1 h3
{font-size:15px;
	font-family:Verdana, Geneva, sans-serif;
	margin:0px;
	text-align:center;
	
	
}
#forfait2 h3
{font-size:15px;
	font-family:Verdana, Geneva, sans-serif;
	margin:0px;
	text-align:center;
	
	
	
}
#forfait3 h3
{
	font-family:Verdana, Geneva, sans-serif;
	margin:0px;
	
	text-align:center;
	
}

#forfait2 li
{font-size:11px;
	font-family:Verdana, Geneva, sans-serif;color:white;}

#forfait3 li
{font-size:11px;
	font-family:Verdana, Geneva, sans-serif;color:white;
}

#forf li
{font-size:11px;
	font-family:Verdana, Geneva, sans-serif;}
		
		#navi2
{
float:left;
width:224px;
height:495px;
background-image:url(images/navie.jpg);
background-repeat:no-repeat;
background-color:#002363;
font-family:Verdana, Geneva, sans-serif;
padding-top:60px;

}
#page
	
{
width:935px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
background-color:#002363;



}

			.image3
	{
	
	border:0px;
	text-align:center;
	margin-left:11px;
	margin-right:0px;}


	


.center
{text-align:center;}
#forfait3 h3
{
	font-family:Verdana, Geneva, sans-serif;
	margin:0px;
	
	text-align:center;
	
}


#condition

{
	margin-left:232px;clear:both;
	width:600px;
	color:white;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;}
.non
{
	color:#002363;
	list-style-type:none;}
#milieu

{background-image:url(images/milieuentete.jpg);
background-position:top;
background-repeat:no-repeat;
height:64px;
}



#entete{
	
background-image:url(images/entete3.jpg);
height:227px;
width:925px;
}
	
	#entete h1
	{
		text-align:left;
		padding-left:53px;
		color:white;
		padding-top:130px;
		font-size:20px;
		
		
		}
#menu
{
			float:right;	
height:28px;
padding-right:12px;
padding-top:20px;
width:100%;


}
#menu li
{
display:inline;
text-align:center;
color:white;
font-size:large;
float:right;
font-family:arial;
}
					
#menu a
{
display:inline;
text-align:center;
font-size:12px;
color:white;

font-family:arial;
text-decoration:none;
}
#menu a:hover
{
display:inline;
text-align:center;
color:gray;

font-family:arial;
text-decoration:underline;
}

.sou
{padding-right:43px;}
.cont
{
	padding-right:0px;
	}
	
	.acc
{
	padding-right:51px;;
	}
	
	.french
	{
		
	
		
		}
		.image
	{
	
	border:0px;}
	
	.image2
	{
		margin-top:30px;
		margin-left:70px;
	border:0px;}
		.image3
	{
		text-align:center;}
#intro
					
{float:left;
	margin-left:25px;
	margin-top:19px;
width:269px;

text-align:left;
font-family:Verdana, Geneva, sans-serif;

}
	#impression
{
float:left;
margin-right:25px;
font-family:Verdana, Geneva, sans-serif;
width:295px;
}

#introbg
{
	float:left;
	background-image:url(images/humph.png);
background-position:bottom-left;
background-repeat:no-repeat;
height:190px;
width:230px;font-family:Verdana, Geneva, sans-serif;
}

#introbg h3
{
	font-family:Verdana, Geneva, sans-serif;
		text-align:center;
		margin-left:-29px

}
#introbg2 h3
{
	text-align:center;
font-family:Verdana, Geneva, sans-serif;
margin-left:-29px
}




#introbg2
{
	margin-left:-60px;
	background-image:url(images/humph.png);
background-position:bottom-left;
background-repeat:no-repeat;
height:190px;font-family:Verdana, Geneva, sans-serif;
width:260px;



}
	#introbg2 li
					
{color:black;font-family:Verdana, Geneva, sans-serif;
}
#introbg li
					
{color:black;font-family:Verdana, Geneva, sans-serif;
}



#logo
{
float:right;
margin-left:-95px;
}
	


.aff
{
margin-left:80px;
}
p
{
font-family:Verdana, Geneva, sans-serif;
color:white;}
h1
{color:gray;
font-family:Verdana, Geneva, sans-serif;font-size:18px;
text-align:center;
}
#navi
{
float:left;
width:224px;
height:520px;
background-image:url(images/navi.png);
background-repeat:no-repeat;
background-color:#002363;
font-family:Verdana, Geneva, sans-serif;
padding-top:60px;

}




	ul#acces{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
	font-family: "Arial";
	font-size: 12px;
	font-weight: bold;
}

ul#acces li{
	margin: 0 ;
	padding: 0 ;
	text-decoration: none ;
		list-style:none;
/* Suppression du padding et margin du <li> */
}

ul#acces li a{
	display: block ; 
	width: 149px ;
	height:50px;
	line-height: 31px ;
	color: white ;
	text-indent: 20px ; 
	text-decoration: none ;
	background:url(images/lienz.jpg) no-repeat 0 0 ;
	margin-top:5px;
	margin-left:25px;
	list-style:none;
	
}

ul#acces li a:hover{
	color:red;
	text-decoration: none ;
	background: url(images/lienz.jpg) no-repeat 0 -50px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

ul#acces li a:active{
	text-decoration: none ;
	background: url(images/lienz.jpg) no-repeat 0 0px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}


a
{
color:gray;
}
a:hover
{
text-decoration:none;
color:gray;
	background-color:blue;}
	

	
	
li
{
	
	color:gray;
	list-style:square;


	}
	

h3
{
	font-size:12px;
	color:white;
	padding-left:34px;
	padding-top:18px;
	}


#dpied
{float:left;
	margin-top:29px;
	float:left;
	width:230x;
	margin-left:100px;}
	
	#gpied
	
{width:250x;
margin-top:29px;
margin-left:35px;
	float:left;
	display:inline;}
	
		#gpied li
{
	display:inline;
	font-size:12px;}

			#gpied a
{
	display:inline;
	font-size:12px;
	color:white;}
.logz
{
	margin-top:120px;
	margin-left:-70px
	

	}



#clear
{clear:both;
width:935px;
margin-left:auto;
margin-right:auto;
background-color:#002363;}



#pied
{
clear:both;
text-align:center;
font-family:Verdana, Geneva, sans-serif;
color:gray;
background-image:url(images/vpied.png);
height:200px;
width:942px;

}
#pied li
{
color:gray;
text-decoration:none;
list-style:none;}

				#form
{
float:left;
	width:430px;
height:auto;
text-align:left;

	padding-left:15px;
	padding-right:0px;
	
		font-family:arial;
		color:black;
		font-size:14px;
		
	
	}
	#papier
	
	{text-align:center;
color:white;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
	
		#papier li
	
	{display:inline;}
	
	#papier h2
	{margin-left:-59px;}
		#animation
	
	{text-align:center;

	color:white;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
	
			#animation li
	
	{display:inline;}
	
				#web li
	
	{display:inline;}
		#web
	
	{text-align:center;
margin-left:224px;
	color:white;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}