body
{
 background-color:#6f4c2c;
background-image: url(images/fond.jpg)
}

#site
{
position:relative;
width: 800px;
margin: auto;
/*margin-bottom: 20px;   */
background-color:#FFFFFF;
border:2px solid blue;
}

/* L'en-tête */
#en_tete
{
  width: 800px;
  height: 110px;
  background-image: url("images/haut.png");
   background-repeat: no-repeat;
   margin-bottom: 3px;
}

/* Le corps de la page */

#corps
{
height: auto;
min-height:  600px;
_height:  600px;
position: relative;
/* min-height: 600px; */
width: 540px;
margin-top: 40px;
margin-bottom: 10px;
/*overflow:auto;*/
/*border: 1px solid gray;*/
}

#menu
{
margin-top: 150px;
}

#logo
{
left:520px;
margin-bottom:15px;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#bas
{
background-image: url("images/bas.jpg");
font-family:Impact, "Arial Black", Arial, Verdana, serif; 
}

a
{
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

#avatar
{
width:120px;
height:100px;
padding-top: 25px;
padding-left: 27px;
background-image: url("images/derriere.jpg");
background-repeat:no-repeat;
margin-right:17px;
}

#auteurTuto a
{
text-decoration:none;
}

#auteurTuto a:hover
{
text-decoration:underline;
}

#auteurTuto
{
font-family: "Trebuchet MS", Times, "Times New Roman", serif;
font-size:0.8em;
position:relative;
float:right;
margin-right: 30px;
background-color:#CCCCCC;
border: 1px solid #0000FF;
}

#clicavatar img
{
	text-decoration: none;
	border: none;
}


#adherent {
float:right;
margin-right: 10px;
}


#log
{
font-family:Impact, "Arial Black", Arial, Verdana, serif; 
color: blue;
}

#log input
{
font-style:italic;
}

#log a
{
float:right;
text-decoration:none;
color:#FF0000;
font-size:13px;
}

#boutton img
{
	text-decoration: none;
	border: none;
}

.avertissement
{
/*text-align:center;*/
margin-top:50px;
margin-left: 30px;
margin-right:30px;
padding: 10px;
background-color:#2c0ffd;
color: white;
font-size: 1.2em;
}

.avertissement a
{
color: red;
}
.avertissement:before
{
content: url("images/warning.gif");
}

div#cadre {/* conteneur global et arrière-plan du titre du cadre */
width: 500px;
margin: auto; /*Centré la fenetre*/
padding-top: 25px;
}

div#bloccadre {/* arrière-plan bas et sur l'ensemble du cadre */
padding-left : 20px;
padding-right : 20px;
padding-bottom: 20px;
overflow: hidden;
}

#site2
{
font-size: 0.8em;
color:#FF0000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold; /* En gras */
}


/*Gestion de la déscription*/
#recit:first-line/* La première lettre de chaque paragraphe */
{
   font-weight: bold; /* En gras */
   font-size: 1.1em; /* Ecrit légèrement plus gros que la normale */
   color: blue; /* En bleu */
}
/*la petite icone note*/
#recit:before
{
content: url("./images/description.png"); /* Mettre une image de question */
}
#recit
{
padding : 8px;
border: 1px groove;
border-color:#FFCC33;
background-color:#99CCFF;
font-size: 1em;
width: 440px;
}

#options
{
position: relative;
left: 280px;
}

#critiqueCadre
{
border : none;
}
#critiqueCadre:hover
{
height : 39px;
}

#tabloCritique
{
 margin: auto; /* Centre le tableau */
 border-collapse: collapse;
 width: 400px;
 color:374A68;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
}

#etoile
{
position: relative;
right: 1%;
}

div#cadreHistoire
{
color: blue;
padding-left : 20px;
padding-right : 20px;
padding-bottom: 20px;
overflow: hidden;
}

#cadreHistoire p
{
font-size: 1,2em;
}


