*{margin:0;padding:0;}

body {
	background:#FFFFFF url('../images/background-vierge.jpg') no-repeat top center;
	color: #666666;
	font-size:62.5%;
	margin:0;
	padding:0;
	text-align:center;
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	
}

#page{
	margin:0 auto;
	height:610px;
	width:990px;
	text-align:left;/*border:1px solid red;*/
	}
	
	#contents{text-align:left;float:left;width:990px;height:610px;}
	
	#header h1{background: url('../images/logo.gif') no-repeat top left;height:136px;width:173px;margin:25px;padding:0;}
	#header h1 a{display:block;text-indent:-9000px;height:136px;width:173px;}
		
	#menu{position:relative;left:46px;width:210px;float:left;margin:-5px 0 0 0;}
		#menu #links {list-style:none;width:210px;}
			#menu #links li{margin:0;padding:0;list-style:none;display:block;height:35px;}
			#menu #links li a{display:block;text-indent:-9000px;height:35px;}
			
				#menu #links #video{background:url('../images/li_video.jpg') no-repeat center left;width:140px;margin:0 0 25px 0;}
				#menu #links #video:hover{background:url('../images/li_video_over.png') no-repeat center left;width:140px;margin:0 0 25px 0;}
				
				#menu #links #daco{background:url('../images/li_fu-design.jpg') no-repeat center left;width:140px;height:35px;margin:0 0 25px 0;}
				#menu #links #daco:hover{background:url('../images/li_fu-design_over.png') no-repeat center left;width:140px;height:35px;margin:0 0 25px 0;}
				
				#menu #links #offres{background:url('../images/li_offres-spe.jpg') no-repeat center left;width:155px;height:35px;margin:0 0 25px 0;}
				#menu #links #offres:hover{background:url('../images/li_offres-spe_over.png') no-repeat center left;width:155px;height:35px;margin:0 0 25px 0;}
				
				#menu #links #contacter{background:url('../images/li_contact.jpg') no-repeat center left;width:160px;height:35px;margin:0 0 0 0;}
				#menu #links #contacter:hover{background:url('../images/li_contact_over.png') no-repeat center left;width:160px;height:35px;margin:0 0 0 0;}
	
	#catalogue{
		position:relative;float:left;
		float:left;
		margin:-130px 0 0 25px;
		width:495px;
		height:343px;
		background: url('../images/background_catalogue.jpg') no-repeat top left; 
		font-size:1.1em;
		}
		#catalogue #titre h2, #catalogue #flashcode{display:block;text-indent:-9000px;}
			#catalogue #titre{
				position:absolute;/*background:url('../images/titre_catalogue.gif') no-repeat top left;*/
				top:365px;left:0px;width:350px;height:30px;}
				#titre p{color: #fff;font-size:1.4em;text-indent: 48px;}
			#catalogue #flashcode{
				background:url('../images/flash_code.gif') no-repeat center left;
				margin: 15px 0 0 85px;width:90px;height:120px;}
		#catalogue img {margin:3px;float:right;}
		#catalogue #catalog{
			display:block;
			text-indent:-9000px;
			height:35px;
			float:left;
			background:url('../images/catalogue-interactif.jpg') no-repeat bottom right;
			width:240px;height:45px;
			margin:15px 0 0 0;}
		
		#catalogue table{margin:10px 10px 0 20px;}
		#catalogue form input {margin:2px 0;}
				
	#acces{
		/*border:1px solid red;*/
		position:absolute;
		margin:0 -261px 0 0;padding:0;
		background:url('../images/partenaires.jpg') no-repeat bottom right;
		top:450px;height: 80px;right:-1px;width:350px;text-align:center;z-index:90;
		}
		#formulaire{
			position:relative;margin:-60px 0 0 20px;z-index:100;
			}
		#formulaire h3 {text-indent:-9000px;background:url('../images/espace_client.gif') no-repeat top right;margin:0px 190px 0px 0;}
		#formulaire form {text-align:left;width:75%;}
			#formulaire #ident {text-indent:-9000px;background:url('../images/identifiant.gif') no-repeat center right;width:120px;float:left;padding:5px 0 0 0;}
			#formulaire #pwd {text-indent:-9000px;background:url('../images/pwd.gif') no-repeat center right;width:120px;float:left;padding:5px 0 0 0;}
			#formulaire form input{background:#C5D5B6;border:1px solid #000;margin:0px 0 1px 10px;height:16px;color:#000;}
			#formulaire a {color:#CCC;text-decoration:underline;font-family: Arial, Helvetica, sans-serif;font-size:1.2em;}
			#formulaire a:hover {text-decoration:none;color:#FFF;}
	
	#contact {float:left;clear:left;text-align:left;margin:30px 0 0 0;width:180px;padding:0 25px;}
		#contact p{font-size:1.1em;margin:0 0 7px 0;}
			#contact p.marque{
				font-size:1em;
				font-style: italic;
				}
			#contact a{color:#000;text-decoration:underline;}
			#contact a:hover{color:red;text-decoration:none;}
	
	#catalogue #touteactu{position: relative;float: left;left: 5px;top: 5px;overflow-y: auto;overflow-x:hidden;width: 480px;height: 333px;}
	#catalogue .actualite{ margin: 6px 8px;}
	#catalogue .actualite hr{clear: both;border: 1px solid #ccc;}

	#news{position:relative;top: 70px;right: -10px;float: right;height: 230px;width: 220px;font-size: 1.2em;}
	#news .toutes{text-align: center;}
	#lanews{width: 180px;height: 170px;margin: 30px 0 0 15px;}
	#lanews .date, #catalogue .actualite .date{color: #556535;font-weight: bold;}
	#lanews .titre, #catalogue .actualite .titre{font-weight: bold;}
	#lanews a {color: #c00;}
	#lanews .image{text-align: center;}
				
	#footer {
		position:relative;
		background: url('../images/footer.jpg') no-repeat top right;
		height:190px;
		text-align:right;
		color:#333;
		font-family: Arial, Helvetica, sans-serif;
		font-size:1.1em;
		clear:left;
		padding:75px 0 0 0;
		}
		#footer table{margin:-76px 0 0 0;}
		#footer a {color:#C60;text-decoration:underline;margin:0 20px 0 0;padding:50px 0 0 0;}
		#footer a:hover {color:#000;text-decoration:none;}
		
		#footer #sum {position:relative;left:200px;top:-70px;width:300px;height:190px;float:left;}
		
#touteactu h1{
  font-size: 120%;
  padding: 10px 0 0 5px;
  color: #556535;
}

#div_video h1{
  font-size: 120%;
  padding: 10px 0 0 5px;
  color: #556535;
}

#presentation{
  padding: 0 250px 0 10px;
  text-align: justify;
  font-size: 90%;
}