/*		COULEURS
 couleur de fond : #ffffff
 rouge : #E01F26
 orange: #CF3822
 jaune : #FFDC00
 vert  : #C4CE00
 */
@media screen {
	* {font-family: Verdana, Helvetica, Arial, sans-serif;font-size:12px;color:#000000;}
	
	BODY {}
	img  {border:0;}
	.clear { clear:both; } /* notamment pour BR */
	#titrePage0 {margin:2px;font-size:16px;clear:both;color:#E01F26;}
	#titrePage1 {display:inline;margin-left:5px;font-size:13;}
	#titrePage2 {font-size:12px;}
	#titrePage0, #titrePage1, #titrePage2 {margin-bottom:10px;margin-top:10px;font-weight:bold;white-space: nowrap;}
	H1, H2		{margin:10 0 10 0px;text-transform:uppercase;padding-left:35px;font-weight:bold;}
	H1			{font-size:14px;color:#E01F26;border-bottom:2px solid#C4CE00;text-align:center;}
	A.h1lien	{font-size:14px;color:#E01F26;padding:5px}
	A.h1lien:hover	{font-size:14px;color:#E01F26;background-color:#FFDC00;}
	H2			{font-size:13px;color:#C4CE00;border-bottom:2px solid#FFDC00;margin-left:10px;}
	A			{text-decoration:none;}
	P			{text-align:left;}
	P.centre	{text-align:center;}
	.important	{font-weight:bold;}
	.lienSouligne  {color:#E01F26;cursor:<?php echo($_SESSION['styleCurseurPointer']); ?>;text-decoration:underline;}
	.lienSemiSouligne:hover {cursor:<?php echo($_SESSION['styleCurseurPointer']); ?>;text-decoration:underline;}
	html\:abbr,.plusDinfo {cursor:help;border-bottom:1px dashed #000000; }
	.sansRetourLigne {white-space:nowrap;}
	LABEL {font-weight:bolder;margin-right:10px;}
	
/******************************************************************************************************
							MESSAGES
******************************************************************************************************/
	#flashMessage {
		color:#E01F26;
		padding: 5px;margin: 10 px;
		font-size:large;
		clear:both;
		background-color:yellow;
	}
	#message, .form-error, .error-message {color:#E01F26;font-weight: bold;margin:10px;font-size:larger;}
	#message	{text-align:center;}
	#divMessage {position:absolute; top:0; left:0; height:290%; width:100%;display:none;background-color:#a0a0a0;
				-moz-opacity:0.38; opacity:0.38; filter:alpha(opacity=38); -khtml-opacity:0.38;z-index:1;}
	#divMessageTexte {position:absolute; top:600; left:200;text-align:center;
							margin-top:500px;width:100%;float:left;z-index:2;}

/******************************************************************************************************
							CADRES PRINCIPAUX
******************************************************************************************************/
	#principal		{margin:auto;text-align:center;width:95%;}
	#bandeau		{float:left;padding-right:10px;}
	#sommaire		{display:inline;float:left;z-index:1;clear:right;background-color:#000000;margin-bottom:10px;}
	#contenuCentral {margin:0px;padding-top:10px;background-color:#ffffff;float:left;clear:left;width:850px}
						/* float left pour bien encadrer tout les divs contenus, qui eux-même ont float left */
	#contenuTexte	{float:left;padding:10px;text-align:left;}
	#bas			{float:left;width:850px;padding:2 0 2 0px;text-align:center;color:#ffffff;margin-top:10px;border-top:#E01F26 solid 2px;font-size:9px;font-weight:bold;}
	#bas A			{color:#ffffff;font-size:9px;font-weight:bold;}
	
	FIELDSET.login			{background-color:#000000;text-align:center;border:0px;display:inline;}
	.boutonLogin,.login		{color:#000000;border:0;background-color:#000000;}
	.bouton			{background-color:#FFDC00;
						border:1px solid #C4CE00;font-size:larger;
						color:#E01F26;margin:15px;padding:5px;font-weight:bolder;}
	.bouton:hover	{border:1px solid #FFDC00;color:#E01F26;background-color:#C4CE00;}

/******************************************************************************************************
							PAGINATION
******************************************************************************************************/
	#pagination, .pagination, #paginationaffichageBdd, .paginationaffichageBdd, #paginationmediateca, .paginationmediateca  {font-weight:bold;margin:5px;padding:2px;}
	.paginationmediateca:hover, .paginationaffichageBdd:hover, .pagination:hover {text-decoration:underline;}
	.paginationaffichageBddEnCours, .paginationmediatecaEnCours, .paginationEnCours {font-weight:bold;margin:5px;padding:2px;border:#000000 dashed 1px;}

/******************************************************************************************************
							FORMULAIRES
******************************************************************************************************/
	FORM {margin:10px; clear:left;}
	.explicationForm {
		margin-left:5px;
	}
	FIELDSET {
		margin:10px;
	}
	.formRecherche TD, .formRecherche {
		border:0px;
	}

/******************************************************************************************************
							TABLEAUX
******************************************************************************************************/
table {
	background: #fff;
	border:1px solid #ccc;
	border-left:0;
	clear: both;
	color: #333;
	margin: 10px;
}
th {
	background: #f2f2f2;
	border:1px solid #bbb;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	text-align: center;
}
th a {
	background:#f2f2f2;
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}
th a:hover {
	background: #ccc;
	color: #333;
	text-decoration: none;
}
table tr td {
	border-left: 1px solid #ccc;
	padding: 4px;
	vertical-align: top;
	white-space:nowrap;
}
table tr.tr2 {
	background: #f4f4f4;
}
table.index tr:hover, tr.clique {
	background: #FFFF00;
}
td.stockNegatif {
	background: #FF3300;
}
.current { /* pagination */
	font-weight: bold;
}
td.bordureGauche, th.bordureGauche {border-left: 4px solid #ccc;}
.sansBordures, .sansBordures TD {border:0px; margin:0px; padding: 0px;}

/******************************************************************************************************
							MENUS
******************************************************************************************************/
	#menu0	{ /* float left indispensable pour ul2niveau ds =>  UL, LI, A */
		float:left;
	}
	#menu1	{
	 	margin:10 5px;
	}
	#menu0 UL, #menu1 {
	 	list-style-type:none;clear:both;float:left;
	}

	#menu0 LI, #menu1 LI	{
		display:inline;
		margin:0px;
		float:left;
	}
	#menu0 A, #menu1 A {
		font-weight:bolder;
		padding:5px;
		float:left;}
	#menu0 A	{
		color:#E01F26;
		background-color:#FFDC00;
		border-bottom:#C4CE00 solid 3px;}
	#menu0 A.selectionne, #menu0 A:hover	{
		background-color:#C4CE00;
		color:#ffffff
	}
	#menu0 A.selectionne	{
		border-bottom:#FFDC00 solid 5px;
	}
	#menu1 A {
		background-color:#FFDC00;
		border-bottom:2px solid #E01F26;
		color:#E01F26;
	}
	#menu1 A:hover {
		color:#ffffff;
		background-color:#E01F26;
	}
}