body
{
   cursor: url("curseur.cur"); 
   padding: 0;
   margin: 20px 20px 20px 20px; /* Pour éviter de coller avec le haut et le bas de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   background-color: #00009a; /* rgb(0,0,154) */
}

#en_tete
{
   height: 100px;
   margin: 0;
   background: rgb(17,71,255) url(images/titre.jpg) top center no-repeat; /* #1147ff  */
}

#en_tete #avatar2
{
   float: right;
   margin: 5px 5px 0 0;
}

#en_tete #avatar1
{
   float: left;
   margin: 6px 0 0 5px;
}

#menuhaut
{
   margin: 0 0 20px 0;
   padding-top: 0,1em;
   padding-right: 0,5em;
   padding-bottom: 0,1em;
   padding-left: 5px;
   list-style-type: none;
   background-color: black;
   color: white;
   text-align: right;
   font-size: 16px;
}

#menuhaut img
{
   float: left;
}

#menuhaut li
{
display: inline;
}

#menuhaut a
{
color: white;
text-decoration: none;
}

#menuhaut a:hover
{
color: white;
text-decoration: underline;
}

#menu1
{
   width: 18%;
   float: left;
}

#menu2
{
   width: 18%;
   float: right;
}

div.cadre_menu
{
   padding-top: 10px;
}

div.element_menu
{
   padding: 10px;
   margin: 0 0 20px 0;
   border: 1px solid #2C485C;
   border-top:1px solid #2C485C;
   background-color: rgb(52,122,203); /*  #347acb   */
}

div.element_menu p
{
   margin: 0 5px 0 5px;
}

div.element_menu ul, div.element_menu li
{
   margin: 0;
   padding: 0;
   list-style-type: none;
   text-align: center;
}

div.element_menu li
{
   font-size: 15px;
}

div.element_menu li a
{
   display: block;
   padding: 0;
   margin: auto;
   width: 100%;
   margin: 0;
   color: #efe6e6;
   text-decoration: none;
}

div.element_menu li a:hover
{
   background-color: #5081ea;
}

div.cadre_menu h4
{
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 15px;
   text-align: center;
   margin: 0;
   padding-top: 4px;
   color: #d6e2ff;
   background-color: rgb(43,102,176);
   border:1px solid #2C485C;
}

div.register a
{
   color: #FFFFFF;
   font-size: 15px;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-decoration: underline;
}

div.register a:hover
{
   text-decoration: none;
}

.nbre_connect img
{
   float: left;
   margin: 4px 2px 0 2px;
}

#menu2 p
{
   color: #dedede;
   text-align: center;
   font-family: Arial, "Comic Sans MS", Georgia, "Times New Roman", serif;
   font-size: 15px;
   margin-top: 0;
   margin-bottom: 0;
}

#menu2 div.cadre_menu div.element_menu div.register .nbre_connect
{
   text-align: left;
   margin-bottom: 7px;
}

#corps
{
   width: 60%;
   margin: auto;
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
}

#corps p
{
   font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
   color: white;
   font-size: 15px;
   text-align : justify
}

#corps a
{
   color: #dedede;
   text-decoration: underline;
}

#corps a:hover
{
   text-decoration: none;
}

#corps h1
{
   color: rgb(120,110,255);
   text-align: center;
   font-size: 32px;
}

#corps h2
{
   text-decoration: underline; 
   color: #00a7cb;
}

#corps h3
{
   text-decoration: underline;
   color: #00a7cb;
   font-size: 22px;
}

#corps h4
{
   text-decoration: none;
   text-align: left;
   color: #bcffbe;
   font-size: 18px;
}

#corps li
{
   font-size: 15px;
   color: white;
}

