@charset "utf-8";
/* CSS Document */

html *{
	margin: 0px;
	padding: 0px; 
	border:none; }

img {border:none; margin:0px; padding:0px; }
.img {border:none; margin:0px; padding:0px; }

#center{margin: Opx Opx Opx 10px; float:right;}

#spi{
	margin: 20px 0px 0px 50px; 
	float:left;}

#spitextes { 
	float:left; 
	line-height: 55px; 
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	font-style:italic;
	width:390px;
	margin: 190px 0px 0px 0px;}

.center{ margin:auto; margin: 0px 0px 0px 10px;}
.center2{ 
	margin:auto; 
	background-color: #000000; 
	margin:0px;}

noir{ background-color:#000000}

a { color: #333333;  
	text-decoration: underline;}
#contact { 
	margin: auto;
	clear:both; 
	text-align:right; 
	width: 700px; height: 350px; 
	color: #333333; border: 1px #FF9933 dashed; 
	padding: 30px;}

.contact{  
	font-weight:bold; 
	font-family:Verdana, Arial, Helvetica, sans-serif}
	
a:hover { text-decoration: underline ; color:#FF6600;}
.rouge {background-color: red}

body{
	background: #000000;
	font-family: Arial, Helvetica, sans-serif;}
#contenaire2{
	margin: 0px;
	padding: 0px;
	margin: auto; padding: auto;
	width: 950px; 
	background: #FFFFFF; 
}
#contenaire3{
	margin: 0px;
	padding: 0px;
	margin: auto; padding: auto;
	width: 950px; height: 700px; 
	background: #FFFFFF; 
}
#contenaire{
	margin: 0px;
	padding: 0px;
	margin: auto; padding: auto;
	width: 950px; 
	background: #FFFFFF; 
}
#contenaire2{
	margin: 0px;
	padding: 0px;
	margin: auto; padding: auto;
	width: 950px;
	background: #FFFFFF; 
}

.spi { float:left;}

#galerie{ 
	background-color: #FFFFFF;
	float:left; 
	width: 800px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; 
	color: #000000;
				}
/*menu-1-------------------------------------------------------------*/
#menu{ 
	border-top: 4px solid #000000; 
	border-bottom: 1px solid #000000;  
	background-color: #999999 ; 
	width:950px; 
	line-height: 48px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; 
	color: #000000;
				}
#menu li { width: 165px; line-height: 40px; 
	float:left; 
	background-color: #999999; 
	border-right: 1px #000000 dashed; 
	text-decoration:none; text-align:center; 	
	list-style: none; 
	font-weight: bolder; 
	color:#9dff00;
	margin: 0px 0px 0px 0px;
	}

#menu li a { 
	list-style:none;
	line-height: 40px; 
	text-decoration:none; text-align:center; 	
	display: block;  
	color: #000000; }  

#menu li a:hover { 
	line-height: 40px;
	border-right: 1px #000000 solid; ; 
	color: #9dff00; 
	background-color:#000000; }
	
/*menu-2-------------------------------------------------------------*/
/*menu-illustration-------------------------------------------------------------*/
#mil{  
	border-bottom: 1px solid #000000;
	width:920px; clear:both; 
	background-color: #999999 ;  
	line-height: 48px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; 
	color: #000000;
				}
#mil li { width: 195px; line-height: 40px; 
	float:left; 
	background-color: #999999;  
	text-decoration:none; text-align:center; 	
	list-style: none; 
	border-right: 1px #000000 dashed; 
	font-weight: bolder; 
	color:#9dff00;
	margin: 0px 0px 0px 0px;
	}

#mil li a { 
	list-style:none; width: 195px;
	line-height: 40px; 
	text-decoration:none; text-align:center; 	
	display: block;  
	color: #000000;margin: 0px 0px 0px 0px; }  

#mil li a:hover { 
	line-height: 40px; width: 195px; 
	color: #9dff00;margin: 0px 0px 0px 0px;
	background-color:#000000; }
	
/*menu-2-------------------------------------------------------------*/

#menu2{ 
	border-top: 1px solid #333333; 
	border-bottom: 1px solid  #333333;  
	background-color: #FFFFFF ; 
	width: 493px; 
	line-height: 48px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; 
	color: #000000;
				}
#menu2 li { width: 200px; line-height: 40px; 
	float:left; 
	background-color: #FFFFFF; 
	border-right: 1px #000000 dashed; 
	text-decoration:none; text-align:center; 	
	list-style: none; 
	font-weight: bolder; 
	color:#FF9900;
	margin: 0px 0px 0px 0px;
	}

#menu2 li a { 
	list-style:none;
	line-height: 40px; 
	text-decoration:none; text-align:center; 	
	display: block;  
	color: #000000; }  

#menu2 li a:hover { 
	line-height: 40px;
	border-right: 1px #000000 solid; ; 
	color: #FF9900; 
	background-color:#000000; }
#menuprinc li a:active {color:#FF9900;}

#bandeau{
	padding: 0px; 
	margin: 0px;
	height: 169px; 
	width: 950px;}
	
