body
{
	margin: 10px 0px 0px 0px;
	padding: 0;
	text-align: center;		/* pour corriger le bug de centrage IE 5.5 */
	color: #2f2f2f;
	background-color: #fff;
	font-family: Arial, Helvetica, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 12px;
	font-weight: normal;
	/*line-height: 1.2em;*/
}

a {
	color: #2f2f2f;
	text-decoration: none;
}

h1, h2, h3 {
	padding: 0;
	margin: 0;
}

p {
	margin-bottom: 5px;
}

p.note {	
	font-size: 10px;
	margin-bottom: 5px;
}

.mini { font-size: 8px; }

img {
	border: none;
}

span.star {
	font-size: 14px;
	font-weight: bold;
	color: #ff0000;
}

.gras 
{
	font-weight:bold;
}

.rouge 
{
	color:#ff0000;
}

.nowrap 
{
	white-space:nowrap;
}

.vatop 
{
	vertical-align:top;
}

.vabottom 
{
	vertical-align:bottom;
}

.vamiddle 
{
	vertical-align:middle;
}

.aright 
{
	text-align:right;
}

.aleft 
{
	text-align:left;
}

.acenter 
{
	text-align:center;
}

/* ---------------------------------------------------------------------------------------------------------------------- */
div.conteneur {
	margin-left: auto;
	margin-right: auto;
	width: 975px;
	text-align: left;
}

div.clearb {
	clear: both;
}

/* bandeau gauche vertical avec annonces */
div.bandeaug {
	float: left;
	background: url(../images/fondbvg.gif) no-repeat;
	width: 278px;
	height: 788px;
}

div.bandeaug div#photo {
	padding-left: 13px;
}

div.bandeaug div#logos {
	padding-left: 13px;
	width: 265px;
	text-align: center;
}

/* bloc pour le reste du site à droite du bandeaug */
div.site {
	float: left;
	width: 697px;
	min-height: 788px;
}

/* bandeau haut horizontal avec navigation générale (accueil / plan du site / ) */
div.navh {
	background: url(../images/fondnavh.gif) no-repeat;
	width: 697px;
	height: 38px;
	text-align: right;
}

/* bandeau haut horizontal avec menu */
div.navmenu {
	background: url(../images/fondmenu.gif) no-repeat;
	width: 697px;
	height: 61px;
}

/* séparateur entre menu et 1er bloc de la page */
div.sep1 {
	background: url(../images/fondsep1.gif) no-repeat;
	width: 697px;
	height: 19px;
}

/* 1er bloc de contenu de la page d'accueil */
div.bloc1 {
	background: url(../images/fondbloc1.gif) no-repeat;
	width: 697px;
	height: 228px;
}

div.bloc1 div#contenu {
	padding-left: 11px;
}

/* séparateur entre le 1er et le 2ème bloc de la page */
div.sep2 {
	background: url(../images/fondsep2.gif) no-repeat;
	width: 697px;
	height: 24px;
}

/* 2ème bloc de contenu de la page d'accueil */
div.bloc2 {
	background: url(../images/fondbloc2.gif) no-repeat;
	width: 697px;
	height: 312px;
}

/* calage du contenu du bloc 2 */
div.bloc2 div#contenu2 {
	padding-left: 19px;
}

/* présentation du produit en bloc 2 */
div#blocproduit {
	padding-top: 4px;
}

/* --------------------------------- galerie slideshow galleriffic ------------------------------- */
div.slideshow-container {
	position: relative;
	float: left;
	width: 539px;
	height: 302px;			/* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 534px;
	height: 302px;			/* This should be set to be at least the height of the largest image in the slideshow */
}

