body {font-family:verdana;font-size:11px;;margin:10px;padding:0;background-image:url(../image/bg.png);background-repeat:x;color:#333333;}

/******************************************************************************/

div.multicheckbox {
	border: 1px solid #c0c0c0;
	margin-bottom: 5px;
	max-height: 152px;
	overflow-x: hidden;
	overflow-y: scroll;
	width: 290px;
}
	div.multicheckbox ul {
		margin: 0;
		padding: 0;
		width: 500px;
	}
		div.multicheckbox ul li {
			color: #666;
			list-style-type: none;
		}
		div.multicheckbox ul li:hover,
		div.multicheckbox ul li.selected {
			background-color: #d7efd1;
			color: #000;
		}
			div.multicheckbox ul label {
				clear: both;
				display: block;
				margin: 0;
				padding: 0;
				text-align: left;
			}
				div.multicheckbox ul input {
					vertical-align: middle;
				}
				div.multicheckbox ul span {
				}

/******************************************************************************/

#header {height:110px;}

#logo{float:left;}

#global-search {
	float:left;
	margin: 35px 0 0 40px;
	text-align: center;
}
	#global-search input.inputText {
		font-size: 16px;
		font-weight: bold;
		padding: 4px;
		width: 250px;
	}
	#global-search input.inputSubmit {
		font-size: 14px;
		padding: 4px 8px 3px;
	}
	#global-search p {
		margin: 0;
		padding: 0 92px 0 0;
		text-align: right;
	}
	#global-search p a {
		font-weight: normal;
	}

#coordonnees{color:black;float:right; width:600px; padding-top:10px;}
#adresse-1{float:right; padding-right:10px; text-align:right; margin-left:25px;}
#telephone-email-1{float:right;padding-left:10px; text-align:left; border-left:solid 1px #132748; height:52px; margin-right:15px;}
#adresse-2{float:left; padding-right:10px; text-align:right; margin-left:10px;}
#telephone-email-2{float:left;padding-left:10px; text-align:left; border-left:solid 1px #132748;}
#session-ouverte {float:left;height:20px;text-align:right;width:580px; margin-top:15px;}

#conteneur {position: relative;width:1300px;margin-left:auto;margin-right:auto; border: 1px solid #422265;background-color:white;}
#centre {min-height:900px;padding:0 10px 10px 10px;}
#pied {height:33px;line-height:25px;text-align:center;background-repeat:repeat-x;line-height:42px; clear:both; margin-top:15px;border-top: 5px solid #fa7225;}

#bloc-centre{width:99,5%;}
#bloc-gauche{float:left; width:49%}
#bloc-droite{float:right; width:49%}

#connexion {position: relative;margin: auto auto auto auto;border: 2px solid #132748;background-color:white;}

