body
{
   width: 740px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 5px; /* Pour eviter de coller avec le haut de la fenetre du navigateur.*/
   margin-bottom: 0px;    /* Idem pour le bas du navigateur */
   background-color: #E5E5E5;
}

#global {
	width: 740px; 
	margin: auto;
	background-color: #FFFFFF;
	//border: 1px solid #002a5c;
	padding: 5px;
}


/* L'en-tete */
#en_tete
{
   width: 740px;
   height: 105px;
   background-image: url("images/header_bzh.png");
   background-repeat: no-repeat;
   margin-bottom: 10px;
}

#citation
{
	position : absolute ;
	padding: 5px;
	top: 35px;
	
	width: 300px;
	height: 50px;
	margin-left: 400px;
	background-color: white;
	border: 1px solid #002a5c;
	
	Font-style : italic;
	Font-size: 12px;
	color: #002a5c;
	font-family: "Arial", "Arial Black", "Times New Roman", "Times, serif";
}

#citation .options
{
   Font-size: 9px;
   color: #000000;
   font-family: "Arial", "Arial Black", "Times New Roman", "Times, serif";
}

/* Le menu */

#tagclouds {
	padding:.5em;
	margin-bottom: 15px;
}
#menu
{
   /*float: left; /* Le menu flottera a  gauche */
   background-color: #FFFFFF;
   text-align: center;
   Font-size: 12px;
   width: 740px; /* taille du menu */
}
.element_menu
{
   background-color: #FFFFFF;
   /*background-image: url("images/motif.png");
   background-repeat: repeat-x; */
   
   border: 0px solid black;
   font-family: "Arial", "Arial Black", "Times New Roman", "Times, serif";
   margin-bottom: 5px; /* Pour eviter que les elements du menu ne soient trop colles */
}

/* Quelques effets sur les menus */
.element_menu h3 /* Tous les titres de menus */
{   
   color: #FFFFFF;
   font-family: "Arial", "Arial Black", "Times New Roman", "Times, serif";
   text-align: center;
}
.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
	list-style-image: url("images/puce.png"); /* On change l'apparence des puces */
	font-family: "Arial", "Arial Black", "Times New Roman", "Times, serif";
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:20px; 
	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 */
}
/*.element_menu a /* Tous les liens se trouvant dans un menu */
a
{
   color: #000000;
}
/*.element_menu a:hover /* Quand on pointe sur un lien du menu */
a:hover
{
   background-color: #a0cbed;
   color: black;
}

/* Affichage des membres online */
#who
{
   //margin-bottom: 3px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 2px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   text-align: center;
   Font-size: 11px;
   color: #002a5c;
   font-family: "Arial", "Arial Black", "Times New Roman", "Times, serif";
}

#wiki_actu
{
   color: #000000;
   background-color: #FFFFFF;
   Font-size: 12px;
   font-family: "Arial", "Arial Black", "Times New Roman", "Times, serif";
   text-align: justify;
}

#wiki_actu .options
{
   Font-size: 9px;
   color: #000000;
   font-family: "Arial", "Arial Black", "Times New Roman", "Times, serif";
}

#commentaire
{
   background-color: #C3E2FB;
   color: #000000;
   Font-size: 11px;
   font-family: "Arial", "Arial Black", "Times New Roman", "Times, serif";
   text-align: justify;
}

