/* CSS Document */
*{font-family:Arial, Helvetica, sans-serif;font-size:12px;}
body{margin:0px;padding:0px;}
img{border:0px;}
div{margin:0px;padding:0px;}

div#head{
 
background-color:#FF00FF;
background-color:#003333;
background:url(../images/bg1.gif)  5px 0px repeat-x;
height:96px !important;
height:20px;
padding:0px;
}

.bottomAndSideDotBorderred
{
	
	border-color:Black;
	border-bottom-width: 1px;
	border-bottom-style:dotted;
	border-right-width: 1px;
	border-right-style:dotted;
	border-left-style:dotted;
	border-left-width:1px;
	
}

div#head-alarme{
background-color:#FF00FF;
background-color:#003333;
background:url(../images/bg1.gif)  5px -60px;
height:53px;
}

div.logo{background:url(../images/sp1.gif) no-repeat right;width:116px;text-align:center;padding-top:2px;float:left;}
div.logo img{margin:0px;}

a.logo img{position:absolute;top:30px;left:150px;}
	

@media screen
{
	
	div.logoSiriusWebPrint { display: none; }
}

@media print
{
	div.logoSiriusWebScreen { display: none; }
}



div.action{float:right;width:550px;height:96px;
background: url(../images/bandeau.gif) no-repeat 0px 7px;
margin:0px;
margin-top:0px !important;
margin-top:0px;
}
div#action-alarme{
 background: url(../images/bandeau-alarme.gif) no-repeat 0px 0px;
 float:left;
 width:550px;
 height:50px;
}

a.admin img,a.deco img,a.deco2 img{padding-top:10px;}
a.admin img{padding-left:280px;}
a#deco2 img{padding-left:370px;}


/* menu */
div#menu{
text-align:right;
padding-right:0px;
float:right;
/*width:780px;*/
height:40px;
background: url(../images/bg2.gif) repeat-x 0px 0px;
}


.Btn{
margin-top:15px;
margin-left:2px;
margin-right:2px;
}



.Btn2{
margin-top:13px;
margin-left:7px;
margin-right:7px;
}

input.Btn3{
	margin-top:0px;
	padding-top :0px;
	margin-left:7px;
	margin-right:7px;
}


/* ariane */
div#ariane{
 background:url(../images/bg2.gif) repeat-x;
 height:70px;
 margin-top:0px;
 vertical-align:middle;
}
div#ariane table{
 text-align:right;
}
div#ariane table tr td{
 margin-left:auto;
 margin-right:0;
}
div#ariane p{
 position:absolute;
 padding:13px;
 margin:0;
}
div#ariane p a{text-decoration:none;color:#000000;}

/* ariane alarme */
div#ariane-alarme{background:url(../images/bg7.gif);height:40px;margin-top:10px;vertical-align:middle;margin-bottom:20px;}
div#ariane-alarme p{padding:10px;font-variant:small-caps;font-size:110%;font-weight:bold;}



div.action2{float:right;}
div.action2 img{margin:0px 10px;}

div.block{
 background-color:#EAEDF1;
 margin:10px;
 text-align:center;
}
div.block p{padding:5px;padding-bottom:0px;}
#ajoutClient{
 text-align:left;
 margin:0;
 padding:1px 5px;
}
div.block p span{display:block;float:left;margin-top:5px;margin-right:10px;padding:0px;}
div.block a{color:#281f78;}
div.block a.none{display:inline;padding:0px;width:auto;}
div.block div{float:right;width:210px;text-align:left;}

div.block div img{float:left;margin-right:120px;margin-top:10px;}
div.block div a img{margin-right:0px;margin-top:0px;}
.block table{
width:97%;
margin:auto;
}
table.main{
 background-color:#FFFFFF;
 margin-bottom:15px;
 border-collapse:separate;
}
table.main tr{width:100%}
table.main tr#head th{
 color:#FFFFFF;
 background:url(../images/bg3.gif) repeat-x #333399;
}

table.main tr.head td.tdhead{
 color:#FFFFFF;
 background:url(../images/bg3.gif) repeat-x #333399;
}
table.main tr.sp td{ background:url(../images/doted.gif) repeat-y 2px; padding-left:10px; }
table.main tr.head td strong{display:block;padding-top:5px;}
table.main tr.footer td{ background:none }

table.main tr#head th strong{display:block;padding-top:5px;}
table.main tr#head th a{display:block;padding-top:5px;}

table.main tr.head th strong{display:block;padding-top:5px;}
table.main tr.head th a{display:block;padding-top:5px;}

