* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0 auto 0 auto;
	text-align: left;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	background: #ffffff;
}

div#page {
	position: relative;
	width: 967px;
	margin: auto;
	padding:0 16px 10px 16px;
}

/*###############################
#								#
#	DIVERS						#	
#								#
#################################*/	


a{	
	color:#000000;
	text-decoration: none;
}
a:hover{
	text-decoration:underline;
	}
	
.texteSouligne{
	text-decoration:underline;
}

.bold {
	font-weight:bold;
}

.inline{
	display:inline;
}

.displayblock{
	display:block;
}

img{
	border:0;
}

ul{
	list-style-type:none;
}

.clear {
	clear: both;
	width:100%;
	height:1px;
	font-size:1px;
	margin:0;
	padding:0;
}

.paddingTop20px {
	padding-top:20px;
}

.paddingLeft40px {
	padding-left:40px;
}

.noBackground {
	background:none ; 
	padding-bottom : 5px;
}

.marginTop {
	margin-top:5px;
}

.rouge {
	color:#FF0000;
}

span.dispo {
	background: url("images/puce_dispo.jpg") 0 2px no-repeat;
	padding-left:15px;
}
	
span.nonDispo {
	background: url("images/puce_nonDispo.jpg") 0 2px no-repeat;
	padding-left:15px;
}

/*###############################
#								#
#	HAUT						#	
#								#
###############################*/	
	
div#haut { 
	height:185px;
	background: url("images/haut_fond.gif") 0 7px no-repeat;
	padding-left:7px;
}

	div#haut a img#logo {
		display:block;
		float:left;
	}

	div#haut div#slogan{
		float:left;
		width:583px;
		height:133px;
	}
			
			div#haut h2, h3 {
				font-size:20px;
				font-weight:normal;
				color:#262628;
			}
			
					div#haut h2 b, h3 b{
						color:#990033;
					}
					
			div#haut h2 {
				padding:45px 0 0 60px;
			}
			
			div#haut h3 {
				padding-left: 175px;
			}


/**********************
*		MENU		  *	
**********************/	


		div#haut ul.menu{ 
			list-style-type:none;
			display  	: block; 			
			/*z-index	 	: 1;*/}
			
			div#menu{position 	: relative;z-index:99!important;}
			
			/* ul.menu*/
		div#haut li {
			position 	: relative;z-index:99!important;
			float:left;
		}
			
		div#haut li a {
			display:block;
			/*height:32px;
			padding:12px 10px 0 18px;*/
			font-size: 11px;
			font-weight:normal;
		   	text-transform:uppercase;
		   	color:#ffffff;
		}
		div#haut li a:hover {
			display:block;
		   	text-transform:uppercase;
		   	color:#CCFF66;
		   	text-decoration : none; 
		}
			
			
		div#haut ul.ssmenu {  /*min-width 	   : 100px;*/
							  padding		   : 10px;
							  clear 		   : both;
							  position 		   : absolute;
							  z-index	 	   : 50!important;
							  background-color : #505FB2;
							  border 		   : 1px solid #000000;
							  color 		   : #ffffff;}
	
		  
		 div#haut ul.ssmenu li {clear  : both; padding-top : 5px;}
		
		/**/
		 	.btn_a {padding:12px 10px 0 18px; height:32px; text-align : center;}
			
		/*div#haut ul.menu li*/
				 a.btn_ecodair {
					width:50px;
					background: url("images/btn_ecodair.jpg") 0 0 no-repeat;
				}
				
				a.btn_competence {
					width:80px;
					background: url("images/btn_competence.jpg") 0 0 no-repeat;
				}
				
				a.btn_recyclage {
					width:101px;
					background: url("images/btn_recyclage.jpg") 0 0 no-repeat;
				}
				
				a.btn_service {
					width:112px;
					background: url("images/btn_service.jpg") 0 0 no-repeat;
				}
				
				a.btn_don {
					width:84px;
					background: url("images/btn_don.jpg") 0 0 no-repeat;
				}
				
				a.btn_actualites {
					width:77px;
					background: url("images/btn_actualites.jpg") 0 0 no-repeat;
				}
				
				a.btn_contact {
					/*width:79px;*/
					width:68px;
					background: url("images/btn_contact.jpg") 0 0 no-repeat;
				}
				
				a.btn_vieSociale {
					width:153px;
					background: url("images/btn_vieSociale.jpg") 0 0 no-repeat;
					text-align : center;
					color : black !important;					
					margin-left : 10px; 
					float : left;
				}
				
			ul#ssmenu1,#ssmenu2,#ssmenu3,#ssmenu4,#ssmenu5,#ssmenu6,#ssmenu7,#ssmenu8  	
			{display : none; margin-top : 0;}
			
			ul#ssmenu1,#ssmenu3,#ssmenu4,#ssmenu5,#ssmenu6 {width : 220px;}
			#ssmenu2{width : 190px;}
		  
			#ssmenu8 { background-color : #3799CA !important; 
					   width : 160px; 
					   float : left;
					   margin-left : 10px; 
					   margin-top : 43px; }
			
				#ssmenu8 a {color : black !important;	}
				#ssmenu8 a:hover, #menu8 a:hover {color:#CCFF66 !important;	}
				
