body {padding-left: 1em; font-family: Times New Roman,Arial,Times,serif; color: black;background-color: #f2f2f2;}
.tableauliens {
	margin-left: 250px;
	margin-top: -200px;

}
.tableauliens1 {
	margin-left: 200px;
	margin-top: -300px;

}

a {text-decoration: none;}

a:hover {color: black}

.imageclient {
	float: left;
	padding: 2px;
	margin-left: 30px;

}
div.partenaire {
	empty-cells: show;
	font-size: 1.2em;
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;


}
#menuphoto {
width: 200px;
margin: 30px 5px 10px 0px;
border-style: solid solid none solid;
border-color: #BCD2E6;
border-size: 1px;
border-width: 1px;
}

#menuphoto ul {
list-style: none;
margin: 0;
padding: 0;
} 

#menuphoto li a {
height: 32px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 24px;
text-decoration: none;
} 

/* N'oubliez pas de renseigner l'adresse des images que vous avez */
#menuphoto li a:link, #menuphoto li a:visited {
color: #8BADCF;
display: block;
background: url(images/menuphoto.gif);
padding: 8px 0 0 10px;
}

#menuphoto li a:hover {
color: #627EB7;
background: url(images/menuphoto.gif) 0 -32px;
padding: 8px 0 0 10px;
}

img {
 border:0
 } 
.thumb {
 width:150px;
 height:150px; 
 margin:1px;
 float:left; 
 background-color:#D3D3D3; 
 display:block;
 } 

.thumb a {
 display:block;
 }

.thumb a:hover {
 position:absolute;	
 }	 
	
/*hack pour permettre le rollover 
de gauche à droite avec mozilla*/

.thumb a:hover {	  
 position:relative;	 
 }	
	
.thumb a img { 
 margin:0;
 padding:0;
 width:150px;
 height:150px; 
 }

.thumb a:hover img {
 position:relative;
 left:0px;
 top:150px;
 width:300px;
 height:225px;  
 }