/*Layout Vert*/

body
{
   width: 1024px;
   /*margin: left;  Pour centrer notre page */
   margin-top: 0px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-image: url("../fonds/green.jpg"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
   font-size: 11px; 
	 font-family: georgia, sans-serif;
   color : #000000;
}

a:link 
{
font-family:georgia, sans-serif;
font-size:11px;
color:#000000;
background-color:transparent;
text-decoration:none;
}

a:visited 
{
font-family:georgia, sans-serif;
font-size:11px;
color:#446044;
background-color:transparent;
text-decoration:none;
}

a:hover 
{
font-family:georgia, sans-serif;
font-size:11px;
color:#446044;
background-color:transparent;
text-decoration:overline underline;
cursor: crosshair;
}

TEXTAREA 
  {
	font-size: 11px; 
  font-family: georgia, sans-serif; 
  background-color: #D1DBD2;
  }
INPUT 
  {
	font-size: 11px; 
  font-family: georgia, sans-serif; 
  background-color: #D1DBD2;
  }
SELECT 
  {
	font-size: 11px; 
  font-family: georgia, sans-serif; 
  background-color: #D1DBD2;
  }

#conteneur
{
   width: 900px;
   height: auto;
}

#titre
{
   width: 540px;
   height: 250px;
   background-image: url("http://img153.imageshack.us/img153/4287/greentitle1ou.jpg");
   background-repeat: no-repeat;
   position: Absolute;
   left: 240px;
}

/* Les menu */

#menugauche
{
   width: 168px; /* Très important : donner une taille au menu */
   position: Absolute;
   left: 59px;
   top: 10px;
}

#menudroit
{
   width: 169px; /* Très important : donner une taille au menu */
   position: Absolute;
   left: 795px;
   top: 10px;
   text-align: left;
}

a:link.liensmenu {
font-family:georgia, sans-serif;
font-size:11px;
color:#000000;
background-color:transparent;
text-decoration:none;}

a:visited.liensmenu {
font-family:georgia, sans-serif;
font-size:11px;
color:#446044;
background-color:transparent;
text-decoration:none;}

a:hover.liensmenu {
font-family:georgia, sans-serif;
font-size:11px;
color:#446044;
background-color:transparent;
text-decoration:overline underline;
cursor: crosshair;}

/*Catégories des différents menus*/
h4 
{
font-family:georgia, sans-serif;
font-style: normal;
color:#446044;
background-color:transparent;
text-align:left;
}

/*Effet sur le menu*/
.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
   list-style-image: url("../fonds/puce.png"); /* On change l'apparence des puces */
   list-style-type: none;
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}

.IE /* Div spécifique à IE */
{
font-family:georgia, sans-serif;
font-size:9px;
font-style: normal;
}

.forum
{
font-family:georgia, sans-serif;
font-size:10px;
text-align:left;
}

/* Le corps de la page */

#corps
{
   width: 525px;
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   position: Absolute;
   left: 240px;
   top: 270px;
}

/* Style des tables et des div dans le corps de la page*/

.maj {
font-family:georgia, sans-serif;
font-size:10px;
text-align:left;
height: 100%;
vertical-align: top ;
margin-left: 2%; 
margin-right: 4%;}

.news
{
font-family:georgia, sans-serif;
font-size:11px;
text-align:left;
height: 100%;
width:525px;
}

.animaux 
{
font-family:georgia, sans-serif;
font-size:11px;
text-align:center;
border: 1px solid #000000;
}

.portoloins 
{
font-family:georgia, sans-serif;
font-size:11px;
text-align:left;
}

.poudlard 
{
font-family:georgia, sans-serif;
font-size:11px;
text-align:left;
}

.staff 
{
font-family:georgia, sans-serif;
font-size:11px;
text-align:left;
border: 1px solid #000000;
}

.spoiler
{
color:#D1DBD2;
}

.newsliens
{
color:#446044;
}

/* Style pour les commentaires */
.commentaires
{
background:#D1DBD2;
margin-top: 20px;
margin-bottom: 20px;
width:360px;
height:400px;
}



/* Style pour le tableau des news*/
.newsadmin_date
{
font-family:georgia, sans-serif;
width:90px;
font-size:11px;
text-align:left;
border: 1px solid #000000;
}

.newsadmin_titre
{
font-family:georgia, sans-serif;
width:320px;
font-size:11px;
text-align:left;
border: 1px solid #000000;
}

.newsadmin_action
{
font-family:georgia, sans-serif;
width:50px;
font-size:11px;
text-align:center;
border: 1px solid #000000;
}

.newsadmin_creation 
{
font-family:georgia, sans-serif;
font-size:11px;
text-align:left;
}

/*Style des titres*/

h2 
{
font-family:georgia, sans-serif;
font-style: normal;
color:#446044;
background-color:transparent;
text-align:left;
}

h3 
{
font-family:georgia, sans-serif;
text-align:left;
}

/*Style des paragraphes */

p
{
   text-indent: 30px; /* Les paragraphes commenceront 30 pixels sur la droite */
   text-align: justify; /* Ils seront justifiés */
}


/*---------------------------- CSS DU QUIZZ ------------------------------------------- */

.connexion_quizz
{
font-family:georgia, sans-serif;
font-size:11px;
text-align:left;
}

.quizz_categorie
{
   border:0px #000000 solid;
   font-size: 11px; 
	 font-family: georgia, sans-serif;
	 /*background:#FFFFF0;*/
}

.quizz_title
{
font-size: 11px; 
font-family: georgia, sans-serif;
}

.quizz_title1
{
font-size: 11px; 
font-family: georgia, sans-serif;
border:1px #000000 solid;
}

.tab_categorie td 
{
  /*background:#586D5A;*/
  
}

#titre_quizz
{
  color:#000000;
  background:#586D5A;
  text-align:left;
}

.cfrm { display: none; }