/* CSS Document */
body {
	background-color: #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	}
*{
	color: #555554;
	font-size: 12px;
	}
a:link, a:visited, a:hover, a:active{
	text-decoration: none;
	}
.clear{
	clear: left;
	}
img {
	border: 0;
	}
h2 {
	font-size: 16px;
	margin: 0;
	padding: 0 0 10px 0;
	}
#conteneur_gen {
	margin: 0 auto;
	width: 1002px
	}
	#conteneur_middle, #conteneur_middle_home {
		background: url('../images/mosaic_cadre.gif') repeat-y;
		padding: 0 29px;
		}		
		#conteneur_middle{
			position: relative;
			}
		#barre_top {
			background: url('../images/mosaic_nav.gif') repeat-x;
			border-bottom: 3px solid;
			height: 52px;
			}			
		#conteneur_middle_home #barre_top{
			background: url('../images/bgHeaderIndex.gif') repeat-x;
			border-bottom: 1px solid #fff;
			height: 120px;
			}
			#choixLangue{
				margin: 13px 0 0 20px; 
				float: left;	
				}	
			#choixLangue img{
				margin: 0 0 0 9px;	
				}						
			#conteneur_menu_top{
				z-index: 10;
				padding: 21px 0 0 0;	
				}
			#conteneur_middle_home #conteneur_menu_top{
				padding: 90px 0 0 0;
				width: 810px;		
				}												
			#barre_top ul{
				float: right;
				list-style-type:none;
				}
			#barre_top #menuTop, #barre_top #menuTopExtranet {
				margin: 0;
				}
			#conteneur_middle #barre_top #menuTop {
				position: absolute;
					right: 132px;
				}
				
			#conteneur_middle #barre_top #menuTopExtranet {
				position: absolute;
					left: 2px;
				}
				
			#barre_top #menuTop ul, #barre_top #menuTopExtranet ul{
				display: none;
				}
				#barre_top #menuTop li {
					background: url('../images/filet_sepa_menuTop.gif') 100% 100% no-repeat;
					border-bottom: 3px solid;
					cursor: pointer;
					float: left;
					margin: 0;
					padding: 0 1px 0 0;
					position: relative;
						top: 1px;
					}
				#barre_top #menuTopExtranet li {
					background: none;
					border-bottom: 3px solid yellow;
					cursor: pointer;
					float: left;
					margin: 0;
					padding: 0 1px 0 0;
					position: relative;
						top: 1px;
					}
				#conteneur_middle_home #menuTop li, #conteneur_middle_home #menuTopExtranet li {
					border-bottom: 1px solid #FFF;
						top: 0;
				}					
				#barre_top #menuTop li img, #barre_top #menuTopExtranet li img{
						vertical-align: bottom;
						}
					#barre_top #menuTop li.noBg, #barre_top #menuTopExtranet li.noBg{
						background: none;
						padding: 0;
						}				
					#barre_top #menuTop li.select, #barre_top #menuTopExtranet li.select {
						background: url('../images/filet_sepa_menuTop.gif') 100% 60% no-repeat;
						border-bottom: 0;
						}						
						#barre_top #menuTop li.select img{
							border-bottom: 8px solid;
							}
						#barre_top #menuTopExtranet li.select img{
							border-bottom: 8px solid yellow;
							}
							
							#barre_top #menuTop .ssMenuTop, #barre_top #menuTopExtranet .ssMenuTop{
								margin: 0;
								padding: 1px 0 0 0;
								position: absolute;
									top: 31px;
									left: 0;
								width: 120px;
								}
							#conteneur_middle_home #barre_top #menuTop .ssMenuTop, #conteneur_middle_home #barre_top #menuTopExtranet .ssMenuTop{
									top: 30px;
								}
								#barre_top #menuTop li .ssMenuTop li, #barre_top #menuTop li .ssMenuTop li.select, #barre_top #menuTop li .ssMenuTop li:hover{
									background-image: none;
									background-color: #E7E7E7;
									border: 1px solid #BFBFBF;
									border-top: 0;
									padding: 2px 5px;
									width: 100%;
									}
								#barre_top #menuTopExtranet li .ssMenuTop li, #barre_top #menuTopExtranet li .ssMenuTop li.select, #barre_top #menuTopExtranet li .ssMenuTop li:hover{
									background-image: none;
									background-color: #E7E7E7;
									border: 1px solid #BFBFBF;
									border-top: 0;
									padding: 2px 5px;
									width: 100%;
									}
			#barre_top h1{
				float: right;
				margin: 0;
				width: 104px;
				}
			#conteneur_middle_home #barre_top h1{
				float: right;
				margin: 0;
				width: 364px;
				}
	.extranet #conteneur  {
		background: url('../images/back_extranet.jpg') no-repeat;
		min-height: 400px;
		z-index: 1;
		}	
	.coul_verte #conteneur  {
		background: url('../images/back_coul_verte.jpg') no-repeat;
		min-height: 400px;
		z-index: 1;
		}		
		#conteneur_middle #recherche{
			width: 240 px;
			}
		#recherche {
			float: left;
			font-size: 11px;
			font-weight: bold;
			padding: 10px 0 0 20px;
			width: 160px;
			}
			#recherche label{
				color: #474747;
				margin: 0;
				padding: 0;
				}
			#recherche input.saisie  {
				background: none;
				border: 1px solid #474747;
				float: left;
				height: 15px;
				margin: 3px 0 0 0;
				padding: 0;
				width: 115px;
				}
			#valider_recherche{
				margin: 3px 0 0 0;
				}
		#flash_rubGen {
			float: right;
			}
		#conteneur_filet{
			background: url('../images/cube_mosaic.gif') repeat-y 174px 0;
			margin: 66px 0 0 0;
			min-height: 400px;
			zoom: 1;
			}
			#filetTop{
				float: left;
				vertical-align: top;
				}
			#filetBottom{

				}
			#barre_gauche {	
				float: left;
				width:174px;
				}
				#espace_client {
					height: 90px;
					margin-right: 5px;
					}
					#espace_client fieldset{
						border: 0;
						margin: 0;
						padding: 0;
						text-align: right;
						}
						#espace_client legend{
							padding: 0 0 0 74px;
							}
							#espace_client label{
							
								font-size: 10px;
								position: relative;
									bottom: 3px;
								}
							#espace_client .saisie{
								background: none;
								border: 1px solid #454545;
								font-size: 10px;
								height: 15px;
								margin-top: 7px;
								width: 85px;
								}
							#espace_client p, #espace_client a{
								font-size: 10px;
								text-align: center;
								}
							#valider_espaceClient{
								margin-top: 5px;
								}
				#sous_menu{
					list-style-type: none;
					margin: 20px 0 0 0;
					padding: 0;
					}
					#sous_menu li {
						background: url('../images/puce_rub.gif') no-repeat 18px 6px;
						margin: 0 0 8px 0;
						padding: 0;
						}
						#sous_menu li a{
							margin: 0 0 0 29px;
							}
						#sous_menu li span{
							cursor: pointer;
							font-size: 12px;
							margin: 0 0 0 29px;
							}
						#sous_menu li span.select{
							font-weight: bold;
							}							
						#sous_menu ul{
							display: none;
							list-style-type: none;
							margin: 0;
							padding: 0;
							}
						#sous_menu li li{
							background: url('../images/puce_sousrub.png') no-repeat 34px 6px;
							list-style-type: none;
							margin: 0;
							padding: 0;
							}				
						#sous_menu .sousmenu{
							font-size: 11px;
							}
							#sous_menu li li a {
								display: block;
								color: #555554;
								margin: 0;
								padding: 0 0 0 45px;
								width: 129px;
								}
			#contenu {
				float: left;
				padding: 0 30px;
				width: 700px;
				}	
				.pres_titre {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 22px;
					}	
				#contenu a.btn_gamme {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 11px;
					font-weight: bold;
					margin-left: 15px;
					text-decoration: none;
					}	
				#contenu li.activiteLiee {
					font-size: 11px;
					line-height: 15px;
					}	
				#contenu .serie{
					font-family: Arial, Helvetica, sans-serif;
					font-size: 14px;
					font-weight:bold;
					}																
				#contenu .titre_option {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					font-weight:bold;
					line-height: 18px;
					}						
				.lister{
					list-style-type: none;
					margin: 0;
					padding: 0;
					}
				/*= L'EQUIPE */
				#lequipe li{
					margin: 0 0 22px 0;
					}
					#lequipe img{
						float: left;
						border: 4px solid #FFEC05;
						}
					#lequipe img.alt{
						float: left;
						border: 4px solid #37AA62;
						}	
					#lequipe .texte{
						padding: 8px 0 0 0;
						margin: 0 0 0 130px;
						}					
						#lequipe p{
							background: url('../images/employePuce.png') no-repeat 0 3px;
							margin: 0 0 10px 0;
							padding: 0 0 0 38px;
							}
						#lequipe p.nom{
							background: url('../images/employePuceNom.png') no-repeat 0 3px;
							}
						#lequipe p.prenom{
							background: url('../images/employePucePrenom.png') no-repeat 0 3px;
							}
						#lequipe p.alt{
							background: url('../images/employePuceAlt.png') no-repeat 0 3px;
							}
				/*= SALON */
				#salon {
					list-style-type: none;
					margin: 0;
					padding: 0;
					}				
					#salon li{
						border-bottom: 1px dashed #777;
						margin: 0 0 22px 0;
						padding: 0 0 10px 0;						
						}
						#salon .photo{
							float: left;
							width: 170px;
							}
							#salon .renseignement{
								background:  url('../images/salonRenseignement.gif') no-repeat 0 3px;
								color: #37AA62;
								display: block;
								margin: 5px 0 0 10px;
								padding: 0 0 0 25px;
								width: 100px;
								}
						#salon .texte{
							float: left;
							width: 500px;
							}
							#salon ul{
								border: 0;
								list-style-type: none;
								margin: 0;
								padding: 0;
								}								
							#salon ul li{
								background: url(../images/puce_rub_recyclage.gif) no-repeat 0 6px;
								border: 0;
								color: #37AA62;
								font-weight: bold;
								margin: 0;
								padding: 0 0 0 12px;
								}
							#salon p.descriptif{
								padding: 0;
								margin: 10px 0;
								}
								#salon .descriptif span{
									font-weight: bold;
									}
							#salon .pdf{
								background:  url('../images/salonPdf.gif') no-repeat 0 0;
								padding: 0 0 0 20px;
								}	
							#salon .lien{
								margin: 20px 0 0 0;
								}	
								#salon .lien img{
									float: left;
									vertical-align: top;
									}
								#salon .lien span{
									background:  url('../images/salonLien_bg.gif') repeat-x 0 0;
									cursor: pointer;
									display: block;
									float: left;
									height: 24px;							
									padding: 6px 0 0 0;
									}														
				/*= RESULTAT RECHERCHE */
				#resRecherche{
					background: url('../images/flecheRecherche.png') no-repeat 0 3px;
					padding: 6px 0 10px 40px;
					}
				#noRes{
					color: red;
					font-weight: bold;
					text-align: center;
					}
				#resRechecheListe{
					margin: 0 0 0 40px;
					}					
					#resRechecheListe li{
						border-left: 1px solid #FFEC00; 
						border-bottom: 1px solid #FFEC00;
						margin: 0 0 10px 0;
						padding: 0 0 20px 10px;
						}	
						#resRechecheListe h3{
							margin: 0;
							padding: 0;
							text-decoration: underline;
							}	
				/*= LES CONTACTS */
				#titreFleche{
					background: url('../images/flecheRecherche.png') no-repeat 0 3px;
					padding: 6px 0 10px 40px;
					}
				#lesContacts{
					list-style-type: none;
					margin: 0;
					padding: 0;
					}	
					#lesContacts li{
						border-left: 1px solid #FFEC00; 
						border-bottom: 1px solid #FFEC00;
						margin: 0 0 15px 0;
						padding: 0 0 0 10px;
						}	
						#lesContacts ul{
							list-style-type: none;
							margin: 0;
							padding: 0;							
							}
							#lesContacts ul li{
								background: url('../images/puceJauneVert.gif') no-repeat 0 5px;
								border: none;
								margin: 4px;
								padding: 0 0 0 10px;
								}
						#lesContacts h3, #lesContacts .mail{
							color: #37aa62;
							}														
		#footer {
			border-bottom: 3px solid #ffec00;
			height: 22px;
			}
			#footer ul{
				list-style-type: none;
				margin: 0 auto;
				padding: 4px 0;
				width: 620px;
				}
				#footer li {
					color: #FFFFFF;
					float: left;
					margin: 0;
					padding: 0 15px;
					}
					#footer a {
						color: #FFFFFF;
						}
		
		/*=CONTENEUR HOME */
		#conteneurHome {
			background: url('../images/homeBg.jpg') no-repeat;
			min-height: 605px;
			z-index: 1;
			}		
			#conteneurFormHome{
				float: right;
				padding: 64px 0 0 0;
				width: 180px;
				}				
				#conteneurHome fieldset{
					border: 0;
					margin: 0;
					}
				#conteneurHome #espace_client{
					background: url('../images/bottomFormHome.gif') repeat-x 0% 100%;
					padding: 0 19px 15px 6px;					
					text-align: right;
					}
					#conteneurHome #espace_client legend{
						padding: 0 0 0 58px;
						width: auto;
						}
						#valider_espaceClient{
							/*border: 1px solid red;*/
							}					
				#conteneurHome #recherche{
					float: none;				
					padding: 12px 19px 0 8px;
					width: auto;					
					}		
					#conteneurHome #recherche input.saisie  {
						margin: 3px 3px 0 0;
						}
					#conteneurFormHome input{
						pointer: cursor;
						}									
				#flashHome{
					padding: 126px 0 0 104px;
					height: 323px;
					width: 585px;
					}