/* TEXTE */
a, a:visited, a:active {color:black; text-decoration : none; font-weight:bolder;}
a:hover {color:#6987bd; text-decoration : none; font-weight:bolder; cursor: pointer;}

/* texte de présentation / affichage-distributeur */
.nom-programme{color:#036; font-weight:bold; font-size:14px;}
.adresse-programme{color:#666666;font-size:13px;}
.nb-lot-programme{color:#036;}
a.nom-programme, a.nom-programme:visited, a.nom-programme:active {color:#036; font-weight:bold; font-size:14px;}
a.nom-programme:hover {color:#036; font-weight:bold; font-size:14px; text-decoration:underline;}

a.aucunstyle, a.aucunstyle:visited, a.aucunstyle:active, a.aucunstyle:hover {text-decoration:none;}

.info{font-size:10px; font-style:italic;background-image:url(../image/information.png);background-repeat:no-repeat;background-position: left;padding-left:20px;height:17px;}
.center{text-align:center;}
.left{text-align:left;}
.italic{font-style:italic;}
.gras{font-weight:bold;}
.c1{color:red;}
.f9{font-size:9px;}
.f18{font-size:18px;}
.f16{font-size:16px;}
.f12{font-size:12px;}
.rouge{color:red;}

tr.hl { background-color:#84BEEB; }

hr {border:none 0;border-top: 1px dashed #6987bd;width:80%;height:3px;margin-top:20px;margin-bottom:20px;}

p.print { margin-bottom:10px; overflow:hidden; }
	p.print a { display:block; float:right; padding:2px 0 2px 20px; background:transparent left center no-repeat url(../image/printer.png); }

span.highlight { background-color:yellow; }

span.bdcRet {
	color: #603489;
	cursor: help;
	font-weight: bold;
	text-decoration: underline;
}

.table_processus td {padding:5px 0px;}
/* formulaire fichier multiple */
div#fichiers {width:370px;margin:auto;padding:5px;font-size: 11px;text-align: left;border: 1px dotted #7e9db5;}

/* Mise en forme de la page CONNEXION */
#connexion {
     position:absolute;
     left: 50%; 
     top: 50%;
     width: 380px;
     height: 150px;
     margin-top: -75px; /* moitié de la hauteur */
     margin-left: -190px; /* moitié de la largeur */
     border: 2px solid #132748;background-color:white;
	 text-align:center;
     }
	
#connexion-valide {
     position:absolute;
     left: 50%; 
     top: 50%;
     width: 380px;
     height: 150px;
     margin-top: -75px; /* moitié de la hauteur */
     margin-left: -190px; /* moitié de la largeur */
     border: 2px solid #132748;background-color:white;
	 padding-left:3px;
     }

/* Mise en forme des formulaires */

h1{background-color:#F0F0F0;text-align:left;padding:2px 2px 2px 2px;color:#000;font-size:16px;margin: 0px 0px 10px 0px;}

form{margin:0px;padding:0px;}
fieldset{margin:0 0;border:none;border-top:1px solid #fa7225;}
fieldset p{	margin:0px;padding:0px}
legend{	padding:0 .5em;	color:black;background:transparent;font-size:1.3em;font-weight:bold;}
.label_cat{width:184px; display:inline-block;}
.label_cat2{width:209px; display:inline-block;}

a img {border:none}



table.listcall tr:hover { background-color: #d7efd1; }
table.listcall tr.line_head,
table.listcall th,
tr.line_head {background-color:#434343; color:white;}
table.listcall th a {
	color: #fff;
	border-bottom: 1px dashed #bfbfbf;
}
table.listcall th a:hover {
	border-color: #fff;
	color: #000;
}

table.list tr:hover { background-color: #d7efd1; }
table.list tr.line_head,
table.list th,
tr.line_head {background-color:#FA7225; color:white;}
td.line_head{background-color:#96A993; color:white;}
table.list th a {
	color: #fff;
	border-bottom: 1px dashed #bfbfbf;
}
table.list th a:hover {
	border-color: #fff;
	color: #000;
}

table.list_annule tr:hover { background-color: #ffc2c2; }
table.list_annule tr.line_head,
table.list_annule th,
tr.line_head {background-color:#d21c1c; color:white;}
td.line_head{background-color:#d21c1c; color:white;}
table.list_annule th a {
	color: #fff;
	border-bottom: 1px dashed #bfbfbf;
}
table.list_annule th a:hover {
	border-color: #fff;
	color: #000;
}

table.list_attente tr:hover { background-color: #ffcbae; }
table.list_attente tr.line_head,
table.list_attente th,
tr.line_head {background-color:#fa7225; color:white;}
td.line_head{background-color:#9a29ff; color:white;}
table.list_attente th a {
	color: #fff;
	border-bottom: 1px dashed #bfbfbf;
}
table.list_attente th a:hover {
	border-color: #fff;
	color: #000;
}

td.line_head_ss_table{background-color:#ce99ff; color:white; border: 1px solid #603489;}

td.frm_label{width:140px;}
td.require{font-weight:bold}
input.button{padding:2px 0px 2px 0px;}
input.blue{background-color:#dadada;color:black;}
input, select, textarea{font-size:11px;border:1px solid silver;font-family:verdana;}
.liste-fichier li{list-style-type:none; margin-top:5px;}

.sqlvide{color:red;}


/* TABLEAU BON DE COMMANDE */
#table-contour td{border: 1px solid #9a29ff;}
#table-contour td.no-style{border: 0px;}


/** Menu Nav 2 **/

#menu-nav {
	/*background: transparent url(../image/menu-bg.gif) repeat-x; */
	border-top: 5px solid #fa7225;
border-bottom: 5px solid #fa7225;
height: 43px;
z-index: 888888888888888888888 !important;
margin-bottom: 20px;
}
	#menu-nav ul.left {
		float: left;
	}
	#menu-nav ul.right {
		float: right;
	}
	#menu-nav ul {
		height: 43px;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#menu-nav div.clear {
		clear: both;
		margin-bottom: 20px;
	}
		#menu-nav li {
			float: left;
		}
			#menu-nav a {
				color:black;
				display:block;
				font-weight:bold;
				line-height:43px;
				padding-left:13px;
				padding-right:13px;
				text-align:center;
				text-decoration:none;
				font-style:bold;
			}
			#menu-nav a:focus,
			#menu-nav a:hover,
			#menu-nav a.current {
				background-color: #434343;
				background-repeat:repeat-x;
				background-position:center;
				font-style:bold;
				color:white;
				text-decoration:none;
			}
			#menu-nav ul.ssmenu {
				background:#ffeee4;
				border-left:2px solid #89a388;
				border-right:2px solid #89a388;
				border-bottom:2px solid #89a388;
				display:none;
				height:auto;
				filter:alpha(opacity=95);
				opacity:1;
				position:absolute;
				width:180px;
				z-index:180;
				/*top:1em;
				/*left:0;*/
			}
			#menu-nav ul.ssmenu2 {
				background:#c0d8be;
				border-left:2px solid #89a388;
				border-right:2px solid #89a388;
				border-bottom:2px solid #89a388;
				display:none;
				height:auto;
				filter:alpha(opacity=95);
				opacity:1;
				position:absolute;
				width:200px;
				z-index:180;
				/*top:1em;
				/*left:0;*/
			}
			#menu-nav .right ul.ssmenu {
				margin-left: -93px;
			}
			#menu-nav li:hover ul.ssmenu {
				display:block;
			}
			#menu-nav ul.ssmenu a { /*sous menu*/
				background-color:#434343;
				color:white;
				display:block;
				font-size:11px;
				line-height:20px;
				padding:0px 10px 0px 15px;
				text-align:left;
				font-weight:normal;
			}
			#menu-nav ul.ssmenu a:focus,
			#menu-nav ul.ssmenu a:hover { /*sous menu au passage de la souris*/
				background:#fa7225;
				color:white;
				text-decoration:none;
				font-weight:bold;
			}
			#menu-nav li ul.ssmenu li {
				display:block;
				float:none;
				width:180px;
			}
			
			#menu-nav ul.ssmenu2 {
				background:#434343;
				border-left:2px solid #434343;
				border-right:2px solid #434343;
				border-bottom:2px solid #434343;
				display:none;
				height:auto;
				filter:alpha(opacity=95);
				opacity:1;
				position:absolute;
				width:350px;
				z-index:200;
			
				/*top:1em;
				/*left:0;*/
			}
			#menu-nav .right ul.ssmenu2 {
				margin-left: -93px;
			}
			#menu-nav li:hover ul.ssmenu2 {
				display:block;
			}
			#menu-nav ul.ssmenu2 a { /*sous menu*/
				background-color:#434343;
				color:white;
				display:block;
				font-size:11px;
				line-height:20px;
				padding:0px 10px 0px 15px;
				text-align:left;
				font-weight:normal;
			}
			#menu-nav ul.ssmenu2 a:focus,
			#menu-nav ul.ssmenu2 a:hover { /*sous menu au passage de la souris*/
				background:#F0582F;
				color:white;
				text-decoration:none;
				font-weight:bold;
			}
			#menu-nav li ul.ssmenu2 li {
				display:block;
				float:none;
				width:350px;
				color: #fff;
			}




/* style auto-ompletion  */

	.suggestionsBox {
		position: absolute;
		margin-left: 10px;
		margin: 0px 0px 0px 0px;
		background-color: #FFF;
		moz-border-radius: 7px; 
		webkit-border-radius: 7px;
		border: 1px solid #000;
		color: #000;
		list-style: none;
		white-space: nowrap;

	}
	
	.suggestionList {
		margin: 0px;
		padding: 0px;
	}
	
	.suggestionList li {
		
		margin: 0px 0px 3px 0px;
		padding: 3px;
		cursor: pointer;
	}
	
	.suggestionList li:hover {
		background-color: #659CD8;
	}
	
/* INFO BULLE */


a.bulle {
   position: relative;
   color: black;
   text-decoration: none;
   font-size:11px;
   font-weight:normal;
}
a.bulle span {
   display: none; /* on masque l'infobulle */
}
a.bulle:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.bulle:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   width:150px;
   /*height:200px;
   white-space: nowrap; on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 30px; /* on positionne notre infobulle */
   left: -130px;

   background: white;

   color: black;
   padding: 3px;

   border: 1px solid #9e623d;
   border-right: 4px solid #9e623d;
}