div.slideshow {
	float: left;
	width: 539px;
	height: 302px;			/* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	width: 534px;
	height: 302px;			/* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 302px;		/* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
	margin: 0;
	padding: 0;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
	border: 1px solid #ccc;
}

div#thumbs {
	float: left;
	width: 112px;
	padding: 0px 0px 0px 10px;
	margin: 0;
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 0px 0px 9px 0;
	list-style: none;
}
a.thumb {
	padding: 0px;
	display: block;
	border: 1px solid #ccc;
	width: 102px;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}

/*
div.caption-container {
	
}
span.image-caption {
	display: block;
	position: absolute;
}
div.caption {
	background-color: #000;
	padding: 12px;
	color: #ccc;
}
div.caption a {
	color: #fff;
}
*/


div.caption-container 
{
	/*
	position: absolute;
	clear: left;
	top: 177px;
	left: 17px;
	width: 225px;
	*/
}
/*
	span.image-caption {
		display: block;
		position: absolute;
		width: 550px;
		top: 0;
		left: 0;
	}
*/
	span.image-caption {
		display: block;
		position: absolute;
	}
	div.caption {
		background-color: #000;
		padding: 12px;
		color: #ccc;
		height:30px;
	}
		div.caption h1 
		{
			display:none;
			/*
			padding: 0;
			margin: 0;
			color: #000;
			font-family: Arial, Helvetica, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
			font-size: 18px;
			font-weight: normal;
			*/
		}
	div.captiontext {
		line-height: 1.1;
		/*
		position: relative;
		margin-top: 140px;
		margin-left: 8px;
		width: 223px;
		*/
	}
		div.captiontext p {
			font-family: Arial, Helvetica, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
			font-size: 12px;
			font-weight: normal;
			margin-top: 0px;
		}
			div.captiontext p.droit {
				text-align: right;
			}
		div.captiontext a.droit {
			/*color: #c9061d;*/
			color: #fff;
			font-weight: bold;
			text-decoration: underline;
		}


/* --------------------------------- FIN galerie ------------------------------- */

/* séparateur entre le 2ème bloc et le pied de page */
div.sep3 {
	background: url(../images/fondsep3.gif) no-repeat;
	width: 697px;
	height: 10px;
}

/* pied de la page */
div.pied {
	background: url(../images/fondpied.gif) no-repeat;
	width: 697px;
	height: 96px;
	color: #9d9898;
	font-family: Arial, Helvetica, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 10px;
	font-weight: normal;
}

div.pied a, div.pied a:visited {
	color: #9d9898;
}

div.pied a:hover {
	color: #514a4a;
}

div.pied span.sep {
	color: #c9061d;
	font-weight: bold;
}

div.pied div#credit {
	padding-top: 16px;
	padding-left: 5px;
	float: left;
}

div.pied div#liens {	
	font-size: 12px;
	float: right;
	padding-top: 14px;
	padding-right: 15px;
}

/* ----------------------------------------- pages produits ---------------------------------------- */
div#produits {
	width: 664px;
	padding-left: 8px;
	padding-top: 8px;
	/*border: 1px #000 solid;*/
}

	div#produits h1 {
		color: #000;
		/*font-family: Arial, Helvetica, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;*/
		font-size: 16px;
		font-weight: bold;
		border-bottom: 1px #000 solid;
	}

	div#produits p {
		padding: 0px 0px 0px 0px;
	}

	div#produits p.lienfiche {
		padding: 0px 10px 10px 0px;
		text-align: right;
	}

	div#produits p.lienfiche a:hover {
		text-decoration: underline;
	}

	div#produits div.liste {
		/*height: 290px;*/
		min-height: 330px;
		overflow-y: auto; 
		overflow-x: hidden;
	}

		div#produits div.liste h2 {
			margin: 0;
			padding: 0;
			color: #000;
			font-size: 13px;
			font-weight: bold;
		}

	div#produits div.fiche 
	{
		display:block;
	}

		div#produits div.fiche h2 {
			margin: 5px 0px 0px 0px;
			padding: 5px 0px 5px 5px;
			color: #fff;
			font-size: 13px;
			font-weight: bold;
			width: 659px;
			background-color: #e64600;
			text-transform: uppercase;
		}

		div#produits div.fiche p {
			font-size: 12px;
			text-align: justify;
			margin: 0px 0px 5px 0px;
			padding: 0;
		}

		div#produits div.fiche a:hover {
			text-decoration: underline;
		}

		div#produits div.fiche a.lientech {
			font-size: 10px;
		}

		div#produits div.fiche table td {
			margin: 0;
			padding: 0;
		}

