BODY {
	font-family: arial;
	font-size: 10px;	
	background: #ffffff;
	margin: 0;
	padding: 0;
}

A {	color:#444444; }
FIELDSET { border-style:none; }
LEGEND { display:none;}
HR { margin:1em 0; }
TABLE {	width:100%;}
IMG { border:0;}


#conteneur {	
	position: relative;
	margin:0 auto;
	padding-bottom:1.7em;
	width: 76em;	
	text-align:justify;
	color: #666666;
}

.clear{
	clear: both;
}
.error {
	color: #ff0000;
	font-weight: 900;
}

.rouge {color :red !important;}

.orange {color :#C9651A; !important;}

.bleu {color: #0181ff; !important;}

.center {text-align: center;}

.bold { font-weight:bold; }

.titrebrun {
	color:#CA6618;
	font-size:14px;
	font-weight:bold;
}

div.hr {
	height: 2px;
	background-color: #9b6a99;
	font-size: 1px;
}

div.thumb {
	width: 200px;
	text-align: center;
	float: left;
}
div.texte_drt {
	width: 200px;
	text-align: center;
	float: left;
}
div.photo {
	width : 125px;
	height :150px;
	float : left; 
	margin: 3px;
	text-align: center;
}
	div.photo a {
		display: block;
	}
	div.photo q {
		font-style: italic;
	}

p.grand { 
	font-size:1.8em !important;
	font-family:"Arial Narrow";
	font-weight: bold;
	margin:0 0 0.0001pt;
	page-break-after:avoid;
}

h1.petit {
	font-family:"Arial";
	font-size:12px !important;
	margin-top:1em;
	font-weight:normal;
}

/****************************/
/****   Header   **************************************************************/
/*#haut 			{	clear:both;	 height: 17.2em; }
#image_header	{	position: relative;	 height: 17.2em;border:0; 	}

#menu_haut_fond	{	position: relative;  height: 1.9em; z-index:0; }*/

/* ---------- Menu ---------- */

#menu_haut 		{  
	position: absolute; 
	top:0.4em; 
	z-index: 5;
	font-size: 10px;
}

div#menu_haut ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div#menu_haut ul li {
	position: relative;
	float: left;
}

#menu_haut ul li a {
	padding: 0 8px;
	color:#ffffff;
	text-decoration: none;
}

#menu_haut a:hover {
	color:#000000
}

/*div#menu a {
	display: block;
	padding: 8px;
	text-decoration: none;
	text-align: left;
	width: 164px;
	margin-bottom: 2px;
}

div#menu a, div#menu a.out {
	background-color: #ffffff;
	color: #000000;
}

div#menu a:hover, div#menu a.over {
	background-color: #999999;
	color: #ffffff;
}*/

/* ---------- Sous-menu ---------- */

div#menu_haut ul li ul.sous-menu {
	display: none;
	position: absolute;
	top: 15px;
	left: 0;
	width: 120px;
	padding: 4px 6px;
	background: #94a2a5;
	border: 0.1em solid #c8ced0;
}

div#menu_haut ul li ul.sous-menu li {
	float: none;
}


div#menu_haut ul.sous-menu li a {
	display: block;
	padding: 4px 0;
}

/*
#menu_haut dl {
	float:left;
	margin:0 0.5em;
	padding: 0;
}
.smenu {
	position: absolute;
	z-index: 20;
	margin-top: -2.5em;
	margin-left: -4.5em;
}
.smenu li {
	width:15em;
	font-size: 1.1em;
	background-color:#94a2a5;
	list-style-type:none;
	border:0.1em solid #c8ced0;
}

.smenu2 		{ position:absolute;z-index:20;margin-top:-2.5em;margin-left:-4.5em; }
.smenu2 li 		{ width:20em;font-size: 1.1em;background-color:#94a2a5;list-style-type:none;border:0.1em solid #c8ced0; }


#sderouljeux		{ position:absolute;z-index:10;  }
#sderouljeux li 		{ width:15em;font-size: 1em;background-color:#94a2a5;list-style-type:none;border:0.1em solid #c8ced0; }
*/

/****************************/
/****   Espace gauche **************************************************************/
#gauche {
	
	
}

/****************************/
/****   contenu général de la page   ************/
#contenu {
	position: relative;
	font-size: 1.1em;
	margin:1em auto;
	height:auto;
	width:auto;	
}

#contenu h1 {
	font-size: 1.8em;
}