#corps td /* Les cellules normales */
{
   border: none;
   font-family: Arial, "Arial Black", "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   color:  white;
   text-align: left; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

#corps th/* Les cellules d'en-tête */
{
   border: 1px solid none;
   background-color: #0090af;
   color: white;
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

#corps table 
{
   margin: auto; /* Centre le tableau */
   background-color: #0073af;
   border: 3px solid #0090af; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
}

#corps #tableau table
{
   margin-left: 10px; /* Centre le tableau */
   background: none;
   border: none;
}

#corps #tableau table td
{
   text-align: left; /* Tous les textes des cellules seront alignés à gauche*/
   background: none;
   border: none;
   font-size: 14px;
   color: white;
}

#corps #profil .img_profil
{
text-align: center;
}

#corps #profil ul
{
   color: white;
}

#corps #profil table th
{
   text-align: right;
   background: none;
   border: none;
   font-size: 14px;
   color: white;
}

#corps #mod_profil p
{
   font-size: 18px;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

#corps #mod_profil a
{
   font-size: 18px;
   text-decoration: none;
   font-weight: none;
}

a img
{
   border: none;
}

#corps .telechargements
{
   margin-bottom: 20px;
   width: 100%; 
   background-color: #0073af;
   border: 3px solid #0090af; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
}

#corps .telechargements td /* Les cellules normales */
{
   border: none;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   color:  white;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

#corps .majuscules
{
   text-transform: uppercase; /* Si j'ai envie de me faire entendre, je mets en majuscules */
}

#corps .minuscules
{
   text-transform: lowercase;
}

input, textarea
{
   font-family: "Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
}

input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
   background-color: #eceefd;
}

#corps label
{
   color: white; /* Colorer en bleu tous les labels (bah oui, pourquoi pas en bleu ?) */
}

#corps fieldset
{
   padding: 15px;
   margin-top: 30px; /* Une marge pour séparer les fieldset */
   margin-bottom: 10px; 
}

#corps legend /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: Georgia, "Times New Roman", Times, serif;
   color: #9bdba2;
   font-weight: bold;
}

#corps .signature
{
   text-align: right; /* Pour aligner à droite ma signature */
   font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
   font-size: 80%;
}

#corps .important
{
   color: #bd0000; /* Vert : #a0ffa0 */
   font-size: 16px; /* Vert : 13px */
}

#corps #livreor
{
   text-align: center;
}

#corps #sexypack
{
	color: #FF33CC;
	font-weight: bold;
}

#trucs_et_astuces ul, #skins ul
{
   color: white;
   list-style-image: url("images/diam.gif");
}

#trucs_et_astuces a, #skins a
{
   color: #ddddff;
   font-size: 17px;
}

#trucs_et_astuces p
{
   color: white;
   font-family: Arial, Georgia, "Times New Roman", Times, serif;
}

#liste_ul ul, #liste_ul ul
{
   color: white;
   font-family: Arial, Georgia, "Times New Roman", Times, serif;
   font-size: 17px;
}

#liste_ul p
{
   color: white;
   font-family: Arial, Georgia, "Times New Roman", Times, serif;
   font-size: 17px;
}

#corps td a
{
   color: #ffebeb;
   text-decoration: none;
}

#corps td a:hover
{
   text-decoration: underline;
   font-style: none;
}

#corps #proposition
{
   text-align: center;
}

.pub
{
   text-align:center;
   width:100%;
   overflow: hidden;
}

#corps .news
{
   margin: 30px 10px 20px 10px;
   padding: 0;
}

#corps .news table 
{
   background-color: rgb(52,122,203); /*  #347acb   */
   border: none;
   border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
   margin: 0px;
   padding: 0;
   width: 100%;
}

#corps .news table th/* Les cellules d'en-tête */
{
   background: url(images/newshautcentre.gif) top repeat-x;
   border-width: 0px 1px 0 1px;
   border-color: black;
   border-style: solid;
   height: 46px;
}

#corps .news table th h1
{
   color: white;
   font-size: 16px;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
   font-style:normal;
   text-decoration: none;
   margin: 0;
   position: relative;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   top: -10px;
}

#corps .news table .news_date em, #corps .news table .news_com em
{
   font-size: 12px;
   font-style:normal;
   text-decoration: none;
   margin: 0;
   position: relative;
   top: -15px;
}

#corps .news table .news_date
{
   background-color: none;
   border-width: 0 0 0 1px;
   border-color: black;
   border-style: solid;
   text-align: left;
   padding-left: 20px;
}

#corps .news table .news_com
{
   background-color: none;
   border-width: 0 1px 0 0;
   border-color: black;
   border-style: solid;
   text-align: right;
   padding-right: 20px;
}

#corps .news table td /* Les cellules normales */
{
   background-color: none;
   border-width: 0 1px 1px 1px;
   border-color: black;
   border-style: solid;
}

#corps .news p
{
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   font-size: 15px;
   color:  white;
   text-align: justify;
   margin: -5px 10px 10px 8px;
}

#corps .news h2
{
   font-size: 14px;
   text-align: right;
   margin: 0 20px 10px 0;
}

#corps .news a
{
   font-weight: normal;
   color: white;
   text-decoration: underline;
   font-style: normal;
}

#corps .news a:hover
{
   font-weight: normal;
   color: white;
   text-decoration: underline;
   font-style: normal;
}

#corps .news h2 a
{
   font-weight: bold;
   font-style: italic;
}

#corps .news h2 a:hover
{
   font-weight: bold;
   font-style: italic;
}

#corps .news img
{
   float: left;
   margin-right: 5px;
   margin-bottom: 8px;
}

#corps #liste_membres th, td
{
   font-size: 14px;
}

#corps .commentaires
{
   margin: 30px 10px 20px 10px;
   padding: 0;
}

#corps .commentaires table 
{
   background-color: rgb(52,122,203); /*  #347acb   */
   border: none;
   border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
   margin: 0px;
   padding: 0;
   width: 100%;
}

#corps .commentaires table td /* Les cellules normales */
{
   background-color: none;
   border: 1px solid #2C485C;
   font-family: Arial;
}

#corps .commentaires table th/* Les cellules d'en-tête */
{
   background-color: rgb(43,102,176);
   border: 1px solid #2C485C;
   font-family: Arial;
   font-size: 15px;
}

#corps .commentaires table th a, #menu2 span a
{
   text-decoration: none;
}

#corps .commentaires table th a:hover, #menu2 span a:hover
{
   text-decoration: underline;
}

#corps .groupe_admin, #corps .groupe_admin a, #menu2 .groupe_admin a
{
   color: #990000;
}

#corps .groupe_modo, #corps .groupe_modo a, #menu2 .groupe_modo a
{
   color: #252525;
}

#corps .groupe_redacteur, #corps .groupe_redacteur a, #menu2 .groupe_redacteur a
{
   color: #000075;
}

#corps .groupe_createur, #corps .groupe_createur a, #menu2 .groupe_createur a
{
   color: #044a00;
}

#corps .groupe_membre, #corps .groupe_membre a, #menu2 .groupe_membre a
{
   color: white;
}

#corps .groupe_visiteur, #corps .groupe_visiteur a, #menu2 .groupe_visiteur a
{
   color: white;
}

#corps .commentaires .auteur {width: 15%;}

#corps .commentaires .date
{
   text-align: left;
   font-size: 14px;
   font-weight: normal;
   border-right:none;
}

#corps .commentaires .edit
{
text-align: right;
border-left:none;
}

#corps .commentaires .profil
{
   background-color: #4b85d1;
   border: 1px solid #2C485C;
   height: 20px;
   padding: 5px;
}

#corps .commentaires .profil img
{
   margin: 0 5px 0 0;
}

#corps .equipe img, #corps #profil img
{
   float: left;
   margin-right: 5px;
   margin-bottom: 5px;
}

#corps .equipe h3 a, #corps .equipe h3 a:hover
{
   color: #00a7cb;
}

#corps .information
{
   color: #53b83d;
}

#corps .choix_addon table td /* Les cellules normales */
{
   border: 1px solid #0090af;
   font-family: Arial, "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px 40px 5px 40px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

#corps .choix_addon table 
{
   margin: auto; /* Centre le tableau */
   margin-bottom: 10px;
   margin-top: 10px;
   background-color: #0073af;
   border: 2px solid #0090af; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
}

#corps .info_addon table 
{
   margin: 10px;
   background: none;
   border: none; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
}

#corps .info_addon #bandeau
{
   text-align: center;
}

#corps .recherche table, #corps .recherche table tr, #corps .recherche table td
{
   margin-left: 10px; /* Centre le tableau */
   background: transparent;
   border: none; /* Bordure du tableau avec effet 3D (outset) */
}

a.infobulle {
   position: relative;
   color: black;
   text-decoration: none;
}
a.infobulle span {
   display: none; /* on masque l'infobulle */
}
a.infobulle: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.infobulle:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   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: 30px; /* on positionne notre infobulle */
   left: -200px;

   background: white;

   color: blue;
   font-size: 12px;
   font-family: Arial;
   padding: 3px;

   border: 1px solid blue;
   border-left: 4px solid blue;
}