img.sp3{
 float:left;
  margin-right:3px;
}
img#sp33{
 float:right;
  margin-left:3px;
}

 td#sp{background:url(../images/doted.gif) repeat-x;height:3px;} 
 
 
  .stockoTable td, .block td
 {
	/*
	border-collapse:collapse;
	border-width:1px;
	border-left-style:dotted;
	*/
	

	/* background:url(../images/doted.gif) repeat-y 2px; */
	padding-left:10px; 

} 



.div-style td, .ResetStockhoStinckingTable td
{
	background-image:none;
	padding-left:0px;
}

a#tableau{width:1px;display:block;}
a#grille{width:1px;display:block;}
/*
// Removed by Michel 20080319, Enregistreur column was too large
a#tab{width:150px;display:block;}
a.tab2{width:150px;display:block;}
*/
a.tableau2{width:1px;display:block;}
a.tableau3{width:1px; margin-top:3px;}

div#action3{float:right;margin:10px;}


/* aut */

div.aut{background-color:#FF00FF;font-weight:bold;background:url(../images/bg5.gif) repeat-x;width:340px;margin-left:35%;margin-top:50px;height:158px;}
div.aut img{float:left;margin-top:20px;margin-left:5px;}
div.aut p{padding-top:30px;padding-left:120px;font-size:12px;}
div.aut input{margin:5px 0px;color:#999999;}

div.lost{margin-left:35%;padding-left:120px;margin-top:20px;font-size:10px}
div.lost input{color:#333333;}
div.lost input.ok{border:1px solid #333333;background-color:#333333;color:#FFFFFF;margin-left:5px;}
div.lost p{color:#666666;font-size:10px;font-style:italic}

/* profil client */

div.acces{
 /* margin :5px; */
 
 width:650px;
}
div.acces h2{background-image:url(../images/bg3.gif);height:28px;color:#FFFFFF;text-align:center;vertical-align:middle;margin:0px; }
div.acces h2 span{padding-top:5px;display:block;}
div.acces div{border:1px dotted #666666;border-top:0px;text-align:center;padding-top:10px; }
div.acces  div table tr td{padding-left:13px;background-position:3px;text-align:left;}
div.acces  div table tr th{background-color:#fedec9;}
div.acces  div table tr#first tr.tableFirstRow td{background-image:url(../images/doted2.gif);}
div.acces  div table tr#last td{background-color:#eaedf2;}
div.acces  div table tr#last td select{border:1px solid black;background-color:#FFFFFF;}

div.smallDiv h2, div.smallDiv div 
{
	 width : 400px;
}

tr#last2  input.little{width:65px;}
#last2 td *{
 font-size:11px;
}
#last2 td option{
 font-size:11px;
}

div#client
{
 background-color: #eaedf1; 
 width : 450px;
 margin-top:15px;
 margin-right:10px;
 padding-top:20px;
 padding-bottom:10px;
 border: solid 1px;
 margin-left: 10px;
 /* margin-left:5px; */
}
form#client{background:url(../images/bg6.gif) repeat-x  bottom;border:0px red solid;}
span.FormLineItem{width:210px;display:block;float:left;text-align:right;padding-right:0px;font-weight:bold;}
.FormLineItem2{float:left;padding-right:0px;font-weight:bold;}

div#client span.error{float:none;display:inline;padding:0px;width:50px;margin-left:5px;}
div#client p{width:250px;display:block;float:left;text-align:right;padding-right:10px;font-weight:bold;border:0px black solid;}
/*div#client div{padding-left:40px;font-weight:bold;border:0px solid green;} */
div#client input, div#client textarea, div#client span,div#client p{margin:2px 0px;}
div#client input, div#client select{margin-left:10px;margin-right:5px; }
div#client textarea{margin-left:10px;}
div#client form{padding-bottom:10px;}
div#client img{margin:0px 5px;}
div#client em{
 margin:0 0 0 10px;
 font-style:normal;
/*!margin-top:-2px;
!position:absolute;
*/
}
div#client em input{
 margin-top:0;
 margin-bottom:0;
 width:40px;
}
div#client * {
 vertical-align:middle;
}
div#client * textarea{
 vertical-align:top;
 margin-left:10px;
}
div#client .hack label{
 float:left;
 width:210px;
 text-align:right;
}
div#client .hack span{
 width:210px;
}
/* profil client2 */


