* CSS Document */
body {
	color: #ffffff;
	font-size: 12px;
	background-color: #333333;
}
img{ text-decoration:none; border-color:#CCCCCC; border:0px;}
#angle { position:absolute; 
top:114px;
left:125px;
width:54px;
height:46px;
background-image:url(../graphisme/ANGLE.jpg);
}
#titre {
	position:absolute;
	top:0px;
	left:0;
	height:25px;
	width:855px;
	background-color:#ffffff;
	color:#FFFFFF;
	font-size:12px;
	font-family:  Arial, Helvetica, sans-serif;
	margin-left: 90px;
	background-image: url(../graphisme/BARRE.jpg);
	background-repeat: no-repeat;
	padding-top: 90px;
padding-left: 40px;
}
	#titre a{
	font-variant:small-caps;
	font-weight:normal;
	font-stretch:normal;
	float:left;
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
	width:93px;
	height:17px;
	padding-left:0px;
	display:inline ;
	text-decoration:none;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #000000;
	background-image: url(../graphisme/MENU.jpg);}
	#titre a:hover{background-image:none; background-color:#0088ee;margin-top:0px; }
#navigation {
	position:absolute;
	width:125px;
	height:768px;
	left: 0px;
	top: 0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(../graphisme/COLONNE.jpg);
	background-color:none;
	background-repeat:no-repeat;
	padding-top: 150px;
}
#navigation h1{
	font-size:20px;
	color:#FFFFFF;
	padding: 5px;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;} 
#navigation h2{
	color: #444444;
	font-size: 13px;
	font-family: "Arial", Courier, monospace;
	line-height: 12px; text-align:center;
}

#navigation a {
	position:relative;
	left:-10px;
	text-decoration:none;
	width:80px;
	background:none;
}
#navigation a:hover { background-color:#0066FF;}

#general {
	background-color:#99CCCC;width:50%;margin:5px;
	height:auto;
}
#catalogue {
	position:absolute;
	top:140px;left:140px;
	width:800px;
	background-color:#ffffff;background-image: none;
	font-family:Arial, Helvetica, sans-serif;
	color: #333333;
	}
	#souscat { background-color:#eeeeee;background-image: none; padding:0px;
		}
	#souscat a{ vertical-align:text-top;
				display:block;
				height:40px;
				width:110px;
				text-decoration:none;
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				padding:3px;
				color:#000000;
				background-color:#ffaaaa; }
	#souscat a:hover{color:#FFFFFF;
				background-color:#bbbbbb;
				}
	
	#catalogue h1{
				color:#FFFFFF;
				padding: 5px;
				font-size: 18px;
				font-family: Arial, Helvetica, sans-serif;
					}
	#catalogue h2{
				color:#222222;
				padding: 5px;
				font-size: 14px;
				font-family: Arial, Helvetica, sans-serif;
			}
#beta {position:relative;
				left:0px;
				width:800px;height:auto;
				margin-top:5px; margin-left:5px;
				padding-left:0px;
				padding-bottom:20px;
				border:0px solid red;}
	#articles {position:absolute;
				top:0px;left:-5px;
				width:395px;
				height:300px;overflow:auto;
				background-color:#eeeeee;
				background-image:none;
				padding-bottom:20px;
				font: small-caps 12px Arial;
				text-decoration:none;
				color:#000000;}
				
		#articles a,a:link,a:active,a:visited { 
					padding-left:20px;
					text-decoration:none;
					color:#000000;
					background:none;
					}
		#articles a:hover{
					color:#FFFFFF;
					background-color:#cccccc;
						}
	#articles h1{position:relative;left:0px;
					color:#222222;
					padding: 5px;
					font-size: 18px;
					font-family: Arial, Helvetica, sans-serif;
					}
		#articles h2{
					color:#eeeeee;
					padding: 5px;
					font-size: 14px;
					font-family: Arial, Helvetica, sans-serif;
				}
#detail {position:absolute;left:400px;width:395px;top:0px;background-color:#dddddd;font-size:10px;color:#000000;
padding-bottom:20px;text-align:justify;
	
	}
	#detail img {border:1px solid #555555}
	#reponse {color:blue; font-size:12px;position:absolute; top :0px; left:0px; background-color: #FFFFFF; vertical-align:text-top;}
		#reponse a{ text-decoration:none; font-size:12px; color:blue; border:1px solid black; background-color:#FFFFFF}
		#reponse a:hover{ text-decoration:none; font-size:12px; color:blue; background-color:#bbbbff;}

#promo {position:absolute;
		top:140px;left:150px;width:400px;height:200px;
		padding:0px; text-align:justify;
		color: #0066CC;font-size:15px; font-family:Arial, Helvetica, sans-serif; 
		background-image:url(../graphisme/fondnews.jpg);background-repeat:no-repeat;}
		 .titrepromo { font-size:18px; color: #FFFFFF; font-weight:bold}
		
		 .textepromo { font-size:14px; color:#003399;}
#news {position:absolute;
		top:140px;left:580px;width:400px;height:200px;
		padding:10px; text-align:justify;
		font-family:Arial, Helvetica, sans-serif; color:#0066CC;font-size:15px;
		 background-image:url(../graphisme/fondnews.jpg); background-repeat:no-repeat;}
		 .titrenews { font-size:16px; color: #FFFFFF; font-weight:bold}
		 .datenews  { font-size:10px; color: #0099CC; font-style:italic;}
		 .textenews { font-size:12px; color:#003399;}
#banniere {position:absolute;
		top:370px;left:150px;width:813px;height:200px;padding:10px;
		padding-top:25px;padding-left:300px; text-align:justify;
		font-family:Arial, Helvetica, sans-serif; color:#ffffff;font-size:15px; font-weight:bold;
		background-image:url(../graphisme/devant-tof.jpg); background-repeat:repeat-x;
		 }
		 
#sieges {position:absolute;
		top:130px;left:160px;width:813px;height:600px;
		padding:10px; text-align:justify;
		font-family:Arial, Helvetica, sans-serif; color:#0066CC;font-size:15px;
		 }	

#mapreps {position:absolute;
			top:280px;left:300px;width:813px;height:600px;
			padding:10px; text-align:justify;
			font-family:Arial, Helvetica, sans-serif; color:#0066CC;font-size:15px;
		 	background-image:url(../graphisme/cartereps.jpg); background-repeat:no-repeat ;}
			
#reponse {font-family: Arial, Helvetica, sans-serif;color:blue; font-size:12px;position:absolute; top :0px; left:0px; background-color: #FFFFFF; vertical-align:text-top; }
		#reponse a{ display:block;width:137px;height:100px;padding:2px;text-decoration:none; font-size:12px; color:blue; border:1px solid black; background-color:#FFFFFF}
		#reponse a:hover{ color:blue; background-color:#bbbbff;}
.red {color:#FF6600;font-size:14px;font-weight:bold;}
#procedures {position:absolute;top:130px;left:160px;
			width:800px;height:600px; 
			color:#330000; font-family:Arial, Helvetica, sans-serif; font-size:12px;
	}
	#procedures a {color:#0066FF; text-decoration:none; font-size:12px;}
	#procedures a:hover{color: #ffffff; background-color:#0066FF; text-decoration:none;}

#navigationaccespro {
	position:absolute;
	width:200px;
	height:2000px;
	left: 200px;
	top: 50px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(../graphisme/fd-metal500.jpg);
	background-color:none;
	background-repeat:no-repeat;
	padding-top: 70px;
}