/**********************************************************
			BODY
***********************************************************/
body {

/*	background: #dea ;
	background-image:url(/images/all/fond.gif);
	background-repeat:repeat;
	background-color:#006633;*/
	
	/* seulement IE */
	/*
	scrollbar-face-color:#FFFFFF; 
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#666666; 
	scrollbar-3dlight-color:#CCCCCC; 
	scrollbar-arrow-color:#BCBDC0; 
	scrollbar-track-color:#BCBDC0; 
	scrollbar-darkshadow-color:#E5E5E5; 
	scrollbar-base-color:#FFFFFF;
	*/
	background-attachment:fixed;
	margin: 0px 0;
	padding: 0;


	/* Default font */
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
/*	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11pt; */
	color:#000000;
	text-align: center ;

	
	link:#000000;
	vlink:#000000;
}
a {
	color:#000000;
	text-align:center;
	vertical-align:middle;	
	text-decoration:none;
}
a:hover {
	color:#999999;
	text-decoration:underline;
	
}

/**********************************************************
			TD
***********************************************************/

.sepMenu{
	width:15px;
	background: url(../images/design/sepMenu.gif) repeat-y;
	margin: 0 ;
	z-index:2; 
}

/*  plus ici, car le nom de l image est dynamique (dans html.php)
.cardeDonnee{

	background: url(../images/design/fondDonnee3.jpg) no-repeat bottom right;
	margin: 0 ;
	z-index:2; 
}
*/

/*************************************
  style du Menu
************************************/

.listeMenu{
	/*border: 3px solid #327A44;*/
	background: url(../images/design/fondHautMenu.gif) repeat-y left;
	width:200px;
	vertical-align:top;
}
.logoMenu{
	/*border: 3px solid #327A44;*/
	background: url(../images/design/fondMenu.jpg) no-repeat bottom left;
	width:200px;
	height:300px;
}

.menuOFF {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:center;
	font-weight:bold;
	font-size:12px;	
	height:20px;
}
.menuOFF a {
	color:#000000;
	text-decoration:none;
}
.menuOFF a:hover {
	color:#999999;
	text-decoration:none;
}


.menuON {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	height:20px;
	text-align:center;
	font-weight:bold;
	font-size:12px;
}
.menuON a {
	color:#999999;
	text-decoration:none;
}
.menuON a:hover {
	color:#999999;
	text-decoration:none;
}

/***********************************************
     divers style pour le site
***********************************************/

.explorateur{
	border:1px solid #000000;
	background-color:#EEEEEE;
	padding:10px;
	margin:10px
	color:#000000;
}
.explorateur a {
	color:#000000;
	text-align:center;
	vertical-align:middle;
	text-decoration:underline;
}
.explorateur a:hover {
	color:#999999;
	text-decoration:none;	
}


.chemain {
	font-style:italic;
	color:#666666;
}

.aucun {
	font-style:italic;
	color:#666666;
	width:100%;
	text-align:center;
}

.textDonnee{
	font-size:16px;
	vertical-align:middle;
	border:1px solid #000000;
	background-color:#EEEEEE;
	margin:10px;
}

.libelle2Form{
	font-weight:bold;
/*	border-bottom:1px solid #FFFFFF; */
	height:30px;
	font-size:16px;
}

.champForm{
	background-color:#FFFFFF;  /* <- changer aussi ici pour la couleur de fond */
	color:#000000;
	font-size:11px;
}

.formulaireConnexion{
	border:1px solid #000000;
	background-color:#EEEEEE;
	padding:10px;
	margin:10px;
}

.titreMenu{
	text-align:center;
	font-size:16px;
	font-weight:bold;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	height:25px;
}

.cardeDonnee{
	background-color:#FFFFFF; /* couleur du fond du cadre contenant les donnees*/
	vertical-align:top;
	text-align:center;
	padding:20px;
	color:#000000;
}

.cardeMessageInfo{
	border:1px solid #000000;
	background-color:#999999;   /*  <- couleur de fond - - un peu ...plus clair quoi */
	text-align:center;
	padding:5px;
	font-size:11px;
}

.textAccueil{
	text-align:justify;
	font-size:16px;
	font-weight:bold;
	border:1px solid #000000;
	background-color:#EEEEEE;
	text-align:center;
	padding:20px;
	margin:20px;
}
.textAccueil a {
	color:#000000;
	text-align:center;
	vertical-align:middle;	
	text-decoration:underline;	
}
.textAccueil a:hover {
	color:#999999;
	text-decoration:none;
}

.divGrade{ 
	text-align:center; 
	vertical-align:middle;
	height:130px;
} 

.enConstruction{
	border:1px solid #000000;	
}

.petitText{
	font-size:10px;
	text-decoration:underline;
}
.ligneTabBas{
	border-bottom:1px solid #999999;
}

.lienPhoto{
	border:3px solid #000000;
}
/* les deux style suivant sont identique, mais cela permet d etre compatible avec plus de navigateur */
.lienPhoto:hover{
	border:3px solid #999999;
}
.lienPhotoON{
	border:3px solid #999999;
}

/*************************************
  style des boutons
************************************/
.bouton{
	border:1px solid #000000;
	background-color:#999999;   /*  <- couleur de fond - - un peu ...plus clair quoi */
	text-align:center;
	vertical-align:middle;
	margin:10px;
	padding:10px;
	padding:5px;
	font-size:11px;
}

.bouton a {
	text-decoration:none;
}
.bouton a:hover {
	color:#FFFFFF;
}
/*******************************************************************
   style pour les bulles. Il FAUT definir width et height,
   ici ou dans le tag HTML
  *********************************************************/
.sbulle {
	position:absolute; visibility:hidden;
	background:#ffa; padding:4px; text-align:left;
	border:2px solid black;
}


.titreTab{
	font-weight:bold;
	text-decoration:underline;
}

.tabLigneImpair{
	background-color:#AAAAAA;   /*  <- couleur de fond - - un peu ...plus clair quoi */
	font-size:11px;
	height:35px;
}
.tabLigneImpair hover{
	background-color:#AAAAAA;   /*  <- couleur de fond - - un peu ...plus clair quoi */
}
.tabLignePair{
	background-color:transparent;
	font-size:11px;
	height:35px;
}
.tabLignePair hover{
	background-color:transparent 
}

.cadreTransparent{
	background-color:#FFFFFF;
	border:1px solid black;
}