div#client2{
 background:url(../images/bg6.gif) repeat-x #eaedf1;
 margin-top:15px;
 margin-right:300px;
 padding-top:20px;
 margin-left:10px;
 border:0px solid green;
 margin-bottom:10px;
}
div#client2 table tr td{
 padding:0;
 text-align:left;
 background:none;
}
form#client2{
 background:url(../images/bg6.gif) repeat-x  bottom;
 border:0px red solid;
}
div#client2 span{
 width:250px;
 display:block;
 float:left;
 text-align:right;
 padding-right:10px;
 font-weight:bold;
}
div#client2 span span{
 width:auto;
 display:inline;
 float:none;
 text-align:right;
 padding-right:0;
 font-weight:bold;
}
div#client2 span.error{
 float:none;
 display:inline;
 padding:0px;
 width:5px;
 margin-left:5px;
}
div#client2 span#rb_alarme{
 width:auto;
 display:inline;
 float:none;
 text-align:left;
 padding-right:0;
 font-weight:normal;
}
div#client2 span#rb_alarme input, div#client2 span#rb_alarme label{
 margin:0 4px 0 0;
}
div#client2 span#rblTypeAlarme{
 width:auto;
 display:inline;
 float:none;
 text-align:left;
 padding-right:0;
 font-weight:normal;
}
div#client2 span#rblTypeAlarme input, div#client2 span#rblTypeAlarme label{
 margin:0 4px 0 0;
}
div#client2 p{
 width:250px;
 display:block;
 float:left;
 text-align:right;
 padding-right:10px;
 font-weight:bold;
}
div#client2 div{
 font-weight:bold;
 text-align:left;
}
div#client2 input, div#client2 span, div#client2 p{
 margin:2px 0px;
}
div#client2 img{
 margin:0px 5px;
}
div#client2 input, div#client2 select, div#client2 textarea{
 vertical-align:middle;
}

/* classique */


div#classique{
 background:url(../images/bg6.gif) repeat-x #eaedf1;
 margin-top:15px;
 margin-right:10px;
 padding-top:20px;
 margin-left:10px;
 border:0px solid green;
 margin-bottom:10px;
}

/*	Note de Michel Strasser l'utilisation de contrôle Anthem rajoute lui-même 
	des balises span, donc l'utilisation de div#classique span n'était plus envisageable
	on utilse div#classique 2 et span.classique2*/
div.classique2{
 background-color: #eaedf1;
 border:1px;
 border-style:solid;
 padding: 20px;
  margin: 20px;
}

div.classique2_centered{
 background-color: #eaedf1;
 border:1px;
 border-style:solid;
 padding: 20px;
  margin: 20px;
  margin-left: auto; 
  margin-right: auto; 
}

form#classique{
 background:url(../images/bg6.gif) repeat-x  bottom;
 border:0px red solid;
}
div#classique span{
 width:250px;
 display:block;
 float:left;
 text-align:right;
 padding-right:10px;
 font-weight:bold;
}

span.classique2{
 width:250px;
 display:block;
 float:left;
 text-align:right;
 padding-right:10px;
 font-weight:bold;
}

div#classique p{width:250px;display:block;float:left;text-align:right;padding-right:10px;font-weight:bold;}
div#classique div{padding-left:120px;font-weight:bold;}
div#classique input,div#classique select,div#classique span,div#classique p{margin:2px 0px;}
div#classique form{padding-bottom:10px;}
div#classique img{margin:0px 5px;}


/*alarme */

div#alarme{background:url(../images/bg6.gif) repeat-x #eaedf1;margin-top:5px;padding-top:5px;margin-left:10px;border:0px solid green;margin-bottom:0px;width:350px;}
form#alarme{background:url(../images/bg6.gif) repeat-x  bottom;border:0px red solid;}
div#alarme span{width:150px;display:block;float:left;text-align:right;padding-right:10px;font-weight:bold;}
div#alarme p{width:250px;display:block;float:left;text-align:right;padding-right:10px;font-weight:bold;}
div#alarme input,div#alarme span,div#alarme p{margin:2px 0px;}
div#alarme form{padding-bottom:10px;margin-bottom:0px;}
div#alarme img{margin:0px 5px;}


div.action4{margin:10px;}

div.invers{margin:10px;background:url(../images/doted.gif) repeat-x 30px 25px;padding-bottom:10px; }

