/* 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;
}


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



form {
	background-color: #CCCC99;
}
form.p {
	background-color: #FFFFCC;
}
.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
 	background-color: #99CC00; color: #003333;
}

.erreur {/* Style des erreurs dans actu.php*/
	color="#ff5566";
	face="Arial";
	font-size: 11pt;
	font-weight:600; 
}

/* Faire du drag and dropt*/
.indication{
	height: 30px;
	position: absolute;
	border-width:1px;
	z-index:0;
}
.reception{
	width: 150px;
	height: 50px;/* 65 ?*/
	background-color: #CCCCCC;
	position: absolute;
	z-index:0;
}

.etiq{
	width: 150px;
	height: 50px;
	left: 10px; /*-34 ?*/
	cursor: move;
	position:absolute;
	background-color:#FFFFCC;
	z-index:99;
	top: 110px;
}
.actif {
	background-color: #FFFFCC;
}
.mauvais {
	background-color: #CC9999;
}
.bon {
	background-color: #99FFCC;
}
.base{
	cursor: pointer;
	position:absolute;
	border: 1px none #000000;
	background-color: #00FFFF;/*layer-*/
	visibility:hidden;
	z-index:-2;
}
.glisse{
	width: 20px;
	left:600px;
	height: 8px;
	/*font-size: 8px;*/
	cursor: move;
	position:absolute;
	background-color:#FFFF66;/*#00FFFF;#FFFFCC;*/
	border-width:1px;border-style:solid; border-color:red;
	z-index:99;
	filter: alpha(opacity=100, finishopacity=10, style=2, startx=0, starty=50, finishx=50, finishy=50);
	/*	filter: Alpha(Opacity=100, FinishOpacity=10, Style=2, StartX=0, Starty=50, FinishX=50, FinishY=50);
*/
	/*filter: glow(color=#C0C0C0, strength=10);*/
	/*opacity: 0.60;*//* pour CSS3*/

}

#menuup {/* Pour avoir une div flottante*/
	/*left:40%;*/
	top:50px;/*Voir la divfix.js */
	visibility='show';
	position: absolute;
	/*z-index: 100;*/
	 width:100%;
	 background-color:#FFFF99;
	 right:0;
} 


/* Pour faire une division propre de l'écran -------------------------------------------------*/
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;}

.Centre{
	top:90px;
	left:150px;
	position:absolute;
}
div#Centre ul {
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 30px;
}

div#Centre li {
	float:left; /* Permet de positionner latéralement les boutons*/
    list-style-type: none; /* Retire les puces */
	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:center;
	font-weight: 900;
	color: #990066;
}

div#Centre li a { /* Transforme tout le bouton en lien hypertexte*/
	background-image: url("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'odre link, visited, hover, actif est impératif*/
div#Centre li a:link { /* Lien normal non encore visité*/
    color: #000000;
    font-weight: bold;
    background-color: #CCCCCC;
    border-style: outset;
}
div#Centre li a:visited { /* Lien ayant été cliqué*/
    font-weight: normal;
	background-image: url("inc/Bv.png"); /* On met une image inversée */
    border-style: groove;
	color: #990066;
}
div#Centre li a:hover { /* On passe sur le lien */
    font-weight: bold;
    color: #FFFF66;
    background-image:none; /* On retire l'image pour faire apparaître le fond*/
	background-color: #999999;
    border-style: ridge;
}
div#Centre li a:active { /*Lien sur lequel on est en train de cliquer*/
    font-weight: bold;
    color: #FFFFFF;
	background-image:none; /* On retire l'image */
    background-color: #FF6666;
    border-style: inset;
}












#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("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("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;
}