html,body{ 
/*  
font-family: "Adobe Caslon Pro";
color:#8E99B0;
font-size: 14px;    */ 
   font-family: Arial, Helvetica, sans-serif;
   color:#000000;
   font-size: 14px; 
   background-color:#FFFFFF;
   margin: 0;  /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
   padding: 0; 
   text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
}

/* menu */
#menuDeroulant
{
	width:auto;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0px;
	top: 0px;
 /* 
 1 - width: 960px;
 3 - border: 0;
 4 - padding: 0;

 7 - top: 0;
 8 - left: 160px;
*/
}

#menuDeroulant li
{
 float: left;
 width: 160px;
 margin: 0;
 padding: 0;
 border: 0;
}

#menuDeroulant li:hover > .sousMenu { display: block; }

#menuDeroulant .sousMenu
{
 display: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
}
#menuDeroulant .sousMenu li
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
 width: 159px;
/* border-top: 1px solid transparent;
 border-right: 1px solid transparent; */
 border-top: 1px solid white;
 border-right: 1px solid white; 
 background-color:#8E99B0;
}
  
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
 display: block;
 height: 1%;
 color: #FFF;
 background: #8E99B0; 
 margin: 0;
 padding: 4px 8px;
 border-right: 1px solid #fff;
 text-decoration: none;
}
#menuDeroulant li a:hover { background-color:#5F879D; }
#menuDeroulant li a:active { background-color: #5F879D; }

#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
 display: block;
 color: #FFF;
 margin: 0;
 border: 0;
 text-decoration: none;
 background: transparent url("fondTR.png") repeat;
}

#menuDeroulant .sousMenu li a:hover
{
color:#000000;
 background-image: none;
 background-color: #5F879D; 
}

/* fin du menu */

table {
border-width:1px;
font-size:14px;
border:none;
}

/* tableau colonne */

td {
font-size:12px
}


th {
background-color:#8E99B0;
color:#FFFFFF;
text-decoration:none;

}


/* lien non souligne */
a {
color:#FFFFFF;
text-decoration:none;
text-align:center;
/* font-weight:bold; */
}

a:over {
color:#FFFFFF;
text-decoration:none;
}

/* infobulle 2 */
.infobulle{
    position: absolute;   
    visibility : hidden;
    border: 1px solid Black;
    padding: 10px;
    font-family: Verdana, Arial;
    font-size: 10px;
    background-color: #8E99B0;
	color:#FFFFFF;
}

/* fin infobulle 2 */

/* ************************ *
 * style pour formulaire    *
 * ************************ */
/* bouton applicatif */
.bouton { font-family:Arial, Helvetica, sans-serif; 
font-size:14px;
/* font-weight:bold; */ 
color:#FFFFFF; 
/* display:block;  
width:140px;    */
width:160px;
text-decoration:none;
border-bottom-width:2px;
border-bottom-style:solid;
border-color:#DCDCDC #696969 #696969 #DCDCDC;
background-color:#8E99B0;
/* background-image:url(img/bt_hauteur_ON.gif) */
}

.boutonover { font-family:Arial, Helvetica, sans-serif; 
font-size:14px;
/* font-weight:bold; */
color:#FFFFFF; 
/* display:block;  */ 
width:160px;
text-decoration:none;
border-bottom-width:2px;
border-bottom-style:solid;
border-color: #696969 #DCDCDC #DCDCDC #696969;
background-color:#6A7BBD;
/* background-image:url(img/bt_hauteur_ON.gif) */
}

/* boutons classiques submit et reset et button */
input[type=submit], input[type=reset], input[type=button] {
border:2px outset #A6BEDE;
color:#FFFFFF;
*/ font-weight:bold; */
cursor:pointer;
background-color:#8E99B0;
width:100px;
}
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover {
border:2px outset white;
color:#FFFFFF;
background-color:#336699;
}
input[type=submit]:active, input[type=reset]:active, input[type=button]:active {
border:2px inset #A6BEDE;
background-color:#336699;
color:white;
} 