div.filter{float:right;width:250px;background-color:#eaedf1;padding:10px;}
/*div.filter hr{height:10px;background:url(../images/doted.gif) repeat-x 5px;border:0px;background-color:#FFFFFF;}*/
div.filter div.sep{display:block;padding:5px;background:url(../images/doted.gif) repeat-x 5px;margin:10px -10px;}
div.filter a{margin:0px 10px;}


table.mesures tr td{padding-left:13px;background-position:3px;text-align:left;}
table.mesures tr.pager 
{ 
	 border-color: Gray;
	 border-width:1px;
}
table.mesures tr.pager td{padding-left:13px;background-position:3px;text-align:left;background:none}
table.mesures tr.header { background-color:#fedec9; }
table.mesures tr.header td{padding-left:0;}
table.mesures tr td.header2{background:url(../images/doted.gif) repeat-y 3px;padding-left:10px;}
table.mesures tr th.truc{background:url(../images/doted.gif) repeat-y 3px;padding-left:10px;}
table.mesures tr#first td{background-image:url(../images/doted2.gif);}
table.mesures tr.tableFirstRow
{
	height:70px;
	margin-top:0px;
	/* vertical-align:middle; */
	background:url(../images/bg2.gif) repeat-x ;
}



table.mesures 
{
	border-style:outset;
	border-width : 1px;
	
}


div.invers  table#chartMesures_table td{background:none;}
div.header3 {background-color:#fedec9; margin-left:4px; margin-right:-4px; padding-left:10px;padding-right:10px;}



/* Impression */
/* doesn't work on IE6 nor IE7 */
/* @page {size: landscape;} */

@media print
{
	/*.land{page: land;} */
	/*#head,*/ 
	#Ariane1_hlkAccueil, .invers{display:none;}
	#chartMesures{display:block!important;}
	
	th, td
	{
		 color :Black;
		 background-color : Transparent;
		 background-image : none;
	}
	
	img.sp3, img#sp33
	{
		display:none;
	}
	
	div#menu
	{
		display:none;
	}
	
	div#ListeMesures_functionsAnthemPanel div.fblock
	{
		display:none;
	}
}

@media screen
{
	div.printDates
	{
		display:none;
	}
}

/* Added by Michel */

div.showVersion, 
span.showVersion
{
	color : Gray;
	border-width : 0;
	text-align : center;
	font-size :xx-small;
	float:none;
}

@media  screen
{
	#ListeMesures_functionsAnthemPanel
	{
		position:absolute;
		top:150px;
		left : 690px;
		padding:3px;
	}

/*	
	#ListeMesures_functionsPlaceHolder
	{
		position:absolute;
		top:150px;
		left : 690px;
		padding:3px;
	}
*/

/*
	#ListeMesures_measuresPlaceHolder
	{
		position:absolute;
		top: 150px;
		left:0px;
		width:680px;
		padding:10px;
		
	}
*/	
	#ListeMesures_mesuresAnthemPanel
	{
		position:absolute;
		top: 150px;
		left:0px;
		width:680px;
		padding:10px;
		
	}
	
	/*
	#MouseOverJavaScriptParentDiv
	{
		position:absolute;
		width: 0px;
		height: 0px;
		left:0px;
		top: 0px;
	}
*/
}

/* End added by Michel */

img#siriusBoxLoadingImg
{
	vertical-align : top;
	margin-top : 9px;
}

@media  print
{
	img#siriusBoxLoadingImg
	{
		display:none;
	}	
}

div.AccueilSB
{
	border-style : solid;
	border-width : 1px;
	border-color : Gray;
	padding: 10px;
	margin : 5px;
	width: 99%;
	background-color : #EAEDF1;
}

span.error
{
	font-size : large;
}

div.UsualTableHeader
{
	padding-top: 0px;
	margin-top: 0px;
	border-bottom: Gray solid 1px;
	font-size : large;
	width: 100%;
	text-align: center;
	padding-bottom: 5px;	
	margin-bottom: 5px;	
}

.invertedArrayItem
{
	font-weight:bold;
	color:White;
	background-color:#4c4ccd;
}


table.main2{
 background-color:#FFFFFF;
 /* margin-bottom:15px; */
 border-collapse:collapse;

}
table.main2 tr
{
	width:100%;
	
}


table.main2 tr td
{
	empty-cells:show;
	
	border-style:ridge;
	border-width:1px;
	border-color: #DDDDEE;
	text-align:center;
	border-collapse:collapse;
	padding : 2px;
	margin: 0px;
}

table.main2 tr.head th
{
	border-style:none;
  color:#FFFFFF;
  background:url(../images/bg3.gif)  repeat-x White;  
  padding:0px;
  margin: 0px;
  /* background-position:left;*/ 
}

table.main2 tr.head td.tdhead{
 color:#FFFFFF;
 /* background:url(../images/bg3.gif) repeat-x #333399; */
}
/* table.main2 tr.sp td{ background:url(../images/doted.gif) repeat-y 2px; padding-left:10px; } */


table.main2 tr.head td strong{display:block;}
table.main2 tr.footer td{ background:none }


table.main2 tr.head th strong{display:block;padding-top:5px;}
table.main2 tr.head th a{display:block;padding-top:5px;}

img.sp2_33{
	 float:right;
	 margin-left:3px;
}

tr.ListeDistributeur_TotalLine
{
	 font-weight :bold;
}

h1.StatsHeader
{
	text-align : center;
	font-size : 26px;
}