/***************** STYLE HEADER   *****************/
h1{
display:block;
margin:6px 0 6px 0;
font:bold 20px Verdana, Helvetica, sans-serif;
color:#00000;
letter-spacing:1px;
}
h2{
font:bold 15px Verdana, Helvetica, sans-serif;
color:#000000;
letter-spacing:1px;
margin:6px 0 6px 0;
}
h3{
font:bold 12px Verdana, Helvetica, sans-serif;
text-decoration:underline;
color:#000000;
letter-spacing:1px;
margin:6px 0 6px 0;
}

/***************** STYLE CONTENU *****************/
#contenu p{
font:12px/1.2em Verdana, Helvetica, sans-serif;
text-align:justify;
color:#424242;
margin-top:1.2em;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:none;
color:inherit;
}
#contenu a:hover, #contenu a:active{
color: inherit;
text-decoration:underline;
}
strong{
font:inherit;
font-weight: bold;
color:inherit;
display:inline;
}
#contenu span.information{
font:9px/1.2em Verdana, Helvetica, sans-serif;
text-align:center;
color:#999999;
}
#contenu span.touch{
color:#FF0000;
}

/*Calque pour les messages d'alerte*/
#contenu #alerte_retour{
font:12px/1.2em Verdana, Helvetica, sans-serif;
text-align:center;
border-width: 2px 2px 2px 2px;
border-style: solid;
padding: 1em;
margin: 1em;
margin-left:auto;
margin-right:auto;
width:75%;
font-weight: bold;
}
/*Calque pour les messages d'alerte*/
.alerte0{color:#FF0000;border-color: #FF0000;background: #f9c0c0;}
/*Calque pour les messages de validation*/
.alerte1{color:#009200;border-color: #009200;background: #c5f3c5;}
/*Calque pour les messages initiaux à vide*/
.alerte3{display:none}

/*Calque pour les aides à la saisie*/
#contenu div.aide_saisie{
border-width: 1px 1px 1px 8px;
border-style: solid;
border-color: #FFCC34;
padding: 0 0em 1em 1em;
margin-bottom: 1em;
-moz-border-radius:6px 0px 0px 6px ;
text-align:left;
background: #F5FF72;
}

#contenu option.suppr{
background:#FF0000;
font:inherit;
color:#FFFFFF;
font-weight:bold;
}

#contenu option.optiongras{
background:#a6cbde;
font:inherit;
font-weight: bold;
}


 .button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none!important;
	padding: .3em .3em .3em ;//Top Right Bottom Left
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .4em; 
	-moz-border-radius: .4em;
	border-radius: .4em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	margin-bottom:5px;
	width:120px;
}
.button:hover {text-decoration: none;color:#000000!important;}
.button:active {position: relative;top: 1px;}

.gauche{float:left;}
.droite{float:right;}

.blue {
	color: #fef4e9;
	background: #72c3e1;
	background: -webkit-gradient(linear, left top, left bottom, from(#72c3e1), to(#0e84b0));
	background: -moz-linear-gradient(top,  #72c3e1,  #0e84b0);
	background: -o-linear-gradient(#72c3e1,  #0e84b0);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#72c3e1', endColorstr='#0e84b0');
}
.jaune {
	color: #fef4e9;
	background: #FFCC33;
	background: -webkit-gradient(linear, left top, left bottom, from(#eefb43), to(#d0df05));
	background: -moz-linear-gradient(top,  #eefb43,  #d0df05);
	background: -o-linear-gradient(#eefb43,  #d0df05);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eefb43', endColorstr='#d0df05');
}
.blue:hover, .jaune:hover{
	background: #CCCCCC;
	background: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#666666));
	background: -moz-linear-gradient(top,  #CCCCCC,  #666666);
	background: -o-linear-gradient(#CCCCCC,  #666666);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#666666');
}
/******** STYLE TABLEAU MODULE DEFAUT *********/
#contenu table.module{
width:840px;
margin-right:auto;
margin-left:auto;
}

#contenu td.cellule{
background:#a6cbde;
font:13px/1.2em Verdana, Helvetica, sans-serif;
text-align:center;
padding:4px;
border : thin solid #20b4e2
}
._light{
background:#FFFFFF!important;
text-align:left!important
}

/*********************************************/

/*Puces et liste de base*/
#contenu div.liste ul, #contenu div.aide_saisie ul{
	list-style:none;
	font:inherit;
}
#contenu div.liste ul li, #contenu div.aide_saisie ul li{
	margin-top:1.2em;
	color:#424242;
	font:12px/1.2em Verdana, Helvetica, sans-serif;
	padding-left:30px;
	min-height:20px;
	background:url(charte_2011/li.jpg) no-repeat top left;
}
/*Calque pour le paramètrage utilisateur à la saisie*/
#contenu div.param_stat{
	border-width: 1px 1px 1px 8px;
	border-style: solid;
	border-color: #2F4CFB;
	padding: 0px 5px 10px 10px;
	margin-bottom: 1em;
	-moz-border-radius:6px 0px 0px 6px ;
	text-align:left;
	background: #B1BCFF;
}
#contenu div.param_stat ul{
	margin-left:14px;
}
#contenu div.param_stat ul li{
	margin-top:1.2em;
	color:#FFFFFF;
	font-weight:bold;
}
#contenu div.param_stat p{
	font-weight:inherit;
	color:#424242;
}

#contenu img.rouge1{border:medium solid #FF0000!important;}
#contenu img.rouge0{border:none!important;}
#contenu div.chronique{height:250px;white-space: nowrap;overflow: auto;width:820px;}
#contenu div.dispo{
float:right;
width:200px;
text-align:center;
padding-top:4px;
margin-left:6px;
margin-bottom:10px;
max-height:390px;
overflow: auto;
}