#header_menu { width : 960px;}	

		
		
/* ---------- Sous-menu niveau 1 ---------- */
/*
div#menu ul.menu li ul.sous-menu {
    position: relative;
}
	div#menu ul.menu li ul.sous-menu li {
	    float:none;
	}
		div#menu ul.menu li ul.sous-menu li a {
		    width: 193px;
		    padding: 4px;
		    padding-left:10px;
		    margin-bottom: -1px;
		    text-align: left;
		    height:auto;
		    text-transform:none;
		}

		div#menu ul.menu li ul.sous-menu a, div#menu ul.menu li ul.sous-menu a.out {
		    background: none;
		    color:#006600;
		}
		
		div#menu ul.menu li ul.sous-menu a:hover, div#menu ul.menu li ul.sous-menu a.over {
		    background: #F9E753;
		}
		
/* ---------- Sous-menu niveau 2 ---------- */
	/*
		div#menu ul.menu li ul.sous-menu li ul {
			position: absolute;
			display: none;
			top: 0;
	   		left: 207px;
	   		border:1px solid #000000;
	   		padding-bottom:1px;
		}
		
		div#menu ul.menu li ul.sous-menu li ul.sous-menu li a, div#menu ul.menu li ul.sous-menu li ul.sous-menu li a.out {
		    background: #FFFF98;
		    color: #006600;
		}
		
		div#menu ul.menu li ul.sous-menu li ul.sous-menu li a:hover, div#menu ul.menu li ul.sous-menu li ul.sous-menu li a.over {
		    background: #F9E753;
		}
		
		div#menu ul.menu li ul.sous-menu li ul.sous-menu li a.parent {
		    background-position: center right;
		    background-repeat: no-repeat;
		}
*/
	

/*###############################
#								#
#	CONTENEUR					#	
#								#
###############################*/	

div#conteneur{
	clear: both;
	width: 967px;
	background: url("images/index_fond.jpg") 0 0 no-repeat;
}


/*###############################
#								#
#	TRACKER						#	
#								#
###############################*/	


div#tracker {
	width:947px;
	height:23px;
	background: url("images/tracker_fond.gif") 0 0 no-repeat;
	margin:0 0 10px 5px;
	padding:0 0 0 15px;
}


		div#tracker a.home {
			display:block;
			float:left;
			padding-top:4px;
			padding-left:22px;
			height:20px;
			color:#000000;
			background: url("images/puce_home.gif") 0 0 no-repeat;
		}	
		
		div#tracker span {
			display:block;
			float:left;
			padding-top:4px;
		}
		
		div#tracker span a {text-decoration:underline; padding-left:5px;}

	
/*###############################
#								#
#	GAUCHE						#	
#								#
###############################*/	

