/* CSS Document */
body 
	{
	font-family: "verdana", Arial;
	font-size:13px;
	color:#836038;
	background-color:#000000;
	margin:0;
	}

.clear {clear:both}

/* CSS Page index */

#index {position:absolute;
        width:960px;
		height:580px;
        top:50%;
		left:50%;
		margin-top: -290px;
		margin-left:-480px;
		margin-bottom:0;
		margin-right:0;
		border: 0
}
#index a { letter-spacing:1px; color:#333333 }
#index a:hover { text-decoration:none }

/* CSS suite */

#principal { 
			 position:absolute;
             width:960px;
		     height:580px;
             top:50%;
		     left:50%;
		     margin-top: -290px;
		     margin-left:-480px;
			 margin-bottom:0;
			 margin-right:0;
			 background:url(images/aceuil-graphisme.jpg) top center no-repeat;
			 border:0;
			 z-index:1;
           }
		   
#principal-2 { 
			 position:absolute;
             width:960px;
		     height:580px;
             top:50%;
		     left:50%;
		     margin-top: -290px;
		     margin-left:-480px;
			 margin-bottom:0;
			 margin-right:0;
			 background:url(images/graphisme-page.jpg) top center no-repeat;
			 border:0;
			 z-index:1;
           }

#contenu1	{	position:absolute;
				top:105px; 
				right: 70px; 
				padding:8px; 
				width:458px; 
				height:400px; 
				overflow:auto;
				z-index:1
			}
			
#contenu2	{	position:absolute;
				top:94px; 
				right: 65px; 
				padding:8px; 
				width:850px; 
				height:400px; 
				overflow:auto;
				z-index:1
			}

#contenu1 a, #contenu2 a	{ 	color:#FAFAFA; 
								font-size:12px;
								letter-spacing:1px; 
								border-bottom:1px dotted #999999;
								text-decoration:none
							}
			
#contenu1 a:hover, #contenu2 a:hover	{ border-bottom : 2px solid #999999	}

#centre-img a { border-bottom-color:#000000; width:98% }
#centre-img a:hover	{ border-bottom-color:#000000}

#pied {	position:absolute;
		z-index:3;
		top:520px;
		text-indent:155px}

#pied a	{ 	
			color:#FFFFFF;
			font-size:14px;
			letter-spacing:1px;
			text-decoration:none;
			margin:0 3px 0 3px;
		}
		
#pied a:hover	{ color:#750000 }

#sous-pied {	position:absolute;
				z-index:3;
				top:547px;
				text-indent:155px
			}

#menu-position { 	position:absolute;
					float:right;
					top:120px;
					right:18px;
					z-index:2;
					}		   

#menu a	{ 
		display:block;
		position:relative;
		width:25px;
		height:20px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		text-decoration:none;
		text-align:center;
		color:#FFFFFF;
		background-color:#333333;
		margin:10px 8px 10px 8px;
		padding-top:5px;
		border:1px solid #FFFFFF;
		z-index:2
		}
#menu a:hover { background-color:#990000}