a.info * {
   font-size: 11px; /* On définit les propriétés de texte pour toutes les balises. */
   font-family: Tahoma, Verdana, Arial, serif;
}
a.info {
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   /*cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
.info span img
{
float:left;
margin:0px 8px 8px 0;
}
a.info:hover span {
   -moz-border-radius:10px 10px 10px 10px; /* pour des bords arondis, fonctionne qu'avec firefox 3+ */
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   /*white-space: nowrap; Sucré pour des raisons esthetiques et pratiques, nowrap empêche bien les retour à la ligne mais fait également dépasser le contenu du conteneur, pas terrible :) || on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   top: 30px; /* on positionne notre infobulle */
   left: 20px;
   background: white;
   color: black;
   padding: 16px;
   border: 6px solid blue;
   border-left: 6px solid blue;
   width: 250px; /* A redéfinir selon le site, c'est juste pour éviter que ça dépasse, a vous de calculer l'espace disponible dans la page */
   cursor: help; /* on change le curseur par défaut en curseur d'aide */ 
}

body {
	background: #d3dcdd;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#505151
}
table {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
a {
color:#4870ad
}
a:hover {
color:#4870ad 
}
.tablaux_header {
	border: #858687 solid 1px;
	background-color:#f4f4f4
}
.tablaux_main {
	border-left: #858687 solid 1px;
	border-right: #858687 solid 1px;
	background-color:#f4f4f4
}
fieldset {
margin-top:9px;
border:#858687 solid 2px;
}
legend {
font-weight:bold;
color:#858687;
font-size:13px
}
.title_categorie {
font-weight:bold;
color:#4870ad;
font-size:14px;
}
.titre {
font-size:16px;
font-weight:bold;
color:#4870ad
}
.titre_annonce {
font-size:14px;
}
.description {

}
.footer {
text-align:center;
background-color:#FFF
}
.cellule_titre {
	height: 24px;
	color: #FFF;
	background: url(images/barre-vista-turquoise.jpg);
	font-weight:bold;
}
.cellule_titre div {
margin:0px 5px 0px 5px
}
.cellule_titre div a {
color:#f4f7f8;
text-decoration:none
}
input, textarea {
	border: solid 1px #d8d8d8;
	background: #fff url(images/FondChampFormulaire.png) bottom repeat-x;
	margin: 2px;
	padding: 1px;
}
input:focus, textarea:focus {
	border: 1px solid #666;
}
p {
margin:2px;
padding:1px
}
.box_info_photo {
	border:#858687 solid 1px;
	padding: 5px;
	background: #e6e6e6;
}
.pagination {
	padding: 1px;
	margin: 1px;
}
div.pagination {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: 3px;
}
div.pagination a {
	border: 1px solid #BBB9BA;
	color: #6B6260;
	margin: 1px;
	padding: 2px 5px;
	text-decoration: none;
	background: #f1F1F1;
}
div.pagination a:hover, active {
	border: 1px solid #BBB9BA;
	color: #fff;
	margin: 1px;
	padding: 2px 5px;
	background: #000000;
}
div.pagination span.courante {
	border: 1px solid #BBB9BA;
	color: #fff;
	font-weight: bold;
	margin: 1px;
	padding: 2px 5px;
	background: #000000;
}
div.pagination span.desactive {
	border: 1px solid #BBB9BA;
	color: #ddd;
	margin: 1px;
	padding: 2px 5px;
	background: #F1F1F1;
}
hr {
color:#858687
}
.border_image {
border: 1px solid rgb(102, 102, 102); 
padding: 2px; 
background: white none repeat scroll 0%; 
-moz-background-clip: -moz-initial; 
-moz-background-origin: -moz-initial;
-moz-background-inline-policy: -moz-initial;
}
.header {
	padding: 10px 8px;
}
.menu_header {
	font-size: 13px;
}