/* Modification des couleurs du footer */

.coul_verte #footer, .extranet #footer{
	background: #37aa62;
	}

.coul_orange #footer{
	background: #f1ab25;
	}

/*= GESTION DES COULEURS*/
.coul_verte #barre_top, .coul_verte #barre_top #menuTop li.select img, .coul_verte #barre_top #menuTop li {
	border-color: #37aa62;
	}
.coul_verte #barre_top.home #menuTop li{
	border-color: #FFF;
	}	
.coul_verte #barre_top.home #menuTop li li{
	border-color: #BFBFBF;
	}	
.coul_verte #barre_top #menuTop .ssMenuTop a:hover, .coul_verte #barre_top #menuTopExtranet .ssMenuTop a:hover, .coul_verte #sous_menu a.select, .coul_verte #sous_menu a:hover, .coul_verte #lequipe span, .coul_verte #sous_menu span.select{
	color: #37aa62;
	}
.coul_verte #sous_menu a.select{
	font-weight: bold;
	}	
.coul_verte #sous_menu li.select {
	background: url('../images/puce_rub_recyclage.gif') no-repeat 18px 6px;
	}	
.coul_verte #sous_menu li li.select, .coul_verte #sous_menu li li a.select, .coul_verte #sous_menu li li a:hover{		
	background: #B2E6CD url('../images/puce_sousrub.png') no-repeat 34px 6px;
	}
