@CHARSET "UTF-8";body {
	background-color: black;
	font-family: arial, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	}
	
	.fondmagazine {
		background-color: white;
	}

img {
	border: 0;
}	
	
form, p {
	margin: 0;
	padding: 0;
	}
.contenairprinc {
	min-height: 50px;
	height: auto;
	margin: 0 auto;
	width: 990px;
	}

a.logoretouraccueil {
	background: transparent url('/images/logo.jpg') no-repeat;
	display: block;
	height: 53px;
	width: 183px;
}
	a.logoretouraccueil span {
		display: none;
	}
.menuaccueil {
	height: 62px;
	margin: 10px auto 0;
	width: 970px;
}

.menuaccueil .logo {
	float: left;
	}

ul.menucommun {
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	ul.menucommun li {
		display: inline;
		}
		ul.menucommun li a, ul.menucommun li form {
			display: block;
			height: 53px;
			float: left;
		}
			ul.menucommun li a.consulter:hover,ul.menucommun li a.acheter:hover, ul.menucommun li a.trouver:hover, 
			ul.menucommun li a.choisir:hover, ul.menucommun li a.contacter:hover {
				background-position: 0 -53px;
			}
			
			ul.menucommun li a.current {
				background-position: 0 -53px !important;
			}
			ul.menucommun li a.consulter {
				background: transparent url('/images/menu_01.jpg') no-repeat;
				width: 129px;
			}
			ul.menucommun li a.acheter {
				background: transparent url('/images/menu_02.jpg') no-repeat;
				width: 103px;
			}
			ul.menucommun li a.trouver {
				background: transparent url('/images/menu_03.jpg') no-repeat;
				width: 138px;
			}
			ul.menucommun li a.choisir {
				background: transparent url('/images/menu_04.jpg') no-repeat;
				width: 118px;
			}
			ul.menucommun li a.contacter {
				background: transparent url('/images/menu_05.jpg') no-repeat;
				width: 117px;
			}
			ul.menucommun li form.ville {
				background: transparent url('/images/menu_06.jpg') no-repeat;
				position: relative;
				width: 181px;
			}
				ul.menucommun li form.ville input.inputville {
					font-size: 9px;
					left: 32px;
					position: absolute;
					top: 28px;
					width: 100px
				}
				ul.menucommun li form.ville input.submitville {
					background-color: transparent;
					cursor: pointer;
					font-size: 10px;
					left: 143px;
					position: absolute;
					top: 28px;
					width: 14px
				}
		ul.menucommun li span {
			display: none;
		}
	ul.menucommun input {
		border: 0;
		}
		
		
div.autocomplete {
	background-color: white;
	border: 1px solid #888;
	left: -70px !important;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: 250px !important;
	z-index: 10000;
}
div.autocomplete ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	position: relative;
	width: 250px !important;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:2px;
	height:22px;
	position: relative;
	cursor:pointer;
	}
		
.ombrehaut {
	background: transparent url('/images/ombrehaut.jpg') no-repeat;
	height: 14px;
}

.contenaireombre {
	
}

.ombrebas {
	background: transparent url('/images/ombrebas.jpg') no-repeat;
	height: 14px;
}		
		
		

			
.superbefonddegrade {
	margin: 0 auto;
	min-height: 900px;
	height: auto;
	position: relative;
	width: 990px;
	}

.contenuprinc {
	clear: right;
	padding: 15px 0 0;
}

.pagedaccueil {
	color: white;
	height: 540px;
	padding: 54px 0 0;
	text-align: center;
}

	.pagedaccueil h1, .pagedaccueil h1 a {
		color: white;
		font-size: 24px; 
		margin: 0 0 41px;
		padding: 0;
		text-align: center;
		text-decoration: none;
		}
		
	p.quoideneuf {
		background: transparent url(/images/accueil/quoideneuf.jpg) no-repeat;
		height: 20px;
		margin: 0 auto;
		padding: 4px 0 0 20px;
		text-align: left;
		width: 948px;
	}
		p.quoideneuf a {
			color: white;
			text-decoration: none;
			}
		span.barremargee {
			margin: 0 10px 0 10px;
		}
	
	
