body, html {height : 100%}



body {
margin : 0 ; 
padding: 0;
font-family : arial ; 
font-size : 10px ;
text-align : left ;
background : #000 ;  }



/* Conteneur Principale
************************************************************************/

#content {
position : relative ;
 width : 860px ;
  

	left: 50%;
	margin-left: -430px;

 }
 

/* Header
************************************************************************/

#header { 
position : relative ; 
width : 820px ; 
height : 200px;  
background :  url(images/design/bandeau_contact.jpg)  ;
}



/* Menu top
************************************************************************/
ul#menu {
	position : absolute;
	left :20px;
	bottom : 5px;
	list-style : none;
	margin : 0;
	padding : 0;
	width: 790px;
}

ul#menu li{
float : left ; 
padding : 0 40px ; 
}

ul#menu li a{
color : #fff;
font-size:13px;
text-decoration : none;

}


ul#menu li a:hover {
text-decoration : underline;
}






/* Contenu
************************************************************************/


#centre {
width : 820px ; 
height:660px;
overflow: auto;
background :  url(images/design/bg-center.jpg) top left no-repeat  ;
 }
 
 #contenu {
 
width : 780px ; 
padding-left:20px;
padding-right:20px;
height:660px;
overflow: auto;
 }
 
 
 #centre img {
float : right ; 
margin-left : 6px;
margin-right : 6px;
margin-bottom : 6px;
border-left : 5px solid #fff ; 
 }
 
  #centre p {
margin : 7px 0 7px 0 ; 
 }
 
 #img1 {
 width:170px;
 height:150px;
 float:right;
 margin-left: 10px;
 margin-right:-5px;
 }
 
 
  #img2 {
 width:144px;
 height:120px;
 float:left;
 margin-right: 20px;
 margin-left:-15px;
 }
 
   #img3 {
 width:144px;
 height:120px;
 float:left;
 margin-right: 20px;
  margin-left:-15px;
 }
 
 #txt3 {
margin-right:330px;
 }
 

 
 
#txt3 p {
font-family:verdana;
font-size:11px;
}
 
 #apDiv1 {
	position:absolute;
	width:271px;
	height:172px;
	z-index:0;
	left: 21px;
	top: 546px;
	font-family:Verdana;
	font-size:11px;
	text-align:justify;
}
#apDiv2 {
	position:absolute;
	width:302px;
	height:205px;
	z-index:0;
	left: 477px;
	top: 272px;
}
 
 
/* Footer
************************************************************************/ 
 
  #footer  {
 position : relative ;
 bottom : 0 ; 
 height : 45px ; 
 width : 820px;
 padding : 10px  100px 0 0; 
top:-10px;
 background :  url(images/design/footer.jpg) no-repeat ;
 text-align : center ;
  }
 
 
  
 #footer  p  {
margin : 0 ; 
padding : 10px  100px 0 0; 
color : #A49E9B  }

#footer  a  {
color : #A49E9B;
text-decoration : none ;
}
 
 #footer  a:hover  {
text-decoration : underline ;
}
 
 


/* Paragrahes, H1 et autres
************************************************************************/

h1 {color  : #FFF ; font-size : 13px; ; font-family:verdana; background : #940d17 ; margin : 20px 0 5px 0 ; padding : 0; font-weight:100; text-indent : 10px ; }

p.sous-h1  {

height : 17px;
line-height : 17px; 
padding : 0 ; 
background : #4B4B45 url(images/design/bg-sous-h1.jpg) left top no-repeat; 
margin : 0 ;  
text-indent : 10px ; 
border-bottom : 10px solid #fff ; 
font-weight : bold ; 
font-size : 11px;  
color : #fff }


p.sous-h2  {
width:455px;
height : 17px;
line-height : 17px; 
padding : 0 ; 
background : #4B4B45 url(images/design/bg-sous-h1.jpg) left top no-repeat; 
margin : 0 ;  
text-indent : 10px ; 
border-bottom : 10px solid #fff ; 
font-weight : bold ; 
font-size : 11px;  
color : #fff }



p {
text-align:justify;
font-family:verdana;
font-size:11px;
}

.p2 {
padding-top:10px;
text-align:center;
font-family:Verdana;
color:#ffffff;
}

a {color : #000; }

#logo-vi {
	position:relative;
	width:60px;
	height:79px;
	float:right;
	top:128px;
	margin-right:25px;
}