@charset "utf-8";
/* CSS Document */
#bleu
{color:#002363}
#we
{text-align:center;
}

h4
{color:white;
margin:0px;
text-align:center;font-family:Verdana, Geneva, sans-serif;
}
h1 a
{
	
	text-decoration:none;
	color:white;}
	
	h1 a:hover
{
	
	text-decoration:none;
	color:white;}

* {
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;
	

	}
	
	#fondz
	{

	
		
}
	#construction
	{
		
		color:#FFF;
		font-size:11px;
		font-family:Verdana, Geneva, sans-serif;
		}
			#construction h2
	{
		
		color:#FFF;
		font-size:12px;
		font-family:Verdana, Geneva, sans-serif;
		}
		.che
		{padding-left:250px;
		list-style:none;}
	#detail
	{
		
		
		margin-left:5px;
		color:white;
		font-size:12px;
		font-family:Verdana, Geneva, sans-serif;
		width:500px;
		}

	#forfait1
{float:left;color:white;
width:210px;font-family:Verdana, Geneva, sans-serif;
background-image:url(images/fd.png);
background-repeat:no-repeat;
}
#forfait2
{float:left;color:white;
width:210px;font-family:Verdana, Geneva, sans-serif;
background-image:url(images/fd.png);
background-repeat:no-repeat;
}
#forfait3
{float:left;color:white;
width:215px;font-family:Verdana, Geneva, sans-serif;
background-image:url(images/fd.png);
background-repeat:no-repeat;
}
#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-size:15px;
	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;}
	
.center
{text-align:center;
color:white;}
.center a
{color:#CCC;}

#clear
{
	
	}
	#mfhll{
		text-align:center;
		font-size:15px;
		font-family:Arial, Helvetica, sans-serif;
		color:#999;
		margin-top:12px;
		
		}
		#mfhll a
		{color:white}
		
		#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;

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



}

#milieu

{background-image:url(images/bgmilieu.jpg);
background-position:top;
background-repeat:no-repeat;
height:115px;
}
#milieu2

{background-image:url(images/graph2.jpg);
background-position:center;
background-repeat:no-repeat;
height:135px;
margin-top:-4px;
width:700px;

margin-left:222px;
}

#entete{
	
background-image:url(images/entete.jpg);
height:227px;
width:925px;
}
	
	#entete h1
	{
		text-align:left;
		padding-left:53px;
		color:white;
		padding-top:130px;
		font-size:20px;
		
		
		}
		#entete3{
	
background-image:url(images/choix.jpg);
height:227px;
width:925px;
}
	
	#entete3 h1
	{
		text-align:left;
		padding-left:53px;
		color:white;
		padding-top:130px;
		font-size:20px;
		
		
		}
		
		
		#entete2{
	
background-image:url(images/entetetop.jpg);
height:227px;
width:925px;
}
	
	#entete2 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:44px;}
.cont
{
	padding-right:0px;
	}
	
	.acc
{
	padding-right:51px;;
	}
	
	.french
	{
		
	
		
		}
		.image
	{
	
	border:0px;}
	
	.image2
	{
		margin-top:30px;
		margin-left:70px;
	border:0px;}
			.image3
	{
	
	border:0px;
	text-align:center;
	margin-left:11px;
	margin-right:0px;}
				.image4
	{
	
	border:0px;
	text-align:center;
	margin-left:16px;
	margin-right:0px;}
#intro
					
{
	

	margin-top:-15px;
width:500px;
float:left;
text-align:left;color:white;
font-size:11px;

}

#intro h3
{
	font-size:17px;
	margin-left:-5px;
	font-family:Arial, Helvetica, sans-serif;
	
	}
.hshell

{width:320px;}

.non
{
	color:#002363;
	list-style:none;

	}
	
	#condition

{
	margin-left:220px;clear:both;
	width:600px;
	color:white;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;}

#introbg
{
	margin-top:20px;
	background-image:url(images/humph.png);
background-position:bottom-left;
background-repeat:no-repeat;
height:190px;
width:260px;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;
margin-top:-8px;


}
	#introbg2 li
					
{color:white;font-family:Verdana, Geneva, sans-serif;
}
#introbg li
					
{color:white;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;
margin:0px;}
h1
{color:gray;
font-family:Verdana, Geneva, sans-serif;font-size:18px;
text-align:center;
}
#navi
{
float:left;
width:224px;
height:495px;
background-image:url(images/navi.png);
background-repeat:no-repeat;
background-color:#002363;
font-family:Verdana, Geneva, sans-serif;
padding-top:60px;

}

#navi3
{
float:left;
width:224px;
height:495px;
background-image:url(images/navi.png);
background-repeat:no-repeat;
background-color:#002363;
font-family:Verdana, Geneva, sans-serif;
padding-top:60px;

}




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:330px;
	margin-left:70px;}
	
	#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:129px;
	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:935px;

}
#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;
		
	
	}
					#form2
{
float:left;
	width:430px;
height:auto;
text-align:left;

	padding-left:15px;
	padding-right:0px;
	
		font-family:arial;
		color:black;
		font-size:14px;
		margin-top:-50px;
		
	
	}
	#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;}	
	
	#front{
		margin-left:380px;
		margin-top:30px;}
#stage{width:220px; overflow: auto;overflow-x:hidden; overflow-y:hidden; height:230px; margin:0 auto;

}

#slider-buttons{width:632px; margin:40px auto; margin-left:169px; text-align:center; font-family:Verdana, Geneva, sans-serif;}

#myList{width:2000px; border:0; margin:0; padding:0; left:400px;}
	
	#myList li{
		list-style:none; 
		margin:0 4px 0 0; 
		padding:4px; 
	background-color:black;
		float:left;
		width:200px;
		height:230px;
		color:white;
		text-align:center;
		font-family:Verdana, Geneva, sans-serif;
		border:0px;
		}
	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 */
}