@charset "utf-8";
@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=e03d0965-1b06-43dc-a4ff-b723558483c2");
@font-face{
font-family:"Arial W02 Narrow";
src:url("Fonts/2a92b4f2-6b5a-44d2-921d-38d665a13ddd.eot?#iefix");
src:url("Fonts/2a92b4f2-6b5a-44d2-921d-38d665a13ddd.eot?#iefix") format("eot"),url("Fonts/aa46ec60-22b9-4028-a222-e6f1a106b7b1.woff") format("woff"),url("Fonts/9c44b4cd-74f9-4788-aba0-962047eb16ce.ttf") format("truetype"),url("Fonts/3fe51893-4efe-4ba9-b1d0-54b861366171.svg#3fe51893-4efe-4ba9-b1d0-54b861366171") format("svg");
}
a { outline:none;}
a:link {color: #8D7D6D;}
a:visited {color: #8D7D6D;}
a:focus {color: #6F5A45;}
a:hover {color: #6F5A45;}
a:active {color: #6F5A45;}

body {
background: #FFF url(/images/com/body-bg.jpg) center top no-repeat;
color: #8D7D6D;
font: normal normal 0.8125em Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
h1 {
height: auto;
margin: 0;
padding: 0;
}
h1 a {/*<h1><a><span>lien*/
background: transparent;
display: block;
height: 125px;
left: 20px;
margin: 0;
overflow: visible;
padding: 0;
position: absolute;
top: 20px;
width: 190px;
z-index: 2;
}
h2 {
font-size: 1.4em;
margin: 0;
padding: 0;
}
h3 {
font-size: 1.2em;
margin: 0;
padding: 0;
}
img {border: none;}
p {line-height: 1.2em;}
.cache,
h1 span,
.blocPromotion h2
/*,
h2 span,
h3 span*/ {
height: 1px;
left: 0;
overflow: hidden;
position: absolute;
top: -9999px;
width: 1px;
}
.blocDroite {
display: inline;
float: right;
margin: 0 0 10px 0;
padding: 0;
width: 260px;
}
.blocGauche {
display: inline;
float: left;
margin: 0 0 10px 0;
padding: 0;
text-align: justify;
width: 260px;
}
#colCentre {
background: #E5E4D7;
display: inline;
float: left;
margin: 0;
padding: 0 0 0 10px;
width: 550px;
}
.page-fiche #colCentre {padding: 0 0 0 5px;width: 764px;}
#colDroite {
	display: inline;
float: right;
margin: 0;
padding: 0;
width: 214px;
}
#colDroite h3 {
	background: #9CB27F;
	color: #FFF;
	font-size: 1.1em;
	padding: 2px 0 2px 5px;
	}
#colGauche {
	display: inline;
float: left;
margin: 0;
padding: 0;
width: 214px;
}
#contenu {
background: #E5E4D7 url(/images/com/contenu-bg.gif) left top repeat-y;
border: none;
margin: 0;
padding: 0;
width: 990px;}
.page-fiche #contenu {background: #E5E4D7;}
.footer {
background: #EFEFE4 url(/images/com/footer-shadow-top.gif) left top repeat-x;
color: #877565;
font-size: 0.85em;
margin: 0 auto;
padding: 10px;
position: relative;
width:970px;
}
	.footer a {text-decoration: none;}
	.footer a:link {color: #877565;}
	.footer a:visited {color: #877565;}
	.footer a:focus {color: #5F4F41;}
	.footer a:hover {color: #5F4F41;}
	.footer a:active {color: #5F4F41;}

	.footer p {margin: 0 0 10px 0;}
.footerAdresse {
background: transparent;
display: inline;
float: left;
margin: 0;
padding: 0;
width: 199px;}
.footerNav {
background: transparent;
float: left;
margin: 0;
padding: 0;
width: 199px;}
.footerNav ul {
list-style-type: none;
margin: 0;
padding: 0;}
.footerNav1 {width: 150px;}
.footerNav2 {width: 183px;}
.footerNav3 {width: 254px;}
.footerNav4 {width: 180px;}
.footerNav4 {
	background: transparent url(/images/com/logo-banque-populaire.gif) right top no-repeat;
	display: inline;
	float: right;}
	.footerNav4 strong {color: #09539F;}
#global {
margin: 20px auto;
position: relative;
width: 990px;}
#header {
background: transparent url(/images/fr/header.jpg) left top no-repeat;
height: 153px;
padding: 0;
position: relative;}
#navTop {
	background: transparent url(/images/com/nav-panier-bg.gif) left top no-repeat;
	color: #FFF;
	height: 32px;
	margin: 0 0 0 658px;
	padding: 3px 0 0 0;
	position: relative;
	width: 253px;}
	#navTop a {text-decoration: none;}
	#navTop a:link {color: #FFF;}
	#navTop a:visited {color: #FFF;}
	#navTop a:focus {color: #FFF; text-decoration: underline;}
	#navTop a:hover {color: #FFF; text-decoration: underline;}
	#navTop a:active {color: #FFF;}
	#navTop h3 {
		font-size: .9em;
		margin: 0;
		padding: 0;
	}
	#navTop p {
		font-size: .9em;
		margin: 0;
		padding: 0;
	}
#navTopPanier {
	left: 30px;
	position: absolute;
	width: 75px;
}
#navTopClient {
	position: absolute;
	right: 10px;
	width: 112px;
}
#navTopAnim {
	position: absolute;
	right: 0;
	top: 35px;
	width: 332px;
}
#navMateriel {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 10px;
	}
	#navMateriel a {
		display: block;
		text-decoration: none;
		text-transform: uppercase;
		}
	#navMateriel li {
		margin: 1px 0;
		padding: 1px;}
	#navMateriel a:link {color: #867665;}
	#navMateriel a:visited {color: #867665;}
	#navMateriel a:focus {background: #F9F3E6; color: #867665; font-weight: bold;}
	#navMateriel a:hover {background: #F9F3E6; color: #867665; font-weight: bold;}
	#navMateriel a:active {color: #867665;}
#blocLivraison {
	background: #50B823;
	color: #FFF;
	font-size: 1.4em;
	font-weight: bold;
	padding: 5px 5px 10px 5px;
	}
	#blocLivraison p {
		margin: 0;
		text-align: right;
		}
	#blocLivraison span {color: #FF0;}
	#blocLivraison strong {
		color: #FF0;
		display: inline;
		float: right;
		font-size: 2.3em;
		padding: 6px 0 0 0;
		}
#blocActu {
	background: #F5FFE1;
	margin: 0;
	padding: 5px;
	}
	#blocActu p {
		color: #55783B;
		margin: 0;
		padding: 3px;
		}
