.txtmdp {
	font-size: 9px;
	color: #f08800;
}






#header {
	background-image: url(../img/menu_footer/fond_Logo.png);
	background-repeat: no-repeat;
	background-position: center 0px;
}

#header  a {
	color: #f08800;

}
#header_contenu{
	width: 980px;
	margin-left:auto;
	margin-right:auto;
}
#logo {
	float: left;
	width: 290px;
	padding-top: 0px;
	height: 60px;
}
#logoImg {
	height: 80px;
	width: 295px;
}
#logo_phrase {
	font-family: 'Cabin', Arial, sans-serif;
	font-size: 15px;
	color: #000;
	font-weight: bold;
	height: 15px;
	width: 500px;
	position: absolute;
	margin-left: 8px;
	top: 75px;
}
#connection {
	font-family: 'Cabin', arial, serif;
	width: 690px;
	float: left;
	height: 74px;
	font-size: 10px;
}
#Btmenu a{
	float: left;
	width: 145px;
	z-index: 20;
	position: absolute;
	display: block;
	background-image: url(../img/Bt_fonct/Btmenu.png);
	background-repeat: no-repeat;
	height: 30px;
	margin-top: 24px;
	text-indent: -9990px;
	background-position: 0px 0px;
}
#Btmenu2 a{
	display: none;
	float: left;
	width: 145px;
	z-index: 20;
	position: absolute;
	display: block;
	background-image: url(../img/Bt_fonct/Btmenu.png);
	background-repeat: no-repeat;
	height: 30px;
	margin-top: 24px;
	text-indent: -9990px;
	background-position: 0px -30px;
}

#inscription {
	float: left;
	width: 140px;
	margin-top: 24px;
	
}

/* -------------Login/Mdp----------- */
#login {
	width: 220px;
	float: left;
	position: relative;
	height: 57px;
}
#login fieldset {
	border:none;
	width:180px;
	position:absolute;
	top:21px;
	right:-15px;
	width:235px;
	border:none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}
#login .input {
	float:left;
	width:80px;
	height:20px;
	background-image: url(../img/menu_footer/Inputpseudo.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #000;
	margin-right:5px;
}

#login input[type=text], #login input[type=password] {
	font-family: 'Cabin', arial, serif;
	width:80px;
	height:20px;
	border:none;
	color:#808080;
	font-size: 11px;
	background: transparent;
	border:0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
}
#login input[type=submit]{
	float:left;
	width:29px;
	height:20px;
	cursor:pointer;
	border:0;
	background-image: url(../img/menu_footer/Inputrecherche.png);
	background-repeat: no-repeat;
	background-position: -119px 0px;
	margin: 0px;
	padding: 0px;
	background-color: #000;
}
#login input[type=text]:focus, #login input[type=password]:focus {
	color:#808080;
	height: 20px;
	width: 70px;
	padding-right:10px;
}
#login input[type=checkbox] {
	color: #f08800;
	margin: 0px;
	padding: 0px;
	height: 10px;
	width: 10px;
}
#oubli  {
	position: absolute;
	height: 20px;
	width: 235px;
	left: -3px;
	top: 43px;
	padding-left: 10px;
	right: 400px;
}

/* -------------newsletter----------- */
#newsletter {
	position: absolute;
	left:50%;
	margin-left:250px;
	top:25px;
}
#newsletter fieldset {
	border:none;
	width:180px;
	width:265px;
	border:none;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}
#newsletter fieldset #label {
	float: left;
	height: 20px;
	text-align: center;
	margin-top: 3px;
	margin-right: 3px;
	color: #f08800;
	font-size: 11px;
	font-weight: bold;
}
#newsletter .input, #recherche .input {
	float:left;
	width:115px;
	height:20px;
	background-image: url(../img/menu_footer/Inputrecherche.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #000;
}

#newsletter input[type=text] {
	font-family: 'Cabin', arial, serif;
	width:107px;
	height:20px;
	border:none;
	color:#808080;
	font-size: 11px;
	background:transparent;
	border:0;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
}
#newsletter input[type=submit]{
	float:left;
	width:29px;
	height:20px;
	cursor:pointer;
	border:0;
	background-image: url(../img/menu_footer/Inputrecherche.png);
	background-repeat: no-repeat;
	background-position: -119px 0px;
	margin: 0px;
	padding: 0px;
	background-color: #000;
}
#newsletter input[type=text]:focus {
	color:#808080;
	height: 20px;
	width: 107px;
}

