/* FEUILLE DE STYLES POUR TOUS LES STYLES DE L'APPLICATION */
/* ------------------------------------------------------- */
/* ATTENTION, ici, on ne défini que le positionnement des espaces html !!! 
	les couleurs sont définies dans des feuilles spécifiques à chaque module.
	
	REMARQUE : le positionnement N'EST PAS en responsive design pour l'instant.
	cela viendra plus tard ? pourquoi pas ... quand j'aurais le temps ou la main d'oeuvre ...
*/
/* ------------------------------------------------------- */
/* les fonds d'écrans sont issus du site http://wallpaperswide.com */

* {font-family:Century gothic, arial, sans serif; font-size:9pt; margin:0;}
table {	border-collapse:collapse;}
a {text-decoration:none; }
body{}

#loginForm  {float:right;display:none;}											/* masquer les sous items */

/* menu de navigation principal */
	nav{height:23px;position: relative;z-index:999;} /*width:880px;margin:auto;}*/
	nav ul {padding:0;margin:0; list-style-type:none;text-align:center;font-weight:bold;} 		/* pas de marge ni de points, textes gras et centrés */
	nav li {float:left;padding:0;padding-bottom:5.5px;}	/* les lignes sont collées à gauche. padding-bootom pour que les subMenu puissent rester ouverts au déplacement de la souris */
	nav ul li a {display:block;float:left;min-width:130px;	/* les liens contenus aussi, on indique la largeur des onglets  */
		padding:0 6px 4px 6px;							/* et les marges intérieures */
	}
/* Styles du menu et de ses items */
	/* sous menu */

/* Styles du menu et de ses items */
	nav>ul>li:first-child {margin-left:5%;}										/* pas de marge à gauche pour le premier item ! */
	/* sous menu */
	nav ul li ul {display:none;}											/* masquer les sous items */
	/* au survol d'un item n0 */
	nav ul li:hover ul {display:block;}									/* afficher les sous listes en bloc au survol de l'item. note, l'item reste hover */
	nav     li:hover ul li {float:none;}									/* les sous item ne sont plus flottants (ils s'affichent l'un en dessous de l'autre) */
	/* positionner correctement les sous items */
	nav li ul  {position:absolute;top:23px;}								/* la sous liste masque le texte au lieu de le décaler et s'affiche en dessous de l'item */
	nav li ul li {margin-left:0;}											/* les sous items sont correctement alignés verticalement*/
	nav li ul li:last-child a  {border-radius:1px 1px 5px 5px;} 				/* changer la couleur au survol de la souris */

#menuTop ul {padding-left:0;}
#zmenuTop li { display:inline; margin:5px 5px 5px 5px; font-weight:bold; text-decoration:none;padding:0px;}
#zmenuTop a  { font-weight:bold; text-decoration:none;padding:0px 5px 0px 5px;}



/* Espace Principal */
/* marge négative pour l'aligner correctement avec le nav (#topMenu), 
	à cause du padding des li de nav pour que le menu déroulant fonctionne correctement 
*/
#pageMainSpace{float:left;margin-top:-5.5px;} 
#pageMainSpace{	width:90%;	margin-left:5%; min-width:900px;}

/* table principale , positionnement des menus avec la facilité de la hauteur des colonnes, + simple qu'avec des aside en html5 */
#pageMainTable{	width:100%;	padding:0;	height:500px;
	border-radius:0px 0px 10px 10px; 
	box-shadow :0px 5px 5px 4px #000;
	}
#pageMainTable td{ }

#mainTopLeft, #mainTopCenter, #mainTopRight{ margin:0; height:1px;}
#mainLeft, #mainRight { margin:0; width:200px;}
#mainRight { width:100px;}
#mainLeft { text-align:center;}


.menuContainer_left { margin:0; padding-left:0;}
.menuHeader_left  {list-style:none; font-weight:bold;}
.menuLine_left {margin:0; margin-top:5px; padding-left:0; list-style:none; }
.menuLine_left  {width:100%; }
.menuLine_left:hover {margin:0; margin-top:5px; padding-left:0; list-style:none; }

#mainCenter {padding:.5em;}
section {padding:.2em;}


#footerCopy {font-size:6pt; text-align:center;position:absolute;bottom:0;}

/* zone de filtres de la page des liste d'articles */

.filtreTitre{font-weight:bold; margin-bottom:5px;}
#filtreList {margin-bottom:5px;}
#filtreList li, #filtreList a  { display:inline; margin:5px 1px 5px 1px; padding:1px 2px 1px 2px; }
.filtreItem  li, .filtreItem  a { border-radius:3px 3px 3px 3px; font-weight:bold; text-decoration:none; }


/* commande et panier */
#coord_dsp{}
.coord_dsp li{text-decoration:none; }
#itemList{	width:100%;	}
#itemList td {border:1px solid blue;}
#coordList{	width:100%;	}
#formulaire, #navBtn, .formData {width:100%;}
#navBtn{		width:100%; text-align:center;}
#navBtn td{		width:30%; }

/* barre de progression */
#progressionBar {width:100%; }
	.noBloc {display:inline; text-decoration:none;}
	.stepFisrt, .stepPrevious, .stepCurrent, .stepCurrentLast, .stepNext, .stepFuture, .stepFutureLast, .stepDone, .stepToDo {display:inline;padding-right:20px;padding-left:20px;}

	.stepLink {text-decoration:none; }

#cartPreview td, #cartPreview th{	font-size:8px;	border:1px solid #bbe;}

.help {padding:5px; margin:5px; box-shadow:2px 2px 2px #555; text-align:justify;}

#ongletTitre{height:30px;margin:0 auto; margin-top:5px;}
	#ongletTitre ul{padding:5px 0 0 0;list-style:none}
		/*#sous-menu ul li{display:inline;  width:300px; color:white; */
		#ongletTitre ul li{float:left; max-width:200px; height:25px; padding:0 13px; margin-left:5px;
			-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0
		}
		
		#ongletTitre ul li.titDsp{}
		#ongletTitre ul li.titOn{ }
		#ongletTitre ul li.titOff{}
		#ongletTitre ul li.titOn:hover{}

#ongletContent { /* background des onglets */
	padding-top:1px;padding-bottom:10px;
	background:#ffe; 
	height:100%;
}
	#besoins , #ressources , #indus { margin:10px 0 0 0;}
		.divDsp { display:block;}
		.divOn   { display:none;}
		.divOff { display:none;}

#formNomenclature, #formGamme, #formGammOp {width:90%; margin:10px 10px 10px 10px ;}


/* besoins mrp */
#besList tr td {padding:.5em;}
td .num {text-align:right;}

/* description d'item affiché (article, tier, ... sous forme d'une liste d'éléments avec un label à chaque ligne. */
.itemList ul {list-style-type:none;background:silver;} /* pour que l'unité de temps soit alignée avec la valeur et que l'on puisse récupérer la valeur avec javascript. */
.itemList label {display:block; float:left; width:15em;} /* pour que l'unité de temps soit alignée avec la valeur et que l'on puisse récupérer la valeur avec javascript. */
/* liste de données, souvent affichée en fin de page : liste de commandes, d'OF, ... */
.dataList {border-collapse:separate;}
.dataList .num  { text-align:right;padding-right:5px;}
.dataList .date{ text-align:center;}