#blocNewsletter {
	background: #FFF;
	margin: 0;
	padding: 5px;
	}
	#newsletter_email {
		background: #E1F7C4;
		border: none;
		}
	#newsletter_submit {
		background: none;
		border: none;
		color: #867665;
		cursor: pointer;
		font-weight: bold;
		text-transform: uppercase;
	}
#blocCommande {
	background: #FFF;
	color: #867665;
	margin: 0;
	padding: 5px;
	}
#blocCat {
	position: relative;
	background: #E5E4D7 url(/images/com/bottom-cat.gif) left top no-repeat;
	color: #867665;
	height: 112px;
	margin: 0;
	padding: 5px;
	}
	#blocCat p {margin: 0;}
	#blocCat #feuilletez-catalogue {
		position: absolute;
		background: transparent url(/images/fr/accueil/btn-feuillez-le-catalogue.gif) left top no-repeat;
		margin-top: 10px;
		width: 107px;
		height: 31px;
		text-indent: -9999px;
	}
	#blocCat #feuilletez-catalogue:hover {
		opacity: 0.8;
		-moz-opacity: 0.8;
		filter:alpha(opacity=80);
	}

.bloc1 {color: #867665;}
	.bloc1 p {margin: 0 0 4px 0;}
	.bloc1 a {text-decoration: none;}
	.bloc1 a:link {color: #867665;}
	.bloc1 a:visited {color: #867665;}
	.bloc1 a:focus {color: #867665; text-decoration: underline;}
	.bloc1 a:hover {color: #867665; text-decoration: underline;}
	.bloc1 a:active {color: #867665;}

.blocPromotion {
	height: 170px;
	margin: 5px 0 0 0;
	padding: 28px 14px 14px 14px;
	width: 532px;
}
.blocPromotion h2 {}
#blocPromotion2.blocPromotion {
	margin-top: -3px;
	padding: 10px 14px 14px 14px;
	}
#blocNouveaute {background: #E5E4D7 url(/images/fr/bloc-nouveaute-bg.gif) left top no-repeat;}
#blocPromotion1 {background: #E5E4D7 url(/images/fr/bloc-promotion-bg.gif) left top no-repeat;}
#blocPromotion2 {background: #E5E4D7 url(/images/fr/bloc-promotion2-bg.gif) left top no-repeat;}

.blocPromo {
	background: #FFF;
	color: #867665;
	display: inline;
	float: left;
	width: 255px;
	}
.blocPromo.blocRight {
	border-left: 1px solid #05A9E6;
	padding: 0 0 0 5px;
	}
#blocPromotion1 .blocPromo.blocRight,
#blocPromotion2 .blocPromo.blocRight {border-left: 1px solid #6BAE21;}
.blocPromo h3 {
	clear: both;
	font-size: .9em;
	padding: 1px 0 0 0;
	}
.blocPromoLeft {
	float: left;
	width: 132px;
	}
.blocPromoRight {
	float: right;
	width: 110px;
	}
.promoHt {
	font-size: 0.9em;
	margin: 0;
	}
.promoTtc {
	color: #09539F;
	font-size: 1.8em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}
	.promoTtc span {font-size: 0.6em;}
#blocPromotion1 .promoTtc,
#blocPromotion2 .promoTtc,
#blocPromotion1 .promoTtcTxt,
#blocPromotion2 .promoTtcTxt,
#blocPromotion1 .promoSavoir a,
#blocPromotion2 .promoSavoir a  {color: #6BAE21;}
.promoTtcTxt {
	color: #09539F;
	margin: 0;
	padding: 0;
	}
.promoBtn a {
	background: #6CB021;
	color: #FFF;
	font-size: 0.85em;
	font-weight: bold;
	padding: 0 2px;
	text-decoration: none;
	}
	.promoBtn a:link {background: #6CB021;}
	.promoBtn a:visited {background: #6CB021;}
	.promoBtn a:focus {background: #578F1A;}
	.promoBtn a:hover {background: #578F1A;}
	.promoBtn a:active {background: #578F1A;}
.promoDesc {
	font-size: .85em;
	margin: 0;
	}
.promoSavoir {
	margin: 0;
	text-align: right;
	}
.promoSavoir a {
	color: #09519C;
	font-style: italic;
	font-weight: bold;
	margin: 0 5px 0 0;
	text-decoration: none;
	}
	.promoSavoir a:link 	{color: #09519C;}
	.promoSavoir a:visited 	{color: #09519C;}
	.promoSavoir a:focus 	{color: #2068AF;}
	.promoSavoir a:hover	{color: #2068AF;}
	.promoSavoir a:active	{color: #2068AF;}
#flash {text-align: right;}
#image_rotate {
	background: #CCC;
	margin: 0 0 0 658px;
	padding: 0;
	position: absolute;
	top: 0;
	width: 332px;
}
/* interieur */
#filAriane {
	color: #2C8424;
	font-size: .85em;
	/*left: 4px;*/
	/*position: absolute;*/
	text-transform: uppercase;
	/*top: -10px;*/
	}
	#filAriane a			{text-decoration: none;}
	#filAriane a:link 		{color: #2C8424;}
	#filAriane a:visited 	{color: #2C8424;}
	#filAriane a:focus 		{color: #2C8424; text-decoration: underline;}
	#filAriane a:hover		{color: #2C8424; text-decoration: underline;}
	#filAriane a:active		{color: #2C8424;}
.blocContenu {
	background: transparent url(/images/com/bloc-contenu-bg.gif) left 20px no-repeat;
	margin: 5px 0 0 0;
	padding: 0;
	position: relative;
}
	#page-panier .blocContenu {background: transparent url(/images/com/bloc-contenu-bg-2.gif) left 20px no-repeat;}
	#page-compte .blocContenu {background: transparent url(/images/com/bloc-contenu-bg-3.gif) left 20px no-repeat;}
	.page-fiche .blocContenu {background: transparent url(/images/com/bloc-contenu-bg-fiche.gif) left 20px no-repeat;}
	.blocContenu h2 {
		float: right;
		margin: 0 0 12px 0;
		padding: 0;
		}

		.blocContenu h2 span {
			background: #2C8424 url(/images/com/bloc-contenu-h-bg.gif) left top no-repeat;
			color: #FFF;
			display: block;
			font-size: .75em;
			height: 18px;
			margin: 0 14px 0 0;
			padding: 2px 5px 0 14px;
			text-align: right;
			text-transform: uppercase;
			}
			.page-fiche .blocContenu h2 span {margin: 0 3px 0 0;}
		#page-panier .blocContenu h2 span {background: #50B823 url(/images/com/bloc-contenu-h-bg-2.gif) left top no-repeat;}
		#page-compte .blocContenu h2 span {background: #50B823 url(/images/com/bloc-contenu-h-bg-3.gif) left top no-repeat;}
.blocContenuBody {
	background: transparent url(/images/com/bloc-contenu-body-bg.gif) left top repeat-y;
	clear: both;
	color: #877565;
	margin: 0;
	padding: 0 14px 10px 4px;
	}
	.page-fiche .blocContenuBody {background: transparent url(/images/com/bloc-contenu-body-bg-fiche.gif) left top repeat-y;}
	.blocContenuBody h3 {
		color: #2C8424;
		text-transform: uppercase;
		}
	#page-panier .blocContenuBody h3,
	#page-compte .blocContenuBody h3 {
		border-bottom: 1px dotted #50B823;
		color: #50B823;
		}
	#page-compte .tbl_paniersSauvegardes {
		width:95%;
		margin:0 10px;
	}
	#page-compte .tbl_paniersSauvegardes td {
		padding:0 5px;
	}
		.tbl_paniersSauvegardes a.btn-details1 {
			background: url(/images/com/loupe.gif) 0 2px no-repeat !important;
			color: #000;
			font-size: 12px;
			line-height: 17px;
			margin: 0;
			padding: 0 0 3px 18px;
			text-decoration: underline;
		}
		.tbl_paniersSauvegardes a.btn-transferer1 {
			background: url(/images/com/caddie1.gif) 0 8px no-repeat !important;
			color: #000;
			font-size: 12px;
			line-height: 17px;
			margin: 0;
			padding: 5px 0 3px 17px;
			text-decoration: underline;
		}
		.tbl_paniersSauvegardes a.btn-supprimer1 {
			background: url(/images/com/croix1.png) 0 8px no-repeat !important;
			color: #000;
			font-size: 12px;
			line-height: 17px;
			margin: 0;
			padding: 5px 0 3px 17px;
			text-decoration: underline;
		}


	/***css marlene***/
	#page-cat .blocContenuBody .listeMaterielPro  {
		width:48%;
		display:block;
		margin:15px 5px 25px 0;
		float: left;
		}
	#page-cat .blocContenuBody .listeMaterielPro img {
		max-height: 145px;
		max-width: 110px;

	}
	#page-cat .blocContenuBody .listeMaterielPro .gammePro {
		border-right: 1px dotted #a5a497;
		padding-right:10px;
		margin: 0 10px 5px 0;
		height: 145px;
		width: 110px;
		float:left;
		}
	#page-cat .blocContenuBody .listeMaterielPro .txtGammePro {
		height: 115px;
		overflow: hidden;
	}
	#page-cat .blocContenuBody .listeMaterielPro p {
		color:#000;
		font-size:11px;
		margin:0;
		padding:0;
		}
	#page-cat .blocContenuBody .listeMaterielPro h4 {
		color:#2C8424;
		margin:0;
		font-size: 12px;
		padding:0 0 7px 0;
		}

	#page-cat .blocContenuBody .listeMaterielPro form fieldset {
		border:0;
		margin:10px 0 0 0;
		padding:0;
		font-size:11px;
		}
	#page-cat .blocContenuBody .listeMaterielPro form fieldset select {
		border:1px solid #ccc;
		background: linear-gradient( #94D275, #5ABA2D);
		font-size:10px;
		font-weight:bold;
		height: 20px;
		color:#fff;
		width: 100%;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}
		#page-cat .blocContenuBody .listeMaterielPro form fieldset select option  {
			color:#000;
		 	}
	/***slider***/
	.slider-wrapper{
		position:relative;
		overflow:hidden;
		width:214px;
		height:151px;
		margin:0 auto;
		z-index:2;
		}
	.slider{
		position:relative;
		width:214px;
		height:151px;
		margin:0 auto;
	}
	@media only screen and (min-width: 1000px){
		.slider{
			width:214px;
		}
	}

	@media only screen and (min-width: 1440px){
		.slider{
			width:214px;
		}
	}
	.claim{
	line-height:100%
	}
.logo-masson-avicole {
	width:80px;
	height:78px;
	position:absolute;
	top:320px;
	left:10px;
	z-index:50;
	}
.clic-lien-masson-avicole {
	width:94px;
	height:31px;
	position:absolute;
	top:400px;
	left:0;
	z-index:60;
	}

/****/


	.blocContenuBody h3,
	.blocContenuBody h4,
	.blocContenuBody p {margin: 0 10px 10px 10px;}
	.blocContenuBody table {
		border-collapse: collapse;
		color: #877565;
		margin: 10px 0 5px 0;
		width: 100%;
		}
		.page-fiche .blocContenuBody table {margin: 10px 5px 5px 5px;}
		.page-fiche .blocContenuBody table.ficheLeft {margin: 10px 5px 5px 0;}
	.blocContenuBody table.prodPanier a{
		text-decoration:none;
	}
	.blocContenuBody td {padding: 0;}
	.blocContenuBody th {
		background: #E3E3D5;
		color: #877565;
		padding: 2px 0 2px 10px;
		text-align: left;
		}
		.blocContenuBody th.reaVoir {
			border-left: 1px solid #FFF;
			width: 82px;
			}
		.blocContenuBody td.reaImg {
			border-bottom: 1px solid #E3E3D5;
			border-left: 1px solid #E3E3D5;
			padding: 0;
			}
		.blocContenuBody td.reaDesc {
			border-bottom: 1px solid #E3E3D5;
			padding: 0 0 0 10px;
			}
.blocDesc {margin: 5px;width:100%;}
.blocContenu .blocDesc h3 {float:none;}
.blocDesc h3 {
	color: #877565;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding:5px 0;
	text-transform: uppercase;}
	.blocDesc h3 span {background: #E5E4D7;padding:5px 10px;}
.blocDescContent {border: 1px solid #E5E4D7;padding:10px 0;}
a.btn-desc {
	background: #FFF url(/images/com/arrow-right-desc.gif) left center no-repeat;
	color: #443D33;
	font-weight: bold;
	padding: 0 0 0 20px;
	text-decoration: none;}
	a.btn-desc:hover {color: #8D7D6D;}

.reaVoir a			{text-decoration: none;}
.reaVoir a:link 	{color: #877565;}
.reaVoir a:visited 	{color: #877565;}
.reaVoir a:focus 	{color: #4F4740;}
.reaVoir a:hover	{color: #4F4740;}
.reaVoir a:active	{color: #877565;}
.prodList td {border-bottom: 1px solid #E5E4D7;}
.prodList th {
	font-size: .9em;
	text-align: center;
	}
th.prodImg {border-right: 1px solid #FFF;}
th.prodRef {
	border-right: 1px solid #FFF;
	width: 175px;
	}
th.prodLibel {
	border-right: 1px solid #FFF;
	width: 112px;
	}
th.prodQte {border-right: 1px solid #FFF;}
th.prodPrix {width: 120px;}

td.prodImg {
	border-right: 1px solid #E5E4D7;
	padding: 0;
	vertical-align: bottom;
	text-align : center;
	}
td.prodRef {
	border-right: 1px solid #E5E4D7;
	font-weight: bold;
	padding: 2px 4px;
	text-transform: uppercase;
	}
td.prodLibel {
	border-right: 1px solid #E5E4D7;
	padding: 2px 4px;
	text-transform: capitalize;
	}
td.prodPrix {
	padding: 3px 0 0 0;
	text-align: center;
	vertical-align: bottom;
	}
p.b-commander,
p.b-recalculer,
p.prodLivraison {margin: 0;}
.prodLivraison {
	background: #2C8424;
	color: #FFF;
	font-size: .85em;
	/*font-weight: bold;*/
	padding: 2px 0;
	text-align: center;
	width: 100%;
	}
p.prodPrixHt {
	font-size: .85em;
	margin: 0;
	}
p.prodPrixTtc {
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 5px 0;
	}
	.prodPrixSStotal {
		border-right: 1px solid #E5E4D7;
		font-weight: bold;
		text-align: right;
		}
p.prodPrixHt span, p.prodPrixTtc span {
	text-decoration: line-through;
	font-style: italic;
	font-size: smaller;
}

.b-commander a {
	background: #E52B37;
	border-bottom: 1px solid #FFF;
	display: block;
	font-size: .85em;
	font-weight:bold;
	padding: 2px 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 100%;
}
.b-commander a:link 	{color: #FFF;}
.b-commander a:visited 	{color: #FFF;}
.b-commander a:focus 	{color: #FFF; background: red;}
.b-commander a:hover	{color: #FFF; background: red;}
.b-commander a:active	{color: #FFF;}

.b-infoProd a {
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
	}
.b-infoProd a:link 		{color: #000;}
.b-infoProd a:visited 	{color: #000;}
.b-infoProd a:focus 	{color: #2C8424;}
.b-infoProd a:hover		{color: #2C8424;}
.b-infoProd a:active	{color: #000;}

.b-recalculer a {
	background: #877565;
	display: block;
	font-size: .85em;
	font-weight:bold;
	padding: 2px 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 100%;
}
.b-recalculer a:link 	{color: #FFF;}
.b-recalculer a:visited {color: #FFF;}
.b-recalculer a:focus 	{color: #FFF; background: #6F6053;}
.b-recalculer a:hover	{color: #FFF; background: #6F6053;}
.b-recalculer a:active	{color: #FFF;}

.prodImg .b-fiche,
.ficheRef .b-fiche {margin: 0;}

.b-fiche a {
	background: #4FB723;
	display: block;
	font-size: .85em;
	font-weight:bold;
	padding: 2px 0;
	text-align: center;
	text-decoration: none;
}
	.b-fiche a:link 	{color: #FFF;}
	.b-fiche a:visited 	{color: #FFF;}
	.b-fiche a:focus 	{color: #FFF; background: #2C8424;}
	.b-fiche a:hover	{color: #FFF; background: #2C8424;}
	.b-fiche a:active	{color: #FFF;}
#ficheLeft {
	float: left;
	display: inline;
	padding: 0;
	width: 310px;
}
#ficheRight {
	color: #8D7D6D;
	display: inline;
	float: right;
	padding: 10px 0 0 0;
	width: 400px;
}
#ficheRight p {margin: 0 0 10px 0;}
.desc-small {
	height: 145px;
	line-height: 16px;
	margin: 0 0 10px 0;
	overflow: hidden;}
.ficheLeft th {border-bottom: 3px solid #FFF; width:110px;}
.ficheLeft td {padding: 0 0 0 5px;}

.prodFiche td {border-bottom: 1px solid #E5E4D7;}
.prodFiche p {margin:0;}
.prodFiche.autre td {border-bottom: none;}
.prodFiche th {
	border-top: 1px solid #FFF;
	font-size: .9em;
	padding: 2px;
	text-align: center;
	}
	.prodFiche th.h-titre {
		padding-left: 12px;
		text-align: left;
		}
th.ficheRef {
	border-right: 1px solid #FFF;
	width: 85px;
	}
th.ficheArt {
	border-right: 1px solid #FFF;
	width: 127px;
	}
th.fichePrix {
	border-right: 1px solid #FFF;
	width: 107px;
	}
th.ficheQte {
	border-right: 1px solid #FFF;
	width: 120px;
	}
th.ficheDispo {width: 87px;}

td.ficheRef {
	font-size: .85em;
	font-weight: bold;
	padding: 5px 0 0 0;
	text-align: center;
	}
	.ficheRef.c1 {border-bottom: none;}
	.ficheRef.c2 {vertical-align: bottom;}
td.ficheArt {
	border-left: 1px solid #E5E4D7;
	border-right: 1px solid #E5E4D7;
	font-size: .85em;
	font-weight: bold;
	padding: 5px 4px 0 4px;
	text-transform: capitalize;
	}
td.fichePrix {
	border-right: 1px solid #E5E4D7;
	padding: 5px 4px 0 4px;
	text-align: center;
	}
td.ficheQte {
	padding: 5px 0 0 0;
	text-align: center;
	vertical-align: middle;
	}
	.ficheQte p, .ficheQte form {margin: 0;}
	#page-panier td.ficheQte {vertical-align: middle;}
td.ficheDispo {
	background: #50B823;
	color: #FFF;
	font-size: .85em;
	text-align: center;
	width: 120px;
	}
p.ficheDispo {
	background: #50B823;
	color: #FFF;
	font-size: .85em;
	text-align: center;
	width: 100px;
	}
.prodFicheQte {
	margin: 0 0 5px 0;
	width: 60px;
	}
.prodAutre {
	float: left;
	font-size: .85em;
	margin: 6px 0 6px 6px;
	width: 100px;
	}
p.prodAutreImg {
	border: 1px solid #CCC;
	height: 80px;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 90px;
	}
.prodAutre a:link {color: #8D7D6D;}
.prodAutre a:visited {color: #8D7D6D;}
.prodAutre a:focus {color: #8D7D6D;}
.prodAutre a:hover {color: #8D7D6D;}
.prodAutre a:active {color: #8D7D6D;}

.blocContenuBody table.cadeau {
	border-collapse: collapse;
	margin: 10px;
	width: 490px;
	}
	.cadeau td {
	border: 1px solid #E92A3A;
	}
		.cadeau td.first {
			color: #E92A3A;
			font-size: 0.9em;
			padding: 0 5px 5px 5px;
			width: 185px;
		}
		.cadeau td.first p {
			padding: 10px 10px 0 0;
			text-align: right;
			}
			.cadeau td.first div {
				position: relative;
				padding: 0;
			}
				.cadeau td.first div img {
					left: 2px;
					position: absolute;
					top: -29px;
					}
			.cadeau td.first strong {
				font-size: 1.5em;

				}
		.cadeau td.cadeauLib {
			font-size: 0.8em;
			padding: 5px;
			}
		.cadeau td.cadeauImg {vertical-align: middle;}
		.cadeau td.cadeauImg div {
			height: 80px;
			position: relative;
			vertical-align: middle;
			}
		.cadeau td.last {
		border: none;
		padding-left: 10px;
		}
		.ruban {
			left: 0;
			position: absolute;
			top: 0;
		}
/**/
.prodFichePipettes {
	table-layout:fixed
}

.prodFichePipettes th {border: 1px solid #fff;}
.prodFichePipettes td {border: 1px solid #E5E4D7; text-align:center}


/**/
.prodPanier td {border-bottom: 1px solid #E5E4D7;}
.prodPanier th {
	border-top: 1px solid #FFF;
	font-size: .9em;
	padding: 2px;
	text-align: center;
	}
	.prodPanier th.h-titre {
		padding-left: 12px;
		text-align: left;
		}
th.panierImg {
	border-right: 1px solid #FFF;
	width: 70px;
}
th.panierRef {
	border-right: 1px solid #FFF;
	width: 85px;
	}
th.panierLibel {
	border-right: 1px solid #FFF;
	width: 127px;
	}
th.panierPrix {
	width: 107px;
	}
th.panierQte {
	border-right: 1px solid #FFF;
	width: 120px;
	}
td.panierImg {
	border-right: 1px solid #E5E4D7;
	padding: 0;
	vertical-align: bottom;
	}
td.panierRef {
	border-right: 1px solid #E5E4D7;
	font-size: .85em;
	font-weight: bold;
	padding: 5px 0 0 0;
	text-align: center;
	}
td.panierLibel {
	border-right: 1px solid #E5E4D7;
	font-size: .85em;
	font-weight: bold;
	padding: 5px 4px 0 4px;
	text-transform: capitalize;
	}
td.panierPrix {
	padding: 5px 0 0 0;
	text-align: center;
	}
td.panierQte {
	border-right: 1px solid #E5E4D7;
	padding: 5px 0 0 0;
	text-align: center;
	}
	td.panierImg p,
	td.panierPrix p {margin: 0;}
p.b-achat {
	float: left;
	margin-left: 0;
	}
.b-achat a {background: #4FB723;}
.b-suivant a {background: #E52B37;}
.b-achat a,
.b-suivant a {
	display: block;
	font-size: .85em;
	font-weight:bold;
	padding: 2px 4px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}
	.b-achat a:link 	{color: #FFF;}
	.b-achat a:visited 	{color: #FFF;}
	.b-achat a:focus 	{color: #FFF; background: #2C8424;}
	.b-achat a:hover	{color: #FFF; background: #2C8424;}
	.b-achat a:active	{color: #FFF;}
p.b-suivant {
	float: right;
	margin-right: 0;
	}
.b-suivant a:link 		{color: #FFF;}
.b-suivant a:visited 	{color: #FFF;}
.b-suivant a:focus 		{color: #FFF; background: red;}
.b-suivant a:hover		{color: #FFF; background: red;}
.b-suivant a:active		{color: #FFF;}
/**/
#diapo {
	border-top: 1px solid #E5E4D7;
	height: 450px;
	margin: 0 0 15px 0;
	position: relative;
	}
	#diapo a {
		background: #2C8424;
		bottom: 0;
		color: #FFF;
		display: block;
		font-size: .85em;
		left: 0;
		padding: 0 0 0 5px;
		position: absolute;
		text-decoration: none;
		text-transform: uppercase;
		width: 146px;
	}
	#diapo a:link 		{color: #FFF;}
	#diapo a:visited 	{color: #FFF;}
	#diapo a:focus 		{color: #FFF; background: #245F1D;}
	#diapo a:hover		{color: #FFF; background: #245F1D;}
	#diapo a:active		{color: #FFF;}
#menuPanier {
	color: #8D7D6D;
	margin-bottom: 20px;
	}
	#menuPanier a {
		color: #8D7D6D;
		text-decoration: none;
		}
	#menuPanier a:link 		{color: #8D7D6D;}
	#menuPanier a:visited 	{color: #8D7D6D;}
	#menuPanier a:focus 	{color: #50B823;}
	#menuPanier a:hover		{color: #50B823;}
	#menuPanier a:active	{color: #50B823;}

		#menuPanier strong a:link,
		#menuPanier strong a:visited,
		#menuPanier strong a:focus,
		#menuPanier strong a:hover,
		#menuPanier strong a:active {
			font-size: 1.2em;
			color: #50B823;
			}
/**/
.blocLogin {
	background: #E5E4D7;
	display: inline;
	float: left;
	height: 200px;
	padding: 10px;
	}
.blocLogin.floatRight {
	display: inline;
	float: right;
	}
	.blocLogin form {margin: 5px 0;}
	.blocLogin h3 {text-transform: uppercase;}
	.blocLogin label {display: block;}
	.blocLogin p {margin-bottom: 10px;}
	.b-input-1 {
	background: #50B823;
	border: none;
	color: #FFF;
	cursor: pointer;
	text-transform: uppercase;
	}
	.b-input-1:hover {background: #2C8424;}
	a.b-1, input.b-1 {
	background: #50B823;
	border: none;
	color: #FFF;
	cursor: pointer;
	padding: 2px 4px;
	text-decoration: none;
	text-transform: uppercase;
	}

	a.b-1:link,input.b-1:link 		{color: #FFF;}
	a.b-1:visited,input.b-1:visited 	{color: #FFF;}
	a.b-1:focus,input.b-1:focus 	{color: #FFF; background: #2C8424;}
	a.b-1:hover,input.b-1:hover		{color: #FFF; background: #2C8424;}
	a.b-1:active,input.b-1:active	{color: #FFF; background: #2C8424;}

	.b-input-2 {
	background: #09539F;
	border: none;
	color: #FFF;
	cursor: pointer;
	}
	.b-input-2:hover {background: #2375BF;}
	a.b-2 {
	background: #09539F;
	border: none;
	color: #FFF;
	cursor: pointer;
	font-size: .9em;
	padding: 2px 4px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	}
	a.b-3, a.b-4, input.b-3 {
	background: #E52B37;
	border: none;
	color: #FFF;
	cursor: pointer;
	font-size: .9em;
	padding: 2px 4px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	}
	input.b-3:link 		{color: #FFF;}
	input.b-3:visited 	{color: #FFF;}
	input.b-3:focus 	{color: #FFF; background: #bc1339;}
	input.b-3:hover		{color: #FFF; background: #bc1339;}
	input.b-3:active	{color: #FFF; background: #bc1339;}
	a.b-4 {
	font-size: .8em;
	}
	a.b-2:link 		{color: #FFF;}
	a.b-2:visited 	{color: #FFF;}
	a.b-2:focus 	{color: #FFF; background: #2375BF;}
	a.b-2:hover		{color: #FFF; background: #2375BF;}
	a.b-2:active	{color: #FFF; background: #2375BF;}
	#page-panier a.b-2 {
	background: none repeat scroll 0 0 #50B823;
	border: none;
	color: #FFF;
	cursor: pointer;
	font-size: .9em;
	padding: 2px 4px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	}
	#page-panier a.b-2:link 		{color: #FFF;}
	#page-panier a.b-2:visited 	{color: #FFF;}
	#page-panier a.b-2:focus 	{color: #FFF; background: #2C8424;}
	#page-panier a.b-2:hover		{color: #FFF; background: #2C8424;}
	#page-panier a.b-2:active	{color: #FFF; background: #2C8424;}
.formAlert,
.blocContenuBody .form p.formAlert {
	background: #FFF url(/images/com/129.png) 5px 5px no-repeat;
	border: 2px solid red;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: red;
	margin: 10px;
	padding: 5px 5px 5px 35px;
	}
.formSuccess,
.blocContenuBody .form p.formSuccess {
	border: 2px solid #74B823;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: green;
	margin: 10px;
	padding: 5px;
	}
/**/
.msg {
	color: #E52B37;
	font-size: 1.4em;
	text-align: center;
	}
#materielLeft {
	float: left;
	margin: 15px 0 0 5px;
	padding: 5px 0;
	width: 320px;
	text-transform: capitalize;
	}
#materielRight {
	background: #EFEEE0;
	float: right;
	margin: 15px 0 0 0;
	padding: 5px 0;
	width: 200px;
	text-transform: capitalize;
}
.navMateriel {
	display: inline;
	float: left;
	margin: 0;
	padding: 0 0 0 30px;
	width: 120px;
}
	.navMateriel li {margin: 5px 0;}
	.navMateriel a {text-decoration: none;}
	.navMateriel a:link 	{color: #8D7D6D;}
	.navMateriel a:visited 	{color: #8D7D6D;}
	.navMateriel a:focus 	{color: #2C8424;}
	.navMateriel a:hover	{color: #2C8424;}
	.navMateriel a:active	{color: #2C8424;}

#pageFam {padding: 10px;}
#pageFam h1 {
	border-bottom: 1px dotted #8D7D6D;
	margin: 5px 0 10px;
	}
#pageFam h2 {}
#navSfam {
	float: left;
	margin: 10px 0;
	padding: 0 0 0 20px;
	width: 240px;
	}
	#navSfam li {margin: 5px 0;}
#headerSfam {
	float: right;
	margin: 0;
	width: 267px;
}
.cadre {
	background: #FFF;
	border: 1px solid #50B823;
	margin: 10px auto;
	padding: 10px;
	text-align: center;
	width: 50%;
	}
/**/
.blocActu {
	border-bottom: 1px dotted #8D7D6D;
	padding: 10px 0;
	}
#map {
	margin: 10px auto;
	width: 500px;
	}
/* Mon Compte */
#page-compte .blocContenuBody h3 {
	border-bottom: 1px dotted #CCC;
	color: #09539F;
}
/* Bloc recherche
---------------------------- */
#blocRechercher {
background: #FFF;
height:30px;
left:383px;
margin: 0;
padding: 0;
position: absolute;
top:115px;
width:264px;
z-index:10;
}
#inputRechercher {
background: #FFF;
border: 1px solid #FFF;
color: #666;
height: 26px;
line-height:26px;
margin: 0;
padding: 0 0 0 5px;
width: 220px;
}
#inputSubmit {
background: #FFF url(/images/com/loupe-2.gif) center center no-repeat;
border: none;
color: #FFF;
cursor: pointer;
font-weight: bold;
height: 28px;
margin: 0;
padding: 0;
text-indent: -9000px; text-transform: capitalize;
text-transform: uppercase;
width: 28px;
}
/**/
.form {
font-size: 0.9em;
margin: 0 auto 15px auto;
padding: 0;
width: 100%;
}
.form em {color: #F00;}
.form fieldset {
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-top: 2px solid #50B823;
	display: block;
	margin: 0 auto 10px auto;
	padding: 0.5em;
	width: 95%;
}
.form label {
	color: #6F5A45;
	display: block;
	/***float: left;	 Tres important, ne pas suprimer ! ***/
	font-weight: bold;
	line-height: 1.8;
	margin: 0;
	padding: 0 0.5em 0 0;
	text-align: left;	/*** ... et ils sont alignes a droite... ***/
	/***width: 20%;	 Les intitules prennent n% de la largeur totale du formulaire... ***/
}
.form .labelSimple {margin: 0 0 0 32%;}
.form .labelSimple label {float: none;}
.form legend {
	color: #2C8424;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 0 5px;
	text-transform: uppercase;
}
.form input {margin: 0;}
.form input#nom,
.form input#prenom,
.form input#fonction,
.form input#societe,
.form input#telephone,
.form input#fax,
.form input#mail,
.form input#adressel1,
.form input#adressel2,
.form input#cp,
.form input#pays,
.form input#ville,
.form input#password,
.form input#passwordconfirm,
.form input#nom_facturation,
.form input#prenom_facturation,
.form input#fonction_facturation,
.form input#societe_facturation,
.form input#telephone_facturation,
.form input#fax_facturation,
.form input#adressel1_facturation,
.form input#adressel2_facturation,
.form input#cp_facturation,
.form input#pays_facturation,
.form input#ville_facturation,
.form input#password,
.form input#passwordconfirm,
.form input#chequenumero,
.form input#chequebanque {
width: 95%;
}
.form textarea {
margin: 0.2em;
width: 70%;
}
.blocContenuBody .form p {margin: 0 0 3px 10px;}
.blocContenuBody .form p.margin {margin: 10px 0 10px 10px;}
/* Formulaire de contact
----------------------------*/
#formContact {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
margin: 0 auto;
padding: 0;
width: 95%;
}
#formContact em {color: #F00;}
#formContact fieldset {
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-top: 2px solid #50B823;
	display: block;
	margin: 0 auto 10px auto;
	padding: 0.5em;
	width: 95%;
}
#formContact label {
	color: #000;
	float: left;	/*** Tres important, ne pas suprimer ! ***/
	font-weight: bold;
	line-height: 1.8;
	margin: 0;
	padding: 0 0.5em 0 0;
	text-align: right;	/*** ... et ils sont alignes a droite... ***/
	width: 20%;	/*** Les intitules prennent n% de la largeur totale du formulaire... ***/
}
#formContact .labelSimple {margin: 0 0 0 32%;}
#formContact .labelSimple label {float: none;}
#formContact legend {
	color: #2C8424;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 0 5px;
	text-transform: uppercase;
}
#formContact input#nom,
#formContact input#prenom,
#formContact input#fonction,
#formContact input#societe,
#formContact input#telephone,
#formContact input#fax,
#formContact input#mail,
#formContact input#adressel1,
#formContact input#adressel2,
#formContact input#cp,
#formContact input#pays,
#formContact input#ville {
width: 70%;
}
#formContact textarea {
margin: 0.2em;
width: 70%;
}
#formContact p {margin: 5px 0;}
/**/
#msgRetourForm {padding-top: 40px;}
/*    Les Classes
***************************************/
.bold {font-weight: bold;}
.btnForm {
background: #D9C1B3;
border: 1px solid #BF9A83;
color: #1F180C;
cursor: pointer;
}
.center {text-align: center;}
.docName {
background: transparent;
min-height: 19px;
padding: 0 0 7px 24px;
}
.floatLeft {float: left;}
.floatRight {float: right;}
.httpLink {
background: transparent;
min-height: 19px;
padding: 0 0 7px 24px;
width: 350px;
}
.imgFloatLeft {
float: left;
margin: 0 10px 10px 0;
}
.imgFloatRight {
float: right;
margin: 0 0 10px 10px;
}
.italic {font-style: italic;}
.left {text-align: left;}
.montant {
	color: #09539F;
	font-size: 1.5em;
	}
.obligatoire {color: #C68E0F;}
.right {text-align: right;}
.separateur {
border: none;
clear: both;
display: block;
height: 1px;
margin: 0;
padding: 0;
visibility: hidden;
}
/* NAV */
div#nav {
background: #FFF;
border: 0;
height: 30px;
margin: 0;
padding: 0;
width: 990px;
}

div#nav ul#menu {
background: transparent url(/images/fr/nav.gif) top left no-repeat;
height: 30px;
margin: 0;
padding: 0;
position: relative;
width: 990px;
}

div#nav ul#menu li {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
top: 0;
}

ul#menu li, ul#menu a {
display: block;
height: 30px;
}
div#nav ul#menu li a {
text-decoration: none;
text-indent: -9999px;
}
#nav-accueil		{left: 0; width: 83px;}
#nav-cat			{left: 82px; width: 136px;}
#nav-demande 		{left: 217px; width: 196px;}
#nav-commande 		{left: 411px; width: 141px;}
#nav-actu 			{left: 550px; width: 81px;}
#nav-geo	 		{left: 631px; width: 171px;}
#nav-instal 		{left: 802px; width: 188px;}

#nav-accueil a:hover 		{background: transparent url(/images/fr/nav.gif) 0 -30px no-repeat;}
#nav-cat a:hover 			{background: transparent url(/images/fr/nav.gif) -82px -30px no-repeat;}
#nav-demande a:hover 		{background: transparent url(/images/fr/nav.gif) -217px -30px no-repeat;}
#nav-commande a:hover 		{background: transparent url(/images/fr/nav.gif) -411px -30px no-repeat;}
#nav-actu a:hover 			{background: transparent url(/images/fr/nav.gif) -550px -30px no-repeat;}
#nav-geo a:hover 			{background: transparent url(/images/fr/nav.gif) -631px -30px no-repeat;}
#nav-instal a:hover 		{background: transparent url(/images/fr/nav.gif) -802px -30px no-repeat;}

/* "Vous etes ici" - Navigation principale */
body#page-accueil #nav-accueil a 		{background: transparent url(/images/fr/nav.gif) 0 -30px no-repeat;}
body#page-cat #nav-cat a 				{background: transparent url(/images/fr/nav.gif) -82px -30px no-repeat;}
body#page-demande #nav-demande a 		{background: transparent url(/images/fr/nav.gif) -217px -30px no-repeat;}
body#page-commande #nav-commande a 		{background: transparent url(/images/fr/nav.gif) -411px -30px no-repeat;}
body#page-actu #nav-actu a 				{background: transparent url(/images/fr/nav.gif) -550px -30px no-repeat;}
body#page-geo #nav-geo a 				{background: transparent url(/images/fr/nav.gif) -631px -30px no-repeat;}
body#page-instal #nav-instal a 			{background: transparent url(/images/fr/nav.gif) -802px -30px no-repeat;}

/*  */
.menu {
	background: #FFF;
	font-family:"Arial W02 Narrow", "Arial Narrow", Arial, sans-serif;
	height:69px;
	list-style:none;
	margin:0;
	padding:0;
	width:990px;
	z-index: 1000;
	position: relative;
	display: table;
}

.menu > li {
	background: url(/images/com/menu-border.gif) left top repeat-y;
	background: url(/images/com/menu-border.gif) left top repeat-y, url(/images/com/menu-border.gif) right top repeat-y #FFF;
	border:none;
	float: left;
	height:69px;
	margin-right:0;
	margin-top:0;
	padding: 0;
	position:relative;
	text-align:center;
}
.menu li span {
	display: table-cell;
	vertical-align: middle;
	height:69px;
	text-align: center;
	text-transform: capitalize;
}
.menu li ul {
	position: static;
	min-height: 80px;
}
.menu li li {
	background: #CCC3BC;
	float: none;
	display: block;
	height: auto;
	text-align:left;
	text-transform: capitalize;}
.menu li:hover {
	background: #CCC3BC;
	padding: 0;
}
.menu li li span {
	display: none;
	position: absolute;
	right: 15px;
	top: 5px;
}
.menu li li:hover span {
	display: block;
	z-index: 10;
}

/*
.fam-01 {width:70px;}
.fam-02 {width:61px;}
.fam-03 {width:68px;}
.fam-04 {width:66px;}
.fam-05 {width:63px;}
.fam-06 {width:54px;}
.fam-07 {width:68px;}
.fam-08 {width:52px;}
.fam-09 {width:89px;}
.fam-10 {width:63px;}
.fam-11 {width:77px;}
.fam-12 {width:68px;}
.fam-13 {width:79px;}
.fam-14 {width:57px;}
.fam-15 {width:55px;}

.fam-01 a, .fam-06 a, .fam-08 a, .fam-09 a, .fam-10 a, .fam-11 a, .fam-12 a, .fam-13 a, .fam-14 a {padding-top:15px;}
.fam-02 a, .fam-03 a, .fam-04 a, .fam-05 a, .fam-15 a {padding-top:24px;}
.fam-07 a {padding-top:5px;}
*/

.menu li a {
	color: #443D33;
	display:block;
	font-size:14px;
	outline:0;
	text-decoration:none;}
.menu li:hover a {
	color:#161616;
}
.menu li li a {
	background: transparent url(/images/com/arrow-right.gif) left center no-repeat;
	display: inline;
	padding: 0 0 0 13px;}

.dropdown_1column,
.dropdown_2columns,
.dropdown_3columns,
.dropdown_4columns,
.dropdown_5columns {
	background: #CCC3BC;
	float:left;
	left:-999em; /* Hides the drop down */
	margin:0 auto;
	padding:10px 5px 10px 5px;
	position:absolute;
	text-align:left;
	z-index:10;}

.dropdown_1column {width: 150px;}
.dropdown_2columns {width: 300px;}
.dropdown_3columns {width: 350px;}
.dropdown_4columns {width: 600px;}
.dropdown_5columns {width: 750px;}

.menu li:hover .dropdown_1column,
.menu li:hover .dropdown_2columns,
.menu li:hover .dropdown_3columns,
.menu li:hover .dropdown_4columns,
.menu li:hover .dropdown_5columns {
	left:0;
	top:69px;}

.col_1,
.col_2,
.col_3,
.col_4,
.col_5,
.menu-img {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;}
.col_1 {width:140px;}
.col_2 {width:245px;}
.col_3 {width:350px;}

.menu .menu_right {
	float:right;
	margin-right:0px;}
.menu li .align_right {

}

.menu li:hover .align_right {
	left:auto;
	right:0;
	top:69px;}

.menu p, .menu h2, .menu h3, .menu ul li {
	font-family:Arial, Helvetica, sans-serif;
	line-height:21px;
	font-size:12px;
	text-align:left;}
.menu h2 {
	font-size:21px;
	font-weight:400;
	letter-spacing:-1px;
	margin:7px 0 14px 0;
	padding-bottom:14px;
	border-bottom:1px solid #666666;}
.menu h3 {
	font-size:14px;
	margin:7px 0 14px 0;
	padding-bottom:7px;
	border-bottom:1px solid #888888;}
.menu p {
	line-height:18px;
	margin:0 0 10px 0;}

.menu li:hover div a {
	font-size:12px;
	color:#333;}
.menu li:hover div a:hover {color:#000;}

.img_left { /* Image sticks to the left */
	width:auto;
	float:left;
	margin:5px 15px 5px 5px;}

.menu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;}
.menu li ul li {
	font-size:12px;
	line-height:24px;
	padding:0;
	margin:0;
	float:none;
	text-align:left;}
.menu li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;}

/**/
.blocContenuBody table.rib {
	margin: 0 auto 15px auto;
	width: 95%;
	}
.rib td {
	border: 1px solid #CCC;
	padding: 3px;
	}
.errmsg {
	color:#DD0000;
	margin:0 10px;
}

.prixBarre {
	text-decoration: line-through;
	font-style: italic;
	font-size: smaller;
}
.helpTitle {
	border-bottom:1px #000 dotted;
	cursor:help;
}
/*POINTS FIDELITE*/
.box-pf {
	background: #DB3333 url(/images/com/pf-bg.png) left bottom repeat-x;
	border: 4px solid #FFF;
	border-radius: 10px;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.6);/* Inset or not / H Offset / V Offset / Blur / Spread / Color*/
	color: #FFF;
	min-height: 100px;
	padding: 90px 0 0 0;
	position: relative;
	width: 206px;}
.box-pf-header {
	left: -4px;
	position: absolute;
	top: -4px;}
.box-pf-set {
	color: #FFF;
	font-size: 18px;
	text-align: center;}
.box-pf-cnt {
	min-height: 110px;
	padding: 80px 0 0 0;
	width: 268px;}
.box-pf-pt {
	font-size: 18px;
	text-align: center;}
.box-pf-pt strong {
	font-size: 36px;
	font-weight: bold;
	line-height: 36px;}
.box-pf-inf {
	font-size: 11px;
	text-align: center;}
.blocContenuBody .box-pf {
	float: left;
	margin-left: 10px;}
.blocContenuBody .box-pf-cnt {margin-left: 20px;}
.blocContenuBody .box-pf-set {margin: 15px 0;}
#page-compte #colDroite .box-pf {display: none;}
.clear {
border: none;
clear: both;
display: block;
height: 0;
margin: 0;
padding: 0;
visibility: hidden;}
.mb20 {margin-bottom:20px;}
/**/
.header-pro {
	background: #09F;
	color: #FFF;
	font-weight: normal;
	padding: 15px 0;
	text-align: center;}
.header-installations-completes {
	background: #d52b2b;
	color: #fff;
	font-weight: normal;
	padding: 5px 0;
	text-align: center;
	font-size:14px;
	line-height:20px;}
.box-pro {
	border-bottom: 1px solid #CCC;
	padding:7px;}
	.box-pro h3 {
		clear:both;
		color: #333;
		font-size:12px;
		margin: 0 0 5px 0;}
		.box-pro h3 a {color: #333;text-decoration: none;}
		.box-pro h3 a:hover {color: #000;}
	.box-pro .promoHt {color:#666;}
	.box-pro .promoTtc, .box-pro .promoTtcTxt {color:#F60;}
.box-pro-img, .box-pro-price {float:left;margin: 0 0 5px 0;}
.box-pro-img {width: 80px;}
.box-pro-price {margin-left: 10px;}
.btn {
	display:block;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;}
a.btn-blue {
	background:#3FB1D8;
	color:#FFF;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;}
	.btn-blue:hover {background:#09F;}
/** http://nicolasgallagher.com/micro-clearfix-hack/
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}
/* UItoTop jQuery Plugin 1.2 | http://www.mattvarone.com/web-design/uitotop-jquery-plugin/ */
#toTop {
	background:url(/images/com/ui.totop.png) no-repeat left top;
	border:none;
	bottom:120px;
	display:none;
	height:90px;
	position:fixed;
	overflow:hidden;
	right:10px;
	text-decoration:none;
	text-indent:100%;
	width:30px;
	z-index:10;
}

#toTopHover {
	background:url(/images/com/ui.totop.png) no-repeat left bottom;
	width:30px;
	height:90px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}

/* Demandes SAV */

hr.sep-point {
	border: none;
	border-top: 1px dotted #cdcdcd;
	width: 96%;
}

a.b-demande-sav {
	background: transparent url(../../images/com/b-pieces-detachees-2.png) 0 0 no-repeat;
	display: block;
	margin: 10px 0;
	padding: 7px 3px 7px 30px;
	font-weight: bold;
	color: #09539F;
}
a.b-demande-sav:hover {
	text-decoration: none;
}