#corps
{
   /* margin-left: 125px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
  // margin-bottom: 8px; /* 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 */
   text-align: justify;
   Font-size: 12px;
   color: #000000;
	font-family: "Arial", "Arial Black", "Times New Roman", "Times, serif";
   background-color: #FFFFFF; /* Une couleur de fond pour le corps */
	background-image: url("images/fond_vert.png");
   background-repeat: repeat-y; /* Une petite image de fond qui se répètera horizontalement en haut */
   
   border: 1px solid #002a5c; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}

#corps .options
{
   Font-size: 9px;
   color: #000000;
   font-family: "Arial", "Arial Black", "Times New Roman", "Times, serif";
}

#corps .from
{
   Font-size: 12px;
   color: #666666;
   font-family: "Arial", "Arial Black", "Times New Roman", "Times, serif";
}
#corps .unread
{
   Font-size: 12px;
   font-weight:bold;
   font-family: "Arial", "Arial Black", "Times New Roman", "Times, serif";
}

#fiche
{
   color: #000000;
   Font-size: 12px;
   font-family: "Arial", "Arial Black", "Times New Roman", "Times, serif";
   background-color: #FFFFFF;
   //background-image: url("images/fond_vert.png");
   background-repeat: repeat-y;
}

#fiche p
{
   text-align: left;
}

#fiche .gras
{
   color: #002a5c;
   font-weight:bold;
}

#fiche .box
{
   color: #000000;
   font-style: italic ;
}

#fiche h3
{
   height: 15px;
   background-image: url("images/titre.png"); /* Une petite image de fond sur les titres h2 */
   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
   color: #002a5c;
   text-align: left;
}


/* Le corps de la page */

#corps h1 /* Tous les titres h1 du corps */
{
   color: #333333;
   text-align: left;
	font-family: "Arial", "Arial Black", "Times New Roman", "Times, serif";
}
#corps h2 /* Tous les titres h2 du corps */
{
   height: 15px;
   background-image: url("images/titre.png"); /* Une petite image de fond sur les titres h2 */
   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
   
   padding-left: 0px;
   color: #002a5c;
   text-align: left;
}

#corps h3 /* Tous les titres h3 du corps */
{
	text-align: left;
	color: #002a5c;
}

#gauche {

float: left;
width: 460px;
min-height: 760px;
padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
Font-size: 12px;
text-align: left;
color: #000000;
background-color: #FFFFFF;
font-family: "Arial", "Arial Black", "Times New Roman", "Times, serif";
border: 1px solid #002a5c;
}

#gauche h2 /* Tous les titres h2 du corps */
{
   height: 15px;

   background-image: url("images/titre.png"); /* Une petite image de fond sur les titres h2 */
   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
   
   padding-left: 0px;
   color: #002a5c;
   text-align: left;
}

#gauche h3 /* Tous les titres h3 du corps */
{
	color: #002a5c;
}

#gauche .options
{
   Font-size: 9px;
   color: #000000;
   font-family: "Arial", "Arial Black", "Times New Roman", "Times, serif";
}

#centre {
float: right;
width: 250px;
min-height: 760px;
padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
Font-size: 12px;
text-align: left;
color: #000000;
background-color: #FFFFFF;
font-family: "Arial", "Arial Black", "Times New Roman", "Times, serif";
border: 1px solid #002a5c;
}

#centre h2 /* Tous les titres h2 du corps */
{
   height: 15px;

   background-image: url("images/titre.png"); /* Une petite image de fond sur les titres h2 */
   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
   
   padding-left: 1px;
   color: #002a5c;
   text-align: left;
}

#centre h3 /* Tous les titres h3 du corps */
{
	text-align: left;
	color: #000000;
}

#centre .options
{
   Font-size: 9px;
   color: #000000;
   font-family: "Arial", "Arial Black", "Times New Roman", "Times, serif";
}

#form
{
	margin-top: 100px;
	text-align: center;
	margin-bottom: 100px;
}

#form1
{
	margin-top: 10px;
	text-align: left;
	margin-bottom: 10px;
}

input {
	border:1px solid black;
	background-color:white;
	color: #000000;
	Font-size: 12px;
	font-family: "Arial", "Arial Black", "Times New Roman", "Times, serif";
}


select, option {
	color: #000000;
	font-family: "Arial", "Arial Black", "Times New Roman", "Times, serif";
}

textarea {
	border:1px solid black;
	background-color:white;
	color: #000000;
	Font-size: 12px;
	font-family: "Arial", "Arial Black", "Times New Roman", "Times, serif";
}

label {

	WIDTH: 200px ; 
	font-family: "Arial", "Arial Black", "Times New Roman", "Times, serif";
	Font-size:bold;
	color: #002A5C;
}

date {
	color: #CCCCCC;
}

#liens {
	padding-bottom:5px;
	Font-size: 14px;
}

#Admin {
	padding-bottom:5px;
	Font-size: 14px;
}

/* Le pied de page */

#pied_de_page
{
   /*position:relative;*/
   float: right;
   width: 740px;
   height: 25px;
   padding-top: 5px;
   margin-top: 5px; 

   text-align: center;

   color: #FFFFFF;
   Font-size: 12px;
   background-image: url("images/motif_bzh.png");
   //background-color: #002a5c;
   background-repeat: repeat-x;
   font-family: "Arial", "Arial Black", "Times New Roman", "Times", "serif";
   border: Opx solid black;
}

 hr {
 display:block;
 height: 1px;
 margin: 2;
 _margin: -7px 0;
 padding: 0;
 color: #CCCCCC;
 background-color: #CCCCCC;
 border: 0;
 }