html {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt;
	margin:0;
	padding:0;
	color:#717171;
	background: url(../images/bg.png);
}

/********** GLOBALE ***********/
p{margin:0 0 10px 0;padding:0;text-align:justify;}

img {border: 0 none;}
.imgLeft{float:left;margin:0 10px 1px 0;}
.imgRight{float:right;margin:0 0 1px 20px;}
.clear{clear:both;}
.succes {font-weight:bold;color:#4ca100;}
.echec {font-weight:bold;color:#ff0000;}
.obligatoire {font-weight:bold;color:#ff0000;}
.center{text-align:center;}
a {color:#e4176e;text-decoration:none;}
a:hover{color:#000;text-decoration:none;}

h1{font-weight:bold;font-size:16px;color:#e4176e;margin:10px 0 10px 0;padding:0;}
h2{font-size:14px;color:#e4176e;font-weight:bold;margin:0 0 10px 0;padding:10px 0 0 0;}
h3{font-weight:bold;font-size:14px;color:#bebebe;margin:0px 0 5px 0;}


/* CONTENU */
#center{width:925px;margin:0 auto;}
#container{width:100%;float:left;position:relative;padding:0;background:#fff;}
#header{height:200px;margin: 0; padding: 0; float: left;}

#header ul{padding:40px 0 10px 0px;margin:0;list-style-type:none;float: left;}
#header ul ul{padding:0;margin:0;}
#header ul ul li{padding:3px 0;}
#header ul li.colonne {float:left;margin:0 25px 15px 25px;}
#header ul li.colonne a {text-decoration:underline;color:#a0a2a3;font-size:14px;font-weight:normal;}
#header ul li.colonne a:hover {text-decoration:none;color:#e4176e;}

#bulle_menu{position:absolute;top:187px;left:435px;z-index:3;}
#menu{border-bottom:1px solid #000;border-top:1px solid #000;height:55px;float: left;width: 100%;}
	#menu ul{margin:0;padding:0;list-style-type:none;}
	#menu ul li{float:left;margin:0;padding:13px 10px 0 10px;}
	#menu ul li a{text-transform:uppercase;display:block;padding:5px 15px 5px 15px;color:#000;font-size:19px;}
	#menu ul li a:hover{background:#000;color:#fff;}
	#menu ul li a.actif{background:#000;color:#fff;}
  #menu ul li.happy a {padding: 0;}
  #menu ul li.happy a:hover{background:#FFF;}
	#menu ul li.happy a.actif{background:#FFF;}
    
#content{padding:10px 0 10px 0; float: left;}
	#content_g{float:left;width:580px;margin-left:15px;}
	#content_d{float:left;width:300px;margin-left:15px;}

#footer{border-top:1px solid #c3c5c6;padding:10px 0 10px 0;float: left;}

#footer ul{padding:10px 0 10px 10px;margin:0;list-style-type:none;}
#footer ul ul{padding:0;margin:0;}
#footer ul ul li{padding:1px 0 1px 0;}
#footer ul li.colonne {float:left;margin:0 20px 25px 20px;}
#footer ul li.colonne span {font-size:14px;font-weight:bold;color:#a0a2a3;}
#footer ul li.colonne a {text-decoration:none;color:#cdcdcd;font-size:11px;font-weight:normal;}
#footer ul li.colonne a:hover {text-decoration:none;color:#000;}

/* FORM INSCRIPTION NEWSLETTER */
#form_newsletter {display:none;}
#simplemodal-overlay {background-color:#000;cursor:wait;}
#simplemodal-container {height:120px;width:320px;color:#000;background:#fff;border:1px solid #fff;padding:12px;}
#simplemodal-container a.modalCloseImg {background:url(../images/close.png) no-repeat;width:22px;height:22px;display:inline;z-index:3200;position:absolute;top:5px;right:5px;cursor:pointer;}
#simplemodal-container #pi_form_vote {padding:8px;}
#form_newsletter_content .champs {background:#f0f0f0;color:#000;border:1px solid #717171;height: 18px;margin: 0 0 5px 0;padding: 4px 2px 0 2px;width: 183px;font-size:11px;}
#form_newsletter_content{font-size:12px;color:#000;}

/* HOME */
#focus{position:relative;padding-top:20px;}
.puce .jFlowControl {background: url(../images/home/puce.png) no-repeat left top;cursor:pointer;display:inline-block;height:12px;width:13px;}
.puce .jFlowSelected {background: url(../images/home/puce-on.png) no-repeat left top !important;cursor:pointer;}
#myController{float:right;margin:0;}
#focus .puce {z-index:100;padding:20px 0 0 0;position:absolute;text-align:center;width:580px;}
#focus .puce img {margin:0 0 0 3px;}
#focus .caption{position:absolute;background:url(../images/home/focus-bg-txt.png);width:550px;height:35px;top:270px;left:10px;padding:10px 5px 0 5px;}
#focus .caption .titre{color:#fff;font-size:18px;}

#focus_scotch{position:absolute;top:0px;left:220px;z-index:3;}

/* VIDEO */
#video { background-color: rgba(0, 0, 0, 0.5); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999; }
#ban_video { background: #fff; box-shadow: 0 0 5px #999999; height: 523px; margin: 10% auto 0; width: 930px; }
#ban_video #click_close{ position:absolute; }
#ban_video #bt_close { background:url(../images/close.png) no-repeat; height: 30px; left: 900px; position: absolute; top: -30px; width: 30px; }
	

/* NOËL */
#noel{
	background: transparent url("../upload/noel/bg_trame_noel.gif") 0 0 repeat;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}
#ban_noel{
	background: #fff;
    box-shadow: 0 0 5px #999999;
    height: 676px;
    margin: 5% auto 0;
    width: 810px;

}
#click_close{
position:absolute;
}
#bt_close{
    height: 30px;
    left: 728px;
    position: absolute;
    top: 0;
    width: 82px;
}

/* GAME */
#game { background-color: rgba(0, 0, 0, 0.5); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999; }
#ban_game { background: #fff; box-shadow: 0 0 5px #999999; height: 518px; margin: 10% auto 0; width: 600px; }
#ban_game2 { background: #fff; box-shadow: 0 0 5px #999999; height: 709px; margin: 2% auto 0; width: 822px; }
#ban_game3 { background: #fff; box-shadow: 0 0 5px #999999; height: 495px; margin: 2% auto 0; width: 470px; }
#ban_game #click_close{ position:absolute; }
#ban_game #bt_close { height: 30px; left: 564px; position: absolute; top: 0; width: 30px; }
#ban_game2 #bt_close { height: 60px; left: 760px; position: absolute; top: 0; width: 62px; }
#ban_game3 #bt_close { height: 30px; width: 40px; left: 430px; top: 0px; position: relative;}

/* MINI TOTE */
#mini-tote { background-color: rgba(0, 0, 0, 0.5); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999; }
#ban_mini-tote { background: #fff; box-shadow: 0 0 5px #999999; height: 495px; margin: 2% auto 0; width: 470px; }
#ban_mini-tote #bt_close { height: 40px; width: 40px; left: 520px; top: 0px; position: relative; }

#ban_game3 #bt_close { height: 40px; width: 40px; left: 520px; top: 0px; position: relative; }

/* BOOST INSCRIPTION NEWSLETTER */
#boostnews { background-color: rgba(0, 0, 0, 0.5); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999; }
#ban_boostnews { background: #fff; box-shadow: 0 0 5px #999999; min-height: 567px; margin: 2% auto 0; width: 567px; padding: 0px; }
#ban_boostnews #bt_close { height: 40px; width: 40px; left: 430px; top: 0px; position: relative;z-index: 99999;}
#ban_boostnews #click_close { position: absolute; margin-left: 530px; }
#ban_boostnews #form_boost_newsletter {  padding: 20px; position: relative; }
#ban_boostnews .boost_link img { left: 0; top: 0px; position: relative; z-index: 9999;}
#boostnews a.modalCloseImg {color: #e4176e;background:url(../images/close.png) no-repeat;width:22px;height:22px;display:inline;z-index:3200;position:absolute;top:10px;right:10px;cursor:pointer;}

/* LES MAGS */
.magazine{width:580px;margin:10px 0 10px 0;height:110px;clear:both;background:url(../images/mags/bg-mags.png) bottom left repeat-x;}
.magazine .img{float:left;width:110px;}
.magazine .img img{border:1px solid #b1b2b6;width:97px;}
.magazine .numero{float:left;width:35px;height:30px;padding:7px 2px 0 0;background:url(../images/mags/bg-numero.png);color:#fff;font-size:18px;text-align:center;}
.magazine .titre{float:left;width:400px;height:30px;padding:7px 0 0 10px;margin-bottom:12px;font-size:18px;color:#e10567;}
.magazine a{color:#000;}
.magazine a:hover{color:#e10567;} 

/* LES MAGS 2 */
.listmag  {width:580px;}
.mag { width:187px; margin:0px 0 6px 6px; height:209px; float:left; position: relative;}
.rollOut  {z-index: 3; top: 0px; position: absolute; cursor:pointer;}
.rollOut img {float:left;width:187px; height:209px;}
.rollOver { cursor:pointer; width: 187px; position: relative; z-index: 2; top: 0px; background: none repeat scroll 0% 0% #00b4ff; opacity: 0.8; height: 159px; padding: 50px 0px 0px; text-align: center; font-size: 17pt; }
.rollOver a{color:#FFF;}
.rollOver a:hover{color:#FFF;}
.rollOver a span { font-size: 10pt; } 

/* COLLECTOR */
.collector{float:left;width:160px;margin:0 30px 20px 0;text-align:center;}

/* ARTPAPERS */
.artpapers{float:left;width:160px;margin:0 30px 20px 0;text-align:center;height:220px;}
p.left { float: left; width:100%;}

/* YUMMY  DODO */
.dossier{background:url(../images/bg-dossier.png) bottom left repeat-x;margin:0 0 8px 0;padding:4px 4px 0 4px;}
	.dossier_image{float:left;width:180px;}
	.dossier_cont{float:left;width:380px;}
		.dossier_cont h2{font-size:17px;font-style:italic;font-weight:normal;height:21px; padding-top:0;}
		.dossier_cont h2 a{color:#e31277;text-decoration:none;}
		.dossier_cont h2 a:hover{color:#000;text-decoration:none;}
		.dossier_plus{text-align:right;height:17px;padding:5px 20px 5px 0;}
		.dossier_plus a{color:#6e7173;}
		.dossier_plus a:hover{color:#e4176e;}

.dossier_detail{margin:0 0 10px 0;}
	.dossier_detail_chapeau{background:url(../images/bg-dossier.png) bottom left repeat-x;margin:0 0 16px 0;padding:8px;font-size:14px;}
		.dossier_detail_chapeau h2{font-size:22px;font-style:italic;font-weight:normal;height:25px;}
		.dossier_detail_chapeau div{margin:0;}
		.dossier_detail_fb{padding:10px 0 0 0;}
	.dossier_detail h3{font-size:18px;color:#e4246f;font-weight:normal;font-style:italic;margin:0;padding:10px 0 5px 0;}


/* PEPITES */
.pepites { float: left; width: 180px; margin: 0 0 6px 6px; height: 320px; }
.pepites { background: url("../images/bg-dossier.png") repeat-x scroll left bottom transparent;}
/*.pepites .pepites_image { background: url("../images/bg-dossier.png") repeat-x scroll left bottom transparent; padding: 5px; }*/
.pepites .pepites_image img { width: 170px; } 
.pepites h2 { font-size: 8pt; color: #aaa; text-align:center; font-weight:normal; }
.pepites p {  text-align:center; font-weight:normal; padding: 5px 15px;}
.pepites a {  font-size: 7pt; color: #aaa; text-align:center; font-weight:normal; }
.pepites p:hover  { background: #000; cursor:pointer; }
.pepites p:hover a { color: #fff; }
.pepites a:hover { color: #fff; }