.separationblanc {
	background-color: #515151;
	font-size: 1px;
	height: 1px;
	margin: 0 auto;
	width: 970px;
}
		
.menubas {
	background-color: black;
	color: white;
	height: 17px;
	margin: 0 auto;
	padding: 10px 0;
	width: 970px;
}
	.menubas a {
		color: white;
		text-decoration: none;
		}

	.menubas p {
		float: left;
		margin: 2px 0 0 15px;
		}
	 .menubas ul {
	 	float:right;
	 	list-style-type: none;
	 	margin: 2px 30px 0 0;
	 	padding: 0;
	 	}
		.menubas ul li {
			display: inline;
			margin: 0 5px 0 0;
			}
	.menubas form {
		margin: 0 0 0 400px;
		position: relative;
		width: 167px;		
		}
		
		.menubas input.champville {
			background: transparent url('/images/formmenubas.jpg') no-repeat;
			border: 0;
			font-size: 10px;
			height: 17px;
			padding-left: 5px;
			padding-right: 5px;
			width: 159px;
			}

		.menubas input.formbassubmit {
			background: transparent;
			border: 0;
			cursor: pointer;
			font-size: 0;
			margin: 0;
			padding: 0;
			position: absolute;
			right: 0;
			top: 0;
			width: 15px;
			height:15px;
		}
.menudiff {
	background: transparent url('/images/magazine/menu_fond.jpg') repeat-x;
	height: 53px;
	margin: 10px 0;
	position: relative;
}
	.menudiff ul {
		margin: 0 auto;
		width: 787px;
		}

	#couverturecurrent {
			height: 242px;
			left: 7px;
			position: absolute;
			top: 0;
			width: 190px;
		}


.navigationproduit {
	color: white;
	float: right;
	height: 170px;
	margin: 5px 0 0;
	overflow-x: hidden;
	overflow-y: hidden;
	overflow: hidden;
	position: relative;
	width: 750px;
}

.navigationproduit ul {
	left: 0;
	list-style-position: outside;
	list-style-type: none;
	margin: 0 0 5px 0;
	padding: 0;
	position: absolute;
	width: 5000px;
	}
	.navigationproduit ul li {
		display: block;
		float: left;
		height: 170px;
		margin: 0 25px 0 0;
		position: relative;
		width: 118px;
	}
		.navigationproduit ul li .number {
			bottom: 0;
			font-size: 14px;
			font-weight: bold;
			left: 48px;
			position: absolute;
			}
			.navigationproduit ul li .number a {
				color: white;
				text-decoration: none;
				}
	
	
	
	#hiddeurliste {
		height: 170px;
		margin: 0 auto;
		overflow-x: hidden;
		overflow-y: hidden;
		overflow: hidden;
		position: relative;
		width: 720px;
	}
	
	.slidergauche {
		bottom: 0;
		left: 4px;
		position: absolute;
	}
		.slidergauche a.flechegauche {
			background: transparent url('/images/magazine/flechegauche.jpg') no-repeat;
			display: block;
			height: 13px;
			width: 12px;
			z-index: 150;
		}
			.slidergauche a.flechegauche:hover {
				background-position: -12px;
				}
				
	.sliderdroite {
		bottom: 0;
		right: 4px;
		position: absolute;
	}
		.sliderdroite a.flechedroite {
			background: transparent url('/images/magazine/flechedroite.jpg') no-repeat;
			display: block;
			height: 13px;
			width: 12px;
			z-index: 150;
		}
			.sliderdroite a.flechedroite:hover {
				background-position: -12px;
				}
	.slidernavigation {
		background: transparent url('/images/magazine/slidebar.png') no-repeat;
		bottom: 0;
		height: 15px;
		left: 0;
		margin: 0 auto;
		position: absolute;
		width: 750px;
		}
		
		.slidernavigation span {
			cursor: pointer;
			margin: 0 75px;
			}



		
		.cornerhg {
			background: transparent url('/images/magazine/cornerhg.png') no-repeat;
			height: 12px;
			left: 240px;
			position: absolute;
			top: 190px;
			width: 12px;
		}
		
		.cornerhd {
			background: transparent url('/images/magazine/cornerhd.png') no-repeat;
			height: 12px;
			position: absolute;
			right: 0;
			top: 190px;
			width: 12px;
		}
		
		.cornerbd {
			background: transparent url('/images/magazine/cornerbd.png') no-repeat;
			height: 12px;
			position: absolute;
			right: 0;
			top: 667px;
			width: 12px;
		}
		.cornerbg {
			background: transparent url('/images/magazine/cornerbg.png') no-repeat;
			height: 12px;
			left: 240px;
			position: absolute;
			top: 667px;
			width: 12px;
		}