div#gauche {
	float:left;
	width:196px;
}

	div#gauche h2 {
		font-size:11px;
		padding:10px 0 0 10px;
	}

	div#gauche div.petitBlock {
		width:184px;
		height:60px;
		background: url("images/gauche_petitBlock.jpg") 0 0 no-repeat;
		margin-left:6px;
	}
	
	div#gauche div.grandBlock {
		width:196px;
		margin-top:2px;
	}
	
		div#gauche div.grandBlock h2 {
			height:39px;
			background: url("images/gauche_grandBlockH.jpg") 0 0 no-repeat;
			padding:12px 0 0 15px;
		}
		
				div#gauche div.grandBlock h2 a:hover {
					color:#990000;
				}	

	/* ul.menu */						
							
		div#gauche div.grandBlock ul.menuGauche {
			background: url("images/gauche_grandBlock_fond.jpg") 0 0 repeat-y;
		}
		
				div#gauche div.grandBlock ul.menuGauche li {
					padding-left:25px;
					background: url("images/gauche_separation.gif") 20px 0 no-repeat;
				}
				
						div#gauche div.grandBlock ul.menuGauche li a{
							display: block;
							width: 160px;
							padding: 5px 0;
							font-weight: bold;
							font-size: 11px;
						}
						
							div#gauche div.grandBlock ul.menuGauche li a:hover {
								color:#990000;
							}
							
		/* ul.sous-menu */
							
		div#gauche div.grandBlock ul.menuGauche li ul.sous-menu {
			background: url("images/g_ulssmenu.gif") 0 0 repeat-x;
			display: none;
		}
		
				div#gauche div.grandBlock ul.menuGauche li ul.sous-menu li  {
					width: 135px;
					padding-left:15px;
					/*background: url("images/g_ulssmenu.gif") 0 0 repeat-y;*/
				}
				
						div#gauche div.grandBlock ul.menuGauche li ul.sous-menu li a{
							display: block;
							width: 135px;
							padding: 5px 0;
							font-size :10px !important;
							font-weight : normal; 
							text-decoration: none;
							/*background: url("images/g_ulssmenu.gif") 0 0 repeat-y;*/
						}
						
							div#gauche div.grandBlock ul.menuGauche li  ul.sous-menu li a:hover {
								color:#990000;
							}
							
							
							
						
	div#gauche div.petitBlock input#mail{
		width:130px;
		margin:8px 0 0 10px;
		border:1px solid #aaaaaa;
		padding-left:5px;
		color:#41a62a;
	}
	
	div#gauche div.petitBlock input#btn_valider{
		margin-left:5px;
	}
	
div.bordure {background: url("images/gauche_grandBlockB.jpg");
			 width : 196px;
			 height : 19px; }	
			 

	
/*div#gauche ul.sous-menu {
	background-color: #DDDDDD;
	width: 941px;
	height: 14px;
	position: absolute;
	top: 50px;
	left: 3px;
	padding: 4px 0;
	display: none;
	text-align: center;
}

div#gauche ul.sous-menu a {
	color: #0075AB;
	font-weight: bold;
	text-decoration: none;
	margin: 0 5px;
}
*/

/*
div#gauche ul.sous-menu li { 
	margin-left : -20px !important;
	background: none;
	list-style-type: none;
}
*/


/*###############################
#								#
#	DROITE						#	
#								#
###############################*/	