div#flashHome {
	position: absolute;
	top: 110px;
	left: 420px;
	width: 335px;
	height: 154px;
}
#contenu p, ul {
	font-size: 1.1em;
	margin-top:1em;	
}

#contenu_page{
	margin-left:12em;
	font-size: 1.1em;
}

#contenu_page h2{
	font-weight:bold;
	font-size: 1.4em;
}
#entete {
	margin-left:-10em;
	margin-top:1em;
	margin-bottom:5em;
	}
div.tracker {
	margin: 0 0 30px 0;
}


/******************************************/
/* 				INDEX					  */

div#index h1 {
	padding: 0;
	margin: 0;
}

div#index h2 {
	padding: 0;
	margin: 0;
}

div#index h2, div#index h2 a {
	font-size: 11px;
	text-align: center;
	color: #444444;
}

div#index h3 {
	font-weight: normal;
	font-size: 1em;
	text-align: center;
	padding: 0;
	color: #666666;
	/*margin: 0 0 25px;*/
}


/******************************************/
/* 				accueil Nouveaute 		  */

.intro{	font-size: 1.1em;
		margin: 2em 0 3em 0;
		letter-spacing : 0.1em;
		color: #9b9b9b;}

.accueil_nouveaute	{   position:relative;clear:both;margin:3em 0 3em 0;}
.vignettenouveaute 	{	position:relative;float:left;}
.descripnouveaute	{	margin-left:3em;
						position:relative;float:right;
						width:70%;text-align:left;
						
						}
.descripnouveaute h2 a {
	font-size: 14px;
	color: #666666;
	text-decoration: none;
}

.descripnouveaute h2 a:hover {
	text-decoration: underline;
}

/*********************************************/
/*     		 page nouveaute 				*/ 

.big_nouveaute  {	position:relative;float:left;
					width:45%;
					border-color:#ff0000;
					padding:0 1em 0 1em;
					margin-top:2em;
					}

.dimension		{	position:relative;float:left;
					width:auto; height:auto;
					padding:1em;
					background-color: #dbe5f3; }	
					
.imagenouveaute {   position:relative;
					vertical-align:middle;
					margin:auto;
					}	
					

/*********************************************/
/*     		 page produit				     */ 

.big_produit_left  {	position:relative;float:left;margin-top:2em;margin-left:1em;width:45%;}
.big_produit_right  {	position:relative;float:right;margin-top:9em;margin-right:3em;width:45%;}

.lien_baspage { position:relative;float:right;margin-top:3em;}
.seealso { text-decoration: underline;margin-top:-1em;margin-bottom:1em;font-size: 1.1em;}

div#produits {
	margin-left: 3em;
}

div#produits ul li h2 a {
	font-size: 0.6em;
	font-weight: normal;
}


/*********************************************/
/*     		 Presse en Parle			     */

div#presseParle h2 {
	margin: 0;
	padding: 0;
}

div#presseParle h2 a {
	font-size: 11px;
}


/*********************************************/
/*     		 Plan						     */

div#plan ul {
	list-style-type: none;
}

	div#plan h2 {
		margin: 10px 0 5px 0;
		padding: 0 0 0 12px;
		background: url("images/puce_carreGris.gif") 0 11px no-repeat;
	}
	
		div#plan h2 a {
			font-size: 13px;
			/*color: #A8C7E6;*/
		}
		
	div#plan h3 {
		margin: 10px 0 0 0;
		padding: 0;
	}

		div#plan h3 a {
			font-size: 12px;
			color: #9BBDE2;
		}
	
	div#plan h4 {
		padding: 0 0 0 12px;
		background: url("images/puce_rondGris.gif") 0 8px no-repeat;
	}
		
		div#plan h4 a {
			font-size: 11px;
			color: #000000;
		}
	

/*********************************************/
/*     		questionnaire					*/

.jeux  {	
	position:relative;
	float:left;
	width:45%;
	border-color:#ff0000;
	padding:0 1em 0 1em;
	margin-top:2em;
}
	.jeux h2 {
		color: #666666;
		font-size: 16px;
		height: 17px;
		margin: 0;
		padding: 0;
	}
	.jeux h3 {
		margin: 10px 0 20px 0;
		padding: 0;
	}
		.jeux h3 a {
			color: #444444;
			font-size: 13px;
			font-weight: 500;
		}
		
div#jeux {
	float: left;
	width: 550px;
	margin: 0 20px 0 0;
	font-size: 12px;
}

div#jeux span {
	color: #9B6A99;
	font-size: 13px;
}