#articlecurrent {
	background-repeat: no-repeat;
	float: right;
	height: 489px;
	position: relative;
	width: 750px;
}
.couleurtexte {
	color: white;
	}
	
	.lienpdf {
		left: 0;
		position: absolute;
		top: 0;
		}
		.lienpdf .telechargerpdf {
			background: transparent url('/images/magazine/pdf.png') no-repeat;
			display: block;
			height: 54px;
			width: 191px;
		}
		.lienpdf .telechargerpdf span{
			display: none;
			}
			
		.lienpdf .pdfkiosque {
			background: transparent url('/images/magazine/pdfkiosque.png') no-repeat;
			height: 54px;
			width: 191px;
		}
			.lienpdf .pdfkiosque span {
				display: none;
			}
		
		.lienpdf .imprimerTexte {
			background: transparent url('/images/magazine/print.png') no-repeat;
			display: block;
			height: 58px;
			width: 140px;
		}
			.lienpdf .imprimerTexte span{
				display: none;
			}
			
	#pourleprint {
		display: none;
	}
#corpdudossier {
	position: absolute;
	right: 30px;
	top: 220px;
	width: 265px;
}
	#corpdudossier h2 {
		font-size: 20px;
		margin: 0;
		padding: 0;
		text-align: center;
		}
	#corpdudossier p {
		margin: 25px 0 0;
		padding: 0;
		text-align: justify;
		}
		
	#corpdudossier2 {
		background-color: #e3e4e8;
		float: right;
		margin-top: -50px;
		padding: 0 50px 50px 50px;
		position: relative;
		text-align: justify;
		width: 650px;
		}
		

.text_referencement {
	background-color: #dedee0;
	color: black;
	float: right;
	margin: 25px 0 0;
	padding: 15px;
	width: 720px;
	}
	.text_referencement p {
		margin: 0;
		text-align: justify;
	}

.tag_referencement {
	color: #666;
	margin: 10px 0 0;
	padding: 0;
	}	
	.tag_referencement a, .tag_referencement span {
		color: #666;
		text-decoration: none;
	}
