@charset "UTF-8";
/* CSS Document */

body {
	margin:0px;
	padding:0px;
	background-color:#e0dddd;} /*e0dddd*/

	a {
		text-decoration:none;
		position:relative;
		z-index: 3;
		color:#CE0000  } /*EA9E00*/
	
	input {
	position: relative;
	z-index: 3;
	}
		
	div {
		margin:0px;
		padding:0px;}
		
	p, ol, li, td {
		margin:0px;
		padding:0px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;}
		
	img {
		margin:0px;
		padding:0px;
		border:none;}
		
	ul {
		margin:0px;
		padding:0px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;}
		
		li {
			margin:0px;
			padding:0px;}
		form {
			 margin:0px;
			 padding: 0px;}

			
	/*Montage de la stucture*/

	
	#global {
		width:958px;
		margin: 0px auto;
		background-color:#FFFFFF;}
	
	/*Bannière*/
	
		#header {
			width:958px;
			height:202px;}
			
			h1 {
			display:none;}
			
	/*Milieu de la page*/
			
		#corp {
			width:958px;
			height:500px;
			min-height:500px;
           	height:auto !important;}
			
		/*Menu*/
			
			#menu {
				width:149px;
				padding-left:20px;
				float:left;}
				
			/*premier niveau de menu*/
			
				#menu ul { 
					margin:0; 
					padding:0 0 0 2px;
					font-family:Trebuchet Ms, sans-serif;
					font-size:14px;
					font-weight:bold;
					list-style:none;}
					
					#menu ul li {
						margin:0; 
						padding:20px 0 0 0 ;
						color:#000000;}
						
						/*deuxième niveau de menu*/
						
						#menu ul ul { 
							margin:0; 
							padding:4px 0px 0px 6px;
							font-size:12px;
							font-weight:normal;}
							
							#menu ul ul li {
								margin:0; 
								padding:5px 0 0 0 }
							/*troisième niveau du menu*/
							
							#menu ul ul ul {
								padding:4px 0px 0px 6px;
								font-size:10px;
								font-weight:normal;}
							
						
						#menu a {
							color:#000000;}
							
			
			/*Post-it*/
			.post {
					width:145px;
					margin-bottom:25px;}
				
					.header {
						font-family:Trebuchet Ms, sans-serif;
						font-size:14px;
						font-weight:bold;
						text-align:center;}
					
						.header p {
							padding-top:2px;
							padding-bottom:10px;}
						
					.corp {
						padding-left:12px;}
							
						.corp li {
							padding-bottom:4px;}
						
							.corp p {
								width:114px;
								padding-bottom:5px;}
							
							.corp label {
								width:114px;
								padding-bottom:5px;
								text-align:left;
								margin:0px;
								padding:0px;
								font-family:Verdana, Arial, Helvetica, sans-serif;
								font-size:11px;}
								
								.corp .center {
									margin-top:10px;
									margin-bottom:10px;
									text-align:center;}
					
						.inp_text {
							/* width:111px;
							height:18px;
							margin-bottom:10px;*/}
						
						.inp_sub {
							width:85px;
							height:21px; 
							text-align:center;
							font-family:Trebuchet Ms, sans-serif;
							font-size:11px;
							font-weight:bold;}
					
					.footer {}
			
			/*Corp du milieu avec texte*/
			
			
				#middle {
					width:545px;
					padding:0px 35px;
					float:left;}
					
					h2 {
						padding:0px 0px 9px 0px;
						margin:0px;
						font-family:Trebuchet Ms, sans-serif;
						font-size:18px;
						font-weight:bold;}
						
					h3 {
						padding:9px 0px 5px 20px;
						margin:0px;
						font-family:Trebuchet Ms, sans-serif;
						font-size:16px;
						font-weight:bold;}
						
					h4 {
						padding:7px 0px 7px 20px;
						margin:0px;
						font-family:Trebuchet Ms, sans-serif;
						font-weight:normal;
						font-size:14px;}
						
					h5 {
						padding:3px 0px 3px 20px;
						margin:0px;
						font-family:Trebuchet Ms, sans-serif;
						font-weight:bold;
						font-size:12px;}
						
					#middle .marge {
						padding:0px 0px 8px 20px;}
					
						#middle ul, ol {
							padding-top:5px;
							padding-left:40px;}
					
						#middle p, ul, li {
							padding-bottom:8px; }
						
							
					/*Pour éviter que l'arbre passe dessus mais fonctionne avec qu'un seul navigateur*/
						
						#middle img {
							z-index:3;}
							
				/*Colonne de droite*/
				
				#right {
					padding-right:18px;
					float:right;
					}
					
					#right ul {
						list-style:none;}
						
				/*permet d'aligner le tout*/
						
			.clear {
				clear:both;}
				
			/*Bas de la page et crédit*/
			
			#footer {
				width:958px;
				height:55px;}
				
				.p_center {
					padding-top:36px;
					text-align:center;}
					
				.p_right {
					padding: 11px 8px 15px 0px;
					text-align:right;}
					
					
				
			#arbre {
			width:615px;
			height:521px;			
			position:fixed;
			bottom:-10px;
			right:-30px;
			z-index:1;}
			

	/*  COLONNES */
	.retour		{ clear:both; }
	.col		{ clear:both;   margin:5px 0 5px 0; padding:0}
	.col_0		{ clear:both;   margin:0 0 0 0; padding:0 0 0 0 }
	.col_r		{ float:right;  margin: 0   }

	.w_10		{ float: left;  width:10px  }
	.w_15		{ float: left;  width:15px  }
	.w_20		{ float: left;  width:20px  }
	.w_25		{ float: left;  width:25px  }
	.w_40		{ float: left;  width:40px  }
	.w_50		{ float: left;  width:50px  }
	.w_60		{ float: left;  width:60px  }
	.w_75 		{ float: left;  width:75px  }
	.w_80 		{ float: left;  width:80px }
	.w_100 		{ float: left;  width:100px }
	.w_125 		{ float: left;  width:125px }
	.w_150 		{ float: left;  width:150px }
	.w_175 		{ float: left;  width:175px }
	.w_200 		{ float: left;  width:200px }
	.w_225 		{ float: left;  width:225px }
	.w_250 		{ float: left;  width:250px }
	.w_275 		{ float: left;  width:275px }
	.w_300 		{ float: left;  width:300px }
	.w_325 		{ float: left;  width:325px }
	.w_350 		{ float: left;  width:350px }
	.w_400 		{ float: left;  width:400px }
	.w_450 		{ float: left;  width:450px }
	.w_475 		{ float: left;  width:475px }
	.w_500 		{ float: left;  width:500px }
	.w_tot 		{ float: left;  width:100% }
	
	.h_3 		{ padding: 3px 0 0 0 }
	.h_6 		{ padding: 6px 0 0 0 }
	.h_8 		{ padding: 8px 0 0 0 }
	.h_9 		{ padding: 9px 0 0 0 }
	.h_12 		{ padding: 12px 0 0 0 }
	.h_15 		{ padding: 15px 0 0 0 }
		
	/* MISE EN FORME */
	.normal		{ font-weight:normal}
	.center		{ text-align:center }	
	.right		{ text-align:right }	
	.bold		{ font-weight:bold }	
	
	.gris		{ color: #888888 }				
	.vert		{ color: #006600 }				
	.rose		{ color: #D45E91 }
	.rouge		{ color: #FF0000 }				
	.bleu		{ color: #003399 }				
	.orange		{ color: #FF6600 }			
	.noir		{ color: #000000 }			
	
	.barre		{ text-decoration: line-through }	
	
	.normal		{ font-weight:normal; font-size:11px; }
	.moyen		{ font-size: 18px; }
	.grand		{ font-size: 24px; }
	.alerte		{ color: #FF0000; font-weight:bold}		
	
	.couvert			{ border-top-style: solid ; border-width: thin; }
	.sous_total			{ font-style:italic; margin:3px 0px 0px 0px;}
	.sous_total_texte	{ font-style:italic; text-align:right; margin:3px 0px 0px 0px;}
	.sous_total_prix	{ font-style:italic; text-align:right; margin:3px 0px 0px 0px; border-top-style: solid ; border-width: thin; }
	.sous_total_p_texte	{ font-weight:bold; text-align:right; margin:3px 0px 0px 0px; }
	.sous_total_p_prix	{ font-weight:bold; text-align:right; margin:3px 0px 0px 0px; border-top-style: solid ; border-width: thin; }
	
	.signature { text-align:right; color:#666666; }
	
	.fond_rouge { background-color:#ff0000; }
	.fond_vert	{ background-color:#99FF66; }
	.fond_gris	{ background-color:#CCCCCC; }
				
	label {	/*** Mise en forme des intitulés de champs ***/
		float: left;						/*** Très important, ne pas suprimer ! ***/
		width: 20%;							/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
		text-align: right;					/*** ... et ils sont alignés à droite... ***/
		margin: 0;
		padding: 0 2em 0 0;
		line-height: 1.8;					/*** ... et centrés verticalement. ***/
		color:#444;
	}

	.cadre_blanc {
		margin:10px;
		padding:10px;
		background-color:#FFFFFF;
		border: 1px solid #FFFFFF; /* couleur du cadre */
	}

	.cadre_or {
		float: left; font-size:12px; font-family:Arial, Helvetica, sans-serif;
		text-align:center; 
		padding:3px; 
		margin:0px;
		width:130px;
		background-color:#ffe6a1;
		border-right: 3px solid #ffd35b; /* couleur du cadre */
		border-top: 3px solid #ffd35b; 
		border-left: 3px solid #ffd35b; 
		border-bottom: 3px solid #ffd35b; 
	}

	.cadre2_or {
		float: left; font-size:12px; font-family:Arial, Helvetica, sans-serif;
		text-align:center; 
		padding:5px 10px 5px 10px; 
		margin:0px;
		width:120px;
		background-color:#ffd35b;
	}

	.cadre_vert {
		float: left; font-size:12px; font-family:Arial, Helvetica, sans-serif;
		text-align:center; 
		padding:3px; 
		margin: 0px;
		width:130px;
		background-color:#e3f2d9;
		border-right: 3px solid #b3d19e; /* couleur du cadre */
		border-top: 3px solid #b3d19e; 
		border-left: 3px solid #b3d19e; 
		border-bottom: 3px solid #b3d19e; 
	}

	.cadre2_vert {
		float: left; font-size:12px; font-family:Arial, Helvetica, sans-serif;
		text-align:center; 
		padding:5px 10px 5px 10px; 
		margin: 0px;
		width:120px;
		background-color:#b3d19e;
	}

	.cadre_bleu {
		float: left; font-size:12px; font-family:Arial, Helvetica, sans-serif;
		text-align:center; 
		padding:3px; 
		margin:0px;
		width:130px;
		background-color:#e4e4f1;
		border-right: 3px solid #c7c7e8; /* couleur du cadre */
		border-top: 3px solid #c7c7e8; 
		border-left: 3px solid #c7c7e8; 
		border-bottom: 3px solid #c7c7e8; 
	}

	.cadre2_bleu {
		float: left; font-size:12px; font-family:Arial, Helvetica, sans-serif;
		text-align:center; 
		padding:5px 10px 5px 10px; 
		margin:0px;
		width:120px;
		background-color:#c7c7e8;
	}

	/*
	.onglet_or {
		background:none;
		background-image:url(../../IMAGE/inp_onglet_or.png);
		background-repeat:repeat-x;
		border:none; 
		float: left; font-size:12px; font-family:Arial, Helvetica, sans-serif;
		height:15px;
		width:120px;
		text-align:center; 
		padding:3px; 
		margin:5px}

	.onglet_vert {
		background:none;
		background-image:url(../../IMAGE/VERT/inp_onglet.png);
		background-repeat:repeat-x;
		border:none; 
		float: left; font-size:12px; font-family:Arial, Helvetica, sans-serif;
		height:15px;
		width:120px;
		text-align:center; 
		padding:3px; 
		margin:5px}

	.onglet_bleu {
		background:none;
		background-image:url(../../IMAGE/inp_onglet_bleu.png);
		background-repeat:repeat-x;
		border:none; 
		float: left; font-size:12px; font-family:Arial, Helvetica, sans-serif;
		height:15px;
		width:120px;
		text-align:center; 
		padding:3px; 
		margin:5px}
		*/