.coul_verte #sous_menu li li a.select{
	font-weight: normal;
	}		
.coul_verte #sous_menu li li a:hover, .coul_verte #sous_menu li li a.select{
	color: #555554;
	}
		
.coul_orange #barre_top, .coul_orange #barre_top #menuTop li.select img, .coul_orange #barre_top #menuTop li {
	border-color: #f1ab25;
	}
.coul_orange #barre_top #menuTop .ssMenuTop a:hover, .coul_orange #sous_menu a.select, .coul_orange #sous_menu a:hover, .coul_orange #lequipe span{
	color: #f1ab25;
	}	
	
.extranet #barre_top, .extranet #barre_top #menuTop li.select img, .extranet #barre_top #menuTop li {
	border-color: #37aa62;
	}
.extranet #barre_top.home #menuTop li{
	border-color: #FFF;
	}	
.extranet #barre_top.home #menuTop li li{
	border-color: #BFBFBF;
	}	
.extranet #barre_top #menuTop .ssMenuTop a:hover, .extranet #barre_top #menuTopExtranet .ssMenuTop a:hover, .extranet #sous_menu a.select, .extranet #sous_menu a:hover, .extranet #lequipe span, .extranet #sous_menu span.select{
	color: #37aa62;
	}
.extranet #sous_menu a.select{
	font-weight: bold;
	}	
.extranet #sous_menu li.select {
	background: url('../images/puce_rub_recyclage.gif') no-repeat 18px 6px;
	}	
.extranet #sous_menu li li.select, .extranet #sous_menu li li a.select, .extranet #sous_menu li li a:hover{		
	background: #B2E6CD url('../images/puce_sousrub.png') no-repeat 34px 6px;
	}
.extranet #sous_menu li li a.select{
	font-weight: normal;
	}		
.extranet #sous_menu li li a:hover, .extranet #sous_menu li li a.select{
	color: #555554;
	}	
	
			
#prochainementDisponible{
	color: red;
	font-weight: bold;
	text-align: center;
	}
		
/*= GESTION DES POSITIONS DU CONTENU EN FONCTION DE LA HAUTEUR DE L'IMAGE DE FOND DU CONTENU*/
#contenu {
	padding-top: 80px;
	}	
	
	
.extranet p {margin: 0}