#menudossier {
	float: left;
	height: 489px;
	margin: 0 0 0 15px;
	
}

	#menudossier h2 {
		background: transparent url('/images/titre-menu.jpg') no-repeat;
		color: black;
		font-size: 14px;
		height: 20px;
		margin: 0;
		padding: 5px 0 0;
		text-align: center;
		width: 175px;
		}
	
	.menudossier_footer {
		background: transparent url('/images/menu-bas.jpg') no-repeat;
		height: 15px;
		margin: -1px 0 0;
		width: 175px;
	}
	
	.menudossier_liens {
		margin: 10px 0 0 0;
	}
		
		.menudossier_liens a {
			color: #666;
			font-size: 9px;
			text-decoration: none;
		}
			.menudossier_liens a:hover {
				text-decoration: underline;
			}
		
	
	.menudossier_contenu {
		padding: 0;
		width: 175px;
	}
	
	#menudossier ul {
		border-left: 1px solid #dedee0;
		border-right: 1px solid #dedee0;
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 173px;
		}
		
			#menudossier ul li{
			}
			
				#menudossier ul li h3 {
					background-color: #8e99ad;
					color: white;
					cursor: pointer;
					font-size: 13px;
					height: 24px;
					margin: 0;
				}
			
			#menudossier .drawer-content ul {
				border: 0;
				height: 365px;
				width: auto;
			}
				#menudossier .drawer-content ul li {
					border-bottom: 1px solid #dedee0;
					margin: 0 10px;
					padding: 15px 0;
				}
					#menudossier .drawer-content ul li a {
						color: black;
						font-weight: bold;
						text-decoration: none;
						}
		
		.menudossier_contenu h4 {
			background: transparent url('/images/menu-ro.jpg') no-repeat;
			color: black;
			cursor: pointer;
			font-size: 12px;
			height: 20px;
			margin: 0;
			padding: 5px 0 0 5px;
			width: 170px;
			}
			.menudossier_contenu h4.visible {
				background-position: -175px;
				color: white;
			}
		.menudossier_contenu ul {
			list-style-type: none;
			height: 354px;
			margin: 0;
			padding: 0;
			}
			.menudossier_contenu ul li{
				border-bottom: 1px solid #dedee0;
				margin: 0 10px;
				padding: 5px 0 10px;
			}
			
		.menudossier_contenu h5 {
			margin: 0 0 3px;
		}
		.menudossier_contenu h5 a {
			color: black;
			font-size: 11px;
			font-weight: bold;
			
			text-decoration: none;
			}
			.menudossier_contenu h5 a.menucurrent {
				text-decoration: underline;
			}
			.menudossier_contenu h5 a:hover {
				text-decoration: underline;
			}
			
			.menudossier_contenu p.souslien a {
				color: #808080;
				font-size: 9px;
				line-height: 12px;
				text-decoration: none;
			}
				.menudossier_contenu p.souslien a:hover {
					text-decoration: underline;
				}
				
h2.tagtitre {
	background: transparent url(/images/recherche/fd_titre.jpg) repeat-x;
	float: right;
	height: 25px;
	margin: 0;
	padding: 0 0 0 18px;
	width: 732px;
}
	h2.tagtitre span {
		background:transparent url(/images/magazine/tagtitre.jpg) no-repeat scroll 0%;
		display:block;
		height:25px;
		margin:0pt;
		padding:0pt;
		width:122px;
	}
		h2.tagtitre span em {
			display: none;
			font-size: 0;
		}
.tagcontenu {
	border-bottom: 1px solid #cdcdcd;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	float: right;
	min-height: 464px;
	height: auto !important;
	height: 464px;
	margin: 0;
	padding: 0;
	width: 748px;
}
	.tagcontenu h3 {
		font-size: 13px;
		padding: 0 15px;
	}
	.tagcontenu ul {
		list-style-image: url(/images/fleche_grise.jpg);
		padding: 0 30px;
		}
		
		.tagcontenu ul li{
			margin: 0 0 5px 0;
		}
		.tagentete {
			font-size: 14px;
			margin: 0 0 5px 0;
		}
			.tagentete a {
				color: black;
				text-decoration: none;
				}
				.tagentete a:hover {
					text-decoration: underline;
				}
		.tagtexte {
			background-color: #dedee0;
			padding: 15px;
		}h2.titreplandusite {
	background: transparent url(/images/recherche/fd_titre.jpg) repeat-x;
	float: right;
	height: 20px;
	margin: 0;
	padding: 5px 0 0 18px;
	width: 732px;
}

.plandusite {
	border-bottom: 1px solid #cdcdcd;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	float: right;
	height: 457px;
	padding: 10px 0 0 18px;
	width: 730px;
}
	.plandusite p {
		margin: 10px 0 10px;
	}
	
	.plandusite a {
		color: black;
		text-decoration: none;
	}
		.plandusite a:hover {
			text-decoration: underline;
		}
	
	.plandusite ul {
		list-style-image: url(/images/recherche/flechedistrib.jpg);
		margin: 0;
		padding: 0 0 0 16px;
	}
	
	.plandusite ul li {
		margin: 5px 0;
	}
	.plandusite ul li ul {
		list-style-image: url(/images/recherche/fleche_grise.jpg);
	}h2.titrekitmedia {
	background: transparent url(/images/recherche/fd_titre.jpg) repeat-x;
	float: right;
	font-size: 14px;
	height: 20px;
	margin: 0;
	padding: 5px 0 0 18px;
	width: 732px;
}

