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; }