/* BOUTIQUE */
#boutonboutique a  {
	display: block;
	height: 78px;
	width: 173px;
	background-image: url(../img/menu_footer/btboutique.png);
	position: absolute;
	text-indent: -99999px;
	top: 0px;
	right: -160px;
}
#infoboutique{
	font-size: 11px;
	color: #FFF;
	height: 38px;
	float: left;
	width: 90px;
	position: relative;
	margin-top: 0px;
	padding-top: 30px;
}
#boutiqueico{
	height: 29px;
	width: 29px;
	background-image: url(../img/menu_footer/boutique_ico.png);
	position: absolute;
	float: left;
	right: 2px;
	top: 19px;
}
#boutiqueico2{
	height: 29px;
	width: 29px;
	background-image: url(../img/menu_footer/boutique_ico.png);
	position: absolute;
	float: left;
	right: 6px;
	top: 25px;
}
.boutiquemacaron{
	height: 15px;
	width: 15px;
	position: absolute;
	background-image: url(../img/menu_footer/boutique_macaron.png);
	color: #f08800;
	right: -5px;
	bottom: -5px;
	font-size: 9px;
	text-align: center;
	font-weight: bold;
	padding-top: 3px;
	background-repeat: no-repeat;
}



/*  -------------Connecté ------------- */

#connectionOK {
	font-size: 11px;
	height: 60px;
	margin-top: 5px;
	padding-left: 140px;
	position: relative;
}

#avatar_connection {
	font-size: 15px;
	color: #FFF;
	float: left;
	height: 38px;
	padding-top: 20px;
	width: 220px;
}
#avatar_connection a {
	font-size: 10px;
	text-decoration: none;
}

#avatar_connection a:hover {
	font-size: 10px;
	text-decoration: underline;
}
.FondavatarBandeau {
	height: 62px;
	width: 45px;
	background-image: url(../img/profil/FondavatarPt.png);
	background-repeat: no-repeat;
	padding: 1px;
	position: absolute;
	left: 313px;
	top: -1px;
}
#infoslogin {
	font-size: 11px;
	color: #FFF;
	height: 38px;
	float: left;
	width: 220px;
	padding-top: 19px;
	padding-left: 5px;
	position: relative;
}
#infoslogin a {
	text-decoration: none;
}
#infoslogin a:hover {
	text-decoration: underline;
}
#deconnexion a{
	float: left;
	font-size: 9px;
	color: #bebdbd;
	text-decoration: underline;
	width: 90px;
	height: 38px;
	padding-top: 31px;
	padding-left: 15px;
}
#deconnexion a:hover{color:#e73429;}





		/*  -------------MENU HEROS ------------- */

#menu_heros {
	height: 92px;
	width: 960px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	}

#navG {
	background-position: 5px 10px;
	float:left;
	cursor:pointer;
}
#navD {
	float:right;
	background-position: -35px 10px;
	cursor:pointer;
	}
.nav-heros {
	text-indent: -9999px;
	background-image: url(../img/menu_footer/Btnav.png);
	height: 80px;
	width: 40px;
	background-repeat: no-repeat;
	background-position: center;
}

#menu_heros ul {
	height: 90px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}

#menu_heros ul li {
	list-style-type: none;
	float: left;
	height: 90px;
}
#menu_heros ul li a{
	height: 90px;
	width: 98px;
	margin: 0px;
	display: block;
	text-indent: -9999px;

	background-repeat: no-repeat;
	padding-top: 0px;

	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}

#nav-scroller {
	height: 90px;
	width: 1000px;

	overflow: hidden;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -34px;
}

#nav-holder {
	height: 90px;
}
	
	
		/*  -------------MENU ACTIVITES ------------- */
	

#menu_activite {
	height: 23px;
	width: 980px;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/menu_footer/MenuActivite.png);
	background-repeat: no-repeat;
}
#menu_activite ul {
	height: 23px;
	width: 766px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#menu_activite ul li  {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
}
#menu_activite ul li a{
	height: 23px;
	text-indent: -9999px;
	display: block;
	background-image: url(../img/menu_footer/MenuActivite.png);
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
}
#menu_activite ul #actus {
	width: 74px;
	background-position: 0px 0px;
	height: 23px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	}
#menu_activite ul #bdtheque{
	width: 114px;
	background-position: -74px 0px;
	height: 23px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}
#menu_activite ul #videos{
	width: 85px;
	background-position: -188px 0px;
	height: 23px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}
#menu_activite ul #jeux{
	width: 70px;
	background-position: -273px 0px;
	height: 23px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}
#menu_activite ul #coloriage{
	width: 118px;
	background-position: -343px 0px;
	height: 23px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}
#menu_activite ul #atelier{
	width: 87px;
	background-position: -461px 0px;
	height: 23px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}
#menu_activite ul #bonus{
	width: 83px;
	background-position: -548px 0px;
	height: 23px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}
#menu_activite ul #liste{
	width: 135px;
	background-position: -631px 0px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}
#menu_activite ul #actus a  {
	display: block;
	background-position: 0px 0px;
	}
#menu_activite ul #bdtheque a{
	background-position: -74px 0px;
	display: block;}
#menu_activite ul #videos a {
	background-position: -188px 0px;
	display: block;} 
#menu_activite ul #jeux a{
	background-position: -273px 0px;
	display: block;}