/* zone de saisie */
input[type=text], input[type=password] {
background-color:#8E99B0;
}

/* liste deroulante */
select, option {
background-color:#8E99B0;
}
/* text sur plusieur lignes */
textarea {
border:1px solid black;
background-color:#8E99B0;
}


.bandeau {
	color: #FFFFFF;
	font-family: "Adobe Caslon Pro";
	font-size: 36px;
	font-weight: bold;
}

.fdgrey {
	background-color: #CCCCCC;
	color: #000000;
}
.fdgris {
	background-color:#999999;
	color: #000000;
}




.ylbouton a {
width:150px; 
height:30px; 
text-decoration:none; 
color:white;
text-align:center; 
font-weight:bold; 
background-color:#000080;
padding:5px
}

.ylbouton a:hover{
background-color:#0000FF;
background-image:url(aqua.jpg);
}

.ylbouton p{
text-align:center;
padding:5px;
}


.navigation { font-family:Arial, Helvetica, sans-serif; 
font-size:16px;
font-weight:bold; 
color:#CC6600; 
display:block; 
width:140px; 
text-decoration:none;
background-color:#3399CC;
background-image:url(img/bt_hauteur_ON.gif)
}


.navigationover { font-family:Arial, Helvetica, sans-serif; 
font-size:16px;
font-weight:bold; 
color:#CC6600; 
display:block; 
width:140px; 
text-decoration:none;
background-color:#CCCCFF;
}







.fdmenu {
	background-color: #3d4084;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	font-variant: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.fddetail {
	background-color: #3d4084;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	font-variant: normal;
	font-family: Arial, Helvetica, sans-serif;
}

.fdmenu2 {
	background-color: #7387B2;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	font-variant: normal;
	font-family: Arial, Helvetica, sans-serif;
}

.fdrouge {
	background-color: #e96853;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}
.fdivoir {
	background-color: #F1F1C5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}
.fdrep {
	background-color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}
.fdnoir {
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}
.fdbleu {
	background-color: #7387B2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}
.fdbleu2 {
	background-color: #3d4084;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;	
}
.fdjaune {
	background-color: #ffffcc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}
.fdbleu3 {
	background-color: #ccffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}
.fdblanc {
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}
.etstab {
	background-color: #7387B2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;

}
.etstab2 {
	background-color: #075a9c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;

}
.fer {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
}

.jaune {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fcfc7c;
}

.edit {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #7cfcc1;	
}
	
.noir {
	font-size: 14npx;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
}	
.blanc {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}	
.violet {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #b649b4;
}	
.rouge {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: RED;
}	
.vert {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #43bc60;
}	
.sauvegarde {
jaune    fbb103   orange fcfc7c
violet   df80ee
edit     fbb103
vert     7be674
}
.stectc {
	font-size: 12px;
	color: #FFFFFF;
	color: #facd9d;   #f9ea05   #f3fd01
	background-color: #51749B;
}
.ctc {
	font-size: 12px;
	color: #FFFFFF;
	background-color: #999999;
}
.ctctab {
	background-color: #CCCCCC;
	color: #000000;

}
.rech {
	font-size: 12px;
	color: #000000;
	background-color: #339966;
}

.rechtab {
	background-color: #4bb47d;
	color: #000000;

}


.adm {
	font-size: 12px;
	color: #000000;
	background-color: #FFCCFF;
}

.eta {    
	font-size: 12px;
	color: #FFFFFF;
	background-color: #FFFFCC;
}

.etafd1 {
	font-size: 12px;
	color: #000000;
	background-color: #FFFFCC;
}
.etafd2 {
	font-size: 12px;
	color: #000000;
	background-color: #336699;
}

.etafd3 {
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
}
.result {
	font-size: 18px;
	color: #FF9933;
	font-family: "Times New Roman", Times, serif;

}
.fdbleusmall {
	background-color: #7387B2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}
.fdgrissmall {
	background-color: #336699;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}
.fdgreysmall {
	background-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}
.fdgrfsmall {
	background-color: #8f9281;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}