/* ----------------------------------------- pages actualités -------------------------------------- */
div#actualites {
	width: 664px;
	padding-left: 8px;
	padding-top: 8px;
}

	div#actualites h1 {
		color: #cb7984;
		font-size: 16px;
		font-weight: bold;
		border-bottom: 1px #cb7984 solid;
		/*text-transform: uppercase;*/
		margin-bottom: 10px;
	}

	div#actualites div.actu h2 {
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 0px 5px;
		color: #cb7984;
		font-family: Helvetica, Verdana, Arial, Times New Roman;
		font-size: 14px;
		font-weight: bold;
		width: 640px;
	}
		div#actualites div.actu h2 a 
		{
			color: #cb7984;
			text-decoration:none;
		}

	div#actualites div.actu p {
		margin: 2px 0px 5px 15px;
	}

	div#actualites div.actu p.lien {
		text-align: right;
		margin: 15px 0px 15px 15px;
	}

	div#actualites div.actu p.lien a:hover {
		text-decoration: underline;
	}

	div#actualites div.actu p.lien a.lienp:hover {
		text-decoration: none;
	}

	div#actualites div.actu span.suite 
	{
		border: 1px #777 solid;
	}


/* ----------------------------------------- pages revue de presse -------------------------------------- */
div#artpresse {
	width: 664px;
	padding-left: 8px;
	padding-top: 8px;
}

	div.photopresse 
	{
		float:left;
		margin: 0px 10px 10px 0px;
		width:100px;
		height:140px;
	}
	
	div#artpresse p.lienpdf img
	{
		margin-right:10px;
	}

	div#artpresse h1 {
		color: #cb7984;
		font-size: 16px;
		font-weight: bold;
		border-bottom: 1px #cb7984 solid;
		margin-bottom: 10px;
	}
	
	div#artpresse div.artpressearticle 
	{
		/*float:left;*/
		width:310px;
		/*border:solid 1px #000;*/
		margin-right:20px;
	}

	div#artpresse div.artpressearticle h2 {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 5px;
		color: #000;
		font-family: Helvetica, Verdana, Arial, Times New Roman;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		min-height:30px;
	}

	div#artpresse div.artpressearticle h3 {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 5px;
		color: #000;
		font-family: Helvetica, Verdana, Arial, Times New Roman;
		font-size: 10px;
		font-weight: normal;
	}

	div#artpresse div.artpressearticle p.texte {
		margin: 5px 0px 5px 0px;
		min-height:55px;
	}


/* ----------------------------------------- pages FAQ -------------------------------------- */
div#faq {
	width: 664px;
	padding-left: 8px;
	padding-top: 8px;
}

	div#faq h1 {
		color: #cb7984;
		font-size: 16px;
		font-weight: bold;
		border-bottom: 1px #cb7984 solid;
		/*text-transform: uppercase;*/
		margin-bottom: 10px;
	}

	div#faq h2 {
		margin: 0px 0px 0px 0px;
		padding: 15px 0px 0px 5px;
		color: #cb7984;
		font-family: Helvetica, Verdana, Arial, Times New Roman;
		font-size: 14px;
		font-weight: bold;
		width: 640px;
	}
		div#faq h2 a 
		{
			color: #cb7984;
			text-decoration:none;
		}
		
	div#faq ul
	{
		margin-left:20px;
	}
		
	div#faq div.faqsvv 
	{
		margin-left: 10px;
		/*border-left: solid 5px #cb7984;*/
	}
	
	div#faq div.faqsvv fieldset legend
	{
		color:#985e65;
		font-weight:bold;
	}
	
	div#faq div.faqsvv p 
	{
		margin: 2px 0px 0px 0px;
	}

	div#faq p {
		margin: 2px 0px 5px 15px;
	}

	div#faq p.lien {
		text-align: right;
		margin: 15px 0px 15px 15px;
	}

	div#faq p.lien a:hover {
		text-decoration: underline;
	}

	div#faq a.lienp:hover {
		text-decoration: none;
	}

	div#faq span.suite 
	{
		border: 1px #777 solid;
	}
	
/* ----------------------------------------- pages espace presse -------------------------------------- */
div.presse 
{
	width: 664px;
	padding-left: 8px;
	padding-top: 8px;
}

	div.presse a 
	{
		text-decoration:underline;
	}

	div.presse p {
		margin: 2px 0px 5px 15px;
	}

	div.presse h1 {
		color: #cb7984;
		font-size: 16px;
		font-weight: bold;
		border-bottom: 1px #cb7984 solid;
		/*text-transform: uppercase;*/
		margin-bottom: 10px;
	}

	div.presse h2 {
		margin: 0px 0px 10px 0px;
		padding: 10px 0px 0px 5px;
		color: #cb7984;
		font-family: Helvetica, Verdana, Arial, Times New Roman;
		font-size: 14px;
		font-weight: bold;
		width: 640px;
	}
	
	div.presse div.login 
	{
		margin-top:30px;
		margin-left:200px;
		margin-bottom:30px;
	}
	
	div.presse div.login label, div.presse div.login input
	{
		font-family: Helvetica, Verdana, Arial, Times New Roman;
	}
	
	div.presse div.login input 
	{
		font-size: 12px;
	}


