/* ==============================================
   Couleurs
   
   Body
	color     	: #F0E39E;
	background	: #2C2F22;
   
  contenu
    color		: #363B29;
	background	: #cbd888;
  
  Navigation
	background	: #181A12
    color		: #FF6533;
	color  a	: #FF6533;
	color  over : #000000
	
 formulair : background-color:#FFFFFF;
 
 img
 border-color:#2C2F22;
   ============================================== */


/* --- STYLES DE BASE POUR LE TEXTE ET LES PRINCIPAUX ÉLÉMENTS --- */

/* Page */
html {
	font-size: 100%; /* Voir -> Note 1 à la fin de la feuille de styles. */
}

body {
	margin: 0;
	padding: 10px 5px;
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	font-size: 13px;
	background: white;
	text-align: center;
	line-height: 1.25; 
	color: #F0E39E;
	background: #2C2F22;
}

li {
	margin: 0;
	padding: 0;
}


.expo{
	font-weight:bold;
	vertical-align: super  ;
	font-size: 12px;
}

/* Contenu principal */
#contenu {
	color: #363B29;
	background:#2C2F22; /* #cbd888; */

}

/*	!--------------------------------------------------------------------
	! global                                                            !
	!	---------------------------------------------------------------+!
	!	! en-tete													   !!
	!	---------------------------------------------------------------+!
	!   +--------------------------------------------------------------+!
	!	!  centre                                                      !!           
	!	! +-----------+ +--------------------------------------------+ !!
	!	! ! vavigation! ! contenu                                    ! !!
	!	! !           ! !                                            ! !!
	!	! !           ! !                                            ! !!
	!	! !           ! !                                            ! !!
	!	! !           ! !                                            ! !!
	!   ! +-----------+ +--------------------------------------------+ !!
	!   +--------------------------------------------------------------+!
	!	+--------------------------------------------------------------+!
	!	!pied					                                       !!
	!	+--------------------------------------------------------------+!
	+-------------------------------------------------------------------+
	
*/

/* --- POSITIONNEMENT --- */

#global {
	width: 750px; 
	margin: 0 auto; 
	text-align: left;
}

/* En-tête */
#entete {
	padding: 20px 20px 20px 0;
}

#entete .sous-titre {
	margin: 4px 0 15px 0;
	font-weight:bold;
	font-size: 18px;	
}

/* Bloc central contenant #navigation et #contenu */
#centre {
	width: 100%; 
	overflow: hidden; 
}

#navigation {
	background: #181A12; 
	width: 180px;
	float: left; 
}

#navigation ul {
	margin: 0;
	padding: 20px 10px 20px 10px;
	list-style: none;
}

#navigation a {
	display: block;
	height: 1%; /* -> 7 */
	padding: 6px 10px 6px 10px;
	line-height: 1.5;
	font-size: 15px;
	text-decoration: none;
	color: #FF6533;
}

#navigation a:hover, #navigation a:focus {
	background: #000000;
}


/* Contenu */
#contenu {
	margin-left: 200px; 
	min-height: 400px; 
	padding: 10px 20px;
	color: #363B29;
	background: #EEE8AA;
	text-align: left;
	}

	a.mail:link {text-decoration:none;}
	a.mail:visited {text-decoration:none;}
	a.mail:hover {text-decoration:underline;}
	a.mail:active {text-decoration:underline;}
	
#contenu a {
	color: #332510;
}
#contenu a:hover, #contenu a:focus {
	color: #6E5122;
}

#contenu img {
	float: right;
	margin: 0px 10px 5px 0;
	padding: 0; 
	border:1px solid;
	border-color:#2C2F22;
}

#contenu ul {
	list-style-position: inside;
	list-style-type: circle;
}

#contenu td{		
	text-align: left;
 }

#contenu th{		
	text-align: right;
	vertical-align: top;
	font-weight: bold;
}

#contenu table{		
	border: 0px;
	width:99%;
	padding:0;
}

#contenu table.tarif{		
	border: 0px;
	width:50%;
	padding:0;
}

#contenu caption{		
	font-weight: bold;	
}

#contenu input {
 border:1px solid black;
 background-color:#FFFFFF;
 }
 
#contenu select, option {
 background-color:#FFFFFF;
 }
		
#contenu .numeric{
	width:80px;
	text-align:right;
}

/* Pied de page */
#pied {
	margin: 0;
	padding: 15px 20px 10px 0;
	font-size: 13px;
	text-align: right;
}

/* Mention de copyright */
#copyright {
	margin: 8px 0 0 0;
	font-size: 16px;
}


.titre{		
	font-weight: bold;

}

/* ---------------------------------------       NOUVELLE COMMANDES  -----------------------------  */

/* Bloc central contenant #navigation et #contenu */



