@charset "utf-8";
/* CSS Document */
/*3 chardons*/
/*PAGE RECRE NOUVELLE VERSION*/
#pagerecre {
	background-image: url('/assets/images/bkg_recre.jpg');
	background-repeat: no-repeat;
	width: 1024px;
	height:717px;
	margin:0 auto;
}

/*PAGE BONUS ACCUEIL ANCIENNE VERSION*/
/*#titrebonusaccueil{
	width: 258px;
	height:42px;
	margin-left:383px;
	margin-top:40px;
	float:left;
}
#bonusaccueil {
	background-image: url('/assets/images/bkg_bonus_accueil.jpg');
	background-repeat: no-repeat;
	width: 868px;
	height:460px;
	margin-left:78px;
	margin-top:60px;
	float:left;
}*/
#boutonsbonus {
	width: 309px;
	margin-left:356px;
	margin-top:300px;
	float:left;
}
.btnbonus {
	width: 309px;
	height:38px;
	margin-left:0px;
	margin-top:15px;
	float:left;
}
#bonusnouveau{
	width: 125px;
	height:170px;
	margin-left:647px;
	margin-top:20px;
	float:left;
}
#bonuslogo{
	width: 170px;
	margin-left:427px;
	margin-top:15px;
	float:left;
}
/* PAGE BONUS PAR AGE*/
#titrebonusage{
	width:133px;
	height:41px;
    margin-top:25px;
	margin-left: 445px;
	float:left;
}
#cadre{
	background-color: #53B6E4;
	border-radius: 20px;
	width: 866px;
	margin-left:79px;
	margin-top:20px;
	float:left;
}
#bonustexteblanc{
	color:#1E3E8C;
	font-size:26px;
}
.rangee{
	margin-left:auto;
	margin-right: auto;
	margin-top:15px;
}
.imageverticale{
	width: 121px;
	height:207px;
	margin-top:0px;
}
.imagehorizontale{
	width: 168px;
	height:159px;
	margin-top:28px;
}
.marginr35{
	margin-right:35px;
}
.marginr19{
	margin-right:19px;
}
.marginr32{
	margin-right:32px;
}
/*.marginl26{
	margin-left:26px;
}
.marginl56{
	margin-left:56px;
}
.marginl125{
	margin-left:125px;
}
.marginl48{
	margin-left:48px;
}*/
/* PAGE BONUS PAPETERIE*/
#titrebonuspap{
	width:380px;
	height:37px;
    margin-top:25px;
	margin-left: 322px;
	float:left;
}
.imageverticalepap{
	width: 155px;
	height:237px;
	margin-top:0px;
}
.imagehorizontalepap{
	width: 218px;
	height:198px;
	margin-top:28px;
}
/*.marginl70{
	margin-left:70px;
}
.marginl263{
	margin-left:263px;
}*/
/* PAGE BONUS COLORIAGES*/
.imageverticalecolo{
	width: 156px;
	height:213px;
	margin-top:0px;
}
.marginr55{
	margin-right:55px;
}
.marginr85{
	margin-right:85px;
}
/*ANCIENNE VERSION PAGE BONUS ACCUEIL
#btnbonusmois{width: 196px;	margin-top:465px;	margin-left:478px;	float: left;}
#btnbonustous{	width: 196px;	margin-top:465px;	margin-left:20px;	float: left;}*/

/*ANCIENNE VERSION PAGE BONUS DU MOIS
#titrebonusmois {	width: 678px;	height:73px;	margin-top:20px;	margin-left:180px;	float:left;}
#contenubonusmois {	background-image: url('/assets/images/bkg_bonus_mois.jpg');	background-repeat: no-repeat;	width: 864px;	height:531px;	margin-top:30px;	margin-left:77px;	float:left;	}
#bonusmoistexte {	width: 864px;	margin-top:15px;	float:left;	font-size:20px;	color:#ffffff;}
#bonusmoisgauche {	width: 406px;	margin-top:25px;	margin-left:0px;	float:left;}
#bonusmoisgauchehaut {	width: 406px;	margin-top:0px;	margin-left:0px;	float:left;}
#bonusmoisgauchebas {	width: 376px;	margin-top:22px;	margin-left:30px;	float:left;}
#bonusmoisdroite {	width: 398px;	margin-top:25px;	margin-left:27px;	text-align:right;	float:left;}
#bonusmoisdroitehaut {	width: 378px;	margin-top:0px;	margin-left:15px;	float:left;}
#bonusmoisdroitebas {	width: 378px;	margin-top:22px;	margin-left:15px;	float:left;}*/

/*ANCIENNE VERSION PAGE TOUS BONUS
#bonustoustexte {	width: 1024px;	margin-top:0px;	float:left;	font-size:20px;	color:#ffffff;}
#bonusvignettes {	width: 890px;	margin-top:25px;	margin-left:67px;	float:left;}*/