* {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
}
body {
	background-color: #fff;
}

:focus { outline: 0; }

p, a {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #666565;
	text-decoration: none;
	}

.clear {
	clear: both;
}

img {
	border-style: none;
	float: left;
}


#btn_xtuffdesigns a {
	height: 80px;
	width: 80px;
	float: right;
	display: block;
	background-image: url(img/logo_xtuffdesigns.png);
	background-repeat: no-repeat;
	background-position: top;
	position:absolute;
	z-index: 5;
	position: fixed;
	float: right;
	bottom: 0px;
	right: 0px;
}

#btn_xtuffdesigns a:hover, #btn_xtuffdesigns a:active {
	height: 80px;
	width: 80px;
	float: right;
	display: block;
	background-image: url(img/logo_xtuffdesigns.png);
	background-repeat: no-repeat;
	background-position: bottom;
	position:absolute;
	z-index: 5;
	position: fixed;
	float: right;
	bottom: 0px;
	right: 0px;
}

#container {
	width: 4000px;
	height: auto;
	position: relative;
	z-index: 3;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
	padding-left: 30px;
}

#line {
	height: 400px;
	width: 4000px;
	background-image: url(img/line.png);
	background-repeat: no-repeat;
	float: left;
	position:absolute;
	z-index: 3;
}


#band_btn {
	width: auto;
	height: 40px;
	display: block;
	float: left;
}

#click {
	width: 95px;
	height: 40px;
	display: block;
	float: left;
	background-image: url(img/click.gif);
	background-repeat: no-repeat;
	margin-left: 25px;
}


#arrow {
	width: 220px;
	height: 45px;
	background-image: url(img/arrow.gif);
	background-repeat: no-repeat;
	display: block;
	float: right;
	position: fixed;
	z-index: 3;
	right: 30px
}

#stopper {
	width: 15px;
	height: 45px;
	background-image: url(img/stopper.gif);
	background-repeat: no-repeat;
	display: block;
	float: right;
	position: relative;
	z-index: 3;
	margin-right: 15px;
}

/*-------------------------------------------------- ANIM -------------------------------------------*/

#box_woman {
	width: 120px;
	height: 400px;
	float: left;
	display: block;
	background-image: url(img/woman.gif);
	background-repeat: no-repeat;
}

#anim_woman {
	width: 120px;
	height: 400px;
	background-image: url(img/woman.gif);
	background-repeat: no-repeat;
}




#btn_baby {
	width: 40px;
	height: 40px;
	background-image: url(img/bouton_1.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-left: 30px;
	margin-right: 60px;
}
#box_baby {
	width: 130px;
	height: 400px;
	float: left;
	display: block;
	background-image: url(img/behappy.gif);
	background-repeat: no-repeat;
}
#anim_baby {
	width: 130px;
	height: 400px;
	background-image: url(img/baby.gif);
	background-repeat: no-repeat;
}


#btn_man {
	width: 40px;
	height: 40px;
	background-image: url(img/bouton_2.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-left: 55px;
	margin-right: 55px;
}
#box_man {
	width: 150px;
	height: 400px;
	float: left;
	display: block;
}
#anim_man {
	width: 150px;
	height: 400px;
	background-image: url(img/man.gif);
	background-repeat: no-repeat;
}



#btn_lady {
	width: 40px;
	height: 40px;
	background-image: url(img/bouton_3.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-left: 25px;
	margin-right: 25px;
}
#box_lady {
	width: 90px;
	height: 400px;
	float: left;
	display: block;
}
#anim_lady {
	width: 90px;
	height: 400px;
	background-image: url(img/lady.gif);
	background-repeat: no-repeat;
}



#btn_burka {
	width: 40px;
	height: 40px;
	background-image: url(img/bouton_4.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-left: 57px;
	margin-right: 58px;
}
#box_burka {
	width: 155px;
	height: 400px;
	float: left;
	display: block;
}
#anim_burka {
	width: 155px;
	height: 400px;
	background-image: url(img/burka.gif);
	background-repeat: no-repeat;
}


