/* CSS Document */

body {
	text-align:center; /* alignement au centre pour IE */
	margin:0;
	font-family:Century Gothic;
	font-size:11px;
	behavior:url("csshover.htc");
	/* behavior:url("htcmime.php?file=csshover.htc"); */
	/*scrollbar-face-color:#903030;
   	scrollbar-arrow-color:#FFFFFF;
   	scrollbar-track-color:#C0B0B0;
   	scrollbar-shadow-color:rgb(0,0,0);
   	scrollbar-highlight-color:rgb(0,0,0);
   	scrollbar-3dlight-color:#808080;
   	scrollbar-darkshadow-Color:#202020;*/

}

p {
	margin:15px 0 15px 0;
	line-height:18px;
}

h1 {
	font-size:16px;
}

h2 {
	font-size:14px;
}

h3 {
	font-size:12px;
}

h4 {
	font-size:11px;
}
a:link {
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}
a.lienDivers:link{
	text-decoration:underline;
	color:#737169;
}
a.lienDivers:hover{
	text-decoration:none;
	color:#002550;
}
a.lienDivers:visited{
	text-decoration:underline;
	color:#666666;
}
a.btn_retour:link{
	text-decoration:none;
	color:#002550;
}
a.btn_retour:hover{
	text-decoration:none;
	color:#666666;
}
a.btn_retour:visited{
	text-decoration:none;
	color:#002550;
}

.bg_BLOCS{
	background:url(../_images/FOND_site.jpg);
}
/* DÉFINIR LES LIENS... */

#container {
	width:856px; /* largeur totale (avec padding) : 880 px */
	padding:0 12px 0px 12px;
	margin: 0 auto;   /* alignement au centre pour les fureteurs modernes */
	text-align:left; /* pour contrer l'alignement central appliqué sur la balise "body" */
	/*background-color:#FFFFFF;	
	 temp  border:#000000 solid 1px; */
	background:url(../_images/container_bg.gif) bottom center;
}


/* DÉBUT * Bloc HEADER */

	/* div */
	#header {
		/* temp */ height:130px;
		padding:0 0px 5px 10px;
		/*background:url(../_images/hdr_img_degrade_haut.gif) bottom no-repeat;*/
	}
	
		#header img {
			/* float:left; */
			margin-top:13px;
			border:0;
			position:absolute;
		}
		
		/* Utilisez la technique du overflow hidden pour avoir du texte en présentant des images... */
		/*
		#header ul {
			float:right;
			margin-top:101px;
			background-color:#00CC99;
		}
		*/
		
			/* Utilisez la technique du overflow hidden pour avoir du texte en présentant des images... */
			/*
			#header ul li {
				display:inline;
			}
			*/
		
		/* ------------------------------------------ */
		/* DÉBUT */
		/* Barre de navigation horizontale */
			
				#header ul {
					list-style:none;
					margin:101px 0 3px 201px;
					padding: 0;
					height:19px;
					overflow:hidden;
					width:621px;
					float:right;
					position:absolute;
				}
					
					#header ul li {
						margin:0; 
						padding:0 0 0 9px;
						float:left;
						list-style-type:none;
						background:url(../_images/hdrNav_puce.gif) 3px 7px no-repeat;
					}
					
					/* Spécificité du premier élément */
					/* Retire l'affichage de la puce en arrière-plan pour le premier élément */
					#header ul li.firstElement {
						padding-left:0;
					}
					
						#header ul a {
							float:left;
							padding:19px 0 0 0;
						}
							
						#hdrNav_vetPromo a {
							width:145px;
							background:url(../_images/hdrNav_vetPromo.gif) top left no-repeat;
						}
						
							#hdrNav_vetPromo a:hover {
								background-position:0 -19px;
							}
						
						#hdrNav_objPromo a {
							width:125px;
							background:url(../_images/hdrNav_objPromo.gif) top left no-repeat;
						}
						
							#hdrNav_objPromo a:hover {
								background-position:0 -19px;
							}
						
						#hdrNav_services a {
							width:96px;
							background:url(../_images/hdrNav_services.gif) top left no-repeat;
						}
						
							#hdrNav_services a:hover {
								background-position:0 -19px;
							}
						
						#hdrNav_entreprise a {
							width:71px;
							background:url(../_images/hdrNav_entreprise.gif) top left no-repeat;
						}
						
							#hdrNav_entreprise a:hover {
								background-position:0 -19px;
							}
						
						#hdrNav_contact a {
							width:92px;
							background:url(../_images/hdrNav_contact.gif) top left no-repeat;
						}
						
							#hdrNav_contact a:hover {
								background-position:0 -19px;
							}
						
						#hdrNav_english a {
							width:47px;
							background:url(../_images/hdrNav_english.gif) top left no-repeat;
						}
						
							#hdrNav_english a:hover {
								background-position:0 -19px;
							}
		
		/* Barre de navigation horizontale */
		/* FIN */
		/* ------------------------------------------ */
		
		/* DÉBUT * Navigation additionnelle */
		
			#hdrAddNav {
				position:absolute;
				/*margin-left:750px;*/
				margin-left:512px;
			}
					
					#hdrAddNav a img {
						position:relative;
						margin-right:10px;
						border:0px;
					}
					
					
		
		/* FIN *** Navigation additionnelle */
		

	#headerImageCont {
		padding-bottom:5px;
		background-color:#666666;
	}