div#droite {
	float:left;
	width:185px;
}

	div#droite h2 {
		font-size:11px;
		padding:10px 0 10px 15px;
	}
	
	div#droite a#temoignage {
		display: block;
		width: 184px;
		height: 114px;
		background: url("images/temoignage_fond.jpg") 0 0 no-repeat;
		color: #0f84be;
	}
			
		div#droite span.styleh2 {
			display: block;
			font-size: 11px;
			padding: 10px 0 10px 15px;
		}
		
		div#droite a#temoignage span.s1 {
			display: block;
			width: 60px;
			color: #990000;
			padding: 50px 0 0 40px;
		}
	
	div#droite div#caddie {
		width:184px;
		height:114px;
		font-weight:bold;
		background: url("images/droite_caddie.jpg") 0 0 no-repeat;
		margin-top:10px;
	}
	
		div#droite div#caddie div{
			text-align:center;
			padding:10px 0 15px 0;
		}
	
		div#droite a.droite_details {
			display:block;
			width:111px;
			height:19px;
			background: url("images/btn_details.jpg") 0 0 no-repeat;
			padding-top:3px;
			margin-left:35px;
			text-align:center;
			color:#669900;
		}
		
	div#droite div#devis {
		width:184px;
		height:114px;
		background: url("images/devis.jpg") 0 0 no-repeat;
		margin-top:10px;
		font-weight:bold;
	}
	
			div#droite div#devis div{
				text-align:center;
				padding:5px 0 7px 0;
			}
		
	div#droite div#recherche {
		width:184px;
		height:60px;
		background: url("images/droite_recherche.jpg") 0 0 no-repeat;
		margin-top:10px;
		font-weight:bold;
	}
	div#droite div#vp {
		width:184px;
		height:114px;
		background: url("images/devis.jpg") 0 0 no-repeat;
		margin-top:10px;
		font-weight:bold;
	}
		div#droite div#vp a#decoVp {
			float:right;
			padding-top:10px;
			padding-right:5px;
			font-weight:bold;	
			font-size:11px;
			text-decoration:underline;
			background: url("images/puce_flecheVerte.gif") 0 14px no-repeat;
			padding-left:15px;
		}
	
			div#droite div#recherche h2 a {
				background: url("images/btn_rechercher.jpg") top right no-repeat;
				padding-right:50px;
			}
			
			/*div#droite div#recherche select {
				width:130px;
				border:1px solid #aaaaaa;
				padding-left:5px;
				color:#41a62a;
				margin-left:27px;
			}*/
	
	div#droite div#bestVente {
		position:relative;
		width:184px;
		height:148px;
		background: url("images/droite_bestVentes.jpg") 0 0 no-repeat;
		margin-top:10px;
	}
	
			div#droite div#bestVente a#aSuite {
				position:absolute;
				top:10px;
				left:130px;
				display:block;
				width:15px;
				height:15px;
				font-weight:bold;	
				text-decoration:underline;
				background: url("images/puce_flecheVerte.gif") 0 4px no-repeat;
				padding-left:15px;
			}
			
			div#droite div#bestVente div {
				/*width:100px;*/
				height:28px;
				padding-left:15px;
				background: url("images/droite_separation.gif") 15px 23px no-repeat;
			}
			
			div#droite div#bestVente div a {
				display:block;
				float:left;
				width:117px;
				font-weight:bold;
				padding:2px 0;
			}
			
			div#droite div#bestVente div span {
				display:block;
				float:left;
				width:5px;
				font-weight:bold;
				color:#669900;
				padding:5px 0 5px 25px;
			}
			
	div#droite div#ecologie {
	/*	width:184px;
		height:155px;
		background: url("images/droite_ecologie.jpg") 0 0 no-repeat;
		*/margin-top:10px;
		width : 184px;
	}
	
		/*	div#droite div#ecologie div {
				font-weight:bold;
				padding:5px 15px 10px 15px;
			}*/
	
input.rechercher { width : 120px; margin-left : 10px;float : left;}

.bouton {margin-left : 5px;float : left ;} 

.ecologie {	background: url("images/ecologie.jpg") no-repeat ;
			width : 184px;
			height : 33px;
			margin : 0 ; 
			padding : 0;
			float : left;}

.droitBas {	background: url("images/fond_ecologie.jpg") 0 0 repeat-y; 
			width : 154px;
			padding: 0px 15px 0px 15px;
			float : left; 
			margin : 0;margin-top : -2px; }

.droitBas2 {background: url("images/bas_ecologie.jpg")  0 0 no-repeat;  
			width : 184px; 
			float : left;
			margin : 0;
			margin-top : -2px; }
			
/*###############################
#								#
#	CONTENU						#
#								#
###############################*/

div.contenu{
	float:left;
	width:584px;
	font-size:12px;
}

	.banniere { width:538px;
				margin-left:8px; }
	
	.banniere1 { background: url("images/banniere1.jpg") 0 0 no-repeat; height:200px;}
	.banniere2 { background: url("images/banniere2.jpg") 0 0 no-repeat; height:200px;}
	.banniere3 { background: url("images/banniere3.jpg") 0 0 no-repeat; height:200px;}
	.banniere4 { background: url("images/banniere4.jpg") 0 0 no-repeat; height:200px;}
	.banniere5 { background: url("images/banniere5.jpg") 0 0 no-repeat; height:200px;}
	.banniere6 { background: url("images/banniere6.jpg") 0 0 no-repeat; height:200px;}
	
div.choix3 { 
	padding: 0px 0px 0px 20px;
	display: none;
}

/* ANIMATION FLASH */
#banniereFlash { position : relative;z-index :1; }

