.contourgris {
	border: thin dashed #DDDDDD;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: center center;
}

input{
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
}

textearea{
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
}

select{
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
}

.gris {
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

.gris:hover {
	color: #2168D3;
	text-decoration: underline;
}

.promo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.promo:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2168D3;
	text-decoration: underline;
}

.bleugras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #2168D3;
}

.bleu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2168D3;
	text-decoration: none;
}
.bleu:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}

.petitgris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}
.petitgris:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #2168D3;
	text-decoration: underline;
}

.grisnormal {
	color: #333333;
	font-size: 10px;
}

.alerte {
	color: #FF0000;
	font-size: 11px;
	font-weight: bold;
}

.rouge {
	color: #FF0000;
}

.petit {    
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 9px;
}

.petitgrisleger {    
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 9px;
}

.petitbleu {    
	font-family: Arial, Helvetica, sans-serif;
	color: #2168D3;
	font-size: 9px;
}

.box {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
}

.froid{
	color: #2168D3;
	font-size: 11px;
	font-weight: bold;
}

.chaud{
	color: #F5870A;
	font-size: 11px;
	font-weight: bold;
}

.vert{
	color: #79F708;
	font-size: 11px;
	font-weight: bold;
}

.prod{
	color: #2168D3;
	font-size: 14px;
	font-weight: bold;
}

.blanc{
	color: #FFFFFF;
	font-weight: bold;
}

.noir{
	color: #000000;
	font-weight: bold;
}

.bgcarte1{
  color: #000000;
	font-weight: bold;
	background-color: #79F708;
}

.bgcarte2{
  color: #FFFFFF;
	font-weight: bold;
	background-color: #2168D3;
}

.bgcarte3{
  color: #FFFFFF;
	font-weight: bold;
	background-color: #F5870A;
}

C8DEFF

.bgpromo{
	background-color: #C8DEFF;
}

/* --- static menu styles ---
note:
	1. not all browsers render styles the same way so try out your style sheet
	on different browsers before publishing;
style naming convention:
	m<zero based menu number>l<zero based level number>i|o<for inner or outer tag>
*/


.m0l0o {
	border: 1px solid #ffffff;
	text-decoration: none;
}

.m0l1o {
	border: 1px solid #ffffff;
	text-decoration: none;
}

.m0l2o {
	border: 1px solid #ffffff;
	text-decoration: none;
}

.m0l0i {
	font-size: 11px;
	font-family:Arial,Verdana,helvetica;
	padding: 2px;
	text-decoration: none;
}

.m0l1i {
	font-size: 11px;
	font-family: Arial,Verdana,helvetica;
	padding: 2px;
	text-decoration: none;
}

.m0l2i {
	font-size: 11px;
	font-family: Arial,Verdana,helvetica;
	padding: 2px;
	text-decoration: none;
}


.mc1 {  
  font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: 222A6D; 
	background-color: #FFFFFF; 
	height: auto; 
	width: 85px; 
	border: 1px #999999 solid;
}
.mc2 {  
  font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	color: #222A6D; 
	text-decoration: none;
}
.mc2:hover {  
  font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	color: #FA050D; 
	text-decoration: none;
}