body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}

.surlignage:hover {
	background-color: #FFFF99;
}

p {
	text-align: justify;
	margin: 0 5px 0 5px;		/* haut droite bas gauche */
}
.panier {
	text-align:center; 
	border: solid 1px #ccc;
	background: #fc0;
	padding: 5px;
	margin: 5px;
	/* height:35px; */
	
	/* CSS3 rounded corners */
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
	
	/* CSS3 Box Shadow */
    -moz-box-shadow: 5px 5px 5px #777;
    -webkit-box-shadow: 5px 5px 5px #777;
    box-shadow: 5px 5px 5px #777;		/* décal horiz vers droite (peut être négatif, donc vers la gauche), décal vert vers bas (peut être négatif), blur distance, spread distance, couleur, intérieur (inset) ou extérieur (défaut)*/
	 
}
.chapi { 
	background-color: #ccff99;
	background-image: url(images/metal2.gif);
	background-repeat: repeat-x;
	height:18px;
	font-size:13px; 
	font-weight:bold; 
	color:#04a2e2;
	margin:3px 0px 3px 0px;	
	padding:5px 0 0 10px;
}

.chapiform { 
	border-right:1px solid #ddeeff;
	margin:0 10px 0 10px;
	width:600px;
}

a {  
	color: #339966; 
	text-decoration: none;
}

a:hover {  
	background-color: #dddddd; 
	color: #339966; 
}

.menucolonne {
	border-right:solid #ddeeff 5px; 
	width:190px;
}

.menu { 
	background-color: #fff;
	border-left:1px solid #F1FFE3;
	border-top:1px solid #F1FFE3;
	border-bottom:3px solid #F1FFE3;
	border-right:3px solid #F1FFE3;
	margin:0 10px 8px 0;
	padding:3px 10px 2px 10px;
	width:170px;
}

td {  
	font-size: 10pt; 
	color: #000000;
}

.textfield {
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #4D4D4D;
}

.textfieldred {
	font-size: 10px;
	color: #FF0000;
	background-color: #FFFFFF;
	border: 1px solid #4D4D4D;
}

.petitsubmit {
	font-size: 10px;
	color: #000000;
}

.famille {
	font-family: Arial, Helvetica, sans-serif;
	height:30px;
	background-color: #dddddd;
	font-size:16px;
}

.activite {
	font-family: Arial, Helvetica, sans-serif;
	height:30px;
	background-color: #eeeeee;
}

.eval1 {
	height:30px;
	background-color:#99FF99;
	border:solid #555555 1px;	/* vert, entouré */
	text-align:center;
}

.eval2 {
	background-color:#FFFF66;
	height:30px;
	border:solid #555555 1px;	/* jaune, entouré */
	text-align:center;
}

.eval3 {
	height:30px;
	background-color:#FF9933;
	border:solid #555555 1px;	/* orange, entouré */
	text-align:center;
}

.eval4 {
	height:30px;
	background-color:#FF0000;
	border:solid #555555 1px;	/* rouge, entouré */
	text-align:center;
}

.exigence {
	height:30px;
	background-color:#999999;
	border:solid #555555 1px;	/* gris, entouré */
	text-align:center;
}

.legende {
	background-color:#f1f1f1;
	border:solid #aaa 1px;	/* gris, entouré */
	margin:0 10px 8px 0;
	padding:10px;			/* haut droite bas gauche */
}