/* FIN *** Bloc HEADER */


#content {
	/* background-color:#0099FF; */
}

#sousTITRE{
	font-size:18px;
	font-weight:bold;
}

.txt_fournisseurs {
	font-size:12px;
	color:#002550;
}

/* L'image de fond est passé sur le lien (a lieu du li en raison de l'alignement des éléments de la liste à droite) */

	/* ul */
	#catNav {
		margin:10px 0 10px 0;
		padding:0;
		list-style:none;
		list-style-type:none;	
		font-size:10px;
	}
	
		/* ul */
		#catNav li {
			margin:0;
			padding:0;
		}
		
			/* ul */
			#catNav li ul {
				margin:0;
				padding:0;
				text-align:right;
			}
			
				/* ul */
				#catNav li ul li {
					margin:4px 0 4px 0;
					padding:2px 5px 2px 0;
					text-transform:uppercase;
					list-style-type:none;
					cursor:pointer;
				}
				
					#catNav li ul li a {
						padding-left:14px;
					}
				
				#catNav li ul li.defaultState {
				}
				
					#catNav li ul li.defaultState a {
						background:url(../_images/catNav_fleche.gif) 4px 3px no-repeat;
					}
					
				#catNav li ul li.defaultStateCAN {
					background:url(../_images/catNav_fleche_CAN.gif) 8px 2px no-repeat;
				}
				
					#catNav li ul li.defaultStateCAN a {
						background:url(../_images/catNav_fleche.gif) 4px 3px no-repeat;
					}
				
				#catNav li ul li.hoverStatePOLOS {
					background-color:#8dc63f;
				}
					#catNav li ul li.hoverStatePOLOS a {
						color:#FFFFFF;
						background:url(../_images/catNav_fleche_o.gif) 4px 3px no-repeat;
					}
				
				#catNav li ul li.hoverStateCHEMISES {
					background-color:#c60751;
				}
					#catNav li ul li.hoverStateCHEMISES a {
						color:#FFFFFF;
						background:url(../_images/catNav_fleche_o.gif) 4px 3px no-repeat;
					}
				
				#catNav li ul li.hoverStateTRICOTS {
					background-color:#919295;
				}
					#catNav li ul li.hoverStateTRICOTS a {
						color:#FFFFFF;
						background:url(../_images/catNav_fleche_o.gif) 4px 3px no-repeat;
					}
				
				#catNav li ul li.hoverStateM_MOLLETON {
					background-color:#9accee;
				}
					#catNav li ul li.hoverStateM_MOLLETON a {
						color:#FFFFFF;
						background:url(../_images/catNav_fleche_o.gif) 4px 3px no-repeat;
					}
					
				#catNav li ul li.hoverStateM_CV {
					background-color:#0079c2;
				}
					#catNav li ul li.hoverStateM_CV a {
						color:#FFFFFF;
						background:url(../_images/catNav_fleche_o.gif) 4px 3px no-repeat;
					}
				
				#catNav li ul li.hoverStateSOFT {
					background-color:#e4701e;
				}
					#catNav li ul li.hoverStateSOFT a {
						color:#FFFFFF;
						background:url(../_images/catNav_fleche_o.gif) 4px 3px no-repeat;
					}
					
				#catNav li ul li.hoverStateM_HIVER {
					background-color:#00acef;
				}
					#catNav li ul li.hoverStateM_HIVER a {
						color:#FFFFFF;
						background:url(../_images/catNav_fleche_o.gif) 4px 3px no-repeat;
					}
				
				#catNav li ul li.hoverStateT_SHIRT {
					background-color:#00a950;
				}
					#catNav li ul li.hoverStateT_SHIRT a {
						color:#FFFFFF;
						background:url(../_images/catNav_fleche_o.gif) 4px 3px no-repeat;
					}
					
				#catNav li ul li.hoverStateAUTRES {
					background-color:#7c3137;
				}
					#catNav li ul li.hoverStateAUTRES a {
						color:#FFFFFF;
						background:url(../_images/catNav_fleche_o.gif) 4px 3px no-repeat;
					}
					
				#catNav li ul li.hoverStateCASQ {
					background-color:#00704a;
				}
					#catNav li ul li.hoverStateCASQ a {					
						color:#FFFFFF;
						background:url(../_images/catNav_fleche_o.gif) 4px 3px no-repeat;
					}
					
				#catNav li ul li.hoverStateLIQUID {
					background-color:#8dc63f;
				}
					#catNav li ul li.hoverStateLIQUID a {					
						color:#FFFFFF;
						background:url(../_images/catNav_fleche_o.gif) 4px 3px no-repeat;
					}
				
				#catNav li ul li.hoverStateAUZONE {
					background-color:#8dc63f;
				}
					#catNav li ul li.hoverStateAUZONE a {					
						color:#FFFFFF;
						background:url(../_images/catNav_fleche_o.gif) 4px 3px no-repeat;
					}
				
				#catNav li ul li.hoverStateCAN {
					background:url(../_images/catNav_fleche_CAN_o.gif) 8px 2px no-repeat;
					background-color:#e82425;
				}
					#catNav li ul li.hoverStateCAN a {					
						background:url(../_images/catNav_fleche_o.gif) 4px 3px no-repeat;
						color:#FFFFFF;
					}
					
				#catNav li ul li.hoverState {
					background-color:#002947;
				}
					#catNav li ul li.hoverState a {					
						background:url(../_images/catNav_fleche_o.gif) 4px 3px no-repeat;
						color:#FFFFFF;
					}


