/* balises */
body { background-color:#9A8BC9; }
body, form { margin:0; padding:0; }
div, td, p, form { font:bold 12px arial; color:#655997; }
img { border:0; }
a { color:#655997; }
a:hover { color:#000; }

/* styles courants */
.txt16 { font-size:16px; }
.rouge { color:#D70068; }
.bold { font-weight:bold; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.logo { margin-right:24px; }


#container { width:100%; }

	#header { width:100%; height:57px; background:#FFF url(img/home01.jpg) no-repeat; }
	#header div { width:850px; text-align:center; }
	#header a { display:inline; float:left; height:57px; background:transparent no-repeat 0 0; }
	#header a span { display:none; }
	#header a:hover, #header a.courant { background-position:0 -57px; }
		a#accueil { width:53px; background-image:url(img/m_accueil.gif); }
		a#lesplus { width:140px; background-image:url(img/m_lesplus.gif); }
		a#offre { width:124px; background-image:url(img/m_offre.gif); }
		a#jouez { width:154px; background-image:url(img/m_jouez.gif); }
		a#media { width:101px; background-image:url(img/m_media.gif); }
		a#avisblogueuses { width:120px; background-image:url(img/m_avisblogueuses.gif); }

	#b1, #c1, #d1 { width:836px; }
	#e1, #e2, #e3, #e4, #e5, #e6 ,#e7 ,#f1, #g1 { float:left; width:587px; }

	#b1 div { float:left; padding:80px 0 0 50px; width:222px; height:131px; text-align:left; background:#FFF url(img/b1_07.gif) no-repeat; }

	#c1 div { float:left; width:541px; height:323px; }

	#d1 div { float:left; padding:50px 0 0 170px; width:254px; height:131px; text-align:left; background:#FFF url(img/d1_05.jpg) no-repeat; }

	#e1 #content, #e2 #content { border:0px solid red; padding:34px 0 0 20px; width:567px; height:442px; text-align:left; background:#FFF url(img/bg_e1.jpg) no-repeat; }
		#e1 #content form#inscription { margin-top:20px; padding-left:200px; }
		#e1 #content p { margin:0 0 10px 0; height:20px; }
		#e1 #content label.col { display:block; float:left; width:90px; }
		#e1 #content select { float:left; margin-left:2px; height:16px; font-size:12px; border:1px solid #7E7E7E; }
		#e1 #content input.border { float:left; padding:0 4px; height:16px; width:160px; font-size:12px; border:1px solid #9E9EC6; }
		#e1 #content input.check { margin:0 6px 0 0; *margin:0 6px 0 -4px; }
		#e1 #content input.valid { margin:10px 0 0 110px; }
		#e1 #content #offrepromo, #e2 #content #offrepromo { float:right; margin:10px 35px 0 0; _margin:10px 17px 0 0; text-align:center; color:#D70068; }
		#e2 #content div.confirmation { margin:60px 0 0 60px; text-align: center; }
		#e2 #content img.valid { margin:70px 0 0 0; }

	#e4 #content { padding:34px 0 0 20px; width:567px; height:442px; text-align:left; background:#FFF url(img/bg_e4.jpg) no-repeat; }
		#e4 #content form#invitation { margin-top:20px; padding-left:200px; }
		#e4 #content p { margin:0 0 10px 0; height:20px; clear:both; }
		#e4 #content label.col { display:block; float:left; width:54px; }
		#e4 #content label.shorter { width:40px; }
		#e4 #content select { float:left; margin-left:2px; height:16px; font-size:12px; border:1px solid #7E7E7E; }
		#e4 #content input.border { float:left; padding:0 4px; height:16px; width:110px; font-size:12px; border:1px solid #9E9EC6; }
		#e4 #content input.marge { margin-right:16px; }
		#e4 #content textarea.border { padding:0 4px; height:45px; width:340px; font-size:12px; border:1px solid #9E9EC6; }
		#e4 #content input.valid { margin:10px 0 0 130px; }

	#e5 #content { padding:34px 0 0 20px; width:567px; height:442px; text-align:left; background:#FFF url(img/bg_e5.jpg) no-repeat; }
	#e5 #content div { margin-top:40px; padding-left:200px; }
	
	#e6 #content { text-align:left; background:#FFF url(img/bg_e6.jpg) no-repeat; width: 587px; height: 476px; }

	#f1 #content { padding: 100px 0 196px 100px; text-align:left; background:#FFF url(img/bg_f1.gif) no-repeat; }
		#f1 #pane2 { width: 380px; overflow: auto; height: 180px; }	

	#g1 #content { padding: 50px 0 26px 20px; text-align:left; background:#FFF url(img/bg_g1.gif) no-repeat; }
		#g1 #pane1 { width: 530px; overflow: auto; height: 400px; }	

	#coldroite { float:left; width:263px; }
		#dejainscrit { float:left; padding-top:45px; width:233px; height:83px; font:normal 10px arial; color:#000; background:#FFF url(img/coldroite03_log.gif) no-repeat; }
		#dejainscrit input.border { padding:0 4px; height:14px; width:60px; font-size:10px; border:1px solid #9E9EC6; }
		#dejainscrit input.valid { margin-top:6px; }
		#dejainscrit_form { margin:0; }

		#test { float:left; padding:50px 0 0 96px; width:137px; height:78px; text-align:left; background:#FFF url(img/coldroite03_blog.gif) no-repeat; }

		#agagner { float:left; padding:5px 0 0 53px; width:180px; height:85px; text-align:left; font-size:10px; background:#FFF url(img/coldroite05.gif) no-repeat; }
		#agagner p { margin-top:3px; width:115px; text-align:center; }
		#agagner a { color:#D70068; }
		#agagner a:hover { color:#000; }

	#bottom { width:850px; height:94px; text-align:left; font:normal 10px arial; color:#FFF; background:#FFF url(img/bottom.jpg) no-repeat; }