div.nicetitle  { color: #a52a2a; font-weight: bold; font-size: 11px; font-family: Trebuchet MS, Verdana, sans-serif; background-color: #8b4513; padding: 1px; position: absolute; z-index: 200; top: 0px; left: 0px }

div.nicetitle p  { color: #a52a2a; background-color: #ffebcd; margin: 0; padding: 0 3px }

div.nicetitle p.destination   { color: #cd853f; font-weight: normal; font-size: 11px; font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; background-color: #ffebcd; text-align: left; padding-top: 3px }


a.info 
{
position: relative;
text-decoration: none;
color: black;
border-bottom: 1px 8B0000 dotted;
}

a.info:hover
{
z-index:25; 
background: none;
}
a.info span
{
display: none;
}
a.info:hover span
{ 
display: block;
position: absolute;
top: 2em;
left: 6em;
background: orange;
text-align: center;
color: white;
padding: 2px;
}


/* Categories (index.php) */
/* ---------------------- */

 /* categorie : div et tableau */
 DIV.Dos_cat_general {position:relative;}
 DIV.Dos_cat_titre {margin-top : 10px;BORDER-TOP:#000000 1px dotted;}
DIV.Dos_cat_texte { margin-bottom : 5px;}
 DIV.Dos_sscat_titre {  margin-left : 20px; margin-top : 5px;}
 DIV.Dos_sscat_texte {	margin-left : 20px; margin-bottom : 5px;}

 /* categorie : polices de caractère */
 .Dos_cat_date {font-size:8pt; color:#5C4A30; font-weight:normal;}
 .Dos_sscat_date {font-size:8pt; color:#5C4A30; font-weight:normal;}
 .Dos_cat_titre {font-size:13px; color:#5C4A30; font-weight:bold;}


 /* categorie : liens */
 A.Dos_cat_titre {font-size:13px; color:#5C4A30; font-weight:bold; text-decoration:underline;}
 A:hover.Dos_cat_titre {font-size:13px; color:#000000; font-weight:bold; text-decoration:none;}

 A.Dos_sscat_titre {font-size:12px; font-weight:bold; text-decoration:underline;}
 A:hover.Dos_sscat_titre {font-size:12px; font-weight:bold; text-decoration:none;}
h5 { color: #5c4a30; font-weight: bold; font-size: 14px; font-family: "Trebuchet MS", Arial, Verdana, sans-serif; border-bottom: 1px dotted #5c4a30 }
h2  { color: #5c4a30; font-weight: bold; font-size: 15px; font-family: "Trebuchet MS", Arial, Verdana, sans-serif; border-bottom: 1px dotted #5c4a30 }
h3 { color: #5c4a30; font-weight: bold; font-size: 14px; font-family: "Trebuchet MS", Arial, Verdana, sans-serif; border-bottom: 1px dotted #5c4a30 }
h4  { color: #5c4a30; font-weight: bold; font-size: 13px; font-family: "Trebuchet MS", Arial, Verdana, sans-serif; text-decoration: underline; border-bottom: medium none #5c4a30 }
DIV.Dos_catphp_general {position:relative;}
 DIV.Dos_catphp_titre {margin-top : 10px;BORDER-TOP:#000000 1px dotted;}


 /* Titre dossier liens */
 A.titredos_catphp {font-size:13px; color:#5C4A30; font-weight:bold; text-decoration:underline;}
 A:hover.titredos_catphp {font-size:13px; color:#000000; font-weight:bold; text-decoration: none;}

 /* polices de caractère */
 .datedos_catphp {font-size:8pt; color:#5C4A30; font-weight:normal;}
.typedoc_catphp { color: #fffff0; font-weight: bold; font-size: 9pt; background-color: #a52a2a; padding-right: 2px; padding-left: 2px }
.type { color: #fffff0; font-weight: bold; font-size: 9pt; background-color: #a52a2a; text-align: right; padding-right: 2px; padding-left: 2px }
.chapo_catphp {font-weight:normal;}

 /* affichage des souscatégories */
 DIV.Dos_catphp_sscat  { border-top: 1px solid #000000; border-bottom: #000000 }
 .Dos_catphp_sscat {font-weight:bold;}
 A.Dos_catphp_sscat  { font-weight: normal; font-size: 10pt; text-decoration: underline }
 A:hover.Dos_catphp_sscat  { font-weight: normal; font-size: 10pt; text-decoration: none }


/* -------------------------------------------------- */
/* Dossier specifique (dossiers.php, commentaire.php) */
/* -------------------------------------------------- */

 /* div et tableau */
 DIV.dossier {position: relative;background-color: #fdf5e6; BORDER: dotted 1px #7c6440;}
 DIV.chapo {position:relative;}
 DIV.suite {BORDER-TOP:#000000 1px solid; margin-top : 10px; margin-bottom : 20px;}
 DIV.debut_suite {BORDER-TOP:#000000 1px solid; margin-top : 10px; margin-bottom : 20px; text-align : center; padding : 2;}
 DIV.commentaire {position:relative; margin-top:2em; margin-bottom:2em; BORDER:#000000 1px dotted; text-align : center; padding : 2;}
 DIV.commentaire_login {BORDER-BOTTOM:#000000 1px solid; padding : 2;}
 DIV.commentaire_texte {margin-bottom:2em; padding : 2;}
 DIV.citation {position:relative; margin-top:2em; margin-bottom:2em; BORDER:#000000 1px dotted; text-align : left; padding : 2;}
 DIV.option  { text-align: right; float: right;}

 /* polices de caractère */
 .titre  { color: #5c4a30; font-weight: bold; font-size: 12pt; font-family: "Trebuchet MS", Arial, Verdana, sans-serif; text-align: center }
 .datedos {font-size:8pt; color:#5C4A30; font-weight:normal; font-family:Trebuchet MS,Arial,Verdana, sans-serif;}
 .chapo  { color: #000; font-weight: bold; font-size: 10pt; font-family: "Trebuchet MS", Arial, Verdana, sans-serif; text-align: center }
 .suite {color:#5C4A30; font-weight:bold;}
 .debut_suite {color:#5C4A30; font-weight:bold;}
 .commentaire {font-size:10pt; color:#5C4A30; font-weight:bold;}
 .commentaire_login {font-size:8pt; font-weight:bold; font-family:Trebuchet MS,Arial,Verdana;}
 .commentaire_texte {font-size:8pt; font-weight:normal; font-family:Trebuchet MS,Arial,Verdana;}
 .auteur {font-size:9pt; font-weight:bold;}

 /* categorie : liens */
 A.suite {font-weight:normal; text-decoration:none; margin-left : 5px;}
 A:hover.suite {font-weight:normal; text-decoration: underline; margin-left : 5px;}

 A.debut_suite {font-weight:bold;}
 A:hover.debut_suite {font-weight:bold;}

 A.commentaire {font-size:9pt; font-weight:normal; text-decoration:none;}
 A:hover.commentaire {font-size:9pt; font-weight:normal; text-decoration: underline;}


 /* commentaire formulaire */
 INPUT.commentaire {font-size: 8pt; font-weight:normal;}
a img {

border:0;

vertical-align:middle;

}

a.info {

text-decoration: none;

color: black;

border-bottom: 1px gray dotted;

}

a.info span {

display: none;

}

a.info:hover,a.info:focus,a.info:active {

background: none; /* correction d'un bug IE */

}

a.info:hover span,a.info:focus span,a.info:active span {

display: inline;

position: absolute;

z-index: 500;

margin:2em 0 0 1em;

background: orange;

text-align: center;

color: white;

padding: 3px;

border:0

}