/* Affichage uniquement écran */
body {
	background-color: #CCFFFF;/*#FFFFCC;////#ffcc99;//#CCFFCC;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #336699;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: red;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: blue;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FF9900;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #993300;
}
td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #333333;
}

bal{
    
}

a {
	font-size: 14px;
	color: #336600;
}


/* Au niveau des formulaires */
form {
	background-color: #CCCC99;
}
form.p {
	background-color: #FFFFCC;
}


.Info2{
	width:auto;

}
/* Lien bouton */
.bouton ul{ /* Transforme tout le bouton en lien hypertexte*/
padding-left:0;
margin-left:0;

}
.bouton li a { /* Transforme tout le bouton en lien hypertexte*/
	background-image: url("Enora/inc/B2.png"); /* On met une image inversée */
   	background-repeat: repeat; /* Le fond se répètera à droite et en dessous */
    height: 100%;
    width: 100%;
	padding-left:2px;
    display: block; 
	color: #000099;
    border-width: 6px;
	list-style-type: none; /* Retire les puces */
	list-style:none;
	/*float:left; /* Permet de positionner latéralement les boutons*/
	/*width: 150px;/**/
	overflow:visible; /* Permet de forcer l'affichage si tout le contenu n'est pas affiché*/
    /*height: 30px; /* Taille du bouton*/
   	/*margin: 5px; /* Ecartement les uns des autres */
	text-align:left;
	font-weight: 900;
	color: #990066;
}
.bouton li a:hover { /* On passe sur le lien */
    font-weight: bold;
    color: #000066;
    background-image:none; /* On retire l'image pour faire apparaître le fond*/
	background-color: #999999;
    border-style: ridge;
}




/* Pour faire une division propre de l'écran -------------------------------------------------*/
@media screen {
	div#ColonneGauche{	width:130px;	position:absolute;	background-color:#FFCC99}
	div#ColonneGauche a:visited{color:#000000;}
	div#ColonneGauche a:hover{border:1px solid #cccccc;margin:0px;padding:2px 4px 4px 7px;background-color:#f1f1f1;text-decoration:none;}
	
	.Banniere{ /* Banniere MCDBEN */
		heigth:80px;	left:150px;	position:absolute;	background-color:#CC9966;}
}
@media print {
   div#ColonneGauche{width:0px; display:none; visibility:hidden;background-color:red;}
}


@media screen {
	.Centre{
		top:90px;
		left:150px;
		position:absolute;
		width: 840px;/*569px;*/
		padding-left:2px;
	}
}
@media print {
	.Centre{
		top:80px;
		left:0px;
		width:100%;
		position:absolute;
	}
}


#entete {
	/*background-color: #3333CC;*/
	height: 10%;
	float: left;
	visibility:hidden;
}
#Conteneur{
	height: 100%;
	/*background-color: #66CCFF;*/
}
#Menu {
	background-color: #330066;
	width: 100%;
	/*float: left;*/
	height:auto;/* Permet notamment que la div suivante soit bien placée*/
	/*position:fixed;*/
	/*color: #ffffff;*/
}

#Contenu{/* d'information générale*/
	position:absolute;	
	width:100%;
	/*top:200px%;
	left:0px;/*margin-left: 200px;*/
}


/* Barre de navigation ---------------------------------------------------------------------*/
div#Navigation ul {
    margin: 0px;    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;    line-height: 20px;
}
div#Navigation li {
	float:left; /* Permet de positionner latéralement les boutons*/
    list-style-type: none; /* Retire les puces */
    height: 18px; /* Taille du bouton*/
    width: 200px;/**/
	/*overflow:scroll; /* En cas de dépassement */
    margin: 2px; /* Ecartement les uns des autres */
	text-align:center;	font-weight:900;	color: #990066;
}
div#Navigation li a { /* Transforme tout le bouton en lien hypertexte*/
	background-image: url("Enora/inc/B2.png"); /* On met une image inversée */
   	background-repeat: repeat; /* Le fond ne se répètera à droite et en dessous */
    height: 100%;    width: 100%;    display: block; 	color: #000099;    border-width: 6px;
}
/* Attention l'ordre link, visited, hover, actif est impératif*/
div#Navigation li a:link { /* Lien normal non encore visité*/
    color: #000000;    font-weight: bold;    background-color: #CCCCCC;    border-style: outset;
}
div#Navigation li a:visited { /* Lien ayant été cliqué*/
	color: #990066;    	font-weight: normal;	background-image: url("Enora/inc/Bv.png"); /* On met une image inversée */    border-style: groove;
}
div#Navigation li a:hover { /* On passe sur le lien */
    color: #FFFF66;	font-weight: bold;
    background-color: #999999;background-image:none; /* On retire l'image pour faire apparaître le fond*/
    border-style: ridge;
}
div#Navigation li a:active { /*Lien sur lequel on est en train de cliquer*/
    font-weight: bold;    color: #FFFFFF;
    background-color: #FF6666;background-image:none; /* On retire l'image */
    border-style: inset;
}


/* Création d'un sous menu ----------------------------------------------------------------------*/
.Bh1{
	clear:left; /* Permet d'annuler l'effet float et de commencer à la ligne suivante*/
}
.SMenu {
	clear:left; /* Permet d'annuler l'effet float et de commencer à la ligne suivante*/
    margin: 0px;
    padding: 0px;
	padding-top:10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 30px;/**/
}
.SMenu li {
	display: block; 
	float:left; /* Permet de positionner latéralement les boutons*/
    list-style-type: none; /* Retire les puces */
   /* height: 20px; /* Taille du bouton*/
   /* width: 200px;/**/
  	margin: 2px; /* Ecartement les uns des autres */
	/*margin-right:2px;*/
	text-align:center;
	font-weight: bold;
	background-color: #FFCC33;
	color:#000099;
	overflow:visible;
}
/* Attention l'odre link, visited, hover, actif est impératif*/
.SMenu li a:link { /* Lien normal non encore visité*/
    color: #000000;
    font-weight: bold;
    background-color: #CCCCCC;
    border-style: outset;
}
.SMenu li a:visited { /* Lien ayant été cliqué*/
    font-weight: normal;
    border-style: groove;
	color: #990066;
}
.SMenu li a:hover { /* On passe sur le lien */
    font-weight: bold;
    color: #FFFF66;
	background-color: #999999;
    border-style: ridge;
}
.SMenu li a:active { /*Lien sur lequel on est en train de cliquer*/
    font-weight: bold;
    color: #FFFFFF;
    background-color: #FF6666;
    border-style: inset;
}


a.btn{display:block;border-style: outset;color:#000099;	width:95%;	background-color:#99FF99}
a.btn:visited{color:#000000;}
a.btn:hover{background-color:#990000;color:#FFFF00;display:block;border:1px solid #cccccc;margin:0;padding:2px 4px 4px 7px;text-decoration:none;width:97%;}

.bleugras{
	color:#000099;
	font-weight:bold;
}
.rougegras{
	color:#CC6666;
	font-weight:bold;
}