@charset "utf-8";

/*
Site : S.I.M.C�
URL: http://simce.sosowide.com
*/



/* ============ reset general ============ */
		*{
			margin: 0; 
			padding: 0; 
			background: transparent; 
			border: none; 
			outline: 0; 
			color: #7e7d78; 
			font:normal 14px arial, calibri, verdana, tahoma, geneva, sans-serif; 
			font-weight: normal; 
			text-decoration: none; 
			vertical-align: top;}
		table, td{border-collapse: collapse; border-spacing: 0;}
		ol, ul, li{list-style: none;}
		blockquote, q {quotes: none;}
				blockquote:before, blockquote:after, q:before, q:after{content: "";}
		embed, object {vertical-align: top; outline: none;}
		input, select{vertical-align: middle; font-weight: normal;}
		/**/
		.clear{clear: both; height: 0;}
		.floatLeft{float: left;}
		/**/
		strong{font-weight: bold;}
		a{text-decoration: underline;}
		a:hover{text-decoration: none;}
		/* declaration police DIN */
		@font-face {
			font-family: 'din';
			src: 	url('font/din_bold_alternate.eot');
			src: 	url('font/DIN_BOLD_ALTERNATE.otf') format('truetype'),
						url('font/din_bold_alternate.ttf') format('truetype'),
						url('font/din_bold_alternate.eot?#iefix') format('embedded-opentype'),
						url('font/din_bold_alternate.svg#webfont') format('svg');
			font-weight: normal;
			font-style: normal;
		}
		


