/* CSS Document */

A:link {text-decoration: none; color:#FF0000; }
A:visited {text-decoration: none; color:#FFFF00; }
A:active {text-decoration: none; color:#FFFFFF; }
A:hover {text-decoration: none; color:#FF9797; }

#titre { /*positionnement de l'entte */

top: 0px;
width: 100%;
}

#menu { /*position du menu */

top: 350px;
width: 200px;
height: 365px;
position: absolute;
background-image:url(menu.png);
background-repeat:no-repeat;
}

#facebook { /*position du pave facebook */

top: 720px;
width: 200px;
height: 405px;
position: absolute;
}

body { /*couleur et fond de page */
background-color:#000000;
color:#FFFFFF;
}

#juridique { /*positionnement du bloc juridique */

top: 350px;
width:105px;
right: 10px;
position: absolute;
}

#validation { /*positionnement du bloc des validations w3c etc... */

top: 750px;
width: 105px;
right: 10px;
position: absolute;
}

#affichageprincipal { /*positionnement du pav central */

top: 300px;
height: 1500px;
width: 700px;
margin-left: -310px;
position: absolute;
left: 50%;
background-image:url(cadre.jpg);
background-repeat:no-repeat;
}

#text { /*affichage du texte central */

position:relative;
height:1450px;
width:90%;
left:5%;
right:5%;
top: 35px;
text-align: center;
font-size:16px;
}

#titre { /*dimension des titres */
top:15px;
position:relative;
font-size:24px;
font-weight:bold;
text-align:center;
}

#lien { /*positionnement du tableau des liens */

top: 300px;
height:2400px;
width:700px;
margin-left: -310px;
position:absolute;
left:50%;
background-image:url(cadre1.jpg);
background-repeat:repeat-y;
}

#photomois { /* positionnement de la photo du mois */

height:195px;
width:190px;
left:3px;
top:1170px;
padding:0px;
position:absolute;
}

#publicite { /* positionnement de la publicite google adsense */

height:600px;
width:160px;
left:20px;
top:1010px;
padding:0px;
position:absolute;
}

#commentaire { /*positionnement du pav commentaire popup*/

top: 5px;
height: 1500px;
width: 700px;
margin-left: -350px;
position: absolute;
left: 50%;
background-image:url(cadre.jpg);
background-repeat:repeat-y;
}

#commentairetext { /*affichage du commentaire popup*/

position:relative;
height:1450px;
width:90%;
left:5%;
right:5%;
top: 35px;
text-align: center;
font-size:14px;
}

#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 */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: fixed;

   white-space: nowrap; /* 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: 100px; /* on positionne notre infobulle */
   left: 45%;

   background:#CC6600;

   color:#000000;
   padding: 3px;

   border: 5px solid #000000;
}