/*
 * Projet: Alex d'Or
 * Webmaster : Lorent Lempereur
 * Cree le 01-juil.-07
 *
 * Editeurs: Emacs 21.1 + Eclipse 3.2
 * Fichier : styles.css
 * 
 * CSS principal
 *
 */
 
body {
background-color: #ffffff;
background-image: url(./design/fond.gif);
margin: 0px;
font-family: verdana;
font-size: 12px;
}


div, ul, p, ol {
margin: 0px;
padding: 0px;
}

ul {
list-style-type: none;
}

li {
margin-bottom: 15px;
margin-left: 10px;
}

a, img {
border: none;
}

hr {
clear: both;
visibility: hidden;
margin: 0px; 
padding: 0px;
}

hr.separation {
visibility: visible;
clear: none;
border: 1px solid #000000;
}

h1 {
display: none;
}

h2 {
width: 1000px;
height: 79px;
background-image: url(./design/titre.jpg);
margin: 0px;
padding: 0px;
text-align: center;
padding-top: 30px;
font-size: 18pt;
font-family: times, verdana, arial;
}


h3 {
font-size: 14px;
font-weight: bold;
text-decoration: underline;
margin-top: 35px;
}

h4, h5 {
margin-bottom: 2px;
font-size: 12px;
font-weight: bold;
margin-top: 2px;
}

h5 {
margin: 15px 0px 15px 0px;
}

blockquote {
text-align: center;
margin-left: auto;
margin-right: auto;
}

.centrer {
width: 100%;
text-align: center;
}

.remarque {
text-align: center;
font-weight: bold;
margin: 20px 15px 20px 15px;
}

.question {
font-weight: bold;
margin-top: 15px;
margin-bottom: 15px;
}

.gauche {
text-align: left;
}

.droite {
text-align: right;
}

.souligne {
text-decoration: underline;
}

.vert, .noerreur {
color: #005b00;
border: 1px solid #005b00;
padding: 5px;
}

.rouge, .erreur {
color: #cc0000;
border: 1px solid #cc0000;
padding: 5px;
}

.erreur, .noerreur {
font-weight: bold;
}

.noerreur, .erreur, .news_entete, .a_commentaire, .guestbook_entete {
background-image: url(./design/fond2.jpg);
}

div#vide {
height: 530px;
}

div#principal {
width: 1023px;
background-image: url(./design/fond_principal.jpg);
margin-left: auto;
margin-right: auto;
padding-left: 22px;
}

div#banniere {
width: 1000px;
height: 183px;
background-image: url(./design/banniere.jpg);
}

div#centre {
width: 712px;
background-image: url(./design/centre.jpg);
float: left;
padding-left: 22px;
height: 100%;
}

div#contenu {
width: 610px;
background-image: url(./design/fond_centre.jpg);
float: left;
padding-left: 40px;
padding-right: 40px;
}

div#bas {
width: 1000px;
height: 21px;
background-image: url(./design/bas.jpg);
clear: both;
}

ul#menug {
width: 133px;
height: 569px;
background-image: url(./design/menu_gauche.jpg);
float: left;
}

li.menu {
margin-bottom: 0px;
margin-left: 0px;	
}

ul#menud {
width: 133px;
height: 149px;
background-image: url(./design/menu_droite.jpg);
float: left;
}

/* les formulaires pour la selection de session */
.form {
width: 100%;
text-align: right;
margin-bottom: 15px;
margin-top: 15px;
}

/* avatar des news */
img.avatar {
width : 98px;
height: 98px;
border: 1px solid #000000;;
margin: 0px;
float: left;
margin-right: 5px;
}

.news_entete, .guestbook_entete {
width: 574px;
height: 99px;
border: 1px #000000 solid;
padding: 5px;
margin-right: auto;
margin-left: auto;
}

.news_corps {
width: 574px;
padding: 5px;
border: 1px solid #000000;
border-top: 0px solid;
background-color: #9c762d;
margin-right: auto;
margin-left: auto;
margin-bottom: 20px;
}

.guestbook_entete {
height: auto;
}

p.inscriptiong, p.commentaireg, p.loging {
font-weight: bold;
width: 35%;
float: left;
text-align: right;
padding-right: 10px;
}

/* la colonne de gauche pour les champs classique */
p.commentaireg {
width: 150px;
}

/* la colonne de gauche pour le login */
p.loging{
width: 220px;
}

p.vignette, ul.inscrit, p.inscrit {
border-top: 1px dashed #000000;
padding-top: 2px;
padding-bottom: 2px;
}

ul.inscrit {
margin-left: 0px;
}

div.vignette {
width: 430px;
margin-bottom: 20px;
padding: 2px;
float: left;
}

img.vignette {
border: 1px solid #000000;
width: 100px;
height: 75px;
float: left;
margin-right: 5px;
margin-left: 24px;
}

span.jeu {
font-weight: bold;
width: 190px;
border: none;
display: block;
float: left;
}

span.element {
font-weight: bold;
}

input.inscription, input.inscriptionf, input.inscriptionc {
padding: 0px;
width: 300px;
margin-bottom: 9px;
height: 15px;
border: 1px solid #000000;
}

input.inscriptionc {
width: 100px;
margin-bottom: 0px;
}

input.inscriptionf {
margin-bottom: 5px;
height: 19px;
}

input.submit, input.inscriptionc {
margin-left: auto;
margin-right: auto;
}

textarea.inscription {
padding: 0px;
width: 300px;
margin-bottom: 9px;
height: 100px;
border: 1px solid #000000;	
}

div.inscrit {
padding: 4px;
margin: 10px auto 10px auto;
width: 400px;
border: 1px solid;
}