/* ============ conteneurs ============ */
body{background: url(../images/body_bg.jpg) 0 0 repeat-x #f7f5f0;}
/* fond vert page Identification */
body#Login{background: url(../images/id_bg.jpg) center fixed no-repeat; /* css3 */ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
body#LoginInterne{background: url(../images/interne/id_bg.jpg) center fixed no-repeat; /* css3 */ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
body#LoginPrestataires{background: url(../images/id_bg_av.png) center fixed no-repeat; /* css3 */ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}



/* ============ top menu ============ */
#TopMenu {background: url(../images/topmenu_bg.jpg) 0 0 repeat-x #515151; height: 43px; overflow: hidden; display: none; text-align: center;}
		#TopMenu ul{margin: 0 0 0 80px;}
				#TopMenu li{float: left;}
						#TopMenu li a{display: block; font-size: 11px; color: #fff; text-decoration: none; background: url(../images/topmenu_lien.jpg) 0 0 repeat-x #2a2a2a; border-right: 1px solid #4d4d4d; border-left: 1px solid #2a2a2a; padding: 15px 10px 0 10px; height: 50px;}
						#TopMenu li a:hover{background: url(../images/topmenu_lien.jpg) 0 -50px repeat-x #467687; /*css3 */-webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;}
	/**/
	.topMenu_slide{display: block; position: absolute; width: 37px; height: 23px; margin: 0 0 0 20px; background: url(../images/topmenu_onglet.jpg) 0 0 #1f1f1f; -webkit-border-radius: 0px 0px 6px 6px; border-radius: 0px 0px 6px 6px;}
	.active {background-position: 37px 0;}




/* ============ header ============ */
#Header{background: url(../images/header_bg.jpg) 0 0 repeat-x #98c9db;}
/**/
#TopHeader{background: url(../images/topheader_bg.jpg) top center no-repeat; width: 1000px; height: 45px; margin: auto; overflow: hidden;}
		#TopHeader *{color: #84b5c8; font-size: 12px; text-decoration: none;}
		#TopHeader a:hover{color: #fff;}
		/* utilisateur */
		#User{float: left; padding: 8px 0 0 200px; width: 490px; overflow: hidden;}
		#UserClient{float: left; padding: 8px 0 0 200px; width: 350px; overflow: hidden;}
		#User .user{padding: 2px 0 0 20px; color: #fff; background: url(../images/topheader_picto_user.gif) left no-repeat;}
		#UserClient .user{padding: 2px 0 0 20px; color: #fff; background: url(../images/topheader_picto_user.gif) left no-repeat;}
		#User .dernConnexion{padding: 0 0 0 20px; font-size: 10px;}
		#UserClient .dernConnexion{padding: 0 0 0 20px; font-size: 10px;}
		/**/
				#Plan,
				#Guide,
				#Deconnexion{display: block; float: left; padding: 8px 0 8px 35px; margin: 8px 0 0 0;}
				/**/
				#Plan{background: url(../images/topheader_picto_plan.gif) left no-repeat;}
				#Guide{background: url(../images/topheader_picto_pdf.gif) left no-repeat; margin-left: 20px;}
				#Deconnexion{width: 113px; height: 29px; padding: 0; background: url(../images/topheader_bouton.gif) 0 0 no-repeat; margin-left: 20px;}
				#Deconnexion:hover{background-position: 0 -29px;}
		/**/
		#LogoSimce2{display: block; width: 530px; height: 93px; margin: 0 0 15px 0; background: url(../images/header_logo_cerqual.png) 0 0 no-repeat !important; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/header_logo.png', sizingMethod='scale');}
		#LogoSimce3{display: block; width: 530px; height: 93px; margin: 0 0 15px 0; background: url(../images/interne/header_logo_cerqual.png) 0 0 no-repeat !important; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/header_logo.png', sizingMethod='scale');}
		#LogoSimce4{display: block; width: 530px; height: 93px; margin: 0 0 15px 0; background: url(../images/header_logo_SIPres_cerqual.png) 0 0 no-repeat !important; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/header_logo.png', sizingMethod='scale');}
		
		/* ====================== conteneurs menu ====================== */
		#Menu_Ctn{height: 202px; background: url(../images/menu_bg.jpg) 0 143px repeat-x;}
		#Menu_Ctn *{text-decoration: none; color: #fff; font-weight: bold;}	
		
		#Menu{width: 1400px; margin: auto;}
		#Menu:hover{background: none; }
		
		/* menu */	
					
			/*.bienvenue{clear: both; padding: 57px 0 0 27px; left: 0px; padding: 0 0 0 27px ; background: url(../images/soumenu_picto_accueil.jpg) 0 54px no-repeat !important; /*text-shadow: 0px 2px 4px #618d9f; filter: dropshadow(color=#618d9f, offx=0, offy=2);}*/
			.bienvenue{padding-top: 15px; float: left;}
			.bienvenue img{margin-top: -5px;}
			
				#Nav {width:1400px; display: block; z-index: 100; position: absolute;}
				
				/* > : child selector */
				#Nav > li > a {}
				
					/* Ajout LLA : Niveau menu Actif si Hover */
					#Nav li.MenuLiAccueil:hover a,
					#Nav li.MenuLiVosContrats:hover a.niveau2,
					#Nav li.MenuLiVosReferentiels:hover a.niveau2,
					#Nav li.MenuLiVosServices:hover a.niveau2,
					#Nav li.MenuLiVosDonnees:hover a.niveau2
					{display: block; background: url(../images/menu_onglet.jpg) -270px 0 no-repeat; text-align: center; padding: 10px 0; /*text-shadow: 0px 2px 4px #8bb1c1; filter: dropshadow(color=#8bb1c1, offx=0, offy=2);*/}
					
					#Nav li.MenuLiAccueil.active a,
					#Nav li.MenuLiVosContrats.active a.niveau2,
					#Nav li.MenuLiVosReferentiels.active a.niveau2,
					#Nav li.MenuLiVosServices.active a.niveau2,
					#Nav li.MenuLiVosDonnees.active a.niveau2
					{display: block; background: url(../images/menu_onglet.jpg) -270px 0 no-repeat; text-align: center; padding: 10px 0; /*text-shadow: 0px 2px 4px #8bb1c1; filter: dropshadow(color=#8bb1c1, offx=0, offy=2);*/}
					
					#Nav .child{left: 0; border: 0px; align: center}
					/* Ajout LLA : FIN */
				
					/* menu niveau 1 */
					#Nav li {float: left; float: left; width: 270px; height: 35px; margin: 0 3px 0 0; /*border-bottom: 1px solid #7badc1;*/}					
					#Nav li a {display: block; background: url(../images/menu_onglet.jpg) 0 0 no-repeat; text-align: center; padding: 10px 0; /*text-shadow: 0px 2px 4px #7c9439; filter: dropshadow(color=#7c9439, offx=0, offy=2);*/}
					#Nav li a:hover {padding: 10px 0; background-position: -270px 0; /*text-shadow: 0px 2px 4px #8bb1c1; filter: dropshadow(color=#8bb1c1, offx=0, offy=2);*/}
					
					/* menu niveau 2 */
					#Nav li ul {display: none; position: absolute; width: 1400px; float: left; /*left: 200px; */text-align: center;  margin: 0; padding: 10px 0 8px 0; /*background: url(../images/menu_bg.jpg) 0 -1px repeat-x; */border: none;}
					#Nav li ul li {display: inline; width: auto;}
					#Nav li ul li a{padding: 10px 10px 10px 37px; margin: 0 15px 0 0; /*text-shadow: 0px 2px 4px #618d9f; filter: dropshadow(color=#618d9f, offx=0, offy=2);*/ -webkit-border-radius: 6px 6px 0px 0px; border-radius: 6px 6px 0px 0px;}
					#Nav li ul li a:hover{padding: 10px 10px 10px 37px; margin: 0 15px 0 0; /*border-right: 1px solid #7aaec3; border-left: 1px solid #7aaec3; border-top: 1px solid #7aaec3;*/}
				
					/* menu niveau 3 */
					/*#Nav li ul li ul{top: 0;}*/
					#Nav .niveau3{width: 250px; padding: 10px 5px; border: none; background: #9fe5f6; z-index: 1; margin: 0; -webkit-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; /*border-right: 1px solid #7aaec3; border-left: 1px solid #7aaec3; border-bottom: 1px solid #7aaec3;*/}
					#Nav .niveau3 li{display: block; width: 210px; background: none; border: none; margin: 0; padding: 0;}					
					#Nav .niveau3 li a{display: block; width: 100%; background: none; padding: 5px 10px 5px 30px; margin: 0; border: none; text-align: left; text-shadow: none; color: #205a71; font-size: 12px; font-weight: normal; }			
					#Nav .niveau3 li a:hover{display: block; width: 100%; background: #6abace; color: #fff; padding: 5px 10px 5px 30px; border: none; -webkit-border-radius: 0; border-radius: 0; }			
					
					/* menu niveau 3 rollover */
					#Nav li.active > ul.child {position:absolute; /*left:200px; top:34px;*/ display:inline; text-align:left;}	
					
					/* Ajout LLA */
					#MenuUlVosContrats li div ul{
						display: none;
					}	
					
					#Nav li:hover #MenuUlVosContrats li:hover div ul{
						display: block;
					}
					
					#MenuUlVosLabels li div ul{
						display: none;
					}
						
					#Nav li:hover #MenuUlVosLabels li:hover div ul{
						display: block;
					}	
					
					#MenuUlVosServices li div ul{
						display: none;
					}
						
					#Nav li:hover #MenuUlVosServices li:hover div ul{
						display: block;
					}	
					
					#MenuUlVosReferentiels li div ul{
						display: none;
					}
						
					#Nav li:hover #MenuUlVosReferentiels li:hover div ul{
						display: block;
					}	
					
					#MenuUlVosDonnees li div ul{
						display: none;
					}	
					
					#Nav li:hover #MenuUlVosDonnees li:hover div ul{
						display: block;
					}	
					/* Fin : Ajout LLA */
					
					/*#Nav li:hover > ul.grandchild {display:block;}*/
					
					/* rubrique bloquee */
					a.bloque{}
							a.bloque span {display: block; position: absolute; margin: 0 0 0 -9999em;}
							a.bloque span em{display: block; position: absolute; width: 14px; height: 14px; margin: 2px 0 0 -20px; background: url(../images/menu_picto_bloque.png) 0 0 no-repeat;}
							a.bloque span label{display: block; position: absolute; width: 11px; height: 12px; margin: -16px 0 0 12px; background: url(../images/menu_picto_bec.png) 0 0 no-repeat;}
							a.bloque:hover span {position: absolute; margin: 15px 0 0 -40px; z-index: 99; padding: 5px 10px 5px 27px; border: 1px solid #669aaf; font-weight: normal; background: url(../images/menu_bg.jpg) 0 -1px repeat-x;
																		border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
																		box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);}
					
					/* ------ pictos menu niveau 2 ------ */
					#Nav li ul li a.vosContrats{background: url(../images/soumenu_picto_voscontrats.png) 12px 7px no-repeat; width: 97px;}
							#Nav li:hover > a.vosContrats,/*le dernier rollover garde l'onglet niveau 2 actif */
							#Nav li ul li a.vosContrats:hover{background: url(../images/soumenu_picto_voscontrats.png) 12px 7px no-repeat #9fe5f6;}
							
					#Nav a.vosLabels{background: url(../images/soumenu_picto_voslabels.png) 12px 7px no-repeat;}
							#Nav li:hover > a.vosLabels,/* le dernier rollover garde l'onglet niveau 2 actif */
							#Nav a.vosLabels:hover{background: url(../images/soumenu_picto_voslabels.png) 12px 7px no-repeat #9fe5f6;}
							#Nav ul.sm_vosLabels{/*margin-left: 162px;*/}
					
					#Nav a.vosReferentiels{padding: 10px 10px 10px 30px; background: url(../images/soumenu_picto_voscontrats.png) 5px 7px no-repeat; width: 100px;}
							#Nav li:hover > a.vosReferentiels,/* le dernier rollover garde l'onglet niveau 2 actif */
							#Nav a.vosReferentiels:hover{padding: 10px 10px 10px 30px; background: url(../images/soumenu_picto_voscontrats.png) 5px 7px no-repeat #9fe5f6;}
							#Nav ul.sm_vosReferentiels{width: 403px; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;}
							#Nav ul.sm_vosReferentiels li{width: 362px;}
										
					#Nav a.audit{background: url(../images/soumenu_picto_audit.png) 5px 3px no-repeat;}
							#Nav li:hover > a.audit,/* le dernier rollover garde l'onglet niveau 2 actif */
							#Nav a.audit:hover{background: url(../images/soumenu_picto_audit.png) 5px 3px no-repeat #9fe5f6;}
												
					#Nav a.formation{background: url(../images/soumenu_picto_formation.png) 8px 3px no-repeat;}
							#Nav li:hover > a.formation,/* le dernier rollover garde l'onglet niveau 2 actif */
							#Nav a.formation:hover{background: url(../images/soumenu_picto_formation.png) 8px 3px no-repeat #9fe5f6;}
							#Nav ul.sm_formation{/*margin-left: 159px;*/}
							
					#Nav a.satisfClient{background: url(../images/soumenu_picto_satisfaction.png) 5px 3px no-repeat;}
							#Nav li:hover > a.satisfClient,/* le dernier rollover garde l'onglet niveau 2 actif */
							#Nav a.satisfClient:hover{background: url(../images/soumenu_picto_satisfaction.png) 5px 3px no-repeat #9fe5f6;}
							#Nav ul.sm_satisfClient{/*margin-left: 95px;*/}
							
					#Nav a.technique{background: url(../images/soumenu_picto_technique.png) 8px 3px no-repeat;}
							#Nav li:hover > a.technique,/* le dernier rollover garde l'onglet niveau 2 actif */
							#Nav a.technique:hover{background: url(../images/soumenu_picto_technique.png) 8px 3px no-repeat #9fe5f6;}
							#Nav ul.sm_technique{/*margin-left: 248px;*/}
				
					#Nav a.tableauBord{background: url(../images/soumenu_picto_tableau.png) 3px 3px no-repeat;}
							#Nav li:hover > a.tableauBord,/* le dernier rollover garde l'onglet niveau 2 actif */
							#Nav a.tableauBord:hover{background: url(../images/soumenu_picto_tableau.png) 3px 3px no-repeat #9fe5f6;}
							#Nav ul.sm_tableauBord{/*margin-left: 387px;*/}
							
					#Nav a.outilsCom{background: url(../images/soumenu_picto_outils.png) 3px 5px no-repeat;}
							#Nav li:hover > a.outilsCom,/* le dernier rollover garde l'onglet niveau 2 actif */
							#Nav a.outilsCom:hover{background: url(../images/soumenu_picto_outils.png) 3px 5px no-repeat #9fe5f6;}
							#Nav ul.sm_outilsCom{/*margin-left: 624px;*/}
					
					#Nav a.outilsCom2{background: url(../images/soumenu_picto_outils3-2.png) 3px 5px no-repeat;}
							#Nav li:hover > a.outilsCom2,/* le dernier rollover garde l'onglet niveau 2 actif */
							#Nav a.outilsCom2:hover{background: url(../images/soumenu_picto_outils3-2.png) 3px 5px no-repeat #9fe5f6;}
							#Nav ul.sm_outilsCom2{/*margin-left: 624px;*/}
					
					/* Mon compte */	
					#Nav a.vosCoordonnees{background: url(../images/soumenu_picto_coords.png) 12px 0px no-repeat;}
							#Nav li:hover > a.vosCoordonnees,/* le dernier rollover garde l'onglet niveau 2 actif */
							#Nav a.vosCoordonnees:hover{background: url(../images/soumenu_picto_coords.png) 12px 0px no-repeat #9fe5f6;}

					/* Vos coordonnees */
					#Nav a.vosMarques{background: url(../images/soumenu_picto_equipes.png) 4px 5px no-repeat;}
							#Nav li:hover > a.vosMarques,/* le dernier rollover garde l'onglet niveau 2 actif */
							#Nav a.vosMarques:hover{background: url(../images/soumenu_picto_equipes.png) 4px 5px no-repeat #9fe5f6;}
							#Nav ul.sm_vosMarques{/*margin-left: 159px;*/}

					/* Vos marques */
					#Nav a.vosEquipes{background: url(../images/soumenu_picto_marques.png) 8px 3px no-repeat;}
							#Nav li:hover > a.vosEquipes,/* le dernier rollover garde l'onglet niveau 2 actif */
							#Nav a.vosEquipes:hover{background: url(../images/soumenu_picto_marques.png) 8px 3px no-repeat #9fe5f6;}
							#Nav ul.sm_vosEquipes{/*margin-left: 95px;*/}		
					
					#Nav a.vosFactures{background: url(../images/soumenu_picto_factures.png) 6px 3px no-repeat;}
							#Nav li:hover > a.vosFactures,/* le dernier rollover garde l'onglet niveau 2 actif */
							#Nav a.vosFactures:hover{background: url(../images/soumenu_picto_factures.png) 6px 3px no-repeat #9fe5f6;}
							#Nav ul.sm_vosFactures{/*margin-left: 248px;*/}

					#Nav a.vosCertificats{background: url(../images/soumenu_picto_certificats.png) 6px 3px no-repeat;}
							#Nav li:hover > a.vosCertificats,/* le dernier rollover garde l'onglet niveau 2 actif */
							#Nav a.vosCertificats:hover{background: url(../images/soumenu_picto_certificats.png) 6px 3px no-repeat #9fe5f6;}
							#Nav ul.sm_vosCertificats{/*margin-left: 387px;*/}
					
					
					/* Non utilise en version finale */	
					#Nav a.vosMissions{background: url(../images/soumenu_picto_missions.png) 6px 3px no-repeat;}
							#Nav li:hover > a.vosMissions,/* le dernier rollover garde l'onglet niveau 2 actif */
							#Nav a.vosMissions:hover{background: url(../images/soumenu_picto_missions.png) 6px 3px no-repeat #9fe5f6;}

					/* ------ pictos menu niveau 3 ------ */
					#Nav li ul li a.declarer{background: url(../images/soumenu_picto_declarer.gif) 5px 4px no-repeat;}
							#Nav li ul li a.declarer:hover{background: url(../images/soumenu_picto_declarer_hover.gif) 5px 4px no-repeat #6abace;}
						
					#Nav li ul li a.contrat{background: url(../images/soumenu_picto_contrat.gif) 5px 3px no-repeat;}					
							#Nav li ul li a.contrat:hover{background: url(../images/soumenu_picto_contrat_hover.gif) 5px 3px no-repeat #6abace;}	
											
					#Nav li ul li a.croix{background: url(../images/soumenu_picto_croix.gif) 5px 3px no-repeat;}		
							#Nav li ul li a.croix:hover{background: url(../images/soumenu_picto_croix_hover.gif) 5px 3px no-repeat #63b4c8;}
							
					#Nav li ul li a.time{background: url(../images/soumenu_picto_time.gif) 5px 3px no-repeat;}		
							#Nav li ul li a.time:hover{background: url(../images/soumenu_picto_time_hover.gif) 5px 3px no-repeat #63b4c8;}
							
					#Nav li ul li a.verif{background: url(../images/soumenu_picto_verif.gif) 5px 3px no-repeat;}
							#Nav li ul li a.verif:hover{background: url(../images/soumenu_picto_verif_hover.gif) 5px 3px no-repeat #63b4c8;}
					
					#Nav li ul li a.telecharger{background: url(../images/soumenu_picto_telecharger.gif) 5px 3px no-repeat;}
							#Nav li ul li a.telecharger:hover{background: url(../images/soumenu_picto_telecharger_hover.gif) 5px 3px no-repeat #63b4c8;}
					
					#Nav li ul li a.catalogue{background: url(../images/soumenu_picto_catalogue.gif) 5px 2px no-repeat;}
							#Nav li ul li a.catalogue:hover{background: url(../images/soumenu_picto_catalogue_hover.gif) 5px 2px no-repeat #63b4c8;}
					
					#Nav li ul li a.stat{background: url(../images/soumenu_picto_stat.gif) 3px 1px no-repeat;}
							#Nav li ul li a.stat:hover{background: url(../images/soumenu_picto_stat_hover.gif) 3px 1px no-repeat #63b4c8;}
					
					#Nav li ul li a.bulle{background: url(../images/soumenu_picto_bulle.gif)  3px 2px no-repeat;}
							#Nav li ul li a.bulle:hover{background: url(../images/soumenu_picto_bulle_hover.gif)  3px 2px no-repeat #63b4c8;}
					
					#Nav li ul li a.contrat2{background: url(../images/soumenu_picto_contrat2.gif) 8px 2px no-repeat;}
							#Nav li ul li a.contrat2:hover{background: url(../images/soumenu_picto_contrat2_hover.gif) 8px 2px no-repeat #63b4c8;}
					
					#Nav li ul li a.check{background: url(../images/soumenu_picto_check.gif) 5px 2px no-repeat;}
							#Nav li ul li a.check:hover{background: url(../images/soumenu_picto_check_hover.gif) 5px 2px no-repeat #63b4c8;}
					
					#Nav li ul li a.concept{background: url(../images/soumenu_picto_concept.gif) 5px 2px no-repeat;}
							#Nav li ul li a.concept:hover{background: url(../images/soumenu_picto_concept_hover.gif) 5px 2px no-repeat #63b4c8;}
							
					#Nav li ul li a.grosoeuvre{background: url(../images/soumenu_picto_grosoeuvre.gif) 5px 2px no-repeat;}
							#Nav li ul li a.grosoeuvre:hover{background: url(../images/soumenu_picto_grosoeuvre_hover.gif) 5px 2px no-repeat #63b4c8;}
							
					#Nav li ul li a.secondoeuvre{background: url(../images/soumenu_picto_secondoeuvre.gif) 5px 2px no-repeat;}
							#Nav li ul li a.secondoeuvre:hover{background: url(../images/soumenu_picto_secondoeuvre_hover.gif) 5px 2px no-repeat #63b4c8;}
					
					#Nav li ul li a.equipement{background: url(../images/soumenu_picto_equipement.gif) 5px 2px no-repeat;}
							#Nav li ul li a.equipement:hover{background: url(../images/soumenu_picto_equipement_hover.gif) 5px 2px no-repeat #63b4c8;}
							
					#Nav li ul li a.sav{background: url(../images/soumenu_picto_sav.gif) 3px 0px no-repeat;}
							#Nav li ul li a.sav:hover{background: url(../images/soumenu_picto_sav_hover.gif) 3px 0px no-repeat #63b4c8;}
					
					#Nav li ul li a.stat2{background: url(../images/soumenu_picto_stat2.gif) 5px 2px no-repeat;}
							#Nav li ul li a.stat2:hover{background: url(../images/soumenu_picto_stat2_hover.gif) 5px 2px no-repeat #63b4c8;}
					
					#Nav li ul li a.outil{background: url(../images/soumenu_picto_outil.gif) 1px 0 no-repeat;}
							#Nav li ul li a.outil:hover{background: url(../images/soumenu_picto_outil_hover.gif) 1px 0 no-repeat #63b4c8;}
					
					#Nav li ul li a.like{background: url(../images/soumenu_picto_like.gif) 5px 3px no-repeat;}
							#Nav li ul li a.like:hover{background: url(../images/soumenu_picto_like_hover.gif) 5px 3px no-repeat #63b4c8;}
					
					#Nav li ul li a.outilsCom3{background: url(../images/soumenu_picto_outils2-2.png) -2px 2px no-repeat;}
							#Nav li ul li a.outilsCom3:hover{background: url(../images/soumenu_picto_outils.png) -2px 2px no-repeat #63b4c8;}
					
					#Nav li ul li a.outil2{background: url(../images/soumenu_picto_outil2.gif) 5px 3px no-repeat;}
							#Nav li ul li a.outil2:hover{background: url(../images/soumenu_picto_outil2_hover.gif) 5px 3px no-repeat #63b4c8;}
					
					#Nav li ul li a.fiche{background: url(../images/soumenu_picto_fiche.gif) 8px 1px no-repeat;}
							#Nav li ul li a.fiche:hover{background: url(../images/soumenu_picto_fiche_hover.gif) 8px 1px no-repeat #63b4c8;}
					
				/* ======================= fin menu ======================= */	
				
					
					
					
