* { font:12px Arial; padding:0px; margin:0px; color:#3D3D3D; }



#global { margin:0px auto; width:100%; /*background-color:blue;*/ }
#entete { margin:0px auto; width:100%; height:50px; background-color:#DCDCDC; box-shadow: 1px 1px 12px #555;}
	#entete #logo { position:absolute; width:300px; text-align:left; font-size:24px; }
		#entete #logo img { position:absolute; top:5px; left:5px; width:36px; height:40px; }
		#entete #logo #societe { position:absolute; top:7px; left:44px; font-size:20px; font-family:"Daniel", Arial; }
		#entete #logo #slogan { position:absolute; top:33px; left:46px; font-size:9px; }
	#entete #title { position:absolute; width:100%; line-height:50px; height:inherit; text-align:center; font-size:24px; font-family:"Daniel", Arial; }
	#entete #session { position:absolute; width:100%; top:5px; text-align:right; }

#messages { margin:5px auto; width:100%; /*border-bottom:1px solid #BDBDBD;*/ /*background-color:green;*/ }
	#messages > p { padding:5px; margin:10px; color:#008040; /*border:1px solid red;*/ }
	#messages p.error { color:red; }
	#messages span.error { color:red; }

#submenu { margin:5px auto; width:100%; height:20px; }

#content { margin:0px auto; width:100%; /*background-color:grey;*/ }

#donnees tr th { font-size:11px; }
#donnees tr td select { font-size:11px; }
#donnees tr td select option { font-size:11px; }
#donnees tr td input { font-size:11px; }
#donnees tr td { font-size:11px; }


div#saisie { position:relative; top:0; left:50%; margin-left:-630px; width:1260px; height:680px; padding-bottom:10px; }
	div#saisie > div { float:left; text-align:center; margin-right:10px; /*border-right:1px solid #CCC;*/ height:100%; }
	div#transporteur { width:140px; }
	div#reseau { width:140px; font-size:16px; line-height:40px; }
	div#destination { width:140px; font-size:16px; line-height:40px; }
	div#titre { width:140px; font-size:16px; line-height:40px; }
	div#infos { width:240px; }
		div#infos div.info { float:left; width:100%; height:40px; display:inline-block; margin:20px 0; }
		div#infos div.info div { float:left; width:100px; height:40px; display:inline-block; font-size:16px; line-height:30px; }
		div#infos div.info input { width:120px; }
	div#modes_reglement { width:240px; }
		div#modes_reglement .montants_mode_reglement { width:100px; margin-top:10px; }
	div#actions { width:120px; }
		div#valider { width:80px; height:80px; line-height:80px; margin:100px 10px 20px 10px; }

textarea#commentaire { margin-left:5px; width:98%; height:80px; }

div#signature { display:none; margin-top:15px; position:relative; top:0; left:80%; width:300px; height:210px; }
	div#signature > p { color:#800040; }
	div#signature div.cadre { width:280px; height:180px; border:1px solid #CFCFCF; }
	
@page { size:landscape; }
@media print {
	#entete {
		box-shadow:none;
		border:none;
	}
	div#signature {
		display:block;
	}
}