p.inscrit, li.inscrit {
padding: 5px;
margin: 0px 0px 0px 5px;
}

p.inscrit_entete {
padding: 7px;
font-weight: bold;
}

/* une liste classique */
ul.classique, ol.classique {
margin: 5px;
margin-bottom: 10px;
margin-left: 30px;
}
li.classique {
list-style-type: circle;
margin-bottom: 5px;
}
li.liste_num {
margin-bottom: 5px;
}

/* les petites select et input discret */
.formdiscret {
font-size: 10px;
border: 1px solid #000000;
}

/* retire le formatage d'un texte */
span.simple {
font-weight: normal;
text-decoration: none;
}

/* auteur du commentaire, corps du commentaire et formulaire d'enregistrement pour les commentaires */
.a_commentaire, .c_commentaire, .f_commentaire, .p_commentaire {
width: 440px;
margin-right: auto;
margin-left: auto;
border: 1px solid #000000;
padding: 4px;
}

/* auteur du commentaire */
.a_commentaire {
display: block;
padding-top: 7px;
padding-bottom: 7px;
font-weight: bold;
}

/* corps du commentaire */
.c_commentaire {
margin-bottom: 20px;
border-top: none;
}

/* formulaire d'enregistrement pour les commentaires */
.f_commentaire, .p_commentaire {
display: block;
margin-bottom: 25px;
text-align: center;
}

/* formulaire d'enregistrement pour les commentaires */
.p_commentaire {
width: 520px;
text-align: left;
border: none;
}

/* les images des awards */
img.award {
border: 1px solid #000000;
margin-top: 20px;
margin-bottom: 20px;
}

/* remporte par ... de ... */
p.award{
margin-top: 5px;
margin-bottom: 5px;
font-style: italic;
}

.margebas {
margin-bottom: 15px;
}

.margegauche {
margin-left: 25px;
text-align: left;
}

/*
 * LES LIENS DES MENUS DU DESIGN
 *
 */

/* news */
a#news {    
display: block;
width : 52px;
height: 16px;
margin-left: 38px;
margin-top: 37px;
}

/* equipe */
a#equipe {    
display: block;
width : 66px;
height: 22px;
margin-left: 31px;
margin-top: 8px;
}

/* partenaires */
a#partenaires {    
display: block;
width : 107px;
height: 16px;
margin-left: 14px;
margin-top: 4px;
}

/* nomines */
a#nomines {    
display: block;
width : 84px;
height: 16px;
margin-left: 23px;
margin-top: 83px;
}

/* tests */
a#tests {    
display: block;
width : 46px;
height: 16px;
margin-left: 41px;
margin-top: 8px;
}

/* jeux */
a#jeux {    
display: block;
width : 38px;
height: 20px;
margin-left: 45px;
margin-top: 9px;
}

/* palmares */
a#palmares {    
display: block;
width : 87px;
height: 16px;
margin-left: 20px;
margin-top: 78px;
}

/* tests en archive */
a#testsarchives {    
display: block;
width : 49px;
height: 16px;
margin-left: 45px;
margin-top: 9px;
}

/* tests en archive */
a#testsarchives {    
display: block;
width : 46px;
height: 16px;
margin-left: 39px;
margin-top: 9px;
}

/* jeux en archives */
a#jeuxarchives {    
display: block;
width : 38px;
height: 20px;
margin-left: 43px;
margin-top: 9px;
}


/* forum */
a#forum {    
display: block;
width : 63px;
height: 16px;
margin-left: 32px;
margin-top: 79px;
}

/* chat */
a#chat {    
display: block;
width : 44px;
height: 16px;
margin-left: 42px;
margin-top: 9px;
}

/* livre d'or */
a#guestbook {    
display: block;
width : 103px;
height: 16px;
margin-left: 16px;
margin-top: 9px;
}

/* inscriptions au concours */
a#inscriptions {    
display: block;
width : 114px;
height: 22px;
margin-left: 9px;
margin-top: 39px;
}

/* inscrits au concours */
a#inscrits {    
display: block;
width : 72px;
height: 16px;
margin-left: 31px;
margin-top: 2px;
}

/* faq */
a#faq {    
display: block;
width : 60px;
height: 18px;
margin-left: 36px;
margin-top: 10px;
}

/* reglement du concours */
a#reglement {    
display: block;
width : 101px;
height: 21px;
margin-left: 16px;
margin-top: 7px;
}

/*
 * LES TAILLES DE TEXTE
 *
 */

.normal {
font-size: inherit;
}

.tpetit {
font-size: 7px;
}

.petit {
font-size: 9px;
}

.grand {
font-size: 18px;
}

.tgrand {
font-size: 24px;
}

/*
 * LES COULEURS DE TEXTE
 *
 */

.darkred {
color: rgb(139, 0, 0);
}

.red {
color: rgb(255, 0, 0);
}

.orange {
color: rgb(255, 165, 0);
}

.brown {
color: rgb(165, 42, 42);
}

.yellow {
color: rgb(255, 255, 0);
}

.green {
color: rgb(0, 128, 0);
}

.olive {
color: rgb(128, 128, 0);
}

.cyan {
color: rgb(0, 255, 255);
}

.blue {
color: rgb(0, 0, 255);
}

.darkblue {
color: rgb(0, 0, 139);
}

.indigo {
color: rgb(75, 0, 130);
}

.violet {
color: rgb(238, 130, 238);
}

.black {
color: rgb(0, 0, 0);
}

.white {
color: rgb(255, 255, 255);
}

.default {
color: rgb(68, 68, 68);
}