body
{
   padding: 0;
   margin: 20px;
   background: url("images/general-design/fondpage.jpg") repeat-x #bdd3fa;
}

a img {border: none;}
a {color: black;}
a:hover {text-decoration: none;}

/********************************EN-TETE**********************************************/

#en_tete
{
   display: block;
   height: 100px;
   margin: 0 0 40px 0;
   background: url("images/general-design/titre.jpg") top center no-repeat;
   text-decoration: none;
}

#en_tete_erreur
{
   display: block;
   height: 100px;
   margin: 0 0 40px 0;
   background: url("images/general-design/titre_erreur.jpg") top center no-repeat;
}

#concours
{
   width: 100%;
   position: absolute;
   left: 0px;
   top: 120px;
   
   text-align:center;
   font-family: Arial, sans-serif;
   font-size:13px;
}

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

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

#en_tete span
{
   position: absolute;
   top: 100px;
   left:10%;
   width:80%;
   color: #233392;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

/********************************MENU-HAUT**********************************************/

#menu_haut #liens
{
   width:400px;
   margin: auto;
   margin-bottom: 20px;
   padding: 2px;
   border: 1px solid #3e4bb3;
   background: #5d82f3;
}

#menu_haut p
{
   margin: 0;
   text-align: center;
   color: #132058;
}

#menu_haut #liens a
{
   margin: 0;
   text-align: center;
   color: #132058;
   text-decoration: none;
}

#menu_haut #liens a:hover {text-decoration: underline;}

#menu_haut #infos
{
   position: absolute;
   top: 120px;
   left:20%;
   width:60%;
   color: #233392;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

/********************************MENUS**********************************************/

#menu1, #menu2
{
   width: 18%;
   padding: 0;
   margin: 0;
}

#menu1{float: left;}
#menu2{float: right;}

.cadre_menu
{
   padding: 0;
   margin: 0 5px 20px 5px;
}

.cadre_menu h4
{
   padding: 5px;
   margin: 0 0 0 0;
   background: #5d82f3 url("images/general-design/prisme_menu.jpg") no-repeat 15px;
   text-align: center;
   color: #132058;
}

.liens_menu, #en_ligne
{
   padding: 10px;
   margin: 0;
   background-color: #b1c3f9;
   list-style-type: none;
   border: 1px solid #5d82f3;
}

.liens_menu li a
{
   display: block;
   margin: auto;
   width: 100%;
   padding: 0;
   margin: 0;
   text-align: center;
   color: black;
   text-decoration: none;
   font-size: 15px;
   font-family: Arial, 'Trebuchet MS', 'Comic Sans MS', Times, serif;
}

.liens_menu li a:hover
{
   background-color: #99b0f7;
}

#en_ligne p
{
   margin: 10px;
   font-family: Arial, 'Trebuchet MS', 'Comic Sans MS', Times, serif;
   font-size: 15px;
}

.liens_enligne {margin-top: 0;}
#pseudo_connectes {margin-bottom: 0;}

.liens_enligne, #pseudo_connectes 
{
   text-align: center;
}

#nbre_connectes img
{
   float: left;
   margin: 3px 3px 0 1px;
}

#pseudo_connectes a {text-decoration: none;}
#pseudo_connectes a:hover {text-decoration: underline;}

/********************************PIED DE PAGE**********************************************/

#pied
{
   width: 60%;
   margin: auto;
   padding: 10px;
   border: 1px solid #8486d7;
   background-color: #b1c3f9;
}

#pied p
{
   margin: 0;
   text-align: center;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
}

#mots-cles
{
   color: #6776d4;
   font-size: 10px;
}

#mots-cles a
{
   color: #6776d4;
   font-size: 10px;
}

/********************************CORPS**********************************************/

#corps
{
   width: 59%;
   margin: auto;
   margin-bottom: 20px;
   padding: 20px;
   border: 1px solid #8486d7;
   background-color: #b1c3f9;
}

#corps h1
{
   margin: 15px 0 15px 0;
   text-align: center;
   font-family: Arial, 'Times New Roman', Times, serif;
   color: #2C485C;
   font-size: 22px;
}

#corps h2, #corps h2 a
{
   font-family: Arial, 'Times New Roman', Times, serif;
   color: #4a8029;
   font-size: 20px;
}

#corps h3, #corps h3 a
{
   font-family: Arial, 'Times New Roman', Times, serif;
   color: #802929;
   font-size: 18px;
}

#corps h4, #corps h4 a
{
   font-family: Arial, 'Times New Roman', Times, serif;
   color: black;
}

#corps p
{
   margin: 14px 0 14px 0;
   font-family: Arial, 'Times New Roman', Times, serif;
   font-size: 14px;
}

.signature {text-align: right;}

#corps .ok {color: #379626;}
#corps .pas_ok {color: #bd0000;}

#google_haut
{
   text-align: center;
   margin-bottom: 10px;
}

.google_menu
{
   padding: 0px;
   margin-bottom: 0;
   background-color: #b1c3f9;
   border: 1px solid #5d82f3;
   text-align: center;
}

#corps .information
{
   color: #7b1919;
}

/********************************TABLEAUX STANDARDS**********************************************/


#corps table 
{
   margin: auto;
   width: 100%;
   padding: 3px;
   background-color: #dde9fd;
   border: 1px solid #8486d7;
   border-collapse: collapse;
   font-family: Arial, 'Times New Roman', Times, serif;
}

#corps th/* Les cellules d'en-tête */
{
   border: none;
   font-size: 15px;
   background-color: #9db8ed;
   padding: 5px;
}

#corps td /* Les cellules normales */
{
   border: none;
   font-size: 14px;
   padding: 5px;
}

/********************************COULEURS DES MEMBRES**********************************************/

.rang_13, .rang_13 a {color: #663300;} /*  PRODUCTEUR     -  MARRON     */

.rang_12, .rang_12 a {color: #700700;} /*  WEBMASTEUR     -  ROUGE      */

.rang_11, .rang_11 a {color: #9900cc;} /*  ADMINISTRATEUR -  VIOLET     */

.rang_10, .rang_10 a {color: #663300;} /*  PROGRAMMEUR    -  MARRON     */

.rang_9, .rang_9 a {color: #00BB99;}   /*  MODO-REDAC     -  TURQUOISE  */

.rang_8, .rang_8 a {color: #282d86;}   /*  MODERATEUR     -  BLEU       */

.rang_7, .rang_7 a {color: #9900cc;}   /*  REDAC-CREAT    -             */

.rang_6, .rang_6 a {color: #9900cc;}   /*  REDACTEUR      -             */

.rang_5, .rang_5 a {color: #006600;}   /*  ANIMATEUR      -  VERT       */

.rang_4, .rang_4 a {color: #ff6600;}   /*  CREATEUR       -  ORANGE     */

.rang_3, .rang_3 a {color: #ff6600;}   /*  CREA DU MOIS   -  ORANGE     */

.rang_2, .rang_2 a {color: black;}     /*  MEMBRE         -  NOIR       */

.rang_1, .rang_1 a {color: black;}     /*  VISITEUR       -  NOIR       */

.rang_0, .rang_0 a {color: black; text-decoration: line-through;}

/********************************NEWS**********************************************/

.news
{
   margin: 30px 10px 20px 10px;
   padding: 0;
   border: 1px solid #8486d7;
   background-color: #dde9fd;
}

.news h3
{
   margin: 0;
   padding: 3px;
   text-align: center;
   border-bottom: 1px solid #8486d7;
   background-color: #9db8ed;
}

#corps .news h3 {color: black;}

.news .date_coms
{
   font-size: 12px;
   margin: 0;
   padding: 8px 30px 10px 30px;
}

.news .date_coms .coms
{
   float: right;
}

.news .contenu_news
{
   margin: 0;
   padding: 10px;
   font-size: 14px;
   font-family: Arial, 'Times New Roman', Times, serif;
}

/********************************REGLEMENT**********************************************/

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

/********************************INSCRIPTION/MODIFICATION PROFIL**********************************************/

#corps .formulaire_profil
{
   margin: 15px 10px 0 10px;
   padding: 10px;
}

#corps .formulaire_profil legend
{
   color: #2C485C;
   font-weight: bold;
   font-style: italic;
}

#corps #afficher_avatar
{
   float: left;
   margin: 0 20px 20px 0;
}

/********************************MON COMPTE**********************************************/

#mon_compte {font-size: 17px;}

#mon_compte a
{
   font-weight: bold;
   font-style: italic;
   text-decoration: none;
   color: #002b00;
}

/********************************LISTE DES MEMBRES**********************************************/

#liste_membres td {text-align: center;}

/********************************LIVRE D'OR**********************************************/

#livreor p {text-align: center;}
#livreor textarea {width: 50%;}

#livreor table 
{
   margin-bottom: 20px;
   width: 60%;
}

#livreor th/* Les cellules d'en-tête */
{
   font-size: 11px;
   text-align: left;
}

/********************************PROFIL DE MEMBRE**********************************************/

#profil table {width: 450px;}

#profil td
{
   background-color: #dde9fd;
   padding: 10px
}

/********************************ADMIN**********************************************/

#admin {margin-bottom: 15px}

#admin .gauche, #admin .droite
{
   width: 47%;
   padding: 10px;
   margin: 0px;
}

#admin .droite{float: right;}

#admin h3, #admin h3 a {color: black;}

#admin .gauche h3, #admin .droite h3
{
   border: 1px solid #8486d7;
   padding: 5px;
   margin : 0;
   background-color: #9db8ed;
   text-align: center;
   color: #132058;
}

#admin .gauche p, #admin .droite p
{
   border: 1px solid #8486d7;
   padding: 5px 30px 5px 30px;
   margin: 0;
   margin-bottom: 20px;
   font-size: 17px;
   background-color: #c6d5f4;
}

#admin p a
{
   font-weight: bold;
   font-style: italic;
   text-decoration: none;
   color: #002b00;
}

#admin td {text-align: center;}

#admin td #message {width: 80%;}

/********************************TABLEAU AFFICHAGE MESSAGES**********************************************/

#corps .affich_mess th
{
   border: 1px solid #8486d7;
   padding: 2px;
}

#corps .affich_mess td
{
   border: 1px solid #8486d7;
}

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

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

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

/********************************FORMULAIRE**********************************************/

fieldset
{
   padding : 15px;
   margin: 10px;
}

legend
{
   font-size: 18px;
}

/********************************FORUM**********************************************/

#corps_forum, #stats table
{
   padding: 5px;
}

#stats table
{
   width: 400px;
   margin: 13px 0 0 5px
}

#corps_forum #titre { width:65%; }
#corps_forum #numpages { width:3%; text-align: center; }
#corps_forum #nombremessages { width:2%; text-align: center; }
#corps_forum #nombrevu { width:4%; text-align: center; }
#corps_forum #nombresujets { width:2%; text-align: center; }
#corps_forum #derniermessage { width:18%; text-align: center; font-size:12px; }
#corps_forum #categorie { width:92%; }
#corps_forum #auteur{ width:7%; text-align: center; }

#corps_forum th, #stats th, .affich_mess table th { border: 1px solid #8486d7; }
#corps_forum td, #stats td, .affich_mess table td { border: 1px solid #8486d7;  vertical-align:top;}

#corps_forum #auteur, .affich_mess .auteur {width:15%;}
#corps_forum #auteur  a, .affich_mess .auteur  a {text-decoration:none;}
#corps_forum #auteur  a:hover, .affich_mess .auteur  a:hover {text-decoration:underline;}
#corps_forum #poste{width:75%;}
#corps_forum #date, .affich_mess .date {text-align: left; font-weight:normal; border-right:none;}
#corps_forum #edit, .affich_mess .edit{text-align: right; border-left:none;}

#corps_forum #quote
{
	width: 100%;
	background-color : rgb(220,220,220);
	margin-top: 2px;
	margin-bottom: 2px;
	font-family: "Comic sans MS", Arial, Verdana, serif;
}

#corps_forum #mp_titre { width:65%; }
#corps_forum #mp_expediteur{ width:10%; }
#corps_forum #mp_time { width:20%; }

.citation_aut
{
   width: 80%;
   background-color : #bfd4f9;
   border: 1px solid #b1c3f9;
   padding: 3px;
   margin-top: 7px;
   margin-left: 20px;
   margin-bottom: 0;
}

.citation
{
   width: 80%;
   background-color : #eef5fd;
   border: 1px solid #b1c3f9;
   padding: 3px;
   margin-top: 0;
   margin-left: 20px;
   margin-bottom: 7px;
}

/********************************INFOS JEUX**********************************************/

#bandeau {text-align: center;}

#choix_jeu table
{
   width: auto;
   margin-top: 10px;
   margin-bottom: 10px;
   background-color: #9db8ed;
}

#choix_jeu table td
{
   border: 1px solid #8486d7;
   width: 120px;
   text-align: center;
   padding: 0;
}

#choix_jeu a
{
   display: block;
   width: 100%;
   height: 100%;
   font-size: 17px;
   text-decoration:none;
}

#choix_jeu a:hover
{
   font-size: 17px;
   background-color: #c7d6f4;
}

#info_jeu table
{
   margin-left: 10px;
   width: auto;
   border: none;
   background: none;
}

#corps_jeu
{
   padding: 15px;
}

/********************************L'EQUIPE**********************************************/

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

/********************************INFOBULLE**********************************************/

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: green;
   font-size: 12px;
   font-family: Arial;
   padding: 3px;

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

/********************************TELECHARGEMENTS**********************************************/

#corps .telechargements {margin-bottom: 20px;}

#corps .telechargements td {text-align: center;}

/********************************LISTE**********************************************/

#corps #liste_tab {width: 80%;}

#corps #liste_tab td {text-align: center;}

/********************************TABLEAUX DE LISTE : CODES, PATCHS...**********************************************/

#corps .liste {width: 80%; margin-bottom: 15px;}

#corps .liste td {padding: 10px;}

/********************************TABLEAUX SANS FORME**********************************************/

#corps .sans_forme {width: auto; margin: 0; background: none; border: none;}

#corps .sans_forme td {text-align: left;}