/*###############################
#								#
#	BAS DE PAGE					#	
#								#
###############################*/
	
div#bas {
	clear:both;
	width:965px;
	background: url("images/bas_fond.jpg") 0 0 no-repeat;
	text-align:center;
	border-top:1px solid #d2d2d2;
}

	div#bas div.blockHaut {
		padding-top:10px;
		color:#999999;
	}
	
			div#bas div.blockHaut a {
				color:#999999;
				padding:0 10px;
			}
			
			div#bas div.blockHaut a.noPadding {
				padding:0;
			}
			
	div#bas div.blockBas {
		padding:10px 0;
		color:#999999;
	}

			div#bas div.blockBas a {
				padding:0 10px;
			}
	

/*###############################
#								#
#	INDEX						#
#								#
###############################*/

div#index {
	float:left;
	width:560px;
	padding:15px 12px 15px 12px;
}
	
	div#index h1 {
		font-size:24px;
		padding-bottom:20px;
	}
	
	div#index div#index_fond {
		height:490px;
		background: url("images/index_fond.gif") center center no-repeat;
	}
	
	 div.vign_produit {
		float:left;	
		width:246px;
		padding:5px 15px 15px 15px;
		margin-bottom:30px;
	}
	
			 div.vign_produit h2 {
				padding-bottom:10px;
			}
			
			div.vign_produit h2.categ {
				font-size:11px;
				color:#AA0033;
			}
	
					 div.vign_produit h2 a {
						font-size:11px;
						color:#990033;
						text-decoration:underline;
						text-transform:uppercase;
					}
			
			 div.vign_produit div.imageFloat {
				float:left;
				width:140px;
				height:110px;
				text-align:center;
			}
						
			 div.vign_produit div.textDroiteImg {
				float:left;
				width:100px;
				height:100px;
			}
			
			
					 div.vign_produit div.textDroiteImg span.marque {
						display:block;
						font-size:11px;
						font-weight:bold;
						padding-bottom:5px;
						text-align : center;
					}
					/*div#index*/
					 div.vign_produit div.textDroiteImg span.prix {
						display:block;
						font-size:24px;
						font-weight:bold;
						color:#cc0000;
						padding-bottom:5px;
						text-align:right;
					}
					
					span.prix s {
						font-size: 14px;
					}
					
					strike.promo {						
						font-size:16px !important;				
					}
					
					 div.vign_produit div.textDroiteImg a.ajoutCaddie {
						position:relative;
						display:block;
						width:86px;
						height:26px;
						background: url("images/btn_caddie.jpg") 0 0 no-repeat;
						padding-left:5px;
					}
					
						div.vign_produit div.textDroiteImg a.ajoutCaddie:hover {
							text-decoration:none;
						}
					
						 div.vign_produit div.textDroiteImg a.ajoutCaddie:hover span {
							padding-left:10px;
						}
					
							div.vign_produit div.textDroiteImg a span {
								display:block;
								width:54px;
								font-size:11px;
								color:#ffff00;
							}
							
									 div.vign_produit div.textDroiteImg a span.ajout {
										position:absolute;
										top:0;
										left:5px;
									}
									
									div.vign_produit div.textDroiteImg a span.caddie {
										position:absolute;
										top:11px;
										left:5px;
									}
					
			div.vign_produit p {
				clear:both;
				padding-bottom:10px;
			}
			
			 div.vign_produit div.details {
				float:left;
				width:80px;
			}			
			
			 div.vign_produit div.options {
				float:left;
				width:70px;
			}			
			
			 div.vign_produit div.disponibilite {
				float:left;
				width:80px;
			}
		
			.btn_panier { 
				position:relative;
			  display:block;
			  width:91px;
			  height:26px;
			  background: url("images/btn_panier.jpg") 0 0 no-repeat;
			}
						  
	.descPdt { height : 50px;}
/*###############################
#								#
#	PRODUIT						#
#								#
###############################*/
					