#btn_fatty {
	width: 40px;
	height: 40px;
	background-image: url(img/bouton_5.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-left: 65px;
	margin-right: 65px;
}
#box_fatty {
	width: 170px;
	height: 400px;
	float: left;
	display: block;
}
#anim_fatty {
	width: 170px;
	height: 400px;
	background-image: url(img/fatty.gif);
	background-repeat: no-repeat;
}


#btn_cat {
	width: 40px;
	height: 40px;
	background-image: url(img/bouton_6.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-left: 85px;
	margin-right: 85px;
}
#box_cat {
	width: 210px;
	height: 400px;
	float: left;
	display: block;
}
#anim_cat {
	width: 210px;
	height: 400px;
	background-image: url(img/cat.gif);
	background-repeat: no-repeat;
}


#btn_body {
	width: 40px;
	height: 40px;
	background-image: url(img/bouton_7.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-left: 45px;
	margin-right: 45px;
}
#box_body {
	width: 130px;
	height: 400px;
	float: left;
	display: block;
}
#anim_body {
	width: 130px;
	height: 400px;
	background-image: url(img/body.gif);
	background-repeat: no-repeat;
}


#btn_super {
	width: 40px;
	height: 40px;
	background-image: url(img/bouton_8.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-left: 65px;
	margin-right: 65px;
}
#box_super {
	width: 170px;
	height: 400px;
	float: left;
	display: block;
	background-image: url(img/behappy_2.gif);
	background-repeat: no-repeat;
}
#anim_super {
	width: 170px;
	height: 400px;
	background-image: url(img/super.gif);
	background-repeat: no-repeat;
}


#btn_ballman {
	width: 40px;
	height: 40px;
	background-image: url(img/bouton_9.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-left: 50px;
	margin-right: 50px;
}
#box_ballman {
	width: 140px;
	height: 400px;
	float: left;
	display: block;
}
#anim_ballman {
	width: 140px;
	height: 400px;
	background-image: url(img/ballman.gif);
	background-repeat: no-repeat;
}



#btn_granny {
	width: 40px;
	height: 40px;
	background-image: url(img/bouton_1.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-left: 46px;
	margin-right: 47px;
}
#box_granny {
	width: 135px;
	height: 400px;
	float: left;
	display: block;
}
#anim_granny {
	width: 170px;
	height: 400px;
	background-image: url(img/granny.gif);
	background-repeat: no-repeat;
}



#btn_merman {
	width: 40px;
	height: 40px;
	background-image: url(img/bouton_2.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-left: 25px;
	margin-right: 25px;
}
#box_merman {
	width: 95px;
	height: 400px;
	float: left;
	display: block;
}
#anim_merman {
	width: 90px;
	height: 400px;
	background-image: url(img/merman.gif);
	background-repeat: no-repeat;
}



#btn_masai {
	width: 40px;
	height: 40px;
	background-image: url(img/bouton_3.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-left: 40px;
	margin-right: 40px;
}
#box_masai {
	width: 120px;
	height: 400px;
	float: left;
	display: block;
}
#anim_masai {
	width: 120px;
	height: 400px;
	background-image: url(img/masai.gif);
	background-repeat: no-repeat;
}



#btn_tetris {
	width: 40px;
	height: 40px;
	background-image: url(img/bouton_4.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-left: 27px;
	margin-right: 28px;
}
#box_tetris {
	width: 95px;
	height: 400px;
	float: left;
	display: block;
}
#anim_tetris {
	width: 95px;
	height: 400px;
	background-image: url(img/tetris.gif);
	background-repeat: no-repeat;
}



#btn_hair {
	width: 40px;
	height: 40px;
	background-image: url(img/bouton_5.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-left: 50px;
	margin-right: 50px;
}
#box_hair {
	width: 140px;
	height: 400px;
	float: left;
	display: block;
}
#anim_hair {
	width: 140px;
	height: 400px;
	background-image: url(img/hair.gif);
	background-repeat: no-repeat;
}