#menu_activite ul #coloriage a {
	background-position: -343px 0px;
	display: block;}
#menu_activite ul #atelier a {
	background-position: -461px 0px;
	display: block;}
#menu_activite ul #bonus a {
	background-position: -548px 0px;
	display: block;}
#menu_activite ul #liste a{
	background-position: -631px 0px;
	display: block;}

#menu_activite ul #actus a:hover, #menu_activite ul #actus a.active  {background-position: 0px -25px;}
#menu_activite ul #bdtheque a:hover, #menu_activite ul #bdtheque a.active {background-position: -74px -25px;}
#menu_activite ul #videos a:hover, #menu_activite ul #videos a.active  {background-position: -188px -25px;}
#menu_activite ul #jeux a:hover, #menu_activite ul #jeux a.active  {background-position: -273px -25px;}
#menu_activite ul #coloriage a:hover, #menu_activite ul #coloriage a.active {background-position: -343px -25px;}
#menu_activite ul #atelier a:hover, #menu_activite ul #atelier a.active {background-position: -461px -25px;}
#menu_activite ul #bonus a:hover, #menu_activite ul #bonus a.active  {background-position: -548px -25px;}
#menu_activite ul #liste a:hover, #menu_activite ul #liste a.active  {background-position: -631px -25px;}

#menu_activite ul #actus .allum  {background-position: 0px -25px;}
#menu_activite ul #bdtheque .allum {background-position: -74px -25px;}
#menu_activite ul #videos .allum  {background-position: -188px -25px;}
#menu_activite ul #jeux .allum  {background-position: -273px -25px;}
#menu_activite ul #coloriage .allum {background-position: -343px -25px;}
#menu_activite ul #atelier .allum {background-position: -461px -25px;}
#menu_activite ul #bonus .allum  {background-position: -548px -25px;}
#menu_activite ul #liste .allum {background-position: -631px -25px;}

/* -------------newsletter----------- */

#recherche fieldset {
	border:none;
	width:180px;
	top:0px;
	right:0px;
	width:170px;
	border:none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}

#recherche input[type=text] {
	font-family: 'Cabin', arial, serif;
	width:107px;
	height:20px;
	border:none;
	color:#808080;
	font-size: 11px;
	background: transparent;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 5px;
}
#recherche input[type=submit]{
	float:left;
	width:29px;
	height:20px;
	cursor:pointer;
	border:0;
	background-image: url(../img/menu_footer/Inputrecherche.png);
	background-repeat: no-repeat;
	background-position: -119px 0px;
	margin: 0px;
	padding: 0px;
	background-color: #000;
}
#recherche input[type=text]:focus {
	color:#808080;
	height: 20px;
	width: 107px;
}
#Situation  {
	left: 10px;
	font-family: 'Cabin', Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 899px;
	margin-top:10px;
	
}
#Situation a , #Situation_siteDedies a{
	color: #525252;
	text-decoration:underline;
	z-index: 50;
}
#Situation a:hover , #Situation_siteDedies a:hover{
	color: #FFF;
	text-decoration:underline
}


/* FOOTER */
.titre_footer_rouge,.titre_footer_orange,.titre_footer_bleu,.titre_footer_vert,.titre_footer_rose {
	font-weight: bold;
	margin: 0px;
	text-decoration: none;
	font-size: 14px;
}
.titre_footer_rouge {color: #e73429;}
.titre_footer_orange {color: #ffb20b;}
.titre_footer_bleu {color: #009cff;}
.titre_footer_vert {color: #96d701;}
.titre_footer_rose{ color: #ff45ed;}


#footer_bordure {
	background-image: url(../img/menu_footer/footer_bordure.png);
	height: 27px;
	background-repeat: repeat-x;
	width:100%;
	top: -25px;
	left:0;
	position: absolute;
	z-index:30;
}
#footer {
	clear: both;
	height: 300px;
	background-color: #FFF;
	margin-top:30px;
	position: relative;
}
#footer_contenu {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	height: 260px;
	width: 980px;
	padding-top: 10px;
	background-color: #FFF;
}
#rubrique {
	width: 950px;
	padding-left: 30px;
}

				/* FOOTER_RUBRIQUE */
#rubrique ul {
	margin: 0px;
	padding: 0px;
	height: 150px;
}
#rubrique li{
	font-family: 'Cabin', arial, serif;
	list-style-type: none;
	font-size: 14px;
	height: 15px;
	display: block;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
#rubrique ul .bandgee, #rubrique ul .heros, #rubrique ul .activites, #rubrique ul .jeux, #rubrique ul .bonus{
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
}