/* ----------------------------------------- pages mentions -------------------------------------- */
div.mentions
{
	width: 664px;
	padding-left: 8px;
	padding-top: 8px;
}

	div.mentions a 
	{
		text-decoration:underline;
	}

	div.mentions p {
		margin: 2px 0px 5px 15px;
	}

	div.mentions h1 {
		color: #cb7984;
		font-size: 16px;
		font-weight: bold;
		border-bottom: 1px #cb7984 solid;
		/*text-transform: uppercase;*/
		margin-bottom: 10px;
	}

	div.mentions h2 {
		margin: 0px 0px 10px 0px;
		padding: 10px 0px 0px 5px;
		color: #cb7984;
		font-family: Helvetica, Verdana, Arial, Times New Roman;
		font-size: 14px;
		font-weight: bold;
		width: 640px;
	}


/* ----------------------------------------- pages documentation / plan du site------------------------ */
#documentation, #sitemap {
	width: 664px;
	padding-left: 8px;
	padding-top: 8px;
}

#documentation h1, #sitemap h1 {
	color: #5dc3d1;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px #5dc3d1 solid;
	margin-bottom: 10px;
}

#sitemap ul 
{
	list-style:disc;
}

#sitemap li 
{
	line-height:1.5em;
}


#sitemap a 
{
	text-decoration:underline;
}

/* ----------------------------------------- pages distributeurs -------------------------------------- */
div#distributeurs {
	width: 664px;
	padding-left: 8px;
	padding-top: 8px;
}

div#distributeurs a 
{
	text-decoration:underline;
}

div#distributeurs h1 {
	color: #9acc57;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px #9acc57 solid;
	margin-bottom: 10px;
}

div#distributeurs h2 
{
	color: #405d17;
	font-size:16px;
	padding-bottom:0px;
	margin-bottom:0px;
}

div#distributeurs h3
{
	color: #405d17;
	font-size:14px;
	padding-bottom:0px;
	margin-top:20px;
	margin-bottom:10px;
}

div.listedistrib table 
{
	width: 625px;
	font: 12px arial, verdana, serif;
	border: 1px solid #80896D;
	margin-left: 20px;
}

div.listedistrib table thead, div.listedistrib table tfoot 
{
	color: #ffffff;
	font: bold 12px arial, verdana, serif;
	background: #405d17;
}

div.listedistrib table tbody tr 
{
	cursor:pointer;
}

div.fichedistrib table 
{
	width: 625px;
	font: 12px arial, verdana, serif;
	border: 1px solid #80896D;
	margin-left: 20px;
}

div.fichedistrib table thead, div.fichedistrib table tfoot 
{
	color: #ffffff;
	font: bold 14px arial, verdana, serif;
	background: #405d17;
}

div.googlemaps 
{
	margin-left:20px;
}


/* ----------------------------------------- pages partenaires -------------------------------------- */
div.site #partenaire {
	width: 664px;
	padding-left: 8px;
	padding-top: 8px;
}

div.site #partenaire p {
	margin: 2px 0px 5px 15px;
}

div.site #partenaire h1 {
	color: #649226;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px #649226 solid;
	/*text-transform: uppercase;*/
	margin-bottom: 10px;
}

div.site #partenaire h2 {
	margin: 0px 0px 10px 15px;
	padding: 5px 0px 5px 5px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	width: 645px;
	background-color: #649226;
}


/* ----------------------------------------- formulaires -------------------------------------- */
div.formulaire {
	margin-left: 15px;
}

div.formulaire p {
	margin: 2px 0px 5px 0px;
}

div.formulaire, div.formulaire input, div.formulaire select, div.formulaire textarea, div.formulaire p, div.formulaire span {
	font-size: 11px;
}

div.formulaire table td.promptb {
	font-weight: bold;
}