div#produit {
	float:left;
	width:560px;
	padding:15px 12px 50px 12px;
}

	div#produit h2 {
		font-size:24px;
		padding-bottom:20px;
	}
	
	div.decalageGauche {
		padding-left:10px;
	}
	
	div#produit h1 {
		padding-top:5px;
	}	
	
	div#produit h1 a {
		font-size:18px;
		padding-top:5px;
		color:#990033;
		text-decoration:underline;
	}
	
	div#produit div.marque {
		font-size:18px;
		color:#990033;
		font-weight:bold;
	}
	
	div#produit a.puce_flecheMarron {
		text-decoration:underline;
		background: url("images/puce_flecheMarron.gif") 0 3px no-repeat;
		padding-left:9px;
	}
	
	div#produit div.stock  {
		position:relative;
		/*top:100px;*/
		font-weight:bold;
		font-size:14px;
		/*padding:10px 0;
		float : left;*/
	}
	
			div#produit div.stock span {
				font-size:11px;
			}
	div#produit div.note {
		font-weight:bold;
		font-size:14px;
		clear: both;
	}
	div#produit div.image {
		float:left;
		width:280px;
		height:252px;
		border:2px solid #c1c1c3;
		text-align:center;
		vertical-align:middle;
	}
	
			div#produit p {text-align : justify;}
			
			div#produit p.small {font-size : 12px !important;}
			
	div#produit div.textDroiteImage {
		float:left;
		width:255px;
	}
	
			div#produit div.textDroiteImage div.prix{
				font-size:30px;
				font-weight:bold;
				color:#cc0000;
				padding:5px 0 8px 0;
				/*position:relative;
				top:45px;*/
			}
			
			div#produit div.textDroiteImage a.ajoutCaddie {
				position:relative;
				display:block;
				width:86px;
				height:26px;
				background: url("images/btn_caddie.jpg") 0 0 no-repeat;
				padding-left:5px;
				margin-left:135px;
			}
			
				div#produit div.textDroiteImage a.ajoutCaddie:hover {
					text-decoration:none;
				}
			
				div#produit div.textDroiteImage a.ajoutCaddie:hover span {
					padding-left:10px;
				}
			
					div#produit div.textDroiteImage a span {
						display:block;
						width:54px;
						font-size:11px;
						color:#ffff00;
					}
					
							div#produit div.textDroiteImage a span.ajout {
								position:absolute;
								top:0;
								left:5px;
							}
							
							div#produit div.textDroiteImage a span.caddie {
								position:absolute;
								/*top:11px;*/
								left:5px;
							}
			
	div#produit div.texte {
		clear:both;
		padding:30px 0 20px 0;
	}
	
			div#produit div.texte p {
				padding:0 40px 10px 0;
			}
			
/* RECHERCHE */
div.pages {
	text-align : center;
	font-weight : bold;
}	
/***********/			
			
			
			
/* ---------- Caddie ---------- */

table.caddie {
	background: url('images/m11.gif') top left repeat-y;
	clear: both;
	border-collapse: collapse;
	width: 555px;
}

table.caddie th {
	background-color: #C9C9C9;
	border: 1px solid #C9C9C9;
}

table.caddie td {
	padding: 0 10px;
	border: 1px solid #C9C9C9;
}

table.caddie td.p {
	text-align: right;
	width: 55px;
}

table.caddie td.q {
	text-align: center;
	width: 45px;
}

table.caddie td.s {
	text-align: center;
	width: 20px;
	padding: 0;
}

table.caddie img {
	vertical-align: middle;
}			
			
			
				
/***********************/
/* navigation par page */
/***********************/

A.navpage { display: inline;
			/*color : #3d4e57;*/
			font-size : 12px; }
			
			
	/******************/
	/*	TABLEAU		  */
	/******************/
	
	div#produit div#onglet {
		
	}
	
		div#produit div#onglet a.btn_onglet1 {
			display:block;
			width:114px;
			height:24px;
			float:left;
			background: url("images/table_onglet1.jpg") 0 0 no-repeat;
			margin-right:1px;
			padding:8px 0 0 28px;
			font-weight:normal;
		}
	
		div#produit div#onglet a.btn_onglet2 {
			display:block;
			width:54px;
			height:24px;
			float:left;
			background: url("images/table_onglet2.jpg") 0 0 no-repeat;
			margin-right:1px;
			padding:8px 0 0 34px;
			font-weight:normal;
		}

		div#produit div#onglet a.btn_onglet3 {
			display:block;
			width:111px;
			height:24px;
			float:left;
			background: url("images/table_onglet3.jpg") 0 0 no-repeat;
			margin-right:1px;
			padding:8px 0 0 31px;
			font-weight:normal;
		}

		div#produit div#onglet a.btn_onglet4 {
			display:block;
			width:114px;
			height:24px;
			float:left;
			background: url("images/table_onglet4.jpg") 0 0 no-repeat;
			margin-right:1px;
			padding:8px 0 0 28px;
			font-weight:normal;
		}		
	
	div#produit div#tableau {
		clear:both;
	}
	
		div#produit div#tableau table th {
			width:145px;
			height:23px;
			padding:5px;
		}
	
		div#produit div#tableau table td {
			width:389px;
			height:23px;
			padding:0 5px 0 30px;
			color:#5063BF;
		}
		
		div#produit div#tableau table  {
			border-collapse: collapse;
		}
		
		div#produit div#tableau table td.gris, th.gris {
			background:#f3f3f3;
		}
	
	/*commentaire dans fiche pdt */
	div#addComents td { text-align  : left;}
	