#rubrique ul .bandgee  {
	width: 152px;
}
#rubrique ul .heros{
	width: 167px;
}
#rubrique ul .activites  {
	width: 190px;
}
#rubrique ul .jeux  {
	width: 235px;
}
#rubrique ul .bonus {
	width: 171px;
}
#rubrique ul li img {
	display: block;
	float: left;
}
.txt_footer li a{
	font-family: 'Cabin', arial, serif;
	font-size: 11px;
	font-weight: normal;
	list-style-type: none;
	color: #58585a;
	text-decoration: none;
	display: block;
	position: relative;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.txt_footer li a:hover {
    text-decoration: underline;
}

					/* FOOTER_EDITEUR */
#editeur {
	background-image: url(../img/menu_footer/logoSociete.jpg);
	width: 980px;
	height: 60px;
	background-repeat: no-repeat;
	background-position: center;
}
#editeur ul {
	height: 60px;
	width: 568px;
	padding-left: 260px;
}
#editeur ul li {
	float: left;
	height: 42px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#editeur ul li  {
	display: block;
	list-style-type: none;
	float: left;
	text-indent: -9999px;
	height: 42px;
}
#editeur ul #dargaud {
	float: left;
	width: 145px;
}
#editeur ul #dupuis {
	width: 145px;
}
#editeur ul #lombard {
	width: 170px;
}
a {
	text-decoration: none;
}
#copyrightSite {
	position: absolute;
	z-index:40;
	margin-top: -25px;
	font-size: 12px;
	text-align:right;
	width: 580px;
	left:50%;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 31, 2011 */

