body {
	scrollbar-3dlight-color: #E9EAEC;
	scrollbar-arrow-color: #C9CBCD;
	scrollbar-base-color: #C9CBCD
	scrollbar-darkshadow-color: #003E5C;
	scrollbar-face-color: #E9EAEC;
	scrollbar-highlight-color: #C9CBCD;
	scrollbar-shadow-color: #C3BEC2;
	scrollbar-track-color: #E9EAEC;
	background-image: url(images/interface/bg.gif);
	background-repeat: repeat-x;
	background-color: #E9EAEC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: bold;
	color: #333333;
	text-align: justify;
}

.legende
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: justify;
	font-weight: bold;
    padding:5px;
}

.legendenoir
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	  padding:5px;
	
    
}

.legenderouge
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #AD293E;
	text-align: justify;
	font-weight: bold;

}

.titre
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: bold;
	color: #AD293E;
	text-align: justify;
}


	
A {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

A:Hover {
   	font-family: Arial, Helvetica, sans-serif;	
	font-size: 10px;	
	color: #AD293E;
}


a.liens {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #AD293E;
	text-decoration: none;
}

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

a.liens:active {
   	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px;	
	color: #333333;
}
	
a.lien_blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

a.lien_blanc:hover {
   	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px;	
	color: #AD293E;
}

a.lien_blanc:active {
   	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px;	
	color: #AD293E;
}

a.theme {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

a.theme:hover{
   	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px;	
	color: #AD293E;
}

a.theme:active
{
   	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px;	
	color: #AD293E;
}

.titre2
{
   	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px;	
	font-weight: bold;
	color: #AD293E;
}



.textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	border: 1px solid #666666;
	background-color: White;
	}
	
.textfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	border: 1px solid #666666;
	background-color: White;
	}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	border: 1px solid #666666;
}

.titrephoto{

font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
.titreblanc{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.legendephoto{

font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	color: #333333;
	text-decoration: none;
}
.btsub {
   width: 36px;
   height: 22px;
   margin: 0;
   padding: 0;
   border: 0;
   background: transparent;/* on place l'image en arrière plan */
   text-indent: 3px;/* On cache le texte de substitution (très loin car Opera l'affiche même en dehors du boutton : il faut donc le faire sortir de la page)*/
   cursor: pointer;  /* pour transformer de pointeur en main */
}
.none {
	background-color: transparent;
	border: 0px;
}
div.scroll {  
overflow-y:auto;
height: 552px;  
}