.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;

}





#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;}


/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #dde;
	position: relative;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

body {
	background-image: url(../img/backgroundJeux.jpg);
	background-color: #5E5CED;
}
#site {
	min-height: 1100px;
}
#H1Rubriqe {padding-left: 10px;}
#menuDeroulant li #smenu-scroller li a:hover{	color:  #857cfd; }
#navHsmenu a{
	background-position: 0px 120px;
}
#navBsmenu a{
	background-position: 90px 120px;
}
#Ban_Jeux, .titre_ban {z-index:50}
#Ban_Jeux .ban_nav ul li a:hover {color: #857cfd;}
a {color: #857cfd;}
a:hover { text-decoration:underline}

.titre_jeux {
	font-size: 14px;
	font-weight: bold;
	color: #857cfd;
}
.titre_rubrique {
	padding-left: 45px;
	position: relative;
	z-index:80;
}
.texte_catalogue {
	font-weight: bold;
	font-size: 10px;
	color: #525252;
	margin: 0px;
	padding: 0px;
}
.jeux_cote_contenu {
	
	width: 296px;
	background-image:  url(../img/CorpsCote.png);
	background-repeat: repeat-y;
	background-attachment: scroll;
}	

/* LES JEUX LES PLUS JOUES */ 
	
.Maq_Num1, .Maq_Num2, .Maq_Num3, .Maq_Num4, .Maq_Num5  {
	background-image: url(../img/jeux/Maq_num.png);
	height: 45px;
	width: 45px;
	position: absolute;
	display: block;
	text-indent: -9999px;
	left: 5px;
	z-index: 30;
}
.Maq_Num1 {
	top: 35px;
}
.Maq_Num2 {
	background-position: 180px 0px;
	top: 119px;
}
.Maq_Num3 {
	background-position: 135px 0px;
	top: 203px;
}
.Maq_Num4 {
	background-position: 90px 0px;
	top: 287px;
}
.Maq_Num5 {
	background-position: 45px 0px;
	top: 371px;
}
.jeux_contenu_bas {
	height: 25px;
	width: 655px;
	background-image: url(../img/BasContenu.png);
	position: relative;
}
.JeuxFla_btCom {
	height: 60px;
	width: 150px;
}
.jeux_cote_bas {
	height: 25px;
	width: 296px;
	background-image: url(../img/BasCote.png);
}
.Img_jeux_papierUL {
	float: left;
	padding-right: 5px;
	height: 110px;
}
.Bt_jeux_papierUL   {
	float: none;
	width: 110px;
}
.jeux_pop_contenu_bas {
	height: 25px;
	width: 655px;
	background-image: url(../img/BasContenu.png);
	position: relative;
}




/* CONTENU PRINCIPAL */ 

#Jeux_contenu {
	width: 655px;
	float: left;
	padding-right: 15px;
	padding-left: 10px;
}

#jeux_flash {
	min-height: 580px;
	width: 655px;
	background-image: url(../img/jeux/HtContenu.png);
	background-repeat: no-repeat;
	margin-top: 10px;
	position: relative;
}

#jeux_flash_contenu {
	background-image: url(../img/CorpsContenu.png);
}
/* PRESENTATION DES JEUX FLASH */ 

#JeuxFla_navGB a,#JeuxFla_navDB a,#JeuxFla_navGH a,#JeuxFla_navDH a, #JeuxFla a, #JeuxFla_navB a, #JeuxPap_navGB a,#JeuxPap_navDB a,#JeuxPap_navGH a, #JeuxPap_navDH a,#jeux_pop_navG a,#jeux_pop_navD a  {
	background-image: url(../img/nav.png);
	display: block;
	height: 30px;
	width: 30px;
	text-indent: -9999px;
	position: absolute;
	left: 2px;
	top: 165px;
	z-index: 10;
}
#JeuxFla_navGH a {
	background-position: 30px 120px;
	left: 2px;
	top: 35px;
}
#JeuxFla_navDH a{
	background-position: 60px 120px;
	top: 35px;
	left: 619px;
}
#JeuxFla_navGB a {
	background-position: 30px 120px;
	left: 6px;
	top: -18px;
}
#JeuxFla_navDB a{
	background-position: 60px 120px;
	left: 614px;
	top: -18px;
}
#jeux_pop_navG a {
	background-position: 30px 120px;
	left: 0px;
	top: 20px;
}
#jeux_pop_navD a{
	background-position: 60px 120px;
	left: 617px;
	top: 20px;
}