@font-face {
    font-family: 'CabinBold';
    src: url('cabin-bold-webfont.eot');
    src: url('cabin-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('cabin-bold-webfont.woff') format('woff'),
         url('cabin-bold-webfont.ttf') format('truetype'),
         url('cabin-bold-webfont.svg#CabinBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'CabinRegular';
    src: url('cabin-regular-webfont.eot');
    src: url('cabin-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('cabin-regular-webfont.woff') format('woff'),
         url('cabin-regular-webfont.ttf') format('truetype'),
         url('cabin-regular-webfont.svg#CabinRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'leonardregular';
    src: url('leonard-webfont.eot');
    src: url('leonard-webfont.eot?#iefix') format('embedded-opentype'),
         url('leonard-webfont.woff2') format('woff2'),
         url('leonard-webfont.woff') format('woff'),
         url('leonard-webfont.svg#leonardregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'arnold_2.1regular';
    src: url('arnold21-webfont.eot');
    src: url('arnold21-webfont.eot?#iefix') format('embedded-opentype'),
         url('arnold21-webfont.woff') format('woff'),
         url('arnold21-webfont.ttf') format('truetype'),
         url('arnold21-webfont.svg#arnold_2.1regular') format('svg');
    font-weight: normal;
    font-style: normal;

}






#Bt_fermerPage,#Bt_fermerPopin,.Bt_fermerPage {
	height: 26px;
	width: 26px;
	position: absolute;
	left: 915px;
	top: 4px;
	background-repeat: no-repeat;
	background-image: url(../img/bt_fermer.png);
	overflow:hidden;
	text-indent: -9999px;
	display: block;
}
#Bt_fermerPage a ,#Bt_fermerPopin a{
	height: 26px;
	width: 26px;
	display: block;
}
.BT_rouge{
	background-position: 0px 0px;
}
.BT_mauve{
	background-position: 0px -26px;
}
.BT_bleu{
	background-position: 0px -52px;
}
.BT_turquoise{
	background-position: 0px -78px;
}
.BT_vert{
	background-position: 0px -104px;
}
.BT_rose{
	background-position: 0px -130px;
}
.BT_orange{
	background-position: 0px -156px;
}
.BT_blanc {
	background-position: 0px -182px;
}
.nbrejaime {
	margin: 0px;
	height: 15px;
	width: 110px;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
}
.nbrejaime p {
	font-size: 11px;
	color: #525252;
	font-weight: bold;
	float: left;
}
.jaimeCoeur a{
	background-image: url(../img/Bt_fonct/BTcoeur.png);
	height: 13px;
	width: 16px;
	overflow:hidden;
text-indent: -9999px;
	display: block;
	float: left;
	background-repeat: no-repeat;
	margin-left: 3px;
	background-position: 0px 0px;
}
.jaimeCoeur a.aime{
	background-image: url(../img/Bt_fonct/BTcoeur.png);
	height: 13px;
	width: 16px;
	overflow:hidden;
text-indent: -9999px;
	display: block;
	float: left;
	background-repeat: no-repeat;
	margin-left: 3px;
	background-position: 0px -13px;
}	
.jaimeCoeur a:hover{
	background-position: 0px -13px;
	}
.btcom ul {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.btcom {
	min-height: 40px;
}
.btcom ul li {
	margin: 0px;
	list-style-type: none;
	float: left;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.bt_connection a,.bt_lire a, .bt_Ba a,.bt_liste a, .bt_partager a,.bt_imprimer a, .bt_jaime a, .bt_voter a,.bt_favoris a, .bt_modifier a, .bt_jouer a, .bt_colorier a, .bt_devenirami a,.bt_plusami a, .bt_retour a,  .bt_suivant a, .bt_enregistrer a, .bt_telecharger a, .bt_ecouter a, .bt_creer a, .bt_panier a,  .bt_panieretape a, .bt_acheter a, .bt_validadresse a   {
	background-repeat: no-repeat;
	height: 20px;
	overflow:hidden;
	text-indent: -9999px;
	display: block;
	background-position: 0px -21px;
}
.bt_jaime a.aime {
	background-position: 0px 0px;
	height: 20px;
}
.bt_connection a:hover,.bt_lire a:hover, .bt_Ba a:hover,.bt_liste a:hover ,.bt_partager a:hover,.bt_imprimer a:hover, .bt_jaime a:hover,.bt_voter a:hover,.bt_favoris a:hover, .bt_modifier a:hover, .bt_jouer a:hover, .bt_colorier a:hover, .bt_devenirami a:hover, .bt_plusami a:hover, .bt_retour a:hover, .bt_suivant a:hover, .bt_enregistrer a:hover, .bt_telecharger a:hover, .bt_ecouter a:hover, .bt_creer a:hover, .bt_panier a:hover,  .bt_panieretape a:hover , .bt_acheter a:hover , .bt_validadresse a:hover    {
	background-position: 0px 0px;
	height: 20px;
}
 .bt_creer a {	
	width: 116px;
	background-image: url(../img/Bt_fonct/BTcreer.png);
}
.bt_creer a:hover  {	
	width: 116px;
	background-image: url(../img/Bt_fonct/BTcreer.png);
}
 .bt_ecouter a {
	width: 116px;
	background-image: url(../img/Bt_fonct/BTecoute.png);
}
.bt_ecouter a:hover  {	
	width: 116px;
	background-image: url(../img/Bt_fonct/BTecoute.png);
}

 .bt_telecharger a {
	width: 116px;
	background-image: url(../img/Bt_fonct/BT_telecharger.png);
}
.bt_telecharger a:hover  {	
	width: 116px;
	background-image: url(../img/Bt_fonct/BT_telecharger.png);
}
.bt_enregistrer a{
	width: 112px;
	background-image: url(../img/Bt_fonct/BT_enregistrer.png);
}
.bt_enregistrer  a:hover {	
	width: 112px;
	background-image: url(../img/Bt_fonct/BT_enregistrer.png);
}
.bt_suivant a{
	background-image: url(../img/Bt_fonct/BTconnection.png);
	width: 112px;
}
.bt_suivant a:hover {
	background-image: url(../img/Bt_fonct/BTconnection.png);
	width: 112px;
}
.bt_connection a{
	background-image: url(../img/Bt_fonct/BTconnection.png);
	width: 112px;
}
.bt_connection a:hover {
	background-image: url(../img/Bt_fonct/BTconnection.png);
	width: 112px;
}
.bt_lire a{
	background-image: url(../img/Bt_fonct/BTLire.png);
	width: 105px;
}
.bt_lire a:hover {
	background-image: url(../img/Bt_fonct/BTLire.png);
	width: 105px;
}
.bt_Ba a{
	background-image: url(../img/Bt_fonct/BTBA.png);
	width: 128px;
}
.bt_Ba a:hover {
	background-image: url(../img/Bt_fonct/BTBA.png);
	width: 128px;
}
.bt_liste a{
	background-image: url(../img/Bt_fonct/BTListe.png);
	width: 99px;
}
.bt_liste a:hover {
	background-image: url(../img/Bt_fonct/BTListe.png);
	width: 99px;
}
.bt_acheter a{
	background-image: url(../img/Bt_fonct/Bt_acheter.png);
	width: 84px;
}
.bt_acheter a:hover {
	background-image: url(../img/Bt_fonct/Bt_acheter.png);
	width: 84px;
}
.bt_panier a{
	background-image: url(../img/Bt_fonct/Bt_panier.png);
	width: 123px;
}
.bt_panier a:hover {
	background-image: url(../img/Bt_fonct/Bt_panier.png);
	width: 123px;
}
.bt_panieretape a{
	background-image: url(../img/Bt_fonct/bt_panieretape.png);
	width: 208px;
}
.bt_panieretape a:hover {
	background-image: url(../img/Bt_fonct/bt_panieretape.png);
	width: 208px;
}
#adressefacturationForm #submit, #adresselivraisonForm #submit{
	display: block;
	background-image: url(../img/Bt_fonct/BT_validadresse.png);
	text-indent: -5000px;
	width: 155px;
	height: 19px;
	border:0;
	cursor:pointer;
	color:#7FC70B;
	text-decoration:underline;
	padding:0;
}
#adressefacturationForm #submit:hover, #adresselivraisonForm #submit:hover{
	background-position: 0 -21px;
}

.bt_validadresse a{
	background-image: url(../img/Bt_fonct/BT_validadresse.png);
	width: 155px;
}
.bt_validadresse a:hover {
	background-image: url(../img/Bt_fonct/BT_validadresse.png);
	width: 155px;
}
.bt_partager a{
	background-image: url(../img/Bt_fonct/BTPartager.png);
	width: 95px;
}
.bt_partager a:hover {
	background-image: url(../img/Bt_fonct/BTPartager.png);
	width: 95px;
}

.bt_imprimer a{
	background-image: url(../img/Bt_fonct/BTImprimer.png);
	width: 101px;
}
.bt_imprimer a:hover {
	background-image: url(../img/Bt_fonct/BTImprimer.png);
	width: 101px;
}
.bt_colorier a{
	background-image: url(../img/Bt_fonct/BTcolo.png);
	width: 101px;
}
.bt_colorier a:hover {
	background-image: url(../img/Bt_fonct/BTcolo.png);
	width: 101px;
}

.bt_jaime a{
	background-image: url(../img/Bt_fonct/BTJaime.png);
	width: 80px;
}

.bt_voter a{
	background-image: url(../img/Bt_fonct/BTVoter.png);
}

.bt_favoris a{
	background-image: url(../img/Bt_fonct/BTfavoris.png);
	width: 116px;
}

.bt_acheter a{
	background-image: url(../img/Bt_fonct/Bt_acheter.png);
	width: 84px;
}

.bt_modifier a{
	background-image: url(../img/Bt_fonct/BTmodifier.png);
	width: 105px;
}
.bt_modifier a:hover {
	background-image: url(../img/Bt_fonct/BTmodifier.png);
	width: 105px;
}
.bt_jouer a{
	background-image: url(../img/Bt_fonct/BTjouer.png);
	width: 105px;
}
.bt_devenirami a {
	background-image: url(../img/Bt_fonct/devenirami.png);
	width: 115px;
}
.bt_plusami a{
	background-image: url(../img/Bt_fonct/BTplusamis.png);
	width: 138px;
}
.bt_retour a{
	background-image: url(../img/Bt_fonct/BTretour.png);
	width: 82px;
}
.bt_retour a:hover {
	background-image: url(../img/Bt_fonct/BTretour.png);
	width: 82px;
}
.catalogue {
	float: left;
	width: 190px;
	padding-top: 2px;
}

.ClassNouveau a, .ClassLesplus a{
	color: #FFF;
	font-size: 12px;
	display: block;
	position: relative;
	font-weight: normal;
	top: 10px;
	float: left;
}
.ClassNouveau a{
	left: 0px;
} 
.ClassLesplus a{
	left: 30px;
} 
.ClassNouveau a:hover, .ClassLesplus a:hover {text-decoration: underline;}
.Classheros {
	float: left;
	width: 136px;
	margin-top: 10px;
	margin-left: 60px;
	position: relative;
	z-index: 80;
	} 
.BtPlus a{
	background-image: url(../img/Bt_fonct/BtPlus.png);
	background-position: 0px 0px;
	height: 21px;
	width: 20px;
	overflow:hidden;
	text-indent: -9999px;
	float: left;
	display: block;
}
.BtPlus a:hover{
	background-position: -20px 0px;
}

/* Menu déroulant */ 

#menuDeroulant  {
	width: 136px;
	list-style-type: none;
	padding: 0px;
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
	
}
#btmenuDeroulant {
	height: 17px;
	width: 23px;
	background-image: url(../img/Bt_fonct/BtMenuderoulant.png);
	overflow:hidden;
text-indent: -9999px;
	display: block;
	position: absolute;
	left: 59px;
	top: 1px;
	right: 0px;
	bottom: 0px;
}
.btmenuDeroulant_rouge  {background-position: 0px 0px;}
.btmenuDeroulant_bleu  { background-position: 0px -34px;}
.btmenuDeroulant_mauve  {background-position: 0px -68px;}
.btmenuDeroulant_turquoise  {background-position: 0px -102px;}	
.btmenuDeroulant_vert { background-position: 0px -136px; }
.btmenuDeroulant_rose  {background-position: 0px -170px;}	
.btmenuDeroulant_orange  {background-position: 0px -204px;}	


#menuDeroulant li  {
  	width: 136px;
	margin: 0;
 	padding: 0;
 	border: 0;
	display: block;
}
#menuDeroulant li a {
	width: 136px;
	font-size: 12px;
	display: block;
	color: #FFF;
	min-height: 20px;
	margin: 0px;
	padding: 0px;
}
#menuDeroulant li:hover  #sousMenu {
	display: block;
	margin: 0px;
	padding: 0px;
}	
	
