body {
 margin: 0;
 padding: 0;
 font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size: 12px;
 color: #4F5155;
 background-color: #fff;
}

#container{
	width:95%;
	margin:0 auto 20px auto;
	padding: 0 25px;
}

.top{
	text-align:right;
	margin:20px 0 0 0;
}

.top a{
	font-weight:bold;
	font-size:16px;
	color:#FF6600;
	border-bottom: 1px solid #CCC;
}

.message_header{
	text-align:center;
	border:1px solid #CCC;
	padding:5px 10px;
	color:#000000;
	font-weight:bold;
}

.mess{
	color:#FF0000;
	font-weight:bold;
}

ul#menu{ 
	width: 100%;
	height: 43px;
	background: #FFF url("menu-bg.gif") top left repeat-x; 
	font-size: 0.8em; 
	font-family: "Lucida Grande", Verdana, sans-serif; 
	font-weight: bold; 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	}
ul#menu li {
	display: block; 
	float: left; 
	margin: 0 0 0 5px; 
	}
ul#menu li a { 
	height: 43px; 
	color: #777; 
	text-decoration: none; 
	display: block; 
	float: left; 
	line-height: 200%; 
	padding: 8px 15px 0; 
	}
ul#menu li a:hover { 
	color: #333; 
	}
ul#menu li a.current{ 
	color: #FFF; 
	background: #FFF url("current-bg.gif") top left repeat-x; 
	padding: 5px 15px 0;
}       

#menu_admin{
	margin:0;
	padding:0;
}

#menu_admin li{
	display:inline;
	padding-right: 20px;
}

hr{
	color: #99CCFF;
	background-color: #99CCFF;
	height: 1px;
	border: 0;
}

h2 {
	font-size:16px;
	font-weight:normal;
	color:#C2C97D;
	margin:0 0 20px 0;
}

h2 span{
	font-size:19px;
}

h3,h3 a {
	height:23px;
	background:#D3DD92;
	font:18px "Trebuchet MS" bold;
	color:#fff;
	margin:0 0 5px 0;
}

h3 span{
	font-family:Verdana;
	font-size:18px;
	color:#4568AE;
	margin: 0 5px;
}

h4{
	font-size:14px;
	background:#4568AE;
	color:#fff;
	padding:0 5px;
	margin:5px 0;
}

a {
 color: #003399;
 background-color: transparent;
 text-decoration: none;
 font-weight: normal;
}
a:visited {
 color: #003399;
 background-color: transparent;
 text-decoration: none;
}
a:hover {
 color: #000;
 text-decoration: none;
 background-color: transparent;
}

img {
 padding:0;
 border: 0;
 margin: 0;
 vertical-align:middle;
}

form {
 margin: 0;
 padding: 0;
}

input {
 font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size: 11px;
 color: #333;
 border: 1px solid #B3B4BD;
 width: 40%;
 height: 1.5em;
 padding: 0;
 margin: 0;
}

.bouton{
width:auto;
font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
font-size: 11px;
color: #333;
border: 1px solid #B3B4BD;
height: auto;
padding: 0;
margin: 0;
}

textarea {
 font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size: 14px;
 color: #143270;
 background-color: #f9f9f9;
 border: 1px solid #B3B4BD;
 width: 50%;
 padding: 0;
 margin: 0;
}

select {
 background-color: #fff;
 font-size:  11px;
 font-weight: normal;
 color: #333;
 padding: 0;
 margin: 0 0 3px 0;
}

table{
	margin:10px 0;
	border:1px solid #CCC;
	font-size:11px;
}

table th{
	background:#C0C0C0;
}

table td{
	text-align:center;
}

.fiche_album{
	border:1px solid #CCC;
	padding:5px 10px;
}

.left{
	float:left;
	margin:5px 10px;
}

.left_cadre{
	float:left;
	border:1px solid #CCC;
	padding:5px 10px;
	margin:0 5px;
}

#header .baseline {
	font:13px;
	color:#C2C97D;
	margin:0 0 0 35px;
	padding:3px 0;
}

.right{
	float:right;
}

.right_cadre{
	float:right;
	border:1px solid #CCC;
	padding:5px 10px;
	margin:0 0 0 5px;
	overflow:auto;
}

.clear{
	clear:both;
}

.cadre{
	border:1px solid #CCC;
	padding:5px 10px;
	margin:5px 0;
	overflow:auto;
}

.cadre_center{
	text-align: center;
	border:1px solid #CCC;
	padding:5px 10px;
	margin:5px 0;
	overflow:auto;
}

.vignettes{
	float:left;
	overflow:auto;
	padding:0;
	width:300px;
	height:220px;
	border:1px solid #CCC;
	padding:5px;
	margin:10px 10px 10px 0;
}

.statut_demandevalid{
	padding:5px;
	background-color:#DEEEFD;
}

.statut_valide{
	padding:5px;
	background-color:#ECFFEE;
}

.statut_obsolete{
	padding:5px;
	background-color:#FFECEC;
}

.tool_box{
	float:right;
}

.tool_box img{
	margin-right:10px;
}

.sous_menu{
	margin:10px 0;
	padding:0;
}

.sous_menu a{
	color:#99CCFF;
}

.sous_menu a:hover{
	text-decoration:underline;
}

.sous_menu li{
	margin:3px 25px 5px 0;
	list-style-type:none;
	display:inline;
}

.date_element{
	width:4em;
}

/* Infobulle MOOTOOLS */


a.info {
	margin:0 0 0 5px;
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: -5px; /* on positionne notre infobulle */
   left: 120px;

   background: #99CCFF;

   color: 99CCFF;
   padding: 3px;

   border: 1px solid #C0C0C0;
   border-left: 4px solid #C0C0C0;
}