body 
{
width : 700px;
margin : auto;
margin-top : 10px;
background-repeat: repeat-x;
background-color: #ffffff; 
font : 12px "Tahoma", "Arial", "Arial Black", "Times New Roman", "Times, serif";
}

#index
{
   margin: auto;
   width : 389px;
   height : 227px;
   background-color: #ffffff; 
   margin-top: 60px;
   padding : 5px;
}

#menu_haut
{
width : 700px;
height : 30px;
background-color : #ffffff;
position : relative;
margin-top: 60px;
}

.accueil 
{
background-image : url(images/menu/accueil.jpg);
background-repeat : no-repeat;
width : 100px;
height : 30px;
float : left;
}

.galeries 
{
background-image : url(images/menu/galeries.jpg);
background-repeat : no-repeat;
width : 100px;
height : 30px;
float : left;
}

.expositions
{
background-image : url(images/menu/expo.jpg);
background-repeat : no-repeat;
width : 100px;
height : 30px;
float : left;
}

	/* Header */
	
#header
{
	width: 900px;
	height:100px;
	margin: 0 auto ;
	color: #909090;
	background-color: #ffffff;
	padding-left:15%;
	padding: 5px;
}

/*----------------------------------------------*/


#corps
{
	width: 900px ;
	margin: 0 auto ;
	color: #313131;
	background-color: #ffffff;
	padding: 5px;
	font: 12px "Tahoma", "Arial", "Arial Black", "Times New Roman", "Times, serif"; 
}

#corps h1 
{
text-decoration : underline;
color : #313131;
text-align : center;
font-family : Tahoma, Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2 
{
height : 30px;
text-decoration : underline;
padding-left : 30px;
color : #313131;
text-align : left;
font-family : Tahoma, Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h3 
{
height : 20px;
padding-left : 30px;
color : #313131;
text-decoration : underline;
text-align : left;
font-family : Tahoma, Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps .centre
{
   width: 700px;
   color: #313131;
   background-color: #ffffff;
   font: 12px "Tahoma", "Arial", "Arial Black", "Times New Roman", "Times, serif";
   margin-left:1%;
   margin-top: 5px;
   padding-left: 10px 
}

#corps .centre .galeries
{
   width: auto;
   height: auto;
   margin-top: 5px;
   margin-bottom: 5px;
}

#corps .centre .galeries1
{
   float: left;
   width: 50%;
   height: auto;
   margin-top: 5px;
   margin-bottom: 5px;
}

#corps .centre .galeries2
{
   float: left;
   width: 50%;
   height: auto;
   margin-top: 5px;
   margin-bottom: 5px;
}


#pied_de_page 
{
background-color : #ffffff;
padding : 5px;
width : 740px;
height : 20px;
background-image : url(Documents/design_base/.......jpg);
background-repeat : no-repeat;
}

#menu_bas
{
background-color : #ffffff;
padding : 15px;
width : 700px;
height : 30px;
position : relative;
}

.bio
{
background-image : url(images/menu/bio.jpg);
background-repeat : no-repeat;
width : 100px;
height : 30px;
float : left;
}

.contact
{
background-image : url(images/menu/contact.jpg);
background-repeat : no-repeat;
width : 100px;
height : 30px;
float : left;
}


a 
{
text-decoration : underline;
color : #313131;
font-style : italic;
}

a:hover
{
color : #000000;
}

a img 
{
text-decoration : none;
border-style : none;
}

.imageflottante 
{
float : left;
padding : 10px;
}