div#flashBanner, div#flashBanner1, div#flashBanner2 {
	position: relative;
	width: 182px;
	height: 182px;
	float: left;
	border: solid 1px #DFDFDF;
	margin: 0 0 10px 0;
	z-index: 1;
}
	a#lienFlash {
		display: block;
		position: absolute;
		top: 45px;
		left: 571px;
		width: 182px;
		height: 182px;
		z-index: 2;
		background-color: #ff0000;
	}
a#voir {
	display: block;
	margin: 5px 0 10px 580px;
	color: #6F6F6F;
	font-size: 11px;
}

.questionnaire{
	clear: both;
	padding: 1em 10em;
	background-color: #dec6de;
}
	.questionnaire h3 { font-size:13px;}

.question{
	clear: both;
	margin-left:3em;
	margin-bottom:0.5em;
	margin-top:0.5em;
	
}

.liste_question {
	position:relative;
	float:left;
	list-style:none;
	margin-right:3em;
	margin-top:1em;
	margin-left:-0.3em;
}

.erreur_text {
	color:#ff0000;
}

.composant {
	background-color: #ffffff;
	width: 185px;
	padding: 0 0 0 5px;
	z-index: 20;
}
	.composant label {
		display: block;
		float: left;
		width: 65px;
		padding: 3px 0 3px 0;
	}
	
	.composant input {
		width: 110px;
		/*float: left;*/
		border: solid 1px #ffffff;
	}

/******** Jeux4**************/	
	
div.jeux4 h1, div.jeux4Vote h1 {
	font-size: 20px;
	color: #a679a4;
	border-bottom: 1px solid #a679a4;
	margin-bottom: 20px;
}

div.jeux4 div#imgFloat {
	width: 375px;
	float: left;
}
	
div.jeux4 div#textFloat {
	width: 370px;
	float: left;
	padding-left: 10px;
}

div.jeux4 div.alignCenter {
	text-align: center;
}

		div.jeux4 div.alignCenter a.bleu {
			display: block;
			color: #0181ff;
			font-weight: bold;
			padding-bottom: 10px;
		}
	
div.jeux4 div.paddingTop20px {
	padding-top: 15px;
}

/********* jeux4Vote  ********************/

div.votez {
	width: 200px;
	_width: 140px;
	height: 280px;
	_height: 280px;
	float: left;
	text-align: center;
	margin: 0 0 20px 40px;
}

div.votez a.imgPhoto {
	display: block;
	width: 170px;
	height: 202px;
	background-color: #eeeeee;
	border: solid 1px #000000;
	margin: 0;
	padding: 0;
}
	div.votez a.imgPhoto table {
		border-collapse: collapse ;
		margin: 0;
		paddind: 0;
		height: 200px;
		cursor: pointer;
	}
		div.votez a.imgPhoto table td {
			text-align: center;
		}
	div.jeux4Vote div.votez div.titrePhoto {
		padding: 10px 0;
		_padding: 0;
	}

			/* BLOC VIDEO */
			div#playVideo {
				display: none;
				position: absolute;
				top: 0px;
				left: 0px;
				width: 100%;
				height: 1000px;
				background-color: #ffffff;
				z-index: 11;
				-moz-opacity:1;
				opacity: 1;
				filter:alpha(opacity=100);
				/*-moz-opacity:0,9;
				opacity: 0.9;
				filter:alpha(opacity=90);*/
			}
				div#playVideo div#play {
					position: relative;
					margin: 150px auto;
					width: 318px;
					/*height: 358px;*/
					font-size: 11px;
					font-weight: 900;
					text-align: center;
					-moz-opacity:1;
					opacity: 1;
					filter:alpha(opacity=100);
				}

					div#playVideo div#play a#playVideoTop {
						display: block;
						position: relative;
						height: 20px;
						width: 318px;
						background-color: #6D3E8C;
						clear: both;
						-moz-opacity:1;
						opacity: 1;
						filter:alpha(opacity=100);
						color: #000000;
					}
						div#playVideo div#play a#playVideoTop img{
							position: absolute;
							top: 5px;
							left: 300px;
						}
						div#playVideo div#play a#playVideoTop span#clos {
							position: absolute;
							top: 3px;
							left: 5px;
							color: #ffffff;
							cursor: pointer;
						}
						
				div#playVideo div#play img.zoomPhoto {
					position: relative;
					display: block;
					-moz-opacity:1 !important;
					opacity: 1 !important;
					filter:alpha(opacity=100) !important;
				}
				
				div#playVideo div#play div.titrePhotoZoom {
					padding: 10px 0;
					text-align: center;
					font-size: 14px;
					font-weight: bold;
					-moz-opacity:1;
					opacity: 1;
					filter:alpha(opacity=100);
					background-color: #6D3E8C;
					color: #ffffff;
				}
				
				
				
						