#bandeau2{
	height: 169px; 
	padding: 0px; 
	margin: 0px;
	width: 443px;
	float: left; }
#bandeau3{ float:left;
	height: 51px; 
	width: 507px;	
	  }
#bandeau4{ float:left;
	height:118px; 
	width:507px;
	  }
	  
#titre{ 
	width: 450px; height:100px;
	float:left; 
	color:#333333; padding-left: 20px; 
	margin:0px 20px 0px 0px;}
#bloccv{ 
	width: 550px;	
	color: #333333; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	float:left; font-size:13px; 
	padding-left: 20px; 
	margin:0px 20px 0px 0px;}
#fleche{ 
	width: 21px; 
	height:21px; float:left;}
	
#bloct{	width: 450px; 
	height: 300px; 
	float:left; 
	color:#333333; padding-left: 20px; 
	margin:0px 20px 0px 0px;}
	
#bloctanim{	width: 400px; 
	height: 50px; 
	float:left; 
	color:#333333; 
	margin:5px 0px 10px 0px;
	font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#blochil{
	width: 920px; 
	float: left; 
	color:#333333; 
	margin:0px 0px 10px 20px}
#blocillus{
	float: left;
	width: 900px; 
	color:#333333; 
	margin:0px 0px 0px 0px;}
	
#bloctanim2{	
	width: 400px; 
	line-height:20px;  
	float:left; 
	color:#333333; 
	margin:5px 0px 10px 0px;
	font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
	
#tanim{ color:#660000;}

#blocindex{ 
	width: 900px;
	float:left; 
	color:#333333; padding-left: 20px; 
	margin:0px 0px 0px 0px;}
	
#bloctexte{ 
	width: 450px;
	float:left; 
	color:#333333; padding-left: 20px; 
	margin:0px 0px 0px 0px;}

#bloctexte1{ 
	width: 430px; height:600px;
	float:right; 
	color:#333333; 
	margin:0px 20px 0px 0px;}
	
#bloctexte{ 
	width:460px;background-color:#FFFFFF;
	line-height: 20px;
	float: left; 
	color:#333333; 
	margin:0px 0px 0px 0px; padding-left: 20px;}

#bloctextespi{ 
	width:460px;background:url(images/spirale.jpg) no-repeat bottom;
	line-height: 150px;
	float: left; 
	color:#333333; 
	margin:0px 0px 0px 60px; padding-left: 20px;}

	
#bloctexte2{ 
	width: 930px; height:200px; background-color:#FFFFFF;
	line-height: 20px;
	float: left; 
	color:#333333; 
	margin:0px 0px 0px 0px; padding-left: 20px;}

#bloctexte3{ 
	width: 600px; height:200px; background-color:#FFFFFF;
	line-height: 20px;
	float: left; 
	color:#333333; 
	margin:0px 0px 0px 0px; padding-left: 20px;}
#blocanim{ 
	width: 600px; height:150px;
	float: left; 
	color:#333333; 
	margin:0px 0px 0px 20px;}
#bloctextecontact{ 
	width: 450px; height:150px;
	float: left; 
	color:#333333; 
	margin:0px 0px 0px 20px;}
#blocimg{
	width: 450px; height:600px;
	float:right; 
}
#blocimgcv{
	width: 310px; height:600px;
	float:left; }

/*---------------------------------------animation----------------------*/
#uneanim{
	margin: 20px;

	float:left;}
#anim0{
	margin: 20px;
	width: 700px; 
	float:left;}

#anim{
	margin: 20px;
	width: 400px; 
	float:left;}

#anim2{
	margin: 20px;
	width: 400px; clear:both;}



	
#blocimg1{
	width: 900px; height:600px;float:left;
}
#img{
	float:right; 
	margin:30px 30px 10px 0px;
}

p{  
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333; 
	font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif;}

#soustitre{ 
	font-weight: bolder;
	font-size:18px;
	color:#660000;}
	
#soustitre2{ 
	font-weight: bolder;
	font-size:15px;
	color: #333333;}

h1{
	height: 60px;
	line-height: 30px;
	font-size:17px; font-weight:bold;
	width: 371px; 
	text-align:left;
	background:url(images/bordtexte_12.jpg) no-repeat; 
	margin: 0px 0px 0px 0px; 
	padding: 40px 0px 0px 0px;}
	
h2{ font-family:Georgia, "Times New Roman", Times, serif; 
	border-bottom: 1px #660000 solid; 
	font-size:18px; color:#660000; 
	margin: 30px 0px 10px 0px;}

h3 {margin: 30px 0px 10px 0px}



#pied		{ 
	clear:both;
	border-top: 1px solid #000000; vertical-align:bottom;
	height: 25px;  
	text-align:right;
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px;}	 
			 
#pied li    {
	display: inline;}

#pied li a {
	text-decoration:none; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; margin: 15px;
	color: #000000; 
	font-weight:bold;}
			
#pied li a:hover {
	color: #FF6600;}