a.bulle2 {
   position: relative;
   color: black;
   text-decoration: none;
   font-size:11px;
   font-weight:normal;
}
a.bulle2 span {
   display: none; /* on masque l'infobulle */
}
a.bulle2:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.bulle2:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   width:500px;
   /*height:200px;
   white-space: nowrap; on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 30px; /* on positionne notre infobulle */
   left: 10px;

   background: white;

   color: black;
   padding: 3px;

   border: 1px solid #9e623d;
   border-right: 4px solid #9e623d;
}

#tab_synthese{width:100%; border:0px;}
#tab_synthese thead tr.head_line{background-color:#9ab798; font-weight:bold; color:#fff;}
#tab_synthese thead tr.head_line_2{background-color:#eaeaea; color:#000;}
#tab_synthese thead tr.head_line_3{background-color:#eaeaea; color:#000;}
#tab_synthese thead td{text-align:center;}
#tab_synthese tbody td{text-align:center;}

.hidden{display:none;}

#div_ret_com label{display:inline-block; width:150px; line-height:20px;}

a.aff_cli_desac, a.aff_cli_archi{font-style:italic; font-weight:normal;}

.chk_etat_vente{font-size:13px; line-height:30px; vertical-align:middle; width:25%;}
.chk_vte_annule{color:red;}
.chk_vte_attente{color:orange;}
.chk_vte_confirm{color:green;}
.chk_vte_frigo{color:blue;}

#action_auto{float:right; width:auto; height:auto;}
.actionconfig{background-color:#6ddd6d;}
.actionconfig2{background-color:#afdfaf;}


.divinfoimport{float:left; width:25%; margin-bottom:15px;}
.divinfoimport p {font-weight:700; font-size:12px;}
.tabinfoimport{width:90%; border-collapse:collapse;}
.tabinfoimport thead{background-color:#9ab798; font-weight:bold; color:#fff;}
.tabinfoimport tbody tr td{padding:4px; border:1px solid #818181;}