#menuDeroulant li:hover #smenu-scroller{
	display: block;
	margin: 0px;
	padding: 0px;
}
#menuDeroulant li #smenu-scroller  {
	max-height:300px;
	width: 171px;
	display: none;
	list-style-type: none;
	margin: 0;
	left:-30px;
	border: 0;
	padding: 0;
	border: 1px solid #525252;
	position: absolute;
	z-index: 50;
	overflow:hidden
}
#menuDeroulant li #smenu-scroller  li, #menuDeroulant li #smenu-scroller ul {
	margin: 0;
	border: 0;
	padding: 0;
}
#smenu-holder  {
	margin: 0;
	border: 0;
	padding: 0;
}
#navHsmenu {
	height: 30px;
	width: 30px;
	display:none;
}
#navHsmenu a{
	height: 30px;
	width: 30px;
	background-image: url(../img/nav.png);
	background-position: 0px 0px;
	overflow:hidden;
text-indent: -9999px;
}
#navBsmenu {
	height: 30px;
	width: 30px;
	display:none;
}
#menuDeroulant li:hover #navHsmenu, #menuDeroulant li:hover #navBsmenu {
	display:block;
	position: absolute;
	left: 111px;;
	z-index:51;
	overflow:hidden;
}
#menuDeroulant li:hover #navBsmenu {
	top:280px;
}
#navBsmenu a{
	height: 30px;
	width: 30px;
	background-image: url(../img/nav.png);
	background-position: 90px 0px;
	overflow:hidden;