#admin #adminnav                 	{margin:auto; width:100%; white-space: nowrap; text-align: center;background-color:#ffffff;}
#admin #adminnav strong         	{font-family : arial, verdana, helvetica, sans-serif; font-size: 11px;}
#admin #adminnav ul              	{margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px; list-style: none;background-color:#ffffff;}
#admin #adminnav li              	{line-height: 10px; font-size: 11px; color: #000000; display: inline; margin: 0px; padding: 0px; }
#admin #adminnav a               	{float: left; background: url("images/onglet_left_violet.gif") no-repeat left top; margin: 0px;  padding: 0px 0px 0px 6px; text-decoration:none; }
#admin #adminnav a span          	{float: none; display: block; background: url("images/onglet_right_violet.gif") no-repeat right top; padding: 12px 6px 8px 2px; color: #666666; }
#admin #adminnav #current a      	{background-position: 0 -150px; border-width: 0px; color: #FFFFFF; }
#admin #adminnav #current a span 	{background-position: 100% -150px; color: #FFFFFF; }
#admin #adminnav a:hover         	{background-position: 0% -150px; color: #FFFFFF; }
#admin #adminnav a:hover span    	{background-position: 100% -150px; color: #FFFFFF; }

#admin #searchbar 			{float:left; width:100%;color: #ffffff; font-size: 19px; margin: 0px;background-color:#3c46c8; height: 26px;}
#admin #searchbar p			{margin: 5px; text-align: right; font-size: 20px; padding-right:10px;}
#admin #searchbar .sep 			{margin: 0px 6px 0px 6px}


#tabarecitenAttente
{
   margin: auto; /* Centre le tableau */
   border: 4px outset blue; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

#tabarecitenAttente th /* Les cellules d'en-tête */
{
   background-color: #6e82a3;
   color: white;
   font-size: 0.9em;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

#tabarecitenAttente td /* Les cellules normales */
{
   width: 76px;
   border: 1px solid black;
   font-size: 0.8em;
   font-family:  Verdana, Arial, Helvetica, sans-serif;
   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 */
}

#tabarecitenAttente caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family:  Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 1.1em;
   color: #6e82a3;
   margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}


#newnew
{
float:right;
margin-top: 40px;
}

#fck
{
position:relative;
margin-top: 80px;
}

#listeNews
{
margin:auto;
border: 1px outset blue;
width:80%;
border-collapse:collapse;
margin-bottom:15px;
}

#listeNews a img
{
text-decoration:none;
border:none;
}

#tabNews
{
border-collapse:collapse;
margin-bottom:10px;
width:92%;

}
#tabNews td
{
 border: 2px solid #dad7d0;
 border-collapse: collapse;

}

#tabNews th
{
color:#FFFFFF;
font-size: 1.1em;
height:40px;
width:240px;
background-image:url('images/onglet_news.JPG');
background-repeat:no-repeat;
vertical-align:bottom;
text-align:left;
padding-left:20px;
/*background-color:#0000CC;*/
}

#top10
{
   width: 90%;

   border: 4px outset #3c46c8;
   border-collapse: collapse;
   margin-top: 70px;
}

#top10 th
{
   background-color:#3c46c8;
   color: white;
   font-size: 1em;
   font-family: "Comic Sans MS", Arial, "Arial Black", Times, "Times New Roman", serif;
   margin-bottom: 10px;
   margin-top:1Opx;
   height: 40px;
}

/*-- Uniquement sous firefox ---------*/


#top10 tr:hover {
background-color: #fdf444;
border: 3px solid gray ;
}
/*------------------------------------*/


#top10 td
{
   height: 10px; /* J'agrandis la hauteur des cellules pour que l'on puisse voir l'alignement vertical */
   vertical-align: middle; /* Alignement vertical, le contenu des cellules sera placé en bas */
   border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   font-size: 0.8em;
   text-align: center;
   padding: 3px;
}

#corpsAdmin
{
height: auto;
min-height:  600px;
_height:  600px;
position: relative;
/* min-height: 600px; */
margin-top: 40px;
margin-bottom: 10px;
/*overflow:auto;*/
/*border: 1px solid gray;*/
}