body {
background: #333333 url(../Imagesdusite/Bg_pattern.jpg) fixed; 
text-align: center;
}

p,ul,li,td {
font-size : 14px; 
font-family :  Verdana, Arial, Geneva, sans-serif; 
color : #000000; 
text-align: center;
}

h1 {
font-size : 26px; 
font-family :  Verdana, Arial, Geneva, sans-serif;
color : #000066; 
text-align: center;
}

h2 {
font-size : 16px; 
font-family :  Verdana, Arial, Geneva, sans-serif;
color : #000066; 
text-align: center;
}

div#top {/* conteneur global et barre dégradée du haut */
width: 900px;
top: 0px;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
background: url(../Imagesdusite/Top900gb.png) top no-repeat;
}

div#bloc {/* arrière-plan du cadre */
background: url(../Imagesdusite/Milieu900gb.png);
height: 820px;
padding-top: 10px;
margin-bottom: -10px;
padding-right: 8px;
}

div#colamm {/*versant de l'AMM */
width: 240px;
height: 550px;
float: left;
padding-left: 5px;
text-align: center;
background: transparent;
}


div#colcent {/*colonne centrale avec la photo*/
width: 400px;
height: 600px;
float: left;
}

div#contact {/*le div du mailto*/
width: 170px;
height: 40px;
margin-left: auto;
margin-right: auto;
}

div#colphoto {/*versant du photographe */
width: 240px;
height: 550px;
text-align: center;
padding-right: 5px;
float: left;
}

div#bas {/*barre dégradée du bas */
width: 900px;
background: url(../Imagesdusite/BasAccueil.png) no-repeat;
padding-top: 20px;
}


ul#versPhoto  {
	margin: 0;
	padding: 0;
	list-style-type: none;
/*Suppression du margin, du padding et des puces du <ul> */
}

ul#versAMM li   {
	margin: 0 0 1px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 1px pour aérer le tout */
}

div#versAMM  {
width: auto;
height: 90px;
}

ul#versAMM li a {
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 220px ;
	height: 80px;
	line-height: 20px ;
	text-align: center;
	color: #000 ;
	text-indent: 5px ; /* On décale le texte de 10px du bord gauche */
	text-decoration: none ;
	background: url(../Imagesdusite/BtB-Grd.png) no-repeat 20px -5px ; /* On met une image de background, que l'on positionne à 20px du bord gauche et 5px du bord haut */
	border: 0px solid ;
}

ul#versAMM li a:hover
{
	background: url(../Imagesdusite/BtB-Grd.png) no-repeat 20px -98px ; /* Et ici on décale l'image du background de 90px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid ;
}

ul#versAMM  {
	margin: 0;
	padding: 0;
	list-style-type: none;
/*Suppression du margin, du padding et des puces du <ul> */
}

div#versPhoto  {
width: auto;
height: 90px;
}

ul#versPhoto li   {
	margin: 0 0 1px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 1px pour aérer le tout */
}

ul#versPhoto li a {
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 220px ;
	height: 80px;
	line-height: 30px ;
	text-align: center;
	color: #000 ;
	text-indent: 5px ; /* On décale le texte de 10px du bord gauche */
	text-decoration: none ;
	background: url(../Imagesdusite/BtB-Grd.png) no-repeat 20px -5px ; /* On met une image de background, que l'on positionne à 20px du bord gauche et 5px du bord haut */
	border: 0px solid ;
}

ul#versPhoto li a:hover
{
	background: url(../Imagesdusite/BtB-Grd.png) no-repeat 20px -98px ; /* Et ici on décale l'image du background de 90px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid ;
}



ul.menu  {
	margin: 0;
	padding: 0;
	list-style-type: none;
/*Suppression du margin, du padding et des puces du <ul> */
}

ul.menu li
{
	margin: 0 0 1px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 1px pour aérer le tout */
}

ul.menu li a {
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 210px ;
	line-height: 35px ;
	color: #000 ;
	text-indent: -15px ; /* On décale le texte de 15px du bord gauche */
	text-decoration: none ;
	background: url(../Imagesdusite/Bt-Acc.png) no-repeat 10px 5px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid ;
}

ul.menu li a:hover
{
	background: url(../Imagesdusite/Bt-Acc.png) no-repeat 10px -33px ; /* Et ici on décale l'image du background de 34px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid ;
}