.kitmedia {
	border-bottom: 1px solid #cdcdcd;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	float: right;
	height: 457px;
	padding: 10px 10px 0 18px;
	width: 720px;
}
	.kitmedia p {
		margin: 10px 0 10px;
	}

	.kitmedia  input {
		background-color: #dedee0;
		border: none;
		width: 100%;
	}

	.kitmedia  .btnsubmit {
		background-color: #dedee0;
		border: none;
		padding: 3px 5px;
		width: auto;
	}
	
	.kitmedia  textarea {
		background-color: #dedee0;
		border: none;
		height: 110px;
		width: 100%;
	}
	
	.fsetContenterror {
		color: red;
	}
	.kitmedia table {
		width: 310px;
	}
	.kitmedia td {
		padding: 5px 0 0;
		vertical-align: top;
	}h2.titrementionslegales {
	background: transparent url(/images/recherche/fd_titre.jpg) repeat-x;
	float: right;
	font-size: 14px;
	height: 20px;
	margin: 0;
	padding: 5px 0 0 18px;
	width: 732px;
}

.mentionslegales {
	border-bottom: 1px solid #cdcdcd;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	float: right;
	height: 457px;
	padding: 10px 18px 0 18px;
	width: 712px;
}

	.mentionslegales h3 {
		border-bottom:1px solid #CDCDCD;
		font-size:13px;
		font-weight:bold;
		margin:0pt 0pt 15px;
		padding:10px 0pt 5px;
	}
	.mentionsgauche {
		float: left;
		width: 350px;
	}
	
	.mentionsdroite {
		float: right;
		width: 290px;
	}
		.mentionsdroite h4 {
			font-size: 11px;
		}
		.mentionsdroite a {
			color: black;
			text-decoration: none;
		}h2.rechtitre {
	background: transparent url(/images/recherche/fd_titre.jpg) repeat-x;
	float: right;
	font-size: 0;
	height: 25px;
	margin: 0;
	padding: 0 0 0 18px;
	width: 732px;
}
	h2.rechtitre span{
		background: transparent url(/images/recherche/titre.jpg) no-repeat;
		display: block;
		height: 25px;
		margin: 0;
		padding: 0;
		width: 155px;
	}
	h2.rechtitre span em {
		display: none;
		font-size: 0;
		margin: 0;
		padding: 0;
	}