a.color1 { color : #D8F151; }
a.color1bis { color : #BABABA; }

/* bleu violet*/
.color2 {color :#505FB2;}

/* rouge */
.color3 {color:#990033;}

/*###############################
#								#
#	CMS							#
#								#
###############################*/
	
/* LES TITRES */

	div#cms h1{color:#990033;}

	div#cms h1.news{color:#990033; margin-left: 25px; margin-top: 15px;}

	div#cms h2{ color :#3799CA;
		font-size:14px;
		padding-top:15px;
		padding-bottom:10px;
	}
	
			div#cms h2 span{
				background: url("images/puce_3pts.gif") center right no-repeat;
				padding-right:30px;
			}

	div#cms h2.news{ color :#3799CA;
		font-size:14px;
	}
	
	 div#cms h3{ color :#41A62A;
		font-size:13px;
		color:#007700;
		padding-top:15px;
		padding-bottom:10px;
	}
	
			div#cms h3 span{
				background: url("images/puce_3pts.gif") center right no-repeat;
				padding-right:30px;
			}
	
	div#cms h4{
		font-size:11px;
		padding-top:15px;
		padding-bottom:10px;
		height:13px;
	}
	
			div#cms h4 span{
				background: url("images/puce_3pts.gif") center right no-repeat;
				padding-right:30px;
			}
	
	div#cms h5{
		font-size:13px;
		padding-top:15px;
		padding-bottom:10px;
	}

/* DIVERS COMMUN */

	div#cms a{
		font-size:11px;
		color:#006600;
	}
	
	div#cms ul{
		margin-left:15px;
		list-style-type:disc;
	}
	
	div#cms q{
		display:block;
		clear:both;
		text-align:center;
		font-size:11px;
		font-style:italic;
		padding-top:5px;
	}
	
div.accroche, div.media, div.texte, div.texte2, div.texte3 {
    padding-bottom: 20px;
}


div.texte2 {
    float: left;
    width: 49%;
    margin-right: 2%;
}

div.texte3 {
    float: left;
    width: 32%;
    margin-right: 2%;
}

div.last {
    margin-right: 0;
}

div.left {
    float: left;
    margin: 0 10px 10px 0;
    text-align: center;
}

div.right {
    float: right;
    margin: 0 0 10px 10px;
    text-align: center;
}

.upper { text-transform : uppercase;}

/* ---------- Bas de page ---------- */
div.footer {
	position: absolute;
	width: 96%;
	bottom: -80px;
	left: 21px;
}

div.footer div#liens, div.footer div#bas {	
	width: 100%;
	text-align: center;
	font-size: 10px;
	color: #898989;
	padding: 10px 0;
}

div.footer div#liens {
	background-color: #E0E0E0;
	margin-top: 2px;
}

div.footer div#bas {
	background-color: #FFFFFF;
}

div.footer div#liens a, div.footer div#bas a {
	color: #898989;
	text-decoration: none;
	margin: 0 1px;
}


/*###############################
#								#
#	FORMULAIRE					#
#								#
###############################*/


form {
	font-size: 12px;
}

form div {
	/*text-align: right;*/
	padding-top: 4px;
	/*width: 380px;*/
}

form ul {
	list-style-type: none;
}

form li {
	float: left;
	width: 190px;
	padding-left: 20px;
}

