/* Affichage uniquement écran */
body {
	background-color: #AA9A6D;/*#FFFFCC;////#ffcc99;//#CCFFCC;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #13050D;
	
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #632626;
}
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;*/
	color:#003300
}


/* 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;
	list-style-type: none;

}
.bouton li a { /* Transforme tout le bouton en lien hypertexte*/
	background-image: url(../Logos/Brefletc.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:#8A4A39;	
		color:#000000;
			border-radius: 10px;     
			-moz-border-radius: 10px; 
			-webkit-border-radius: 10px; 
		padding:3px;
	}
	div#ColonneGauche a{
		color:#FFFF66;
	}
	div#ColonneGauche a:visited{color:#E0FFFF; font-weight: bold;}
	div#ColonneGauche a:hover{border:1px solid #cccccc;margin:0px;padding:2px 4px 4px 7px;
	background-color:#f1f1f1;text-decoration:none;color:#3333CC;}
	
	div#ColonneGauche ul {
		padding-left:2px;
	}
	div#ColonneGauche li {
		
		list-style-type: none; /* Retire les puces */
		overflow:visible; /* Permet de forcer l'affichage si tout le contenu n'est pas affiché*/
		/*height: 30px; /* Taille du bouton*/
		font-weight: 900;
		color:#FFFF66;

	}
	div#ColonneGauche li a:visited { /* Lien ayant été cliqué*/
    	color:#193000;
	}
	div#ColonneGauche li a:link { /* Lien normal non encore visité*/
		color:#000000;
	}
}
@media print {
   div#ColonneGauche{width:0px; display:none; visibility:hidden;background-color:red;}
}

	.Banniere{ /* Banniere MCDBEN */
	height:80px;	left:150px;	position:absolute;	background-color:#CC9966;
			border-radius: 10px;     
			-moz-border-radius: 10px; 
			-webkit-border-radius: 10px; 
		padding:3px;
	}
@media screen {
	.Centre{
	top:98px;
	left:150px;
	position:absolute;
	/*width: 520px;/*569px;*/
	border-radius: 10px;


			-moz-border-radius: 10px; 
			-webkit-border-radius: 10px; 
	padding:3px;
	}
}
@media print {
	.Centre{
		top:75px;
		left:0px;
		width:100%;
		position:absolute;
		border:hidden;
	}
}

.Cc1{
	position:absolute;	
	top:100px;left:150px;
	padding:4px;
	height:200px;	
	width:300px;	
	background-color:#FFCC99;
		
		border-right-color:#999999;
	border-right-style:outset;
	border-bottom-style:groove;
	border-bottom-color:#999999;/*border-bottom-color:#003333;*/


			/*dégradé*/
		background-image: -moz-linear-gradient(left,#CC9966, #FFCC99);  
		background-image: -webkit-gradient(linear,left center, right center,from(#CC9966),to(#FFCC99));
	border-radius: 10px;
	-moz-border-radius: 10px;
}
@media print {
	.Cc1{
		left:0px;
	}
}


#entete {
	/*background-color: #3333CC;*/
	height: 10%;
	float: left;
	visibility:hidden;
}
#Conteneur{
	height: 100%;
	/*background-color: #66CCFF;*/
}
#Menu {
	background-color:#FFCC99;
	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 ---------------------------------------------------------------------*/
ul#menu_horizontal li { 
	display : inline;
	padding : 0 0.5em; /* Pour espacer les boutons entre eux */
}
ul#menu_horizontal {
	list-style-type : none; /* Car sinon les puces se placent n'importe où */
}


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(../Logos/Brefletc.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(../Logos/Brefletv.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:#3333CC;}
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;
}

.signal{
	background-color:#3B3B3B;
	color:#C46200;
	border:#780000;
	border-style:double;
	font-weight: bold;
}
.alert{
	background-color:#FF9933;
	color:#181564;
	border:#FF0000;
	border-style:double;
	font-weight: bold;
}