/* DÉBUT * Bloc "FOOTER" */

	#footer {
		width:809px; /* Devrait être 811 px de large mais cause problème sus Explorer... */
		height:125px;
		margin:0;
		padding:0 18px 0 27px;
		background-color:#666666;
		color:#FFFFFF;
		/* temp */ border:#666666 solid 1px;
	}
	
		/* div */
		#footerRightCont {
			width:630px;
			float:right;
		}
		
			/* ul */
			#footerNav {
				margin:15px 0 0 0;
				padding:0;
				float:right;
			}
			
				#footerNav li {
					display:inline;
					margin:0;
					padding:0 0 0 6px;
					font-weight:bold;
					font-size:11px;
					background:url(../_images/footer_sep.gif) left 2px no-repeat;
					/* background-color:#FF0000; */
				}
				
				#footerNav li.firstElement {
					background:none;
				}
				
					#footerNav li a {
						color:#CCC;
						text-decoration:none;
					}
					
					#footerNav li a:link {
					}
					
					#footerNav li a:hover {
						color:#FFF;
					}
				
				/* Définir les liens */
			
			/* p */
			#copyright {
				clear:both;
				font-family:Century Gothic;
				text-align:right;
				/* Reset du margin-top à 0 puisqu'il n'est pas pris en considération
				par Mozilla - remplacement par le padding-top qui le suit */
				margin-top:0;
				padding-top:5px; /**/
				font-size:10px;
			}
	
		/* div */
		#contact {
			float:left;
			width:170px;
			font-family:Century Gothic;
			font-size:11px;
		}
		
			#contact p {
				font-size:10px;
				line-height:14px;
			}
			
				#contact p strong {
					font-size:11px;
				}
				
/* FIN *** Bloc "FOOTER" */

/* DEBUT *** Bloc "LIQUIDATION" */

.nomCoul {
	display:inline;
	position:relative;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

.imgCoul {
	float:left;
	position:relative;
	padding:0 0 0 0;
	margin:0 0 0 0;
}


/* FIN *** Bloc "LIQUIDATION" */