#feuille {
	width: 100%;  
	
}
#f-tete {
	width: 100%;  
}

	#f-haut{
		width: 100%; 
		/* border:1px solid black;	 */
		height:120px
	} 
		#f-logo{
			/* border:1px solid black;	*/
			float:left;
			margin:0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
		}

		#f-societe{
			width: 300px;
			height:100px;
			float:right;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			/* border:1px solid black;	 */
			vertical-align:bottom;			
		}

		#f-date{
			width: 100%;  
			/* border:1px solid black;  */
			text-align: right;	
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			height:50px;
			font-size:17px;
		}
		
	#f-piece{
		width: 100%;  
		/* border:1px solid black;	*/
		text-align: center;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		height:50px;
		font-weight: bold;	
		font-size:19px;
	} 

	#f-destinataire{
		display:none;
	}
	.f-dest{
		width: 100%;
		height:20px;
		text-align: left;
		margin:0px 0px 0px 20px;
		color: #363B29;
	}
	.div-dest{
		float:left;
		font-size:14px;
		padding: 2px 2px 2px 2px;
	}	
	
	#f-tech{
		width: 100%;  
		border:1px solid black;
		padding: 2px 2px 2px 2px;
		text-align: left;
		height:55px;
		font-size: 16px;
	} 
	
	#f-tech select{
		font-size:16px;
	}
	#f-tech img{
		float:right;
		margin:0px 10px 5px 0px;
		padding:0; 
		border:0px;
	}

	#f-lignes{
		width: 100%;  
		text-align: left;
		margin:0px 0px 0px 0;
		padding: 10px 0px 0px 0px;
		height:150px;
		overflow:auto;
	}
	
	#f-lignes img{
		float: right;
		margin: 0px 10px 5px 0;
		padding: 0; 
		border:0px solid;
		border-color:#2C2F22;
	}
	
		.f-ligne{
			width: 100%;  
			text-align: left;
			font-size: 14px;
			height:20px;
			margin:0px 0px 0px 0;
			padding: 0px 0px 0px 0;
			vertical-align:center;
			overflow:hidden;
			display:none;
		}

		.f-ligne-t{
			width: 100%;  
			text-align:left;
			font-size: 14px;
			height:20px;
			margin:0px 0px 0px 0;
			padding: 0px 0px 0px 0;
			vertical-align:center;
			overflow:hidden;
			font-weight: bold;	
		}

		.f-ligne img {
			float: none;
			margin: 0px 0px 0px 0;
			padding: 0; 
			border:0px solid;
			border-color:#2C2F22;
		}

		.f-ligne-qte{
			text-align:center;
			width:40px;
			float:left;
			margin:2px 2px 2px 2px;
			padding:0px 0px 0px 0px;
			border:0px solid black;			
		}

		.f-ligne-qte-t{	
			text-align:center;
			width:40px;
			float:left;
			margin:2px 2px 2px 2px;	
		}
		
		.f-ligne-produit{
			text-align: left;
			width:280px;
			float:left;
			overflow:hidden;
			margin:2px 2px 2px 2px;
			border:0px solid black;
			
		}
		
		.f-ligne-produit-t{
			text-align: left;
			width:280px;
			float:left;
			overflow:hidden;
			margin:2px 2px 2px 2px;
		}
			.f-ligne-pu{
				text-align: right;	
				width:60px;
				float:left;
				margin:2px 2px 2px 2px;
				border:0px solid black;	
			}
			.f-ligne-pu-t{
				text-align:center;
				text-align: right;	
				width:60px;
				float:left;
				margin:2px 2px 2px 2px;
			}
			.f-ligne-total{
				text-align: right;
				width:70px;
				float:left;
				margin:2px 2px 2px 2px;
				border:0px solid black;
			}
			.f-ligne-total-t{
				text-align: right;
				text-align:center;
				width:70px;
				float:left;
				margin:2px 2px 2px 2px;
			}
			.f-ligne-del{
				float:right;
				border:0px solid black;
			}
			.f-ligne-del-t{
				float:right;	
			}

			
	#f-bas{
		width: 100%;  
		border:0px solid black;	
		text-align: right;
		/* background:red; */
		vertical-align:top;
		height:540px;
	}
	
			
		#f-bas-pied{
			position:relative;
			left:310px;
			height:80px;
			width:200px;  
			text-align:right;
			font-size: 12px;
			margin:0px 0px 0px 0;
			padding: 0px 0px 0px 0px;
			border:1px solid;
		}
		
		.f-bas-ligne{
			font-size: 12px;
			width: 190px;
			float:left;
			height:20px;
			vertical-align:middle;
				}
		.f-bas-info{
			width: 100px;
			float:left;
			text-align:right;
			font-weight:bold;
		}
		
		.f-bas-montant{
			width: 80px;
			float:left;
		}
		
	#f-client{
		width: 100%;  
		font-size:12px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border:0px solid black;		
		text-align:left;
	}
	
	#f-client  caption{
		text-align:left;
		font-size:16px;
	}
	#f-client select {
		font-size:15px;
		height:20px;
		color:black;
	}
	#f-client input  {
		font-size:15px;
		height:17px;
		color:black;
	}

		#f-bas-valide{
			height:35px;
			border:0px solid black;
			text-align:right;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			top:20px;
			position:relative;
		}
		#f-bas-valide img {
			float: none;
			margin: 0px 0px 0px 0;
			padding: 0; 
			border:0px solid;
			border-color:#2C2F22;
		}
	
		#f-bas-avertissement{
			width: 100%;  
			text-align: left;
			font-size: 12px;
			margin:0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			vertical-align:center;
			overflow:hidden;
			color:black;
			border:0px solid black;
			top:10px;
			position:relative;
			
		}