*{margin:0;padding:0;}

body {
	background:#FFFFFF url('../images/background.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:605px;
	width:990px;
	text-align:left;/*border:1px solid red;*/
	}
	
	#contents{text-align:left;float:left;width:990px;}
	
	#header h1{background: url('../images/logo.gif') no-repeat top left;height:110px;width:190px;margin:25px;padding:0;}
	#header h1 a{display:block;text-indent:-9000px;height:110px;width:190px;}
		
	#menu{position:relative;top:-15px;left:80px;width:200px;float:left;height:290px;}
		#menu #links {list-style:none;width:210px;}
			#menu #links li{margin:0;padding:0;list-style:none;display:block;padding-bottom:7px;height:35px;}
			#menu #links li a{display:block;text-indent:-9000px;height:35px;}
			
				#menu #links #video{background:url('../images/li_video.png') no-repeat center left;width:140px;margin:0 0 36px 0;}
				#menu #links #video:hover{background:url('../images/li_video_over.png') no-repeat center left;width:140px;margin:0 0 36px 0;}
				
				#menu #links #daco{background:url('../images/li_DACO.png') no-repeat center left;width:140px;height:35px;margin:0 0 36px 0;}
				#menu #links #daco:hover{background:url('../images/li_DACO_over.png') no-repeat center left;width:140px;height:35px;margin:0 5px 36px 0;}
				
				#menu #links #contacter{background:url('../images/li_contacter.png') no-repeat center left;width:140px;height:35px;margin:0 5px 36px 0;}
				#menu #links #contacter:hover{background:url('../images/li_contacter_over.png') no-repeat center left;width:140px;height:35px;margin:0 0 36px 0;}
				
				#menu #links #fu{background:url('../images/li_fu.png') no-repeat center left;width:140px;height:35px;}
        #menu #links #fu:hover{background:url('../images/li_fu_over.png') no-repeat center left;width:140px;height:35px;}	
	
	#catalogue{
		position:relative;
		float:left;
		margin:-145px 0 0 45px;
		width:500px;
		height:330px;
		background:#FFF; 
		border:1px solid black;font-size:1.1em;
		}
		#catalogue #titre h2, #catalogue #flashcode{display:block;text-indent:-9000px;}
			#catalogue #titre{
				position:absolute;background:url('../images/titre_catalogue2.gif') no-repeat top left;
				top:365px;left:320px;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:25px 0 0 85px;width:90px;height:120px;}
		#catalogue img {margin:5px 5px 0 0;float:right;}
		#catalogue #catalog{
			display:block;text-indent:-9000px;
			height:35px;float:left;
			background:url('../images/catalogue-interactif.jpg') no-repeat center right;
			width:260px;height:45px;
			margin:15px 0 0 0;}

	#catalogue .actualite{ margin: 5px;}
	#catalogue .actualite hr{clear: both;border: 1px solid #D94140;}

	#news{position:relative;top: -160px;right: -11px;float: right;height: 230px;width: 220px;background:url('../images/page-accueil-fond_blanc-news.jpg') no-repeat top right;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: #D94140;font-weight: bold;}
	#lanews .titre, #catalogue .actualite .titre{font-weight: bold;}
	#lanews a {color: #D94140;}
	#lanews .image{text-align: center;}
	

	#acces{position:absolute;text-align:center;top:380px;left:60%;width:340px;text-align:center;}
		#formulaire{position:relative;margin:60px 0 0 0;z-index:100;}
		#formulaire h3 {text-indent:-9000px;background:url('../images/espace_client.gif') no-repeat top right;margin:0 70px 10px 0;}
		#formulaire form {text-align:left;width:100%;}
			#formulaire #ident {text-indent:-9000px;background:url('../images/identifiant.gif') no-repeat center right;width:120px;float:left;padding:10px 0 0 0;}
			#formulaire #pwd {text-indent:-9000px;background:url('../images/pwd.gif') no-repeat center right;width:120px;float:left;padding:10px 0 0 0;}
			#formulaire form input{background:#600;border:1px solid #ccc;margin:5px 10px;height:21px;color:#FFF;}
			#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 {text-align:left;margin:0 0 0 25px;width:200px;}
		#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:#D94140;text-decoration:none;}
				
				
	#footer {text-align:center;color:#ccc;font-family: Arial, Helvetica, sans-serif;font-size:1.1em;clear:left;}
		#footer a {color:#CCC;text-decoration:underline;}
		#footer a:hover {color:#D94140;text-decoration:none;}
		
#presentation{
  padding: 75px 250px 0 10px;
  text-align: justify;
  font-size: 90%;
}

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

a{
  color: #D94140;
}