label {
	cursor: pointer;
}

input.txt, textarea {
	padding: 3px;
	border: 1px solid #d5d5d5;
	width: 220px;
	height:15px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #666666;
	vertical-align: middle;
}

input.txt {
	height: 14px;
	background: url("images/input-fond.gif") left bottom repeat-x #ffffff;
}

textarea {
	height: 82px;
	background: url("images/textarea-fond.gif") left bottom repeat-x #ffffff;
	overflow: auto;
}

input.error, textarea.error {
	border: 1px solid #ff6666;
}

/* ---------- Formulaires ---------- */

table.form {
	border-collapse: collapse;
}

table.form select.civ {
	width: 60px;
}

table.form textarea {
	width: 180px;
	height: 100px;
	overflow: auto;
}

table.form th {
	font-weight: normal;
	text-align: left;
	width: 140px;
}

table.form td {
	padding: 1px;
}

table.form .o {
	width: 180px;
	margin-right: 6px;
}

table.form .n {
	width: 180px;
	margin-right: 6px;
	border-color: #FF0000;
	background-color: #EEEEEE;
}

table.form option {
	padding: 0 3px;
}

table.form strong {
	color: #FF0000;
}


/* ---------------- */
/* --- ANNUAIRE --- */
/* ---------------- */

/*
#annuaire { border : 1px solid #c1c1c3; padding : 10px 0 0 10px; width : 530px; margin-left : 10px;}
h1.golden-h1 { display: none;}

ul#golden-n1 { 
	list-style-type: disc;
	margin-left: 20px;
}
	ul#golden-n1 li {margin-bottom: 20px;}
	
	
	ul#golden-n1 h2 { font-size : 14px;}
	ul#golden-n1 h2 a:hover{ text-decoration : none;}
	
	
	ul#golden-n1 h2, ul#golden-n1 h3 {
		color: #000000;
		text-decoration: none;
	}
	ul#golden-n1 h3 {
		font-size: 11px;
		font-weight: 500;
	}
	ul#golden-n1 h2 a, ul#golden-n1 h3 a { 
		color: #000000;
	}
	ul#golden-n1 li p {
		padding: 10px 0 10px;
		width: 450px;
	}

ul.golden-n2 { 
	padding: 0 0 0 20px; 
	list-style-type: circle;
}
	ul#golden-n1 li ul.golden-n2 li {
		margin-bottom: 5px;
	}
	ul.golden-n2 h3 {
		font-size:12px;
		background: none;
		display: inline;
	}
		ul.golden-n2 h3 a {color: #000000;}
		ul.golden-n2 h3 {color: #000000;}
		ul.golden-n2 a {color : #5A7CA1;}
	
	h2#golden-h2 {
		display: none;
	}
*/


/*###################
#					#
#	PLAN			#
#					#
###################*/

/*
div#plan {
	padding-left:60px;
}

div#plan ul li {
	list-style-type:upper-roman;
	padding-top:10px;
}

		div#plan ul li  a {
			font-size:15px;
			font-variant:small-caps;
			font-weight:bold;
		}

div#plan ul li ul li{
	list-style-type:upper-alpha;
	padding-top:5px;
	margin-left:20px;
}

		div#plan ul li ul li a {
			font-size:14px;
			font-weight:normal;
		}

div#plan ul li ul li ul li{
	list-style-type:decimal;
	padding-top:2px;
	margin-left:40px;
}

		div#plan ul li ul li ul li a {
			font-size:12px;
			font-variant:normal;
			font-style:italic;
			color:#006600;
		}

div#plan ul li ul li ul li ul li{
	list-style-type:lower-alpha;
	margin-left:60px;
}

		div#plan ul li ul li ul li ul li a {
			font-size:11px;
		}
*/

div#planCMS ul {
	margin: 0 0 0 19px;
}
	div#planCMS ul li {
		margin: 0 0 20px 0;
		padding: 0 0 0 0;
	}
		div#planCMS ul li a {
			color: #7F025B;
		}
div#planCMS ul.sous-menu {
	margin: 0 0 0 20px; 
	clear: both;
}
	div#planCMS ul.sous-menu li {
		margin: 5px 0 0 0; 
	}
		div#planCMS ul.sous-menu li a {
			color: #000000;}