@CHARSET "ISO-8859-1";

body
{
	/* taille de la page */
	width : 800px;
	margin: auto;
	/* police de caractère général */
	text-align: center;  								/* center le texte */
	background-color: #E10958;							/* couleur du fond */
	font-style: normal;
	/*font-size: 14px;*/								/* italique */
	font-size:10pt; 									/* Taille du texte */
	color: #000000;										/* couleur de la police de caractère : noir */
	font-family: verdana, times, sans-serif;
	/*line-height: auto;*/
}


/* -------------------------------- Le logo en tête de page -------------------------------- */

#haut
{
	width : 800px;
	height : 100px;
	background-image: url("../image/logo.png");
	background-repeat: no-repeat;
}


/* -------------------------------- Le bandeau en haut ------------------------------------ */
#bandeau
{
	width : 800px;
	height : 40px;
	clear: both;
	overflow: hidden;
	background-color: #F0A232;						/* couleur de fond de la texte */

	font-family: "Arial";							/* police de caractère du texte */
	color: #000000;									/* couleur de la police de caratère */
	text-align: left;  								/* centre le texte */
	font-size: 14px; 								/* Taille du texte */	
}


#bandeau a  /* attributs du lien du webmaster  */
{
	color: #E00958;	
	text-decoration:none;
}

#bandeau a:hover  /* attributs du lien du webmaster quand la souris est dessus  */
{
	color: #990033;
}


/* Alignement du bandeau de navigation  */
.admin_lien
{
	padding-top : 30px;
	list-style-type:none;
}
.tab_admin
{
	width : 76%;
	margin:auto;
	padding-top:30%;
	padding-left:20px;
}
.link_recherche
{
	padding-left:15%;
}
.link_espace
{
	padding-left:30%;
}
.link_index
{
	padding-left:15%;
}


/************** css du "main" de la page ceci est une imbriquation des <div> menu et texte ******************/
#main
{
	width: 800px;
	overflow: auto;
	background: #FFFFFF ;
        
}

/* ---------------------------------- Le Menu de gauche ----------------------------------------- */

/*#menu 
{
	float: left;
	width : 22%;
	height: 100%;
	text-align:center;
	list-style: none ;
	background: #FFFFFF ;
        
}*/
/*gestion du design de la liste 
#menu
{
	width : 190px;
	list-style-type: none;
	margin-left : -40px;
}*/
#menu
{
   float: left;
   width : 190px;
   height: 100%;
   text-align:center;
   background: #FFFFFF ;
   margin-left : -40px;
         
}
#menu li 
{
	background: #daa520;
	color: #FFFFFF ;
	border: 1px solid #000 ;
	margin-bottom: 1px ;
        list-style-type: none;
}

#menu li a 
{
	display: block ;
	background: #FF9900 ;
	color: #fff ;
	font: 1em "Trebuchet MS",Arial,sans-serif ;
	line-height: 1em ;
	padding: 4px 0 ;
	text-align: center ;
	text-decoration: none ;
}

#menu li a:hover, #menu li a:active, #menu li a:focus
{
	background: #990033;
	text-decoration: none ;
}



/* ----------------------------------- Le centre de page --------------------------------------- */

#centre
{
	width : 608px;
	height: 100%;
	padding-left: 14px;
	padding-right: 2px;
	overflow:auto;
	list-style: none ;
	margin: 0 ;
	background-color: #FFFFFF;							/* couleur du fond */
	text-align: left;  								/* Justifier le texte */
	min-height: 350px;									/* hauteur minimale */
}


/* -------------------------------- Le pied de page ---------------------------------- */

#pied
{
	width : 800px;
	height: 100px;
	clear: both;
	overflow: auto;
	background-image: url("../image/pied.png");
	background-repeat: no-repeat;
}
.link_contact
{
	padding-left :5%;
	
	
}
.link_ml
{
	padding-left:20%;
}



/* ---------------------------- les formulaires ------------------------------------- */
label 
{
	white-space: normal;
	width: 300px;
	clear: none;
	float: left;
}

/*** Mise en forme des titres des cadres ***/
legend 
{	
	font-weight: bold;
	color: black;
	background: transparent;
}

/*** Mise en forme des cadres ***/
fieldset 
{	
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}

input
{
	font-weight:bold; /*** Pour améliorer la lisibilité des boutons ***/
	width: 270px;
	font-family:sans-serif;
	font-size: 9pt;
}
.form_size{
}
/* W*/
.radio
{
	width: 25px;
 }
 
.tel
{
	width:85px;
	}
	
textarea
{
 width: 270px;
 }

select
{
 width: 274px;
 }



/* ------------------------------ les liens hypertextes -------------------------------- */

a, cnil.a
{
	color: #990033;
	text-decoration: none ;
}


a:hover, a:active, a:focus
{
	color: #FF9900;
	text-decoration: none ;
}

/* ------------------------------ listes fomulaires -------------------------------- */

.puce
{
	text-indent: 18px;
   	font-family: Arial, Verdana, "Times New Roman", serif;
	list-style-image: url("../image/puce.gif");
}

/* ------------------------------ les sous titre -------------------------------- */

.sous_titre
{
	font-size: 20px;
	font-weight: bold;
   	font-family: Arial, Verdana, "Times New Roman", serif;
}
/* ------------------------------ Affichage des listes de fiche -------------------------------- */

.titre_fiche
{
    color: #990033;
    text-align : center;
}

.tab_affichage th
{
        background-color: #FF9900;
        color: white;
        font-size: 1.1em;
}

.tab_affichage th a
{
    color : white; 
}

.cnil
{
	margin-top : 50px;
	font-size: 8px;
	color: #000;
}

table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 4px outset yellow; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

td,th/* Les cellules normales */
{
   border: 1px solid black;
   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 */
}

.erreur
{
    color : red;
}

.gras /*mise en gras dans la partie publique*/ 
{
	font-weight:bold;
}

/*.message
{
	border:1pt solid #990033;
	font-size:12px;
	margin-left:auto;
	margin-right:auto;
	margin-top:2em;
	padding:0.5em 0.5em 1em 1em;
	text-align:left;
	width:80%;
	background-color: #f0a232;
}*/