#btn_grs {
	width: 40px;
	height: 40px;
	background-image: url(img/bouton_6.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-left: 80px;
	margin-right: 80px;
}
#box_grs {
	width: 200px;
	height: 400px;
	float: left;
	display: block;
	background-image: url(img/behappy_3.gif);
	background-repeat: no-repeat;
}
#anim_grs {
	width: 200px;
	height: 400px;
	background-image: url(img/grs.gif);
	background-repeat: no-repeat;
}



#btn_kids {
	width: 40px;
	height: 40px;
	background-image: url(img/bouton_7.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-left: 67px;
	margin-right: 68px;
}
#box_kids {
	width: 175px;
	height: 400px;
	float: left;
	display: block;
}
#anim_kids {
	width: 175px;
	height: 400px;
	background-image: url(img/kids.gif);
	background-repeat: no-repeat;
}



#btn_mama {
	width: 40px;
	height: 40px;
	background-image: url(img/bouton_8.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-left: 55px;
	margin-right: 55px;
}
#box_mama {
	width: 150px;
	height: 400px;
	float: left;
	display: block;
}
#anim_mama {
	width: 150px;
	height: 400px;
	background-image: url(img/mama.gif);
	background-repeat: no-repeat;
}



#btn_victoria {
	width: 40px;
	height: 40px;
	background-image: url(img/bouton_9.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-left: 100px;
	margin-right: 100px;
}
#box_victoria {
	width: 240px;
	height: 400px;
	float: left;
	display: block;
}
#anim_victoria {
	width: 240px;
	height: 400px;
	background-image: url(img/victoria.gif);
	background-repeat: no-repeat;
}



#btn_poo {
	width: 40px;
	height: 40px;
	background-image: url(img/bouton_1.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-left: 40px;
	margin-right: 40px;
}
#box_poo {
	width: 120px;
	height: 400px;
	float: left;
	display: block;
}
#anim_poo {
	width: 120px;
	height: 400px;
	background-image: url(img/poo.gif);
	background-repeat: no-repeat;
}



#btn_sufi {
	width: 40px;
	height: 40px;
	background-image: url(img/bouton_2.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-left: 100px;
	margin-right: 100px;
}
#box_sufi {
	width: 240px;
	height: 400px;
	float: left;
	display: block;
}
#anim_sufi {
	width: 240px;
	height: 400px;
	background-image: url(img/sufi.gif);
	background-repeat: no-repeat;
}



#btn_giraffe {
	width: 40px;
	height: 40px;
	background-image: url(img/bouton_3.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-left: 65px;
	margin-right: 65px;
}
#box_giraffe {
	width: 170px;
	height: 400px;
	float: left;
	display: block;
	background-image: url(img/behappy_2.gif);
	background-repeat: no-repeat;
}
#anim_giraffe {
	width: 170px;
	height: 400px;
	background-image: url(img/giraffe.gif);
	background-repeat: no-repeat;
}



#btn_aladdin {
	width: 40px;
	height: 40px;
	background-image: url(img/bouton_4.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-left: 85px;
	margin-right: 85px;
}
#box_aladdin {
	width: 210px;
	height: 400px;
	float: left;
	display: block;
}
#anim_aladdin {
	width: 210px;
	height: 400px;
	background-image: url(img/aladdin.gif);
	background-repeat: no-repeat;
}



#btn_lift {
	width: 40px;
	height: 40px;
	background-image: url(img/bouton_5.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-left: 55px;
	margin-right: 55px;
}
#box_lift {
	width: 150px;
	height: 400px;
	float: left;
	display: block;
}
#anim_lift {
	width: 150px;
	height: 400px;
	background-image: url(img/lift.gif);
	background-repeat: no-repeat;
}



#btn_teddy {
	width: 40px;
	height: 40px;
	background-image: url(img/bouton_6.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-left: 67px;
	margin-right: 68px;
}
#box_teddy {
	width: 175px;
	height: 400px;
	float: left;
	display: block;
}
#anim_teddy {
	width: 175px;
	height: 400px;
	background-image: url(img/teddy.gif);
	background-repeat: no-repeat;
}