#jeux_flash_contenu ul {
	width: 620px;
	min-height: 580px;
	padding-left: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 25px;
	margin: 0px;
}
#jeux_flash_contenu ul li {
	min-height: 290px;
	width: 190px;
	list-style-type: none;
	padding-right: 15px;
	float: left;
}
#jeux_flash_contenu ul li img     {
	padding-top: 3px;
	padding-bottom: 3px;
}


/* COTE DROIT */ 


#jeux_cote {
	width: 296px;
	float: left;
}
#jeux_plus , #jeux_papier{
	background-image: url(../img/jeux/HtCote.png);
	background-repeat: no-repeat;
	position: relative;
	width: 296px;
}
#jeux_plus ul {
	margin: 0px;
	width: 265px;
	height: 400px;
	padding-top: 20px;
	padding-right: 0px;
	padding-left: 20px;
}
#jeux_plus ul li {
	list-style-type: none;
	height: 85px;
}
#jeux_plus ul li  a {
	color: #534cb6;
	text-decoration: none;
}
#jeux_plus ul li  a:hover {
	text-decoration: underline;
}

#jeux_plus ul li img {
	float: left;
	padding-right: 5px;
	padding-bottom: 35px;
}
#jeux_papier {
	margin-top: 10px;
	position: relative;
}

/* POPUP */
#popupatelier {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/atelier/popupHaut.png);
	background-repeat: no-repeat;
}
.titre_popupatelier{
	font-weight: bold;
	font-size: 17px;
	color: #f08800;
	padding-left: 48px;
	padding-top: 8px;
	height: 34px;
	position: relative;
}

#popupatelier_contenu {
	background-image: url(../img/atelier/popupcorps.png);
	width: 730px;
	padding-left: 20px;
	background-repeat: repeat-y;
}
#popupatelier_bas {
	height: 35px;
	width: 750px;
	background-image: url(../img/atelier/popupbas.png);
}


/* LES JEUX PAPIER */ 

#jeux_papier ul {
	margin: 0px;
	width: 265px;
	padding: 0px;
	float: left;
}
#jeux_papier ul li {
	list-style-type: none;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	min-height:110px;
}
#jeux_papierBas {
	position: relative;
}
#JeuxPap_navGH a {
	background-position: 30px 120px;
	left: 2px;
	top: 35px;
}
#JeuxPap_navDH a{
	background-position: 60px 120px;
	left: 259px;
	top: 35px;
}
#JeuxPap_navGB a {
	background-position: 30px 120px;
	left: 2px;
	top: -18px;
}
#JeuxPap_navDB a{
	background-position: 60px 120px;
	left: 258px;
	top: -18px;
}
#selection-scroller {
	height: 270px;
	width: 655x;
	position: relative;
	margin: 0;
	overflow: hidden;
}

#selection-holder {
	height: 270px;
}

#selection-holder li{
	float: left;
}
#jeux-scroller {
	height: 625px;
	width: 655x;
	position: relative;
	margin: 0;
	overflow: hidden;
}

#jeux-holder {
	height: 625px;
}

#jeux-holder ul{
	float: left;
	
}
#imprimer-scroller {
	height: 370px;
	width: 265px;
	position: relative;
	margin-left: 20px;
	padding-top: 30px;
	overflow: hidden;
}

#imprimer-holder {
	height: 370px;
}


.ban_nav ul li a.active {
	color: #857cfd;
	background-position: 0px -26px;	
}


.Bt_fermerPage {
	left: 680px;
}



@charset "UTF-8";
.avertissementCookie {
	position: fixed;
	bottom: 0px;
	left: 0px;
	min-height: 30px;
	width: 100%;
	background-color: #E5E1D4;
	background-color: rgba(255,255,255,0.9);
	z-index: 111000;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5);
	box-shadow: 0 -2px 5px 0 rgba(0,0,0,0.3);
}
.avertissementCookieContenu {
font-family: Verdana,Geneva,sans-serif;
position: relative;
/* Largeur a adapter : largeur du site-20px */
width: 940px;
max-width: 100%;
padding-left: 10px;
padding-right: 10px;
margin-left: auto;
margin-right: auto;
font-size: 10px;
color: #444;
line-height: 24px;*/
}
.avertissementCookieContenu a {
color: #666;
}
#avertissementCookieFermer {
	float: right;
	right: 0px;
	top: 0px;
	background-image: url(../img/menu_footer/avertissementCookieFermer.png);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
}
#avertissementCookieFermer:hover {
background-image: url(../img/menu_footer/avertissementCookieFermer.png);
background-position: -50px 5px;
background-repeat: no-repeat;
}
#avertissementCookieAttention {
	background-image: url(../img/menu_footer/avertissementCookieAttention.png);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	display: inline-block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
}