/* Bonus */

* {margin:0; padding:0}

body {
background-color: #1486BF;
font-size:11px; font-family:Verdana,Arial,"Trebuchet MS",sans-serif; color:#06100D; line-height:150%;
}

a:link { color:#1486BF; text-decoration :none; font-weight: bold;}
a:visited { color:#63b3e0 ; font-weight: bold; text-decoration :none;}
a:hover { color:#004D95; font-weight: bold; text-decoration :none;}
a img { border:none; }
a.tiny {color:#FFF; font-weight: normal; text-decoration :none;}

#bg {
position: absolute;
width: 100%;
top:0;
left:0;
height: 670px;
background: url(../images/accueil/fond.jpg);
}

#Tableau_01 {
	position:absolute;
	left:0px;
	top:0px;
	width:940px;
	height:670px;
}

#hidden {
	position:absolute;
	top:-10000px;
}

.cache {
	display:none;
}

a.logo {
	position:absolute;
	left:0px;
	top:0px;
	width:334px;
	height:119px;
	background: url(../images/accueil/logo.jpg);
}

#logoend {
	position:absolute;
	left:334px;
	top:0px;
	width:32px;
	height:119px;
	background: url(../images/bonus/logoend.jpg);

}

a.accueil {
	position:absolute;
	left:366px;
	top:0px;
	width:95px;
	height:119px;
	background: url(../images/bonus/accueil.jpg);
}
a.accueil:hover { background: url(../images/bonus/accueil_hover.jpg); }

a.bonus {
	position:absolute;
	left:461px;
	top:0px;
	width:88px;
	height:119px;
	background: url(../images/bonus/bonus.jpg);
}
a.bonus:hover { background: url(../images/bonus/bonus_hover.jpg); }

a.lexique {
	position:absolute;
	left:549px;
	top:0px;
	width:87px;
	height:119px;
	background: url(../images/bonus/lexique.jpg);
}
a.lexique:hover { background: url(../images/bonus/lexique_hover.jpg); }

a.contact {
	position:absolute;
	left:636px;
	top:0px;
	width:88px;
	height:119px;
	background: url(../images/bonus/contact.jpg);
}
a.contact:hover { background: url(../images/bonus/contact_hover.jpg); }

a.citic74 {
	position:absolute;
	left:724px;
	top:0px;
	width:88px;
	height:119px;
	background: url(../images/bonus/citic74.jpg);
}
a.citic74:hover { background: url(../images/bonus/citic74_hover.jpg); }

a.aide {
	position:absolute;
	left:812px;
	top:0px;
	width:118px;
	height:119px;
	background: url(../images/bonus/aide.jpg);
}
a.aide:hover { background: url(../images/bonus/aide_hover.jpg); }

#haut {
	position:absolute;
	left:365px;
	top:119px;
	width:565px;
	height:94px;
	background: url(../images/bonus/haut.jpg);
}

#les_bonus {
	position:absolute;
	left:0px;
	top:119px;
	width:365px;
	height:94px;
	background: url(../images/bonus/les_bonus.jpg);
}

#gauche {
	position:absolute;
	left:138px;
	top:213px;
	width:58px;
	height:366px;
	background: url(../images/bonus/gauche.jpg);
}

#contenu {
	position:absolute;
	left:196px;
	top:213px;
	width:677px;
	height:366px;
	background-color: #FFF;
}

a.personnages {
	position:absolute;
	top:50px;
	left:10px;
	width: 236px;
	height: 303px;
	background: url(../images/bonus/tout_savoir_personnages.jpg) no-repeat;
}

a.fouyou {
	position:absolute;
	top:140px;
	left:288px;
	width: 160px;
	height: 160px;
	background: url(../images/bonus/mamie_lydie_fouyou.jpg) no-repeat;
}


a.autres {
	position:absolute;
	top:310px;
	left: 400px;
	width: 160px;
	height: 60px;
	background: url(../images/bonus/autres_bonus.jpg) no-repeat;
}

a.storyboard {
	position:absolute;
	top:0px;
	left: 460px;
	width: 210px;
	height: 160px;
	background: url(../images/bonus/story_board.jpg) no-repeat;
}

#cecile {
	margin-top:77px;
	margin-left:283px;
}

#droite {
	position:absolute;
	left:873px;
	top:213px;
	width:57px;
	height:366px;
	background: url(../images/bonus/droite.jpg);
}

#bas {
	position:absolute;
	left:138px;
	top:579px;
	width:792px;
	height:26px;
	background: url(../images/bonus/bas.jpg);
}

#footer {
	position:absolute;
	text-align: center;
	left:80px;
	top:610px;
	width:860px;
	height:30px;
	font-size:10px; color:#FFF;	
	}