.consigne {
	background-color: #b8cde1;
	width: 60%;
	margin-right:auto;
	margin-left:auto;
	padding: 8px ;
    box-shadow: 1px 1px 12px #555;   
}

.consigne p {
	font-family: Arial, Helvetica, sans-serif;
font-size: 14px;

}
.mess_erreur {
	background-color: #EFAFF2;
	width: 80%;
padding: 8px ;
    box-shadow: 1px 1px 12px #555;
    	margin-right:auto;
	margin-left:auto;

}


.bouton_sup{
     border:none;
     color:#fff;
     background: transparent url('../../images/sup.png') no-repeat ;
     height:20px;
}

.bouton_dupliquer{
     border:none;
     color:#fff;
     background: transparent url('../../images/dupliquer.gif') no-repeat ;
     height:20px;
}

.bouton_enregistre{
     border:none;
     color:#fff;
     background: transparent url('../../images/enregistrer.gif') no-repeat ;
     height:20px;
}

.croix_rouge{
     border:none;
     color:#fff;
     background: transparent url('../../images/croix_rouge.gif') no-repeat ;
     height:20px;
}

.croix_verte{
     border:none;
     color:#fff;
     background: transparent url('../../images/croix_verte.gif') no-repeat ;
     height:20px;
}

.message_erreur{
	color: red;
}

h1{
	text-align: center;
	color: #2277A8;
}

h2{
	color: #165E87;
}

a.info{
    position:relative; 
    z-index:24; 
    //background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
 top:2em; left:2em; width:25em;
 border:1px solid #6699cc;
 background-color:#eeeeee; color:#6699cc;
 text-align: justify;
 font-weight:none;
 padding:1px;   
 }


.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */

.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */