body {
font-family:Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
font-size: 0.9em;
}




/*conteneur général*/
#cont{
position: absolute;
width: 750px;
left: 50%;
margin-left: -375px;
color : #000000;
background-color: #fff;
border : 1px solid gray;
}

/*Banniere*/
div#header {
height: 127px;
font-family: Tahoma, Arial;
color: #eece1f;
background-image: url('images/header2.gif');
}

/*centre represente la partie centrale des pages, centre_index est la version pour la page d'accueil, dont le fond est different*/
#centre{
background-repeat: no-repeat;
background-position: bottom right;
background-image: url('images/logo.gif');
}

#centre_index{
background-repeat: no-repeat;
background-position: bottom right;
background-image: url('images/atelier.jpg');
text-align: justify;
}

#centre,#centre_index{
height: 450px;
margin-top : 25px;

padding-right: 15px;
}


/* le menu de la page*/
div#menu{
float: left;
margin-right: 25px;
background-color: #fcb701;
height: 475px;
font-weight: bold;
font-size: 0.95em;
}

div#menu ul{
margin-left: 0;
padding-left: 0;
list-style-type: none;
background-color: #4e85fc;
font-family: Arial, Helvetica, sans-serif;
}

div#menu li{
padding: 1px;
width: 13em;
margin: 0;
list-style-type: none;
display: block;
}

div#menu li a,div#menu li a:visited{
color: #EEE;
text-decoration: none;
display: block;
padding-left: 11px;
height: 2em;
background-color: #2c4c91;
border-right: 1px solid #4e85fc;
}

div#menu li a:hover {
background-color: #4e85fc;
}

/*valeurs générales*/
a{
text-decoration: none;
}
	
a img{
border: none;

}
	
h3{
text-align: center;
}

p{
text-indent: 10px;
}

#centre li{
margin-bottom: 10px; 
text-indent: 10px;
}


#centre a:hover{
text-decoration: none;
color: blue;
background-color: white
}

#centre a span{
display : none;
}
#centre a span img{
border: none;
position: absolute;
bottom: 0;
left: 25px;
height: 185px;
}

#centre a:hover span{
display:block;
width: 350px;
height: 235px;
border: 1px solid gray;

position: absolute;
top: 360px;
left: 14em;

color: #2c4c91;
}

#centre a, a:visited{
color: #2c4c91;
}

ul#liste-gauche{
float:left;
font-size: 0.95em;
}
ul#liste-droite{
float:right;
font-size: 0.95em;
}

ul#liste-gauche{
margin-left: 3px;
}

ul.galerie{
margin-left: -15px;
}

ul.galerie li{
float: left;
height: 190px;
width: 250px;
list-style-type: none;
}


ul.galerie li img{
height: 140px;
float: left;
margin-top : 25px;
}

div#atelier {
position: absolute;
width: 750px;
left: 50%;
margin-left: -375px;
color : #000000;
background-color: #fff;
}

img#intro-gal{
margin-left: 150px;
margin-top: 50px;
}

div#atelier img{
margin-left: 50px;
}

a#prec{
float: left;
}

a#suiv{
float: right;
}