.souligneNone {
	text-decoration: none;
}


/********* jeux4Lot  ********************/

div.jeux4 img.jeux4Lot {
	margin-left: 50px;
}

div.jeux4 div#imgLot {
	width: 160px;
	float: left;
	padding: 20px 0 40px 0;
	margin-left: 40px;
}

div.jeux4 div#lotTexte {
	width: 400px;
	float: left;
	padding: 60px 0 0 40px;
}

div.jeux4 div.size20 {
	font-size: 20px;
	font-weight: bold;
}

div.jeux4 div.size17 {
	font-size: 17px;
	font-weight: bold;
}

div.jeux4 div.paddingBottom40px {
	padding-bottom: 40px;
}

div.jeux4 div.paddingBottom10px {
	padding-bottom: 10px;
}

div.jeux4 div.paddingBottom20px {
	padding-bottom: 20px;
}

		
/***************************/
/*      reponses           */
div#reponses {
	float: left;
	width: 510px;
}
	div#reponses h1 {
		color: #666666;
		font-size: 18px;
		height: 19px;
		margin: 0;
		padding: 0;
	}
	div#reponses div.astuce {
		width: 500px;
		margin: 20px 0 10px 0;
		padding: 0 0 10px 0;
		border-bottom: solid 1px #DFDFDF;
	}
		div#reponses div.astuce h2 {
			color: #9B6A99;
			font-size: 15px;
			height: 19px;
			margin: 0;
			padding: 0;
		}
div#flash {
	float: left;
	width: 250px;
	height: 100%;
	background-color: #dec6de;
	text-align: center;
}
	div#flash div#flashBanner {
		display: inline;
		float: none;
	}
	div#flash a {
		display: block;
		float: none;
		clear: both;
		margin: 10px 0 10px 0;
	}
div.vot {
	position: absolute;
	top: 150px;
	left: 160px;
	width: 230px;
	height: 80px;
	padding: 20px 10px;
	background-color: #ffffff;
	border: solid 1px #DFDFDF;
}
	div.vot a {
		position: absolute;
		top: 0px;
		left: 0px;
		display: block;
		width: 250px;
		height: 20px;
		margin: 0;
		padding: 0;
		background-color: #dec6de;
	}
		div.vot a img {
			position: absolute;
			top: 2px;
			left: 230px;
		}
	div.vot p {
		margin: 10px 0 0 0;
		font-weight: 900;
		font-size: 11px;
	}
/****************************/
/*       contact            */
.dimension2	{	
	float:right;
	width:40em; height:auto;
	padding:1em;
	background-color: #dbe5f3;
}

.dimension3	{
	position:absolute;
	left:0px;
	top:190px;
	width:auto; height:auto;
	padding:1em;
	background-color: #dbe5f3;
}

/****************************/
/*       promo              */

div#participants div#select_paticipants{
	width : 50%;
	float : left;
}
div#participants div#afficheCoord{
	width : 50%;
	padding : 20px 0 0 5px ;
}

/****************************/
/****  FOOTER  ************/

#pied {
	background: url("graphismes/pied_de_page.jpg")  no-repeat top left;
	height: 1.7em;
	text-align: right;
	position:absolute;
	bottom:0;
	}
#pied span{
	margin-left:0.1em;
	margin-right:1.5em;
}
#pied a{
	color: #666;
	font-size:1.1em;
	text-align:center;
	text-decoration:none;
}
#pied a:hover{
	text-decoration:underline;
}

#pied a.petit {
	font-size:1em;
}

#pied a.fake {
	cursor: text;
	color: #9F9F9F;
	font-size:1em;
}
#pied a.fake:hover {
	text-decoration: none;
}

/*###############################
#								#
#	BOTTOM - BAS DE PAGE		#	
#								#
#################################*/
	
#bas {
	position: relative;
	vertical-align:bottom;	
    clear: both;
    height:3em;
    color: #FFFFFF;

}
#bas P.golden {
	text-align: center;
}
#bas P.gauche {
	float: left;
}
#bas P.droit {
	float: right;
}
/* ---------------- */
/* --- ANNUAIRE --- */
/* ---------------- */

