/**************** Transverse ********************/
body
{
   width: 100%;
   margin: auto; /* Pour centrer notre page */
   margin-top: 10px; /* 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 */
}
hr { padding:0; margin:0; }
a img
{
	border: none;
}
/* Login */
#log {
	padding-right:30px;
}
#log p { 
	text-align:right;
	font-size:10px;
	padding: 10px 0 0 70px;
	color: #666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
}
/* Message erreur */
.erreur { color: #FF0000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
#erreur p { 
	text-align:left;
	font-size:10px;
	padding: 10px 0 0 70px;
	color: #666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
}
#erreur li {
	color:#FF0000; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:right;
	padding-right:250px;
}

.requis { color: #FF0000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:right;}
.non_requis { color: #666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;text-align:right; }
.information { color: #666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:center; }

/****************FrontEnd***********************/
/* L'enveloppeur  */
#envlp_frontend
{
   width: 780px;
   margin: auto; /* Pour centrer notre page */
   background-color:#9999CB;   
   border-left:  1px solid #000000;
}

/* La frame logo */
#logo
{
   height: 115px;
   background: #9999CD url(/images/top_frame.gif) top left no-repeat;
   border-bottom: solid 0px #000000;
}
#logo h1
{
	text-indent:-5000PX;
	margin:0;
	line-height:0;
}
#logo p
{
	margin: 61px 10px 0 200px;
	font-weight:bold;
	font-family: "Bitstream Vera Sana", Verdana, Arial, Helvetica, serif;
	color:#FFFFFF;
	font-size:1.1em;
	text-align:right;
}
/* L'en-tête */

#en_tete
{
	padding:15px;
	height: 0px;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px; 
	color: #ffffff;
	vertical-align:bottom;
 }
#en_tete a
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; 
	color: #ffffff;
	text-decoration:none;
 }
#en_tete a:hover
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; 
	color: #E4E4E4;
	text-decoration:underline;
 }
/* Le menu */
#menu {
	margin:0;
	padding-top:5px;
	float: left; /* Le menu flottera à gauche */
	width: 200px;/* Très important : donner une taille au menu */
}
#nav, #nav ul { /* toutes les listes */
	padding: 0;
	margin: 0;
	list-style: none;
	width : 100%;
	font-size:0;
	
}

#nav li {  /*tous les items de liste*/ 
	margin : auto;
	width:190px;
}

#nav li.menu a {
	
	display : block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color : #444444;
	font-weight : bold;
	font-size:11px;
	text-decoration : none;
	background-color:#cdcbe0;
	padding : 8px;
	border-bottom:  1px solid #aaaaaa;
	text-align:left;
		
}

#nav li.menu a:hover {
	color : white;
	background-color : #666666;
}
#nav li.ssmenu a {
	
	display : block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color : #444444;
	font-weight : bold;
	font-size:10px;
	text-decoration : none;
	background-color : #dad9ea;
	border-bottom : 1px dotted #666666;
	padding : 5px 5px 5px 23px;
	text-align:left;
	
}

#nav li.ssmenu a:hover {
	color : white;
	background-color : #716F73;
}

/* Le frontend de la page */
#frontend
{
	margin-left: 200px; /* Une marge à gauche pour pousser le frontend, afin qu'il ne passe plus sous le menu */
	margin-bottom: 0px; /* Ca c'est pour éviter que le frontend colle trop au pied de page en-dessous */
	margin-right: 0px; /* Ca c'est pour éviter que le frontend colle trop au pied de page en-dessous */
	margin-top: 0px; /* Ca c'est pour éviter que le frontend colle trop au pied de page en-dessous */
	padding: 10px; /* Pour éviter que le texte à l'intérieur du frontend ne colle trop à la bordure */
	border-right:  1px solid #000000;
	min-height:400px;
	background-color:#FFFFFF; 
}
#frontend a
{
	font-size: 9pt; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #0000FF;
	text-align:left;
	text-decoration:none;
}

#frontend a:hover
{
	text-decoration: underline;
	color: #ff0000;
}
/* Conrtact */
#frontend select {
	color:#666666; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
#frontend textarea {
	width:370px;
	color:#666666; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
#frontend input {
	width:200px;
	color:#666666; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
#frontend input.bouton { 
	width: 130px;
	color:#666666; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

/*Actualités */
#frontend table.listeactu { 
	color:#666666; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	width:100%;
}
#frontend th.listeactu { 
	font-size: 11pt; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #7c7da6;
	text-align:left;
	font-weight:bold;
	width:100%;
	border-bottom: 1px dashed #666666;
}
#frontend td.listeactu { 
	font-size: 12px;  
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 15px;
	text-align:justify;
}
#frontend td.dateactu { 
	font-size: 10px;  
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px dashed #666666;
	text-align:right;
	white-space:nowrap;
}

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

#pied_de_page
{
	padding: 0px 10px 0 0px;
	text-align: right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #ffffff;
	background-color:#ffffff;
	margin:0;
	height: 44px;
	background: url(/images/bottom_frame.gif) top left no-repeat;
	clear:both;
}
#pied_de_page a
{
	font-size: 10px; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #FFFFFF;
	text-align:left;
	text-decoration:none;
}

#pied_de_page a:hover
{
	text-decoration: underline;
	color: #0000FF;
}