/* balises */
html, body { height:100%; }
body, form { margin:0; padding:0; }
div { font:normal 13px Trebuchet MS; color:#6b6b6b; }
img { border:0; }
a { color:#6b6b6b; text-decoration: none;}
a:hover { text-decoration:underline; color:#FF6600; }
h1 { display:none; }
h2 { margin:0; font:bold 18px Trebuchet MS; }

/* styles courants */
.bold { font-weight:bold; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.puce_flechesnoires { padding-right:25px; background:#FFF url(img/puce_flechesnoires.gif) no-repeat right 4px; }
.orange { color: #f16000;}
.pseudo { font: bold 14px Trebuchet MS; }
.gris { color: #a4a4a4; }
.alert{ color: red;}

/* montage principal */
#container { margin:0 auto; width:980px; text-align:left; background:#FFF url(img/bg_container.gif) no-repeat 14px 101px; }

#header { position:relative; width:980px; height:163px; }
	#header img { position:absolute; }
	#head_lamp { left:61px; }
	#head_reperagesdeco { left:314px; }
	#head_presentepar { left:654px; }
	#head_fly { top:19px; left:828px; }

	#menu { position:absolute; top:134px; left:76px; width:731px; height:27px; border:1px solid #BBB; border-left:1px solid #a3a78a; border-right:1px solid #b29f7f; background:#FFF url(img/bg_menu.gif) repeat-x; }
		#menu a { display:block; float:left; height:27px; background-image:url(img/menu.gif); }
		#menu a span { display:none; }
		#m_accueil { width:71px; background-position:0 0; }
		#m_accueil:hover, #m_accueil.current { background-position:0 -27px; }
		#m_emission { width:153px; background-position:-71px 0; }
		#m_emission:hover, #m_emission.current { background-position:-71px -27px; }
		#m_archives { width:79px; background-position:-224px 0; }
		#m_archives:hover, #m_archives.current { background-position:-224px -27px; }
		#m_jouez { width:124px; background-position:-303px 0; }
		#m_jouez:hover, #m_jouez.current { background-position:-303px -27px; }
		#m_reglement { width:92px; background-position:-427px 0; }
		#m_reglement:hover, #m_reglement.current { background-position:-427px -27px; }
		#m_dotations { width:77px; background-position:-519px 0; }
		#m_dotations:hover, #m_dotations.current { background-position:-519px -27px; }

	#tdb { position:absolute; top:170px; right:16px; width:151px; }
		.tdb_content { width:151px; background: transparent url(img/bg_bienvenue.gif) no-repeat; }
		.tdb_bottom { width:151px; height:29px; background: transparent url(img/bg_bienvenue.gif) 0 -471px; }
		#tdb img { position:relative; }
		#tdb .pointille { display:block; margin:5px 0; }
		#tdb .tentez { display:block; margin-top:5px; }
		#tdb form { margin:0; padding:40px 18px 0; font:bold 11px Trebuchet MS; }
		#tdb .saisie { height:14px; width:110px; border:1px solid #7e7e7e; }
		#tdb label { display:block; float:left; margin-top:5px; width:110px; height:20px; text-align:left; font:normal 11px Trebuchet MS; }
		#tdb .valid { margin:10px auto; }
		#tdb p { margin:0; padding:40px 18px 0; font:bold 11px Trebuchet MS; }
		#tdb a { text-decoration:none; color:#f16000; }
		#tdb a:hover { text-decoration:underline; }

	#panneaux { position:absolute; top:170px; right:21px; width:139px; }
		#panneaux img { position:relative; margin-bottom:5px; }

#content { position:relative; margin-left:76px; width:731px; border-left:1px solid #a3a78a; border-right:1px solid #b29f7f; background-color:#fbfbfb; }
	.main { padding:20px; width:691px; }

#footer { position:relative; width:980px; height:124px; background:transparent url(img/bg_footer.gif) repeat-x; }
	.bl { position:absolute; z-index:1; bottom:41px; left:14px; width:78px; height:298px; background:url(img/col_bl.gif); }
	.br { position:absolute; z-index:1; bottom:32px; right:12px; width:159px; height:259px; background:url(img/col_br.gif); }
#foot_map { margin:0 auto; padding:15px 0; width:980px; text-align:center; font:normal 11px arial; color:#7b7b7b; background:#FFF; }
	#foot_map a { margin:0 8px; text-decoration:none; color:#7b7b7b; }
	#foot_map a:hover { text-decoration:underline; }
	#foot_map span { color:#AEAEAE; }

/* pages */
#a0 { margin:0 auto; width:980px; text-align:center; }

#a1 { margin:0 auto; width:1000px; } /* Flash */

#b1 { }
	#b1 strong { display:block; margin:15px 0; }
	#b1 a { text-decoration:underline; }
	#b1 p, #b2 p { margin: 20px; }
	#b2 strong { display:block; margin:15px 0 5px; }

#b2 { height:400px; }

#e1 { position:relative; }
	#e1 em { font-style:normal; font-size:12px; color:#979797; }
	#e1 .stitre { position: absolute; top:42px; right:37px; font-weight:bold; }
	#e1 .puce_flechesnoires { float:left; margin-left: 10px; margin-top: 6px; }
	#interview { width:600px; margin-left:50px; margin-top: 20px; *margin:20px 0 0 50px; } /* faut m'expliquer */
	#interview .reponse { margin-left: 30px; }
	.interview_par { width: 450px; margin-left: 218px; color:#a4a4a4; }
		
	#derniere_emission { position:relative; clear:both; margin:5px 0 15px 0; width:680px; height:324px; background:#FFF url(img/bg_derniere_emission.gif) no-repeat; }
		#player { position:absolute; top:3px; left:5px; width:505px; height:318px; }
		#dernieres_emissions { position:absolute; top:3px; left:510px; width:167px; height:318px; text-align: center;}
			#dernieres_emissions a { font:bold 12px Trebuchet MS; line-height: 11px; }
			#dernieres_emissions a:hover {text-decoration: none; }			
			#dernieres_emissions img { border:1px solid #FFF; margin-bottom: 2px;}
	#description { margin:15px 0; }
		#description .titre { display:block; float:left; margin-bottom:15px; font:bold 20px Trebuchet MS; color:#e43027; }

	#modedemploi { margin:0 auto; padding:20px 20px 0 20px; width:538px; background:#FFF url(img/bg_modedemploi.gif) no-repeat; }
		#modedemploi .titre { display:block; margin-bottom:15px; font:bold 16px Trebuchet MS; color:#8e9c42; }
		#modedemploi ul { margin:0 0 0 20px; padding:0; list-style-type:decimal; }
		#modedemploi li { margin-bottom:10px; }
		#modedemploi .bottom { margin-left:-20px; width:578px; height:20px; background:#FFF url(img/bg_modedemploi.gif) no-repeat 0 -980px; }

	#e2 h2 { display:block; margin-bottom:10px; }
	.lampe { position:absolute; z-index:100; left:23px; bottom:-2px; }
	.siege { position:absolute; z-index:100; right:14px; bottom:12px; }

	#archives { margin:0; padding-top:15px; width:689px; text-align:left; background:transparent url(img/bg_archives.gif) no-repeat; }
		#archives a { font-weight:bold; }
		#archives a:hover { text-decoration: underline; color:#FF6600; }
		#archives .sous-titre { font-size:10px; }
		#archives .bottom { margin-top:15px; width:689px; height:10px; background:#FFF url(img/bg_archives.gif) no-repeat 0 -1985px; }
		#archives table { margin:0 auto; width:600px; }
		#archives th { font-size:16px; font-weight:bold; padding:5px 0;}
		#archives td { width:165px; height:125px; text-align:left; }
		#archives img { border:1px solid #FFF; }

#h1 { }
	#h1 strong { display:block; margin:15px 0; }
	#h1 a { text-decoration:underline; }
	#h1 p { margin: 20px; }

#h2 { height:400px; }
	#h2 img { margin:20px 20px 20px 0; }
	#h2 strong { font:bold 16px Trebuchet MS; }
	#h2 #vase { position:absolute; bottom:-114px; right:-39px; }

#i1 { height:404px; }
	#i1 p { margin-right:65px; height:114px; text-align:right; font:bold 17px Trebuchet MS; background:transparent url(img/i1_picto.gif) no-repeat left 0; }
	#i1 #instantgagnant { position:absolute; top:90px; right:10px; }

#j1 { height:380px; }
	#j1 #choisissez { position:absolute; z-index:10; top:0; right:26px; }
	#j1 #gagnez { position:absolute; z-index:1; top:0; left:4px; }
	#j1 p { position:absolute; top:220px; left:280px; width:360px; line-height:13px; }
	#j1 .jejoue { margin:19px 50px 0 0; }
	#j1 #bienvenue { position:absolute; z-index:100; bottom:-100px; right:0; width:200px; height:501px; }

#j2 { height:400px; }
	#j2 .mentions { width:350px; text-align:left; font:normal 10px Trebuchet MS; } 
	#j2 .cadre { position:absolute; top:20px; right:20px; }
	#j2 .chaise { position:absolute; top:319px; _top:335px; right:0; }
	/* formulaire d'inscription */
	#j2 a { text-decoration:underline; }
	#j2 form { width:450px; margin-top: 20px; }
		#j2 form p { margin:0 0 10px 0; height:20px; width:370px; clear:both; }
		#j2 form label { display:block; float:left; margin:0 15px 0 0; width:130px; height:20px; text-align:right; }
		#j2 form .saisie { float:left; margin:0; padding: 0 1px; width:200px; height:16px; border:1px solid #7e7e7e; }
		#j2 form .check { float:left; margin:2px 6px 0 0; *margin:-1px 6px 0 -2px; }
		#j2 form .longer { width:300px; text-align:left; }
		#j2 form .valid { margin:0 0 0 145px; }
		#j2 form .captcha_table { width: 348px; }
		#j2 form .captcha_table #captcha_text{  margin:0; padding: 0 1px; width:200px; height:16px; border:1px solid #7e7e7e; }

#j3 { height:505px; }
	#j3 h2 { float:left; margin-left:5px; }
	#j3 .titre { float:left; margin-top:4px; font:bold 14px Trebuchet MS; }
	#j3 .design { position:absolute; left:7px; top:109px; }
	#j3 .nature { position:absolute; left:245px; top:110px; }
	#j3 .pop { position:absolute; left:490px; top:103px; }

	/* gotta love safari...*/
	/*\*/
	html>body*#design { margin-top: 28px; }
	html>body*#nature { margin-top: 29px; }
	html>body*#pop { margin-top: 22px; }
	/**/

#j4 { height:450px; }
	#j4 img { float:left; margin:0 20px 15px 4px; }
	#j4 p { float:left; margin:0; font:bold 16px Trebuchet MS; }
	#j4 p span { font:normal 14px Trebuchet MS; }


#j5 { height:400px; }
	#j5 .intro { float:left; clear:both; margin:10px 0 20px 0; padding-right:10px; width:600px; text-align:left; font:normal 12px Trebuchet MS; } 
	#j5 .camionnette { float:left; margin:10px 0; }
	#j5 .carte { float:left; margin-left:15px; }
	#j5 .cadre_livraison_pop { float: left; margin-top: -15px; margin-left: 105px; width: 267px; height: 272px; color:#FFF; background: transparent url(img/cadre_livraison_pop.jpg) no-repeat; }
	#j5 .cadre_livraison_nature { float: left; margin-top: -15px; margin-left: 105px; width: 267px; height: 272px; color:#FFF; background: transparent url(img/cadre_livraison_nature.jpg) no-repeat; }
	#j5 .cadre_livraison_design { float: left; margin-top: -15px; margin-left: 105px; width: 267px; height: 272px; color:#646464; background: transparent url(img/cadre_livraison_design.jpg) no-repeat; }
		#j5 form { width:200px; margin-top:60px; }
		#j5 form p { margin: 10px 0 0 30px; height:20px; width:230px; clear:both; }
		#j5 form label { display:block; float:left; width:70px; height:20px; text-align:left; }
		#j5 form input.saisie { float:left; width: 140px; height:16px; border: 1px solid #7e7e7e; }
		#j5 form .valid { margin-left: 70px; }
	/* éléments flottants */
	#j5 .design_chaise, #j5b .design_chaise { position:absolute; bottom:-79px; right:11px; }
	#j5 .nature_chaise, #j5b .nature_chaise { position:absolute; bottom:-98px; right:23px; }
	#j5 .pop_chaise, #j5b .pop_chaise { position:absolute; bottom:-100px; right:11px; }
	#j5_flash { position: absolute; top: 0px;}

#j5b { height:400px; }
	#j5b #map { margin:19px 0 7px 0; height:281px; width:298px; border:1px solid #d8d8d8; }
	#j5b .informations { position:absolute; top:98px; right:40px; padding:35px 40px 40px 37px; width:231px; height:226px; text-align:center; font:bold 15px arial; color:#FFF; }
	#j5b #trajet { font:bold 13px arial; }
	#j5b .details { margin:15px 0; font:bold 13px arial; }
	#j5b .btn_invitez { position:absolute; bottom:-15px; left:68px; }
	/* couleurs de fond selon univers */	
	#j5b .pop { background:#FFF url(img/cadre_livraison_2_pop.jpg) no-repeat; }
	#j5b .nature { background:#FFF url(img/cadre_livraison_2_nature.jpg) no-repeat; }
	#j5b .design { color:#646464; background:#FFF url(img/cadre_livraison_2_design.jpg) no-repeat; }

#j6 { height:460px; }
	#j6_menu { position: absolute; margin: 38px 0 0 733px; }
	#j6_conteneur { position: absolute; }
	#j6_conteneur .intro { float: left; margin: 10px 0 20px 0; width:550px; text-align:left; font: normal 14px Trebuchet MS; } 
		#j6_conteneur_formulaire { width:650px; margin-top: 102px; *margin-top: 15px; }
		#j6_conteneur_formulaire p { margin: 5px 0 0 0;  padding-right: 10px; height:20px; width:650px; clear:both; color: #6b6b6b; }
		#j6_conteneur_formulaire label { text-align:left;  padding-left: 40px; display:block; float:left; width:70px; height:20px; }
		#j6_conteneur_formulaire input.saisie { float:left; width: 200px; height:16px; border: 1px solid #7e7e7e; }
		#j6_conteneur_formulaire .valid { position: absolute; margin: -20px 0 0 500px; }
		#j6_conteneur_formulaire .indication { text-align:center; margin-top: 7px; font-size: 12px; }
		#j6_conteneur_formulaire .message { margin: -10px 0 -15px 110px; }
		#j6_conteneur_formulaire textarea { float:left; margin: 20px 0 -10px 110px; *margin: 20px 0 -40px 110px; width:514px; height:40px; overflow: hidden; border:1px solid #7e7e7e; }
	#j6 .coussin { position:absolute; bottom:-169px; *bottom:-142px; left:-76px; }
	#j6 .boite { position:absolute; bottom:-155px; *bottom:-128px; right:-105px; *right:-145px; }
	
#j7 { height:400px; }
	#j7 .cadre { position:relative; margin:20px auto; padding:50px 25px 0; width:253px; height:264px; text-align:center; font:normal 20px Trebuchet MS; color:#FFF; }
		#j7 .cadre span { font:normal bold 13px Trebuchet MS; color:#FFF; }
		#j7 .cadre ul { list-style-type:none; margin:10px 20px; padding:0; text-align:left; font-size:12px; } 	
		#j7 .cadre a { display: block; margin: 2px; }
		#j7 .btn { position:absolute; bottom:40px; left:90px; }
		
	#j7 .pop { background:transparent url(img/cadre_livraison_2_pop.jpg) no-repeat; }
	#j7 .nature { background:transparent url(img/cadre_livraison_2_nature.jpg) no-repeat; }
	#j7 .design { background:transparent url(img/cadre_livraison_2_design.jpg) no-repeat; }
	/* éléments flottants */
	#j7 .nature_etagere1 { position:absolute; top:60px; left:20px; }
	#j7 .nature_etagere2 { position:absolute; top:40px; left:530px; }
	#j7 .nature_coussin { position:absolute; top:387px; left:16px; }
	#j7 .nature_bouteille { position:absolute; top:408px; left:333px; }
	#j7 .nature_chaise { position:absolute; top:278px; left:552px; }
	#j7 .pop_etagere1 { position:absolute; top:140px; left:25px; }
	#j7 .pop_etagere2 { position:absolute; top:58px; left:530px; }
	#j7 .pop_coussin { position:absolute; top:295px; left:48px; }
	#j7 .pop_bouteille { position:absolute; top:412px; left:371px; }
	#j7 .pop_chaise { position:absolute; top:321px; left:551px; }
	#j7 .design_etagere1 { position:absolute; top:140px; left:25px; }
	#j7 .design_etagere2 { position:absolute; top:97px; left:530px; }
	#j7 .design_coussin { position:absolute; top:246px; left:13px; }
	#j7 .design_bouteille { position:absolute; top:397px; left:294px; }
	#j7 .design_chaise { position:absolute; top:322px; left:575px; }
		
#j8 { height:373px; }
	#j8 form { position:absolute; z-index:10; top:5px; left:106px; padding:304px 0 0 100px; width:298px; height:164px; text-align:center; font:normal 13px Trebuchet MS; color:#FFF; background:transparent url(img/j8_cadre.gif) no-repeat; }
	#j8 form p { margin:0 0 15px 0; height:20px; }
	/* éléments flottants */
	#j8 .lampe { position:absolute; z-index:100; top:5px; left:106px; }
	#j8 .service { position:absolute; z-index:1; bottom:-73px; _bottom:-74px; right:102px; }
	#j8 .robe { position:absolute; top:30px; right:67px; }

#j9 { height: auto; }
	#j9 h2 { font-size: 20px; color: #333333; }
	#j9 .sous_titre { font-size: 18px; }
	#j9 img { margin:20px 20px 20px 0; }
	#j9 .vase_gagnants { position:absolute; bottom:-114px; right:-39px; }

/* menu pages Jeu */
#menu_jeu { margin-bottom:20px; height:21px; }
	#menu_jeu p { display:block; float:left; height:21px; }
	#menu_jeu p span { display:none; }
	#menu_jeu_choix { width:204px; background:transparent url(img/menu_jeu.gif) no-repeat 0 0; }
	#menu_jeu_choix.current { background:transparent url(img/menu_jeu.gif) no-repeat 0 -21px; }
	#menu_jeu_jouez { width:132px; background:transparent url(img/menu_jeu.gif) no-repeat -204px 0; }
	#menu_jeu_jouez.current { background:transparent url(img/menu_jeu.gif) no-repeat -204px -21px; }
	#menu_jeu_livraison { width:269px; background:transparent url(img/menu_jeu.gif) no-repeat -336px 0; }
	#menu_jeu_livraison.current { background:transparent url(img/menu_jeu.gif) no-repeat -336px -21px; }
	
	/* gmap elements cachés*/
	.gmnoprint span, .gmnoprint a { display: none;}
/*	
	#formulaire select { float:left; margin-left:2px; height:18px; font-size:12px; border:1px solid #7E7E7E; }
	#formulaire textarea { float:left; margin:0; width:166px; *width:164px; height:45px; border:1px solid #9E9EC6; }
	#formulaire .border { float:left; padding:2px 4px 0 4px; height:16px; width:160px; font-size:12px; border:1px solid #9E9EC6; }
	#formulaire span.rad { display:block; float:left; width:200px; height:20px; background:yellow; }
	#formulaire .higher { height:48px; _height:45px; }
*/