/* ============ page Identification ============ */
#Identification{}
		/* logo cequami */
		#Cequami{display: block; position: absolute; top: 0; right: 0;}
		/**/
		#Identification form{width: 700px; height: 600px; margin: 75px auto 0 auto; text-align:center;}
		.titre{height: 42px; background: url(../images/form_titre_bg.gif) 0 0 no-repeat; border-bottom: 1px solid #d8d5ce; text-align:left!important;}
				.titre span{display: block; color: #aca89c; font-weight:  bold; font-size: 18px; padding: 10px 0 0 20px; text-align:left!important;}
		.boutonAction2 button{display: block; width: 147px; height: 39px;float: left; background: url(../images/outils_bouton_commander.gif) 0 5px no-repeat; cursor: pointer; font-weight: normal; color: #fff; font-size: 16px; }
		.boutonAction2 a{display: block;text-decoration: none; width: 147px;padding-top:6px; height: 39px; background: url(../images/outils_bouton_commander.gif) 0 0px no-repeat; cursor: pointer; font-weight: normal; color: #fff; font-size: 16px; }
		.boutonAction2 input{display: block;text-decoration: none; width: 147px;padding-top:0px; height: 39px; background: url(../images/outils_bouton_commander.gif) 0 4px no-repeat; cursor: pointer; font-weight: normal; color: #fff; font-size: 16px; margin: 0 0 0px 550px;}
		#Identification p{color: #fff; font:normal 22px calibri, arial, verdana, tahoma,  geneva, sans-serif; text-shadow: 0px 2px 8px #7f9349; filter: dropshadow(color=#7f9349, offx=0, offy=2); font-size: 21px;}
		#Identification p.grand{font-size: 24px;}
		#Identification #LogoSimce{display: block; margin: 20px auto 0 auto;}
		
		/* champs formulaire */
		.inputIdentifiant,
		.inputPass{display: block; width: 254px; height: 48px; padding: 0 0 0 50px; color: #d6d6d6; font-size: 18px;}
					/**/
					.inputIdentifiant{background: url(../images/id_input1.gif) top center no-repeat; margin: 20px auto 12px auto;}
					.inputPass{background: url(../images/id_input2.gif) top center no-repeat; margin: 0 auto 12px auto;}
					/**/
					.inputIdentifiant:focus,
					.inputPass:focus{color: #888;}
		/**/
		.souvenir{color: #8a9c57; font-size: 12px; width: 135px; float: left; margin: 16px 0 0 193px;}
		.souvenirBlanc{color: white; font-size: 12px; width: 135px; float: left; margin: 16px 0 0 193px;}
		.inputSubmit{display: block; width: 160px; height: 49px; float: right; background: url(../images/id_input_submit.gif) 0 0 no-repeat; cursor: pointer; margin: 0 199px 0 0;}
		.inputSubmitInterne{display: block; width: 160px; height: 49px; float: right; background: url(../images/interne/id_input_submit.gif) 0 0 no-repeat; cursor: pointer; margin: 0 199px 0 0;}
		/**/
		.codes{text-align: right; padding: 10px 199px 0 0;}
				.codes a{display: block; float: right; color: #8a9c57; font-size: 12px; padding: 5px 25px 5px 0; background: url(../images/id_picto_help.png) right no-repeat;}
/* === */
/* === */
#IdFooter{height: 39px; padding: 80px 0 0 0; overflow: hidden; position: absolute; bottom: 0; width: 100%; text-align: center;background: url(../images/id_footer.png) top center no-repeat; }
	#IdFooter a{text-decoration: none; color: #a5c059; font-size: 20px; font-weight: bold;}
	#IdFooter a:hover{color: #c8d999;}


/* ============ contenu ============ */
#Wrap{width: 1000px; margin: auto; padding: 30px 0; text-align: left;}



/* ============ footer ============ */
#Footer{margin: 50px 0 0 0; background: url(../images/footer_bg.gif) 0 0 repeat-x; }
	#Footer *{color: #aeaba2; font-size: 12px; text-decoration: none;}
		
		#FooterLogo{float: left; width: 90px; height: 160px; background: url(../images/footer_logo_cerqual.png) 0 0 no-repeat;}
		#FooterTexte{float: left; width: 450px; text-align: justify; padding: 20px 0 0 0;}
		
		#Footer ul{float: right; width: 260px; margin: 10px 0 0 30px;}
		#Footer li{padding: 10px 0; background: url(../images/picto_pointilles2.gif) left bottom repeat-x;}
		#Footer a:hover{color: #7e7d78;}
		
		#Footer .version{padding: 0 0 0 90px;}
		#Footer .version,
		#Footer .version *{color: #9bba3f;}
		#Footer .version a:hover{color: #c6d493;}




/* ============ header rubrique ============ */
#Ariane{width: 100px; height: 25px; float: left; background: url(../images/ariane_bg.gif) 0 0 no-repeat; margin: 8px 10px 0 0;}
		#Ariane span{display: block; padding: 5px 0 0 12px; color: #fff; font-size: 11px;}

		/**/
		h1{color: #aca79c; font-size: 34px; margin: 0 0 10px 0;}
				h1 *{color: #aca79c;}
				h1 span{display: block; font-size: 14px;}

		/**/
		.filAriane{clear: both; border-top: 1px solid #ccc9bd; padding: 20px 0 5px 0;}
		.filAriane,
		.filAriane *{color: #d67d00; font-size: 11px; text-decoration: none;}
		.filAriane a{padding: 0 15px 0 0; margin: 0 5px 0 0; background: url(../images/ariane_fleche.gif) right no-repeat;}
		.filAriane span.titreAriane1{padding: 0 15px 0 0; margin: 0 5px 0 0; background: url(../images/ariane_fleche.gif) right no-repeat;}
		.filAriane span.titreAriane{padding: 0 15px 0 0; margin: 0 5px 0 0; }
		.filAriane a:hover{opacity: 0.6;}
		/**/
		.textePage{font-size: 11px; text-align: justify; color: #aca89c;}
		

/* ============ elements recurrants ============ */	
		.boutonImprimer{display: block; float: right; width: 139px; height: 35px; margin: 20px 0 0 0; background: url(../images/bouton_imprimer.gif) 0 0 no-repeat;}
		.boutonPdf{display: block; float: left; width: 32px; height: 32px; margin: 20px 0 0 0; background: url(../images/pdf-icone.png) 0 0 no-repeat;}
		.boutonExport{float: right; display: block; width: 267px; height: 49px; margin: 20px 0 0 0; background: url(../images/tableau_bouton_export.gif) 0 0 no-repeat;}



/* ============ accueil ============ */
#Gauche{width: 364px; float: left; margin: 25px 0 0 0;}
#Gauche *{text-decoration: none;}
		#Gauche ul{border: 1px solid #d8d5ce; background: #fbfbf9; -webkit-border-radius: 0px 0px 12px 0; border-radius: 0px 0px 12px 0;}
				#Gauche ul li{padding: 0 12px;}
				#Gauche ul li a{display: block; padding: 15px 0 15px 40px; border-bottom: 1px solid #e3e2e1; background: url(../images/ul_fleche1.png) 10px 11px no-repeat;}
						#Gauche ul li a:hover{opacity: 0.5;}
						#Gauche ul li:last-child a{border-bottom: none;}
			
				#Gauche ul li.titre{padding: 15px 0 15px 52px; background: url(../images/ul_titre1_bg.gif) -1px -1px no-repeat;height: 15px; border: none;}
						#Gauche ul li.titre img{display: block; position: absolute; margin: -32px 0 0 -60px;}
		
		/**/
		#Gauche ul.espace{margin: 30px 0 0 0; border: 1px solid #d8d5ce; background: #fbfbf9; -webkit-border-radius: 0px 0px 12px 0; border-radius: 0px 0px 12px 0;}
				#Gauche ul.espace li{padding: 0 12px;}
				#Gauche ul.espace li a{color: #5b8fa4; display: block; padding: 15px 0 15px 40px; border-bottom: 1px solid #e3e2e1; background: url(../images/ul_fleche1.png) 10px 11px no-repeat;}
						#Gauche ul.espace li a:hover{opacity: 0.5;}
						#Gauche ul.espace li:last-child a{border-bottom: none;}
						
				#Gauche ul.espace li.titre2{padding: 15px 0 15px 52px; background: url(../images/ul_titre2_bg.gif) 0 0 no-repeat; font-weight: bold; color: #fff;}
						#Gauche ul.espace li.titre2 img{display: block; position: absolute; margin: -32px 0 0 -60px;}
				/**/



#Droite{width: 570px; float: right; margin: 25px 0 0 0; background: #fff; -webkit-border-radius: 0px 0px 30px 0; border-radius: 0px 0px 30px 0;}
		#Droite *{text-decoration: none;}
		.fondBleu{background: #4da2b7;}
		/**/
		#DernieresInfos{padding: 24px 20px;  background: #fff;}
				#DernieresInfos *{}
				#DernieresInfos h2{font-size: 34px; color: #46778b; padding: 0 0 10px 0; background: url(../images/picto_pointilles.gif) bottom left repeat-x;}
				#DernieresInfos a:hover{opacity: 0.6;}
		
				.blocInfo{margin: 10px 0 0 0;}
						.infoImg{display: block; float: left; width: 80px; height: 80px; overflow: hidden; margin: 0 10px 0 0;}
						p a{font-size: 12px; color: #46778b; font-weight: bold;}
						.dateInfo{font-size: 10px; color: #a9c751;}
						.titreInfo a{font-weight: normal; color: #7e7d78;}
				.plusInfo{display: block; margin: 5px 0 0 0; float: right; width: 123px; height: 35px; background: url(../images/info_bouton.gif) 0 0 no-repeat;}
		
		
		/**/
		#InfosReferentiels{padding: 24px 20px; background: url(../images/info_ref_bg.jpg) 0 0 repeat-x #4da2b7;}
				#InfosReferentiels *{color: #fff;}
				#InfosReferentiels h3{font-size: 22px; padding: 0 0 10px 50px;}
						#InfosReferentiels h3 img{display: block; position: absolute; margin: -5px 0 0 -65px;}
		
				#InfosReferentiels a{display: block; padding: 10px 0 10px 50px; font-size: 14px; font-weight: normal; background: url(../images/ul_fleche3.png) 20px 7px no-repeat;}
				#InfosReferentiels a:hover{opacity: 0.6;}
		
		/**/
		#InfosServices{padding: 24px 20px; background: url(../images/info_services_bg.jpg) 0 0 repeat-x #9a968d;}
				#InfosServices *{color: #fff;}
				#InfosServices h3{font-size: 34px; padding: 0 0 10px 60px; background: url(../images/info_services_picto.jpg) 0 0 no-repeat;}					
		
				#InfosServices a{display: block; padding: 10px 0 10px 60px; font-size: 14px; font-weight: normal; background: url(../images/ul_fleche3.png) 30px 7px no-repeat;}
				#InfosServices a:hover{opacity: 0.6;}
		
		
		/**/
		#InfosQuestions{padding: 24px 20px; background: url(../images/info_questions_bg.jpg) 0 0 repeat-x #7aaa09; -webkit-border-radius: 0px 0px 30px 0; border-radius: 0px 0px 30px 0;}
				#InfosQuestions *{color: #fff;}
				#InfosQuestions h3{font-size: 28px; padding: 0px 0 10px 60px; background: url(../images/info_questions_picto.jpg) 0 0 no-repeat;}					
		
				#InfosQuestions a{display: block; padding: 10px 0 10px 60px; font-size: 14px; font-weight: normal; background: url(../images/ul_fleche3.png) 30px 7px no-repeat;}
				#InfosQuestions a:hover{opacity: 0.6;}	
				
				#InfosQuestions p{padding: 10px 0 5px 60px;}	
				#InfosQuestions .tel{background: url(../images/info_questions_picto_tel.jpg) 30px 5px no-repeat;}	
				#InfosQuestions .mail{background: url(../images/info_questions_picto_mail.jpg) 30px 7px no-repeat;}	
				
				
				
				
/* ============ formulaire ============ */

form{width: 960px; margin: auto;}
.formulaire{background: url(../images/form_footer.gif) left bottom no-repeat; padding: 0 0 20px 0; margin: 0 0 30px 0;}
		.formulaire h3{padding: 5px 15px; margin: 55px 0 0 0; background: url(../images/panier_titre_bg.gif) 0 0 repeat-x; -webkit-border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0; border: 1px solid #d8d5ce;}
				.formulaire h3 span{display: block; color: #aca89c; padding: 10px 0 0 20px; font-weight: bold; font-size: 18px;}

		.formulaire table{width: 100%; border-left: 1px solid #d8d5ce; border-right: 1px solid #d8d5ce; background: #f7f5ee;}
		.formulaire td{padding: 15px 0 0 20px; vertical-align: top;}		
		.formulaire td span{color: #d67d00;}
		.formulaire td.topForm{padding: 30px 0 5px 20px;}
		.formulaire td.bottomForm{padding: 15px 0 20px 20px;}
		.formulaire .ligne2 
		   {
	   	   background			  : transparent;
		   border-color			  : #aca89c;
		   border-width			  : 0 0 1px;
		   border-style			  : solid;
		   font-size: 0;
		   }
		.formulaire label{display: block;}
		.formulaire label.noSite{margin: 5px 0 0 -15px;}
		.formulaire .alignTop{vertical-align: top; padding: 12px 0 0 20px;}
		
		.inputCommun{display: block; padding: 5px 10px; color: #5b5a55; background: url(../images/form_champ.gif) 0 0 repeat-x #fff; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #d8d5ce;}
		.inputCommunBleu{display: block; padding: 5px 10px; color: #5b5a55; background: url(../images/form_champ_bleu.gif) 0 0 repeat-x #fff; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #d8d5ce;}
		
		.inputDatePicker{
			display: block; 
			padding: 5px 10px; 
			color: #5b5a55; 
			background: url(../images/form_champ.gif) 0 0 repeat-x #fff; 
			-webkit-border-radius: 6px;
			 border-radius: 6px; 
			 border: 1px solid #d8d5ce;
			 width: 90px; 
			 margin: -5px 0 0 -5px;
		}
		
		.texteArea{ margin: -5px 0 0 -15px;}
		.input0{width: 600px; margin: -5px 0 0 -15px;}
		.input0_1{width: 460px; margin: -5px 0 0 -15px;}
		.input1{width: 250px; margin: -5px 0 0 -15px;}
		.input2{width: 150px; margin: -5px 0 0 -15px;}
		.input3{width: 90px; margin: -5px 0 0 -15px;}
		.input4{width: 50px; margin: -5px 0 0 -15px;}
		.inputSelect{width: 171px; margin: -5px 0 0 -15px;}
		.inputSelectTableau{width: 171px; margin: 0px 0 0 0px;}
		
		.input1:focus,
		.input2:focus,
		.input3:focus,
		.input4:focus,
		.inputSelect:focus{-webkit-box-shadow:  0px 0px 5px 1px #83CCDF; box-shadow:  0px 0px 5px 1px #83CCDF;}
		
		#CGU{font-size: 10px; padding: 0 0 20px 0; margin: 0 0 20px 0; text-align: justify; color: #aca89c; background: url(../images/form_pointilles.gif) left bottom repeat-x;}
		
    #Obligatoire{float: left; color: #d67d00;}
    .inputEnregistrer{display: block; width: 185px; height: 49px; float: right; background: url(../images/form_input_enregistrer.gif) 0 0 no-repeat; cursor: pointer; margin: 0 0 50px 0;}
		
		.inputErreur{border: 1px solid #f00; color: #f00;}
				.inputErreur:focus{-webkit-box-shadow:  0px 0px 3px 0 #f00; box-shadow:  0px 0px 3px 0 #f00;}
		.texteErreur{color: #f00;}
		span.erreurLabel{display: block; padding: 5px 0 5px 20px; margin: 0 0 0 -15px; color: red !important; background: url(../images/form_erreur.gif) 0 4px no-repeat;}

		.erreurLabelConnexion{display: block; padding: 5px 0 5px 20px; margin: 0 0 0 -15px; color: red !important; font-size: 16px; font-weight: bold;}
		.erreurLabelConnexionBlanc{display: block; padding: 5px 0 5px 20px; margin: 0 0 0 -15px; color: white !important; font-size: 16px; font-weight: bold;}
		.erreurLabelConnexion a{font-size: 16px; color: red; font-weight: bold;}
		.erreurLabelConnexionBlanc a{font-size: 16px; color: white; font-weight: bold;}

/* Tableau de bord outils et services */
.TableauBord{border-collapse: separate; border: 2px solid #c3d4da; width: 100%; margin: 25px 0 0 0; background: #fff; -webkit-border-radius: 0px 0px 30px 0; border-radius: 0px 0px 30px 0; padding: 10px; margin: 10px; }
	.TableauBord *{font-size: 12px; background: #FFF;}
	.TableauBord .titre{font-size: 14px; font-weight: bold; background: #FFF; border: 0px;}
	.TableauBord .ligne{background-color: #c3d4da; height: 2px;}
	.TableauBord .td_oui span,
	.TableauBord .td_non span{display: block; padding: 1px 18px 0 3px; margin: 0 5px 0 0; background: url(../images/tableau_picto_check.gif) no-repeat;}
			.TableauBord .td_oui span{background: url(../images/tableau_picto_check.gif) 40px 0px no-repeat;}
			.TableauBord .td_non span{background: url(../images/tableau_picto_croix.gif) 40px 0px no-repeat;}

/* ============ tableaux ============ */	
h2.titreTableau{float: left; color: #5b8fa4; font-size: 26px; padding: 20px 0 10px 57px;}
		/* pictos */
		.ventesDROC{background: url(../images/tableau_picto_contrat.jpg) 0 8px no-repeat;}
			
		.Tableau{border-collapse: separate; border-right: 1px solid #c3d4da; border-bottom: 1px solid #c3d4da; width: 960px/*100%*/; margin: 25px 0 0 0; background: #fff; -webkit-border-radius: 0px 0px 30px 0; border-radius: 0px 0px 30px 0;}
			.Tableau *{font-size: 11px;}
			.Tableau th,
			.Tableau td{vertical-align: middle; padding: 10px;}			
			
			.TableauAvecListe td ul li{list-style: disc; margin-left: 15px}
			
			.Tableau th{color: #fff; background: url(../images/tableau_th_bg.gif) 0 0 repeat-x #2d8ca3; border-left: 1px solid #2d8ca3; border-right: 1px solid #9ce2f3; border-top: 1px solid #2d8ca3;}
			.Tableau th:last-child{border-right: 1px solid #2d8ca3;}
					/* titres tableau */
					.th_numContrat{width: auto;text-align:center; color: #fff;}
					.th_numContrat a{width: auto; text-align:center; color: #fff; }
							/*.th_numContrat span{display: block; float: left; color: #fff;}*/
							
					.th_refMission{width: 85px;}
							.th_refMission span{display: block; float: left; color: #fff;}
							
					.th_dateVente{width: 94px;}
							.th_dateVente span{display: block; float: left; color: #fff;}
							
					.th_MO{}
					.th_marque{}
					.th_centreTravaux{}
					.th_lieuConstruction{}
					.th_NF,
					.th_HQE,
					.th_label{padding: 10px 0; width: 30px; text-align: center;}
					/**/
					.th_type{width: 300px;}
					.th_debut{width: 55px;}
							.th_debut span{display: block; float: left; color: #fff;}
					.th_fin{width: 55px;}
							.th_fin span{display: block; float: left; color: #fff; margin: 0 0 0 10px;}
					.th_statut{width: 65px;}
							.th_statut span{display: block; float: left; color: #fff; margin: 0 0 0 10px;}
					.th_rapport{width: 90px; text-align: center;}
					.th_auditeurs{width: 170px; text-align: center;}
					
					
					
					/* titres lignes */
					.td_numContrat{}
						.td_numContrat a{display: block; padding: 0 0 0 25px; background: url(../images/tableau_picto_voir.gif) left no-repeat;}
					.td_dateVente{text-align: center;}
					.td_MO{}
					.td_marque{}
					.td_centreTravaux{}
					.td_lieuConstruction{}
					.td_NF,
					.td_HQE,
					.td_label{padding: 10px 0; text-align: center;}
					/**/
					.td_refMission{}
							.td_refMission a{display: block; padding: 2px 0 2px 22px; margin: 0 0 0 10px; background: url(../images/tableau_picto_modifier.gif) left no-repeat;}
					.td_lienCroix{}
							.td_lienCroix a{display: block; padding: 2px 0 2px 22px; margin: 0 0 0 10px; background: url(../images/tableau_picto_croix.gif) left no-repeat;}
					.td_type{}
					.td_debut{}
					.td_fin{}
					.td_statut{}						
					.td_rapport{}
							.td_rapport a{display: block; padding: 3px 0 3px 25px; background: url(../images/tableau_picto_telecharger.gif) 0 0 no-repeat;}
					.td_ficheTech{}
							.td_ficheTech a{display: block; float: right; padding: 23px 20px 3px 25px;  
							background: url(../images/tableau_picto_telecharger.gif) 0 20px no-repeat;}
					.td_auditeurs{text-align: center;}
					
					/* statut mission */
					.span_statut{display: block; padding: 5px 0 6px 30px;}
							.statut0{background: url(../images/statut_0.gif) 0 0 no-repeat;}
							.statut25{background: url(../images/statut_25.gif) 0 0 no-repeat;}
							.statut33{background: url(../images/statut_33.gif) 0 0 no-repeat;}
							.statut50{background: url(../images/statut_50.gif) 0 0 no-repeat;}
							.statut66{background: url(../images/statut_66.gif) 0 0 no-repeat;}
							.statut75{background: url(../images/statut_75.gif) 0 0 no-repeat;}
							.statut100{background: url(../images/statut_100.gif) 0 0 no-repeat;}
							.statutOff{background: url(../images/statut_off.gif) 0 0 no-repeat;}
							.statut100_2{background: url(../images/statut_100.gif) 40% 50% no-repeat;}
							.statutOff_2{background: url(../images/statut_off.gif) 40% 50% no-repeat;}
							.statut0_2{background: url(../images/statut_0.gif) 40% 50% no-repeat;}
							
							.statut_gris{background: url(../images/samie/cercle-gris.png) 40% 50% no-repeat;}
							.statut_jaune{background: url(../images/samie/cercle-jaune.png) 40% 50% no-repeat;}
							.statut_orange{background: url(../images/samie/cercle-orange.png) 40% 50% no-repeat;}
							.statut_rouge{background: url(../images/samie/cercle-rouge.png) 40% 50% no-repeat;}
							.statut_vert{background: url(../images/samie/cercle-vert.png) 40% 50% no-repeat;}
							
							.statut_gris_2{background: url(../images/samie/cercle-gris.png) 0 50% no-repeat;}
							.statut_jaune_2{background: url(../images/samie/cercle-jaune.png) 0 50% no-repeat;}
							.statut_orange_2{background: url(../images/samie/cercle-orange.png) 0 50% no-repeat;}
							.statut_rouge_2{background: url(../images/samie/cercle-rouge.png) 0 50% no-repeat;}
							.statut_vert_2{background: url(../images/samie/cercle-vert.png) 0 50% no-repeat;}
							
					/* tri tableau */
					.triCroissant,
					.triDecroissant{float: right; display: block; width: 9px; height: 7px;}
					
						.triCroissant{margin: 3px 0 0 0; background: url(../images/tableau_th_fleche_up.gif) 0 0 no-repeat;}
						.triDecroissant{margin: 3px 0 0 3px; background: url(../images/tableau_th_fleche_down.gif) 0 0 no-repeat;}
					
					.td_oui span,
					.td_non span{display: block; padding: 1px 18px 0 3px; margin: 0 5px 0 0; background: url(../images/tableau_picto_check.gif) right no-repeat;}
							.td_oui span{color : #5b8fa4 !important;background: url(../images/tableau_picto_check.gif) right no-repeat;}
							.td_non span{color : #5b8fa4 !important;background: url(../images/tableau_picto_croix.gif) right no-repeat;}
							
			.Tableau td{color: #5b8fa4; border-left: 1px solid #c3d4da; border-top: 1px solid #c3d4da;}
					.td_orange{background-color:orange; padding: 2px 2px 2px 2px;  border: 0px solid black; color: #000 !important; }
					.td_green{background-color:#01D758; padding: 2px 2px 2px 2px;  border: 0px solid black;color: #000 !important;}
					.td_white{background-color:white; padding: 2px 2px 2px 2px;  border: 0px solid black;color: #000 !important;}
					.td_blue{background-color:#318CE7; padding: 2px 2px 2px 2px;  border: 0px solid black;color: #000 !important;}
					.td_red{background-color:red; padding: 2px 2px 2px 2px;  border: 0px solid black;color: #000 !important;}
					.td_grey{background-color:#C1BFB1; padding: 2px 2px 2px 2px;  border: 0px solid black;color: #000 !important;}
					.td_yellow{background-color:yellow; padding: 2px 2px 2px 2px;  border: 0px solid black;color: #000 !important;}
			.Tableau td *{color: #5b8fa4;}
				
			
			.Tableau tr.td_alterne{}
			.Tableau tr.td_alterne td{background: url(../images/tableau_td_bg.gif) 0 0 repeat-x;}
			.Tableau tr.td_alterne2 td{background: url(../images/samie/tableau_td_bg2.gif) 0 0 repeat-x;}
					
			.Tableau2 tr.td_alterne{background: url(../images/tableau_td_bg2.gif) 0 0 repeat-x;}
			.Tableau2 img.td_center{padding: 9px 0px 0px 15px;}
			.Tableau2 div.td_center{padding: 12px 0px 0px 15px;}
			
			/* pagination */
			.Tableau #Pages{padding: 20px 20px 20px 50px; background: url(../images/tableau_picto_page.gif) 13px 15px no-repeat;}
					#NbPages{float: left; padding: 8px 0 0 0;}
					
					#LiensPages{float:right;}
					#LiensPages li{width: 26px; height: 28px; float: left; margin: 0 0 0 5px;}
					#LiensPages li a{display: block; border: 1px solid #c3d4da; text-align: center; text-decoration: none; padding: 5px 0; background: url(../images/nbpage_bg.gif) 0 0 repeat-x #e9f2f4;}
					#LiensPages li a:hover{background: url(../images/nbpage_bg_hover.gif) 0 0 repeat-x #fff;}
							#LiensPages li a span{display: block; height: 14px;}
							#LiensPages li a span.pageFirst{background: url(../images/nbpage_first.gif) 7px 2px no-repeat;}
							#LiensPages li a span.pagePrec{background: url(../images/nbpage_prec.gif) 9px 2px no-repeat;}
							#LiensPages li a span.pageSuiv{background: url(../images/nbpage_suiv.gif) 10px 2px no-repeat;}
							#LiensPages li a span.pageLast{background: url(../images/nbpage_last.gif) 7px 2px no-repeat;}
					
			/* recherche contextuelle */
			.rechercheOnglet{display: block; position: absolute; z-index: 2; left: 0; width: 61px; height: 101px; background: url(../images/recherche_onglet.gif) 0 0 no-repeat; -webkit-border-radius: 0px 0px 15px 0; border-radius: 0px 0px 15px 0;}
			.rechercheActive{display: block; position: absolute; z-index: 2; left: 0; width: 61px; height: 101px; background: url(../images/recherche_onglet.gif) 0 -101px no-repeat; -webkit-border-radius: 0px 0px 15px 0; border-radius: 0px 0px 15px 0;}
			
			#Recherche{display: none; position: absolute; left: 0;  z-index:1; background: url(../images/recherche_bg.gif) 0 0 repeat-x; width: 425px; height: 190px; -webkit-border-radius: 0px 0px 15px 0; border-radius: 0px 0px 15px 0; border-top: 1px solid #acacac; border-right: 1px solid #acacac; border-bottom: 1px solid #acacac;}
					#Recherche form{padding: 30px 40px 30px 95px;}
					#Recherche h3{color: #5b8fa4; font-size: 20px;}
					#Recherche label{display: block; float: left; padding: 23px; color: #5b8fa4; font-size: 16px;}
					#Recherche .rechercheContrat{display: block; clear: both; width: 314px; height: 44px; background: url(../images/recherche_input_text.gif) 0 0 no-repeat;}
					#Recherche .inputRechercheContrat{width: 223px; height: 44px; color: #5b8fa4; margin: 0 0 0 15px; font-size: 14px;}
					#Recherche .inputRechercheBouton{width: 37px; height: 34px; cursor: pointer; background: url(../images/recherche_input_bouton.gif) 0 0 no-repeat;}
							#Recherche .inputRechercheBouton:hover{opacity: 0.7; }
					#Recherche .auto-complete{width: 223px; height: 44px; color: #5b8fa4; margin: 0 0 0 15px; font-size: 14px;}
					
			#Recherche2{display: none; position: absolute; left: 0;  z-index:1; background: url(../images/recherche_bg_2.png) 0 0 repeat-x; width: 425px; height: 260px; -webkit-border-radius: 0px 0px 15px 0; border-radius: 0px 0px 15px 0; border-top: 1px solid #acacac; border-right: 1px solid #acacac; border-bottom: 1px solid #acacac;}
					#Recherche2 form{padding: 30px 40px 30px 95px;}
					#Recherche2 h3{color: #5b8fa4; font-size: 20px;}
					#Recherche2 label{display: block; float: left; padding: 23px; color: #5b8fa4; font-size: 16px;}
					#Recherche2 .rechercheContrat{display: block; clear: both; width: 314px; height: 44px; background: url(../images/recherche_input_text.gif) 0 0 no-repeat;}
					#Recherche2 .inputRechercheContrat{width: 223px; height: 44px; color: #5b8fa4; margin: 0 0 0 15px; font-size: 14px;}
					#Recherche2 .inputRechercheBouton{width: 37px; height: 34px; cursor: pointer; background: url(../images/recherche_input_bouton.gif) 0 0 no-repeat;}
							#Recherche2 .inputRechercheBouton:hover{opacity: 0.7; }
					#Recherche2 .auto-complete{width: 223px; height: 44px; color: #5b8fa4; margin: 0 0 0 15px; font-size: 14px;}
			
			.autocompletion ul li
			{
				width: auto; color: #5b8fa4; margin: 0 0 0 5px; font-size: 14px; 
				background-color: white;min-width: 225px;overflow: visible;padding-left: 10px;
				background-image: url(../images/picto_fleche_small.gif);
				background-repeat: no-repeat;
				background-position: 0% 50% ;
				display: block;
			}
			
			.autocompletion ul li:hover
			{
				color: white; background-color: #5b8fa4;
			}
					
			/* Bouton d'action banalisé */
			.boutonAction button{width: 147px; height: 39px; background: url(../images/outils_bouton_commander.gif) 0 5px no-repeat; cursor: pointer; font-weight: normal; color: #fff; font-size: 16px; }
			.boutonAction a{display: block; text-align:center;text-decoration: none; padding-top:6px;width: 147px; height: 39px; background: url(../images/outils_bouton_commander.gif) 0px 0px no-repeat; cursor: pointer; font-weight: normal; color: #fff; font-size: 16px; }

			.boutonActionGrand button{width: 178px; height: 41px; background: url(../images/outils_bouton_commanderGrand.png) 0 5px no-repeat; cursor: pointer; font-weight: normal; color: #fff; font-size: 16px; }
			.boutonActionGrand a{display: block; text-align:center;text-decoration: none; padding-top:10px;width: 178px; height: 41px; background: url(../images/outils_bouton_commanderGrand.png) 0px 0px no-repeat; cursor: pointer; font-weight: normal; color: #fff; font-size: 16px; }
			
			.boutonActionTresGrand button{width: 391px; height: 41px; background: url(../images/outils_bouton_commanderTresGrand.png) 0 5px no-repeat; cursor: pointer; font-weight: normal; color: #fff; font-size: 16px; }
			.boutonActionTresGrand a{display: block; text-align:center;text-decoration: none; padding-top:10px;width: 391px; height: 41px; background: url(../images/outils_bouton_commanderTresGrand.png) 0px 0px no-repeat; cursor: pointer; font-weight: normal; color: #fff; font-size: 16px; }
			
/* BAROMETRE */
#Barometre{margin: 20px 0 0 0;}
		#Barometre img{float: right; margin-right: 5px; margin-top: 5px;}
		#Barometre img.decale{float: right; margin-right: 150px; margin-top: 5px;}
		#Barometre h2{padding: 15px; background: url(../images/panier_titre_bg.gif) 0 0 repeat-x; -webkit-border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0; border: 1px solid #d8d5ce;}
		#Barometre h2 span.titreBarometre{color: #e57c00; font-size: 20px; padding: 1px 0 2px 33px; }
		#Barometre #Produits{border: 1px solid #d8d5ce; border-top: none; border-bottom: none; background: #f6f5ee; }
		#Barometre #Produits ul.grand{height: 200px;}
		#Barometre #Produits li{background: url(../images/picto_pointilles2.gif) left bottom repeat-x; margin: 0 5px; }	
		#Barometre #Produits li.grand{background: url(../images/picto_pointilles2.gif) left bottom repeat-x; margin: 0 5px; height: 200px;}
		#Barometre #Produits li.grand2{background: url(../images/picto_pointilles2.gif) left bottom repeat-x; margin: 0 5px; height: 120px;}
		#Barometre #Produits h4 {display: block; color: #e57c00; padding: 0 0 0 0; font-weight: bold; font-size: 14px;} 
		#Barometre #Produits h4 a {text-decoration: none;display: block; color: #e57c00; padding: 10px 0 0 10px; font-weight: bold; font-size: 14px;} 
		#Barometre #Produits h4 a.lien{text-decoration: none;display: block; color: #e57c00; padding: 30px 0 0 40px; font-weight: bold; font-size: 14px;} 
		#Barometre #Produits p.pack{display: block; width: 450px; padding: 1px 0 1px 12px; margin: 2px 0 0 45px; color: #6b6659; font-size: 12px; background: url(../images/picto_bullet.gif) 0 5px no-repeat;}			
		#Barometre #Produits p.packLong{display: block; width: 900px; padding: 1px 0 1px 12px; margin: 2px 0 0 45px; color: #6b6659; font-size: 12px; background: url(../images/picto_bullet.gif) 0 5px no-repeat;}
		#Barometre #Produits p.packLong b{ font-size: 12px; font-weight: bold}
		#Barometre #Produits p.pack a{color: #6b6659;}
		#Barometre #Produits span{width: 850px; text-align: left; color: #e57c00; margin-left: 75px; padding: 0 0 0 15px; background: url(../images/picto_fleche_small.gif) 0 5px no-repeat; font-size: 12px; display:block;}		
		#Barometre #Produits span.gris{width: 850px; text-align: left; color: #6b6659; margin-left: 75px; padding: 0 0 0 15px; background: url(../images/picto_fleche_small.gif) 0 5px no-repeat; font-size: 12px; display:block;}
		#Barometre #Produits span.niv2{width: 450px; text-align: left; color: #e57c00; margin-left: 100px; padding: 0 0 0 15px; background: url(../images/picto_fleche_small.gif) 0 5px no-repeat; font-size: 12px;}
		
/* PLAN DU SITE */
#PlanSite{margin: 20px 0 0 0; width: 1100px; border-width:1px !important; border-style:solid !important; border-color:black !important;}
 		#PlanSite td{border-width:1px !important; border-style:solid !important; border-color:black !important;}
		#PlanSite img{float: right; margin-right: 5px; margin-top: 5px;}
		#PlanSite h2{padding: 4px;   border: 0px solid #d8d5ce;  }
		#PlanSite h2 span.titrePlanSite{color: #aca79c;font-weight: bold; font-size: 16px; padding: 1px 0 2px 0px; }
		#PlanSite #liste{border: 0px solid #d8d5ce; border-top: none; border-bottom: none; }
		#PlanSite #liste ul.grand{height: 100px;}
		#PlanSite #liste li{ margin: 7px 2px; }	
		#PlanSite #liste li.grand{ margin: 7px 2px; height: 200px;}
		#PlanSite #liste h4 {display: block; color: #e57c00; padding: 10px 0 0 2px; font-weight: bold; font-size: 14px;} 
		#PlanSite #liste h4 a {text-decoration: none;display: block; color: #e57c00; padding: 10px 0 0 10px; font-weight: bold; font-size: 14px;} 
		#PlanSite #liste h4 a.lien{text-decoration: none;display: block; color: #e57c00; padding: 4px 0 0 2px; font-weight: bold; font-size: 14px;} 
		#PlanSite #liste p.pack{display: block;  padding: 1px 0 1px 10px; margin: 7px 0 0 15px; color: #6b6659; font-size: 12px; background: url(../images/picto_bullet.gif) 0 5px no-repeat;}			
		#PlanSite #liste p.packLong{display: block;  padding: 1px 0 1px 10px; margin: 2px 0 0 15px; color: #6b6659; font-size: 12px; background: url(../images/picto_bullet.gif) 0 5px no-repeat;}
		#PlanSite #liste p.pack a{color: #6b6659;}
		#PlanSite #liste span{width: 450px; text-align: left; color: #e57c00; margin-left: 75px; padding: 0 0 0 15px; background: url(../images/picto_fleche_small.gif) 0 5px no-repeat; font-size: 12px;}		
		#PlanSite #liste span.niv2{width: 450px; text-align: left; color: #e57c00; margin-left: 100px; padding: 0 0 0 15px; background: url(../images/picto_fleche_small.gif) 0 5px no-repeat; font-size: 12px;}

/* ============ base information ============ */	
h2.titreDocuments{float: left; padding: 20px 0 10px 35px;}
		h2.titreDocuments,
		h2.titreDocuments *{color: #aca79c; font-size: 26px;}				
		
.petitLien{font-size: 14px !important; font-weight: bold !important;}		
		
		/* pictos titres */	
		.referentiels{background: url(../images/docs_picto_referentiel.gif) 0 16px no-repeat;}
		
		.texteSouligneTitre {
			background: url(../images/fleche-haut-bas.png) 0 70% no-repeat;
			text-decoration: underline;}
		.texteSouligneTitre:hover{text-decoration: none;}
		
		/* choix vue liste ou vue grille*/
		.typeVue{float: right; margin: 20px 0;}
				#VueListe,
				#VueGrille{display: block; float: left; width: 72px; height: 46px; overflow: hidden;}
				#VueListe img,
				#VueGrille img{display: block;}	
		
		.telechargementOutils{float: none; margin-top: 10px;}
		
		/* produits */
		#Produits{}
		
		/* DOCUMENTS vue liste */
		ul.list.docs { }
				
				ul.list.docs li{display: block; padding: 15px; background: url(../images/picto_pointilles2.gif) 0 0 repeat-x ; float: left; width: 900px; height: 120px; }
				ul.list.docs li .produit{float: left; width: 700px; height: 120px; margin: 0 0 0 0; overflow:hidden ; wrap: no-wrap; }
				ul.list.docs li .docImage{float: left; width: 90px; padding: 15px 0; background: #fff; -webkit-border-radius: 0px 0px 15px 0; border-radius: 0px 0px 15px 0; border: 1px solid #d5d2c9; border-bottom: 2px solid #d5d2c9;}
				ul.list.docs li .docImage img{display: block; margin: auto; width: 60px; height: auto; }
				ul.list.docs li h3{float: left; padding: 20px 8px 0 8px; color: #e57c00; font-size: 20px; width: 475px; height: auto; }
				ul.list.docs li h3 a{ text-decoration: none;float: left; padding: 0px 8px 0 8px; color: #e57c00; font-size: 20px; width: 475px; height: auto; }
				ul.list.docs li h4{display: none;}
				ul.list.docs li label{display: block; float: right; width: 250px; height: 70px; padding: 0 0 0 5px; }
		
		/* DOCUMENTS vue grille */
		ul.grid.docs  {text-align: center;}
				ul.grid.docs  li{display: block; float: left; width: 220px; height: 500px; margin: 0 0 20px 15px; background: #fff; -webkit-border-radius: 0px 0px 15px 0; border-radius: 0px 0px 15px 0; border: 1px solid #d5d2c9; border-bottom: 2px solid #d5d2c9;}
				ul.grid.docs  li .docImage{padding: 10px; height: 150px;}
				ul.grid.docs  li .docImage img{display: block; margin: auto; width: 100px; height: auto; }
				ul.grid.docs  li h3{display: none;}
				ul.grid.docs  li h4{padding: 20px 8px 0 8px; color: #e57c00; font-size: 20px; height: 75px;}
				ul.grid.docs  li h4 a{text-decoration: none;padding: 20px 8px 0 8px; color: #e57c00; font-size: 20px; height: 75px;}
				ul.grid.docs  li label{display: block; padding: 5px 0 15px 0; color: #a09a8d;}
		
		/* OUTILS vue liste */
		ul.list.outils {}
				ul.list.outils li{display: block; padding: 15px; background: url(../images/picto_pointilles2.gif) 0 0 repeat-x;}				
				
				
				
				ul.list.outils .outilBlock1{width: 250px !important; float: left; margin: 0 20px 0 0;}
				ul.list.outils .outilBlock1 h4{display: block; width: 250px; float: none; padding: 20px 0 0 0; color: #e57c00 !important; font-size: 20px !important; text-align: center;}
				
				ul.list.outils .outilImage{width: 120px; padding: 15px 0; margin: 10px auto; background: #fff; -webkit-border-radius: 0px 0px 15px 0; border-radius: 0px 0px 15px 0; border: 1px solid #d5d2c9; border-bottom: 2px solid #d5d2c9;}
				ul.list.outils .outilImage img{display: block; margin: auto; height: 100px;}
				ul.list.outils .outilImage p{display: none;}
				ul.list.outils .visuPDF{display: block; padding: 0; text-align: center;}
								ul.list.outils .visuPDF a, .visuPDF a{padding: 2px 0 3px 23px; color: #e57c00; font-size: 12px; background: url(../images/picto_pdf.gif) 0 0 no-repeat;}

				
				ul.list.outils .outil_ctn{float: left; width: 250px; padding: 75px 0 0 0; height: 150px; background: url(../images/picto_pointilles2.gif) 0 0 repeat-y;}
						ul.list.outils p.pack{display: block; width: 185px; padding: 1px 0 1px 12px; margin: 2px 0 0 45px; color: #6b6659; font-size: 12px; background: url(../images/picto_bullet.gif) 0 5px no-repeat;}
								ul.list.outils p.pack span{display: block; width: 80px; float: right; text-align: left; color: #e57c00; padding: 0 0 0 15px; background: url(../images/picto_fleche_small.gif) 0 5px no-repeat;}
						
						ul.list.outils .prixUnitaire{text-align: center;}
								ul.list.outils .prixUnitaire span{display: block; margin: 20px 0 0 0; font-size: 14px; color: #aca79c;}
								ul.list.outils .prixUnitaire h6{color: #e57c00; font-size: 18px;}
						
						ul.list.outils .qteOutils{float: left; height: 120px; padding: 100px 0 0 50px; background: url(../images/picto_pointilles2.gif) 0 0 repeat-y;}								
								ul.list.outils .qteOutils input{display: block; float: left; margin: 0; background: #fff; width: 45px; height: 25px; text-align: center; font-size: 16px; font-weight: bold; color: #aca79c; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #d5d2c9; border-top: 2px solid #d5d2c9;}
								ul.list.outils .qteOutils span{display: block; float: left; padding: 5px 0 0 10px; color: #aca79c; font-size: 14px; font-weight: bold;}
						
						ul.list.outils .outilCommander{width: 180px; text-align: right; float: right; height: 130px; padding: 92px 0 0 0; background: url(../images/picto_pointilles2.gif) 0 0 repeat-y;}
								ul.list.outils .outilCommander button{width: 147px; height: 39px; background: url(../images/outils_bouton_commander.gif) 0 5px no-repeat; cursor: pointer; font-weight: normal; color: #fff; font-size: 16px;}
								ul.list.outils .outilCommander button.ajoute{background: url(../images/outils_bouton_ajoute.gif) 0 4px no-repeat; color: #8baa33; font-size: 12px; padding: 0 0 0 30px;}
		
		
		/* OUTILS panier */
		.nbOutilsPanier{float: right; margin: 20px 0 0 20px; width: 266px; height: 47px; background: url(../images/panier_bg.gif) 0 0 no-repeat;}
				.nbOutilsPanier div{color: #e57c00; font-size: 16px; padding: 12px 0 0 65px;}
				.nbOutilsPanier div strong{color: #e57c00; font-size: 16px;}
				.nbOutilsPanier div a{color: #e57c00; font-size: 16px; text-decoration: none;}
		
		
		/* OUTILS vue grille */
		ul.grid.outils{text-align: center;}
		ul.grid.outils li{display: block; float: left; width: 220px; height: 530px; margin: 0 0 20px 15px; background: #fff; -webkit-border-radius: 0px 0px 15px 0; border-radius: 0px 0px 15px 0; border: 1px solid #d5d2c9; border-bottom: 2px solid #d5d2c9;}			
		ul.grid.outils .outilImage{padding: 10px 0; height: 170px;}			
				
				ul.grid.outils .outilImage p{display: block; font-size: 12px; color: #aca79c; padding: 10px 0 0 0;}
				ul.grid.outils .outilImage img{height: 100px; }
				
				ul.grid.outils .visuPDF{}
								ul.grid.outils .visuPDF a{display: block; padding: 2px 0 3px 23px;  margin: 0 0 10px 0; color: #e57c00; font-size: 12px; background: url(../images/picto_pdf.gif) 28px 0 no-repeat;}
				
				ul.grid.outils .outil_ctn{height: 95px; margin: 15px 0 0 0;}
				
				ul.grid.outils p.pack{text-align: left; width: 185px; padding: 1px 0 1px 12px;  margin: 0 0 0 33px; color: #6b6659; font-size: 12px; background: url(../images/picto_bullet.gif) 0 5px no-repeat;}
								ul.grid.outils p.pack span{display: block; width: 80px; float: right; text-align: left; color: #e57c00; padding: 0 0 0 15px; background: url(../images/picto_fleche_small.gif) 0 5px no-repeat;}
				
				ul.grid.outils .prixUnitaire{float: none; padding: 25px 0 0 0;}
								ul.grid.outils .prixUnitaire span{display: block; float: left; margin: 5px 5px 0 40px; font-size: 14px; color: #aca79c;}
								ul.grid.outils .prixUnitaire h6{float: left; color: #e57c00; font-size: 20px;}
								
				ul.grid.outils .qteOutils{float: none; clear:both; display: block; padding: 10px 0 0 0; text-align: center;}								
								ul.grid.outils .qteOutils input{background: #fff; width: 40px; margin: -5px 0 0 0; height: 25px; text-align: center; font-size: 16px; font-weight: bold; color: #aca79c; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #d5d2c9; border-top: 2px solid #d5d2c9;}
								ul.grid.outils .qteOutils span{padding: 5px 8px 0 6px; color: #aca79c; font-size: 14px; font-weight: bold;}

				ul.grid.outils .outilCommander{text-align: center; padding: 10px 0 0 0;}
								ul.grid.outils .outilCommander button{width: 151px; height: 43px; background: url(../images/outils_bouton_commander2.gif) 0 5px no-repeat; cursor: pointer; font-weight: normal; color: #fff; font-size: 16px;}
								ul.grid.outils .outilCommander button.ajoute{background: url(../images/outils_bouton_ajoute2.gif) 0 4px no-repeat; color: #8baa33; font-size: 12px; padding: 0 0 0 30px;}
				
				ul.grid.outils .outilBlock1 h4{padding: 20px 8px 0 8px; color: #e57c00; font-size: 20px; height: 75px;}		

		/* bouton telecharger */
		.inputTelecharger_Ctn{clear: both; background: url(../images/picto_pointilles2.gif) 0 0 repeat-x; text-align: right; }
				.inputTelecharger{padding-left: 40px; width: 377px; height: 57px; background: url(../images/docs_bouton.gif) 0 0 no-repeat; cursor: pointer; margin: 40px 0 0 0; font-weight: bold; color: #fff; font-size: 16px;}
		
		/* bouton commander */
		.inputCommander_Ctn{clear: both; background: url(../images/picto_pointilles2.gif) 0 0 repeat-x; text-align: right; }
				.inputCommander{padding-left: 40px; width: 377px; height: 57px; background: url(../images/outils_bouton.gif) 0 0 no-repeat; cursor: pointer; margin: 40px 0 0 0; font-weight: bold; color: #fff; font-size: 15px;}

/* ============ panier commande ============ */
#Panier{margin: 20px 0 0 0;}
		#Panier h2{padding: 15px; background: url(../images/panier_titre_bg.gif) 0 0 repeat-x; -webkit-border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0; border: 1px solid #d8d5ce;}
		#Panier h2 span{display: block; color: #aca79c; padding: 3px 0 0 33px; font-weight: bold;}
		#Panier h2 span.titrePanier{color: #e57c00; font-size: 20px; padding: 1px 0 2px 33px; background: url(../images/panier_picto.gif) 0 0 no-repeat;}
		
		/* outils dans le panier */
		#Panier #Produits{border: 1px solid #d8d5ce; border-top: none; border-bottom: none; background: #f6f5ee;}
				#Panier #Produits li{background: url(../images/picto_pointilles2.gif) left bottom repeat-x; margin: 0 5px;}				
		
		
		#Panier .outil_ctn{float: left; width: 350px;}
		#Panier .outilSupprimer{width: 150px; text-align: right; float: right; height: 102px; padding: 48px 0 0 0; background: url(../images/picto_pointilles2.gif) 0 0 repeat-y;}
								#Panier .outilSupprimer button{width: 147px; height: 39px; background: url(../images/panier_supprimer.gif) right no-repeat; cursor: pointer; font-weight: normal; color: #aca79c; font-size: 16px; font-weight: bold;}
		/**/				
		.totalPanier{color: #e57c00; padding: 30px 20px; font-weight: bold; font-size: 26px; text-align: right; background: #f6f5ee; border: 1px solid #d8d5ce; border-top: none; -webkit-border-radius: 0 0 15px 15px; border-radius: 0 0 15px 15px;}
	
		/* formulaires */
		#Panier .formulaire h3{padding: 5px 15px; margin: 20px 0 0 0; background: url(../images/panier_titre_bg.gif) 0 0 repeat-x; -webkit-border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0; border: 1px solid #d8d5ce;}
		#Panier .formulaire h3 span{display: block; color: #aca89c; padding: 10px 0 0 20px; font-weight: bold; font-size: 18px;}
				#Panier .formulaire h3 span.facturation{background: url(../images/panier_picto_facture.gif) 10px 5px no-repeat;}
				#Panier .formulaire h3 span.livraison{background: url(../images/panier_picto_livraison.gif) 0 6px no-repeat;}
		
		/* bouton imprimer bon de commande */
		.inputImprimer_Ctn{text-align: right; }
				.inputImprimer{padding-left: 33px; width: 304px; height: 57px; background: url(../images/panier_bouton.gif) 0 0 no-repeat; cursor: pointer; font-weight: bold; color: #fff; font-size: 16px;}

		/* bouton imprimer bon de commande */
		.inputRechercher_Ctn{text-align: right; }
		.inputRechercher{padding-left: 0px; width: 150px; height: 30px; background: url(../images/outils_bouton_commander.gif) 0 0 no-repeat; cursor: pointer; font-weight: bold; color: #fff; font-size: 16px;}
		
		.inputSAMIEActif{width: 150px; height: 30px; background: url(../images/samie/docs_interrupteur_on.gif) 0 0 no-repeat; font-weight: bold; color: #fff; font-size: 11px; text-decoration: none}
		.inputSAMIEInactif{width: 150px; height: 30px; background: url(../images/samie/docs_vue_liste_off.gif) 0 0 no-repeat; font-weight: normal; font-style: italic; color: #d67d00; font-size: 11px;}

/* CSS pour une info bulle specifique - case tableau */
td.info3 {
   position: relative;
   text-decoration: none;
}

td.info3 span {
   display: none; /* On masque l'infobulle. */
}
td.info3:hover {
   background: none; /* Correction d'un bug d'Internet Explorer. */
   z-index: 500; /* On définit une valeur pour l'ordre d'affichage. */
}

td.info3:hover span {
   display: inline; /* On affiche l'infobulle. */
   position: absolute;

   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: 20px;

   background: url(../images/tableau_th_bg.gif) 0 0 repeat-x #2d8ca3;;

   color:  white;
   padding: 3px;

   border: 1px solid #047993;
   border-left: 4px solid  #047993;
}
	
/* CSS pour info bulle specifique */
a.info {
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* On souligne le texte. */
}
a.info span {
   display: none; /* On masque l'infobulle. */
}
a.info:hover {
   background: none; /* Correction d'un bug d'Internet Explorer. */
   z-index: 500; /* On définit une valeur pour l'ordre d'affichage. */

   cursor: help; /* On change le curseur par défaut par un curseur d'aide. */
}
a.info:hover span {
   display: inline; /* On affiche l'infobulle. */
   position: absolute;

   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: 20px;

   background: url(../images/tableau_th_bg.gif) 0 0 repeat-x #2d8ca3;;

   color:  white;
   padding: 3px;

   border: 1px solid #047993;
   border-left: 4px solid  #047993;
}

/* Info-bulle oeil */
.info2_detail{}

a.info2_detail {
   position: relative;
   color: rgb(91,143,164);
   text-decoration: underline;
   padding: 2px 0px 2px 22px; 
   margin: 0 0 0 10px;
   background: url(../images/tableau_picto_voir.gif) left no-repeat;
}
a.info2_detail span {
   display: none; /* On masque l'infobulle. */
}
a.info2_detail:hover {
   /*background: none; Correction d'un bug d'Internet Explorer. */
   z-index: 500; /* On définit une valeur pour l'ordre d'affichage. */
   cursor: help; /* On change le curseur par défaut par un curseur d'aide. */
   text-decoration: none;
}
a.info2_detail:hover span {
   display: inline; /* On affiche l'infobulle. */
   position: absolute;

   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: 20px;

   background: url(../images/tableau_th_bg.gif) 0 50% repeat-x #2d8ca3;;

    color:  white;
   padding: 3px;

   border: 1px solid #047993;
   border-left: 4px solid  #047993;
}

/* Info-bulle crayon */
.info2_modifier{}

a.info2_modifier {
   position: relative;
   color: rgb(91,143,164);
   text-decoration: underline;
   padding: 2px 0px 2px 22px; 
   margin: 0 0 0 10px;
   background: url(../images/tableau_picto_modifier.gif) left no-repeat;
}
a.info2_modifier span {
   display: none; /* On masque l'infobulle. */
}
a.info2_modifier:hover {
   /*background: none; Correction d'un bug d'Internet Explorer. */
   z-index: 500; /* On définit une valeur pour l'ordre d'affichage. */
   cursor: help; /* On change le curseur par défaut par un curseur d'aide. */
   text-decoration: none;
}
a.info2_modifier:hover span {
   display: inline; /* On affiche l'infobulle. */
   position: absolute;

   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: 20px;

  background: url(../images/tableau_th_bg.gif) 0 50% repeat-x #2d8ca3;;

    color:  white;

   border: 1px solid #047993;
   border-left: 4px solid  #047993;
}

.info2_samie{}

a.info2_samie {
   position: relative;
   color: rgb(91,143,164);
   text-decoration: underline;
   padding: 2px; 
   margin: 0 ;
}
a.info2_samie span {
   display: none; /* On masque l'infobulle. */
  	
}
a.info2_samie:hover {
   /*background: none; Correction d'un bug d'Internet Explorer. */
   z-index: 500; /* On définit une valeur pour l'ordre d'affichage. */
   cursor: help; /* On change le curseur par défaut par un curseur d'aide. */
   text-decoration: none;
}
a.info2_samie:hover span {
   display: inline; /* On affiche l'infobulle. */
   position: absolute;
   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: 20px;
   background: url(../images/tableau_th_bg.gif) 0 50% repeat-x #2d8ca3;;
   color: white;
   padding : 0;
   border: 1px solid #047993;
   border-left: 4px solid  #047993;
}

/* Boite de confirmation */
div.ui-dialog-container
{
	background: #84CEE1;
	/*padding: 20px;*/
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	height: 200px;
	font-weight: bold;
	
}

span.ui-dialog-title{
	color: #FFF;
	font-weight: bold;
}

a.ui-dialog-titlebar-close{display: none;}

div.ui-dialog-titlebar{
	padding-top: 20px;
}

div.ui-dialog-buttonpane{padding-bottom: 15px; padding-left: 20px;}

div.ui-dialog-buttonpane button{padding: 5px; margin: 5px; cursor: pointer; border: 1px solid #ddd;color: #FFF;}
div.ui-dialog-buttonpane button:hover{padding: 5px; margin: 5px; cursor: pointer; background: #278199 url(../images/jquery/333333_40x100_textures_02_glass_25.png) 0 50% repeat-x; border: 1px solid #ddd;color: #FFF}

.formulaire td.checkboxes-display-inline div label, .formulaire td.checkboxes-display-inline div input{
	display: inline ;
	margin-right: 3px;
}

.styleHR
{height: 1px; color: #aca89c; background: url(../images/form_pointilles.gif) repeat-x; padding-top: 2px; padding-bottom: 2px; margin-top: 2px; margin-bottom: 2px}