text-indent: -9999px;
	display: none;
}

#menuDeroulant li #sousMenu li  {
	width: 141px;
	float: none;
	background-image: url(../img/Bt_fonct/FondMenuderoulant.png);
	margin: 0;
	padding: 0;
	}
#menuDeroulant li  #smenu-scroller li  {
	width: 171px;
	float: none;
	background-image: url(../img/Bt_fonct/FondMenuderoulant.png);
	margin: 0;
	padding: 0;
	}
#menuDeroulant li #sousMenu li a, #menuDeroulant li #smenu-scroller li a  {
	float: none;
	color: #525252;
	font-size: 12px;
	display: block;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#menuDeroulant li #sousMenu li a:hover, #menuDeroulant li #smenu-scroller li a:hover{
	margin: 0px;
	float: none;
	font-size: 12px;
	color: #525252;
	background-color: #333;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}


#Jeux_texte {
	position: absolute;
	left: 199px;
	top: 56px;
}
/* Banniere */ 
.Ban_rubrique{
	height: 270px;
	width: 655px;
	position: relative;
	float: left;
	padding-right: 15px;
}
.Ban_rubrique .titre_ban {
	position: absolute;
	left: 46px;
	top: 1px;
}

.Ban_rubrique ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.Ban_rubrique ul li  {
	margin: 0px;
	padding: 0px;
}

.Ban_rubrique_texte {
	position: absolute;
	left: 199px;
	top: 49px;
}

.titre_ban {
	padding-top: 3px;
	position: absolute;
}

/* BanniereNav */ 


.ban_nav {
	height: 25px;
	width: 116px;
	position: absolute;
	left: 521px;
	top: 35px;
}
.ban_nav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 116px;
	height: 25px;
}

.ban_nav ul li {
	float: left;
	width: 29px;
	height: 25px;
	text-align: center;
}

.ban_nav ul li  a {
	background-image: url(../img/HOME/BanHome/ban-nav.png);
	color: #525252;
	display: block;
	background-position: 0px 0px;
	height: 25px;
	width: 29px;
	background-repeat: no-repeat;
}

.ban_nav ul li a:hover {
	background-position: 0px -26px;
	text-decoration: none;
	color: #857cfd;
}

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(/assets/img/shadowbox/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(/assets/img/shadowbox/close.png);}
#sb-nav-next{background-image:url(/assets/img/shadowbox/next.png);}
#sb-nav-previous{background-image:url(/assets/img/shadowbox/previous.png);}
#sb-nav-play{background-image:url(/assets/img/shadowbox/play.png);}
#sb-nav-pause{background-image:url(/assets/img/shadowbox/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}


body {
	background-image: url(../img/backgroundBd.jpg);
	background-color: #E63428;
}
#site {
	min-height: 1050px;
}
#H1Rubriqe {padding-left: 10px;}
#menuDeroulant li #smenu-scroller li a:hover{	color: #e73429;}
#Ban_Bd .ban_nav  {z-index:90;}
#Ban_Bd .ban_nav ul li a:hover {color: #e73429;}
.ban_nav ul li a.active {
	background-position: 0px -26px;
	text-decoration: none;
	color: #e73429;
}
a {color: #e73429;}
a:hover { text-decoration:underline}

.titre_ban {
	position: absolute;
	width: 655px;
}
.titre_Bdtheque {
	font-size: 14px;
	font-weight: bold;
	color: #e73429;
	text-transform: uppercase;
	}
	
.tome{
	font-size: 14px;
	font-weight: bold;
	color: #e73429;
	text-transform: none;
}
.titre_rubrique {padding-left: 45px;}

.titre_catalogueBd{
	font-size: 14px;
	font-weight: bold;
	color: #e73429;
	float: left;
	width: 500px;
	padding-top: 2px;
	}

.BD_cote_bas {
	height: 25px;
	width: 296px;
	background-image: url(../img/BasCote.png);
}

.txtDecouvre {
	font-size: 10px;
	font-weight: bold;
	color: #525252;
}
/* CONTENU PRINCIPAL */ 

#BD_contenu {
	width: 980px;
	float: left;
	padding-right: 15px;
	padding-left: 10px;
}
#decouvre  {
	background-image: url(../img/Bdtheque/FondDecouvre.png);
	background-repeat: no-repeat;
	position: relative;
	width: 296px;
	float: left;
	height: 270px;
}
#decouvre_contenu {
	float: left;
	padding-right: 5px;
	height: 110px;
}