.rechcontenu {
	background-color: white;
	border-bottom: 1px solid #cdcdcd;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	float: right;
	min-height: 457px;
	height: auto !important;
	height: 464px;
	margin: 0;
	padding: 10px 0 0;
	width: 748px;
}
	
	.separator {
		background: transparent url(/images/recherche/separator.jpg) no-repeat;
		height: 2px;
		width: 321px;
	}
	
	.rechcgauche {
		float: left;
		padding: 0 18px;
		width: 350px;
	}
		.rechcgauche p {
			color: #808080;
			padding: 5px 0 15px;
		}
		
		
		
		.rechcgauche h3 {
			border-bottom: 1px solid #cdcdcd;
			font-size: 13px;
			font-weight: bold;
			margin: 0 0 15px;
			padding: 10px 0 5px 0;
			width: 321px;
		}
		.rechcgauche span {
			
		}
			.formrecherche {
				margin: 20px 0;
			}
				.formrecherche input {
					background-color: #dedee0;
					border: none;
					padding: 0 5px;
					text-align: center;
					width: 15px;
				}
				.formrecherche select {
					background-color: #dedee0;
					border: none;
					border: 0;
					width: 194px;
				}
			
			.villea ul {
				list-style-type: none;
				margin: 0;
				padding: 0;
			}
				.villea ul li {
					padding: 10px 0 0 0;
				}
					.villea ul li .ledistributeur {
						background: transparent url(/images/recherche/fleche_grise.jpg) no-repeat left 3px;
						margin: 0 auto 15px;
						padding: 0 0 0 10px;
						width: 160px;
					}
			
			#commune_search1, #commune_search2 {
				background: transparent url(/images/recherche/fd_input.jpg) no-repeat;
				border: none;
				height: 19px;
				padding: 7px 0 0 15px;
				width: 125px;
			}
			
			div.bugliste {
				background-color: white;
				border: 1px solid #888;
				margin: 0px;
				padding: 0px;
				position: absolute;
				width: 250px !important;
				z-index: 1000;
			}
			
			div.bugliste ul {
				list-style-type:none;
				margin:0px;
				padding:0px;
				width: 250px !important;
			}
			div.bugliste ul li.selected { background-color: #ffb;}
			div.bugliste ul li {
				list-style-type:none;
				display:block;
				margin:0;
				padding:2px;
				height:22px;
				cursor:pointer;
				}
			
		
		.line0 {
			cursor: pointer;
			font-weight: normal !important;
			padding: 0 0 0 10px !important;
			}
			
		.line1 {
			color: #48699e;
			cursor: pointer;
			font-weight: normal !important;
			padding: 0 0 0 10px !important;
			}
	.rechcdroite {
		float: right;
		padding: 0 5px 0 15px;
		position: relative;
		text-align: center;
		width: 321px;
		}
		.rechcdroite h3 {
			border-bottom: 1px solid #cdcdcd;
			font-size: 13px;
			font-weight: bold;
			margin: 0 0 15px;
			padding: 10px 0 5px 0;
			text-align: left;
		}
		.rechcdroite h3.espacement {
			margin: 50px 0 15px;
		}
		.rechcdroite #addressdistrib {
			height: 60px;
			padding: 0 0 0 10px;
		}
	
	
		.lienboutique {
			background: transparent url(/images/recherche/lienboutique.jpg) no-repeat;
			display: block;
			height: 30px;
			margin: 0 auto;
			width: 176px;
		}
		
		.lienboutique:hover {
			background-position: -176px;
		}
		
		.lienboutique span {
			display: none;
		}.matheaderimg {
	float: right;
	height: 165px;
	margin: 5px 0 0;
	width: 750px;
}

.souscatdetail {
	float: right;
	min-height: 489px;
	width: 750px;
}

	.souscatdescriptif {
		background-color: #ededed;
		float: left;
		min-height: 484px;
		padding: 5px 0 0;
		text-align: center;
		width: 350px;
		}
		.souscatdescriptif h3 {
			font-size: 20px;
			margin: 10px 10px 0;
			text-align: left;
		}
		.souscatdescriptif p {
			margin: 10px 10px;
			text-align: justify;
		}
		
		.souscatdescriptif ul {
			margin: 10px 5px 10px 10px;
			padding: 0 0 0 13px;
			text-align: left;
		}
		
		
	.souscatfournisseurs {
		background-color: #ededed;
		float: right;
		min-height: 489px;
		padding: 0 2px;
		width: 386px;
		}
		
		.souscatfournisseurs ul {
			background-color: white;
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
			.souscatfournisseurs ul li {
				clear: left;
				height: 75px;
				margin: 1px 0 0;
			}
			
			.flogo {
				float: left;
				height: 60px;
				margin: 0;
				text-align: center;
				width: 90px;
			}
				.flogo a {
					color: black;
					display: block;
					height: 10px;
					margin: 5px auto 0;
					text-decoration: none;
					width: 115px;
					}
			
			.fdetail {
				padding: 0 0 0 90px;
				}
				
				.fdetail h3 {
					background-color: #d5d7bf;
					font-size: 14px;
					margin: 0;
					padding: 5px 0 5px 10px;
					}
				.fdetail p {
					margin: 5px 0 0;
					line-height: 15px;
					padding: 0 0 0 10px;
				}
				
				.fdetail a.pictosite {
					background: transparent url('/images/materiaux/pictos_site.png') no-repeat left center;
					color: black;
					display: block;
					float: left;
					height: 15px;
					margin: 0 0 0 -2px;
					padding: 2px 0 0 20px;
					text-decoration: none;
					}
				.fdetail a.pictomail {
					background: transparent url('/images/materiaux/pictos_mail.png') no-repeat left center;
					color: black;
					display: block;
					float: left;
					height: 15px;
					margin: 0 0 0 5px;
					padding:2px 0 0 20px;
					text-decoration: none;
					
					}