div#annuaire {
	clear: both;
}

h1.golden-h1 { display: none;}


	ul#golden-n1 h2 {
		padding: 10px 0 0 0;
		font-size:12px;
	}
	ul#golden-n1 h3 {
		font-size:11px;
		padding: 10px 0 0 0;
	}
		ul#golden-n1 h2 a, ul#golden-n1 h3 a { 
			color: #666666;
		}
		ul#golden-n1 li p {
			padding: 10px 0 10px;
			width: 450px;
		}
	
	ul.golden-n2 h3 {
		font-size:12px;
		background: none;
		display: inline;
	}
		ul.golden-n2 h3 a {color: #3d4e57;}
		ul.golden-n2 a {color: #3d4e57;}
	
	h2#golden-h2 {
		display: none;
	}


/*******/
/* JEU */
/*******/
#left_jeu { background 	: url("images/fond_left.jpg") no-repeat;
			width 		: 291px;
			height 		: 760px;
			float		: left;
			margin		: 0;
			padding		: 180px 0 0 10px;
			color		: black;}
	#left_jeu p { font-size : 11px; }		
	
	
#right_jeu { 
			position: relative;
			background : url("images/fond_droit.jpg") no-repeat;
			width 		: 459px;
			height 		: 940px;
			margin		: 0;
			float		: left;
			color		: black;  }
#right_jeu a#stickers { 
	position: absolute;
	top: 10px;
	left: 265px;
}
.titre_jeu { font-size 	: 32px;
			 margin		: 50px 0 0 -250px;
			 position 	: absolute;}
			 
.sstitre_jeu { font-size : 18px; }
.sstitre { 	font-size 	: 14px; 
			font-weight : bold; }

/* violet */		 
.color_jeu { color : #814F8D;}

#produit1 { background 	: url("images/poubelle_Q1.jpg") no-repeat;
			width		: 220px;
			height		: 339px;
			float		: left;
			margin	 	: 120px 0 0 15px;position : relative;}
			
#produit2 { background 	: url("images/poubelle_Q2.jpg") no-repeat;
			width		: 220px;
			height		: 339px;
			margin-top 	: 120px;
			float		: left;position : relative;}
			
#produit3 { background 	: url("images/poubelle_Q3.jpg") no-repeat;
			width		: 220px;
			height		: 339px;
			float		: left;
			margin-left : 15px;position : relative;}
			
#produit4 { background 	: url("images/poubelle_Q4.jpg") no-repeat;
			width		: 220px;
			height		: 339px;
			float		: left;position : relative;}
			
#flash_produit1 { 	width 	: 188px;
					height 	: 242px;
					display : block;
					margin 	: 40px 0 0 7px; }
			
#flash_produit2 { width 	: 189px;
				height 	: 242px;
				display : block;
				margin 	: 40px 0 0 6px; }
			
#flash_produit3 { 	width 	: 189px;
					height 	: 242px;
					display : block;
					margin 	: 35px 0 0 7px; }
			
			
#flash_produit4 { 	width 	: 188px;
					height 	: 242px;
					display : block;
					margin 	: 35px 0 0 6px; }
			
.question_quizz{  margin-left:3em;
				margin-bottom:0.5em;
				margin-top:0.5em;
				padding : 10px 5px 0 5px;
				display : none;
				width 	: 189px; }	
				
	
			
	
#question1,	#question2,	#question3,	#question4	
				{display : none;
				width 	: 169px;
				height 	: 210px;
				background-color : white; position : absolute; z-index :10;
				top : 40px;
				left : -15px;}		
				
			#question1,	#question3 { left : -12px;}
		
			
						
.marge { margin-left : 20px;}


/*###################
#					#
#	CREDIT			#
#					#
###################*/

div#credit {
	padding: 0 30px;
}

div#credit h2 {
	color: #6E3F8D;
}

div#credit div.texte {
	margin: 0;
	padding: 0 0 5px 0;
}

div#credit a.noStyle {
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}

div#credit a.aH1 {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}

div#credit a.aH2 {
	color: #6E3F8D;
	text-decoration: none;
	font-weight: bold;
}

div#credit div.center {
	text-align: center;
}

div#credit div.bold {
	font-weight: bold;
}

/* ---------------------- */
/* ------ Lightbox2 ----- */
/* ---------------------- */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://src.goldenmarket.eu/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://src.goldenmarket.eu/lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* ******************************************************************************************************************** */