#decouvre_des {
	width: 280px;
	padding-top: 3px;
	padding-left: 10px;
}

#decouvre_image {
	padding-left: 1px;
}

#decouvre_des_img {
	padding-right: 15px;
	float: left;
}

#Bt_Decouvre {
	padding-left: 95px;
	padding-top: 2px;
}


#BDtheque {
	min-height: 580px;
	width: 980px;
	background-image: url(../img/Bdtheque/HtContenu_BdG.png);
	background-repeat: no-repeat;
	margin-top: 10px;
	position: relative;
}


#BDtheque_contenu {
	background-image: url(../img/Bdtheque/CorpsContenu_BdG.png);
	background-repeat: repeat-y;
}
#BDtheque_contenu ul {
	width: 980px;
	min-height: 525px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 30px;
	margin: 0px;
}
#BDtheque_contenu ul li {
	min-height: 260px;
	width: 140px;
	list-style-type: none;
	padding-right: 15px;
	float: left;
}
#BDtheque_contenu ul li img     {
	border: 1px solid #525252;
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
/* PRESENTATION DES JEUX FLASH */ 

#BDtheque_navGB a,#BDtheque_navDB a,#BDtheque_navGH a,#BDtheque_navDH a, #Album_navG a, #Album_navD a  {
	background-image: url(../img/nav.png);
	display: block;
	height: 30px;
	width: 30px;
	text-indent: -9999px;
	position: absolute;
	left: 2px;
	top: 165px;
}
#BDtheque_navGH a {
	background-position: 30px 180px;
	left: 2px;
	top: 35px;
}
#BDtheque_navDH a{
	background-position: 60px 180px;
	top: 35px;
	left: 928px;
}
#navHsmenu a{
	background-position: 0px 180px;
}
#navBsmenu a{
	background-position: 90px 180px;
}
#BDtheque_navGB a {
	background-position: 30px 180px;
	left: 6px;
	top: -18px;
}
#BDtheque_navDB a{
	background-position: 60px 180px;
	left: 928px;
	top: -18px;
}
.BDtheque_contenu_bas {
	height: 25px;
	width: 980px;
	background-image: url(../img/Bdtheque/BasContenuG.png);
	position: relative;
	background-repeat: no-repeat;
}
#Album_navG a {
	background-position: 30px 180px;
	left: 2px;
	top: 20px;
}
#Album_navD a{
	background-position: 60px 180px;
	left: 928px;
	top: 20px;
}
/* PAGE ALBUM */ 

#Album {
	min-height: 300px;
	width: 980px;
	background-image: url(../img/Bdtheque/HtContenu_BdG.png);
	background-repeat: no-repeat;
	position: relative;
}
#Album_contenu {
	background-image: url(../img/Bdtheque/CorpsContenu_BdG.png);
	height: 320px;
	position: relative;
	padding-top: 20px;
	padding-left: 60px;
	background-repeat: repeat-y;
}
#Album_couve {
	float: left;
	padding-right: 15px;
}
#Album_couve_bt .nbrejaime {
	padding-left: 50px;
}
#Album_couve_bt .bt_jaime {
	padding-left: 55px;
}
#Album_texte {
	width: 420px;
	float: left;
}
#btFicheAlbum {
	position: absolute;
	left: 265px;
	top: 250px;
	width: 500px;
}
#ficheBtjaime {
	padding-left: 55px;
}
#ficheBtlire {
	width: 105px;
	padding-left: 15px;
	padding-top: 25px;
}
#Album_lire {
	float: left;
	padding-top: 81px;
	padding-left: 75px;
}

#nouveaute-scroller {
	height: 319px;
	width: 655px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}

#nouveaute-holder {
	height: 319px;
}

#nouveaute-holder li{
	float: left;
}

#bd-scroller {
	height: 540px;
	width: 910px;
	position: relative;
	margin: 0;
	margin-left: 30px;
	overflow: hidden;
}

#bd-holder {
	height: 319px;
}

#bd-holder ul{
	float: left;
}