body {
	margin: 0;
	scrollbar-base-color: #dcdce0;
	scrollbar-arrow-color: #89898c;
	scrollbar-3dlight-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-face-color: #dcdce0;
	scrollbar-highlight-color: #fff;
	scrollbar-track-color: #00baff;
	color: #fff;
	background: #00baff url(./images/fondbulle.png);
	font: bold 14px Arial, Helvetica, sans-serif;
}
hr {
	clear: both;
	width: 100%;
	border: 0;
	border-bottom: 2px #fff solid;
	height: 2px;
}
span.bleu {
	color: #0011f4;
	font: bold 15px Arial, Helvetica, sans-serif;
}
span.bleu2 {
	color: #0011f4;
	font: bold 16px Arial, Helvetica, sans-serif;
}
span.bob {
	color: #f5de14;
	font: bold 14px Arial, Helvetica, sans-serif;
}
span.patrick {
	color: #e74a5b;
	font: bold 14px Arial, Helvetica, sans-serif;
}
span.plankton {
	color: #0dc579;
	font: bold 14px Arial, Helvetica, sans-serif;
}
span.news {
	color: #fff;
	font: bold 14px Arial, Helvetica, sans-serif;
}
span.titre {
	color: #0011f4;
	font: bold 15px Arial, Helvetica, sans-serif;
}
span.story {
	color: #0011f4;
	font:  12px Arial, Helvetica, sans-serif;
}
div.borderpub {	
    width: 120px;
	height: 90px;
	border: 1px solid #fff;
}

div.conteneur {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 800px;
	height: 550px;
	margin-top: -275px;
	margin-left: -400px;
}
div.contour {
	position: absolute;
	margin-left: 0;
	margin-top: 0;
	width: 800px;
	height: 520px;
	border-left: 2px outset #fff;
	border-top: 2px outset #fff;
	border-right: 2px solid #0293bf;
	border-bottom: 2px solid #0293bf;
}
div.banniere {
	position: absolute;
	margin-left: 0;
	margin-top: 0;
	width: 800px;
	height: 150px;
}
div.fond {
	position: absolute;
	margin-left: 0;
	margin-top: 150px;
	width: 800px;
	height: 370px;
}
div.copyright {
	position: absolute;
	margin-left: 0;
	margin-top: 530px;
	width: 800px;
	height: 20px;
	text-align: center;
	color: #00a1e5;
	font: 10pt "Times New Roman", Times, serif;
}
div.fondaccueil {
	position: absolute;
	margin-left: 0;
	margin-top: 0;
	height: 370px;
	width: 800px;
	background: url(./images/fondaccueil.jpg);
}
div.accueil {
	position: absolute;
	margin-left: 100px;
	margin-top: 80px;
	width: 560px;
	border: 1px solid #fff;
	padding: 20px;
	text-align: center;
	-moz-opacity: 0.95;
	opacity: 0.95;
	filter: alpha(opacity=95);
	background: url(./images/fondbulle2.png) repeat;
}
div.fondautre {
	position: absolute;
	margin-left: 0;
	margin-top: 0;
	padding: 20px;
	height: 330px;
	width: 760px;
	background: url(./images/fondautre.jpg);
}
div.positionmenu {
	position: absolute;
	width: 150px;
	height: 184px;
	margin-left: 0;
	margin-top: 30px;
	text-align: left;
}
div.fondinclude {
	position: absolute;
	overflow: visible;
	width: 530px;
	height: 268px;
	margin-left: 190px;
	margin-top: 20px;
	text-align: left;
	border: 1px solid #fff;
	padding: 20px;
	-moz-opacity: 0.95;
	opacity: 0.95;
	filter: alpha(opacity=95);
	background: url(./images/fondbulle2.png);
}
div.overflow {
	position: absolute;
	overflow: auto;
	width: 520px;
	height: 268px;
	margin-left: 0;
	margin-top: 0;
	padding-right: 10px;
}
div.menuperso {
	position: absolute;
	text-align: left;
	width: 530px;
	height: 55px;
	margin-left: 0;
	margin-top: 0;
}
div.imagesperso {
	position: absolute;
	text-align: left;
	width: 180px;
	height: 180px;
	margin-left: 0;
	margin-top: 80px;
}
div.descriptionperso {
	position: absolute;
	overflow: auto;
	width: 320px;
	height: 180px;
	margin-left: 200px;
	margin-top: 80px;
	padding-right: 10px;
}
div.menuserie {
	position: absolute;
	text-align: left;
	width: 530px;
	height: 30px;
	margin-left: 0;
	margin-top: 0;
}
div.imageserie {
	position: absolute;
	width: 179px;
	height: 228px;
	margin-left: 0;
	margin-top: 40px;
}
div.descriptionserie {
	position: absolute;
	overflow: auto;
	width: 318px;
	height: 228px;
	margin-left: 202px;
	margin-top: 40px;
	padding-right: 10px;
}
div.menuserie2 {
	position: absolute;
	text-align: left;
	width: 530px;
	height: 40px;
	margin-left: 0;
	margin-top: 40px;
}
div.imageserie2 {
	position: absolute;
	width: 150px;
	height: 120px;
	margin-left: 0;
	margin-top: 105px;
}
div.descriptionserie2 {
	position: absolute;
	overflow: auto;
	width: 350px;
	height: 145px;
	margin-left: 170px;
	margin-top: 120px;
	padding-right: 10px;
}
div.goodies {
	position: absolute;
	overflow: auto;
	width: 520px;
	height: 228px;
	margin-left: 0;
	margin-top: 40px;
	padding-right: 10px;
}
div.bob {
	position: absolute;
	float: inherit;
	display: block;
	width: 154px;
	height: 240px;
	margin-left: 610px;
	margin-top: 165px;
}
div.patrik {
	position: absolute;
	display: block;
	width: 500px;
	height: 250px;
	margin-left: 40px;
	margin-top: 30px;
}
img.invi {
	display: none;
}
div.invisible {
	display: none;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
}
a img {
	border: none;
}
a.mini img {
	border: 1px solid #000;
}
a:link {
	text-decoration: underline;
	color: #f5de14;
}
a:visited {
	text-decoration: underline;
	color: #f5de14;
}
a:hover {
	text-decoration: none;
	color: #0a21eb;
}
a:active {
	text-decoration: underline;
	color: #f5de14;
}
a.lien:link {
	text-decoration: underline;
	color: #fff;
}
a.lien:visited {
	text-decoration: underline;
	color: #fff;
}
a.lien:hover {
	text-decoration: none;
	color: #0dc579;
}
a.lien:active {
	text-decoration: underline;
	color: #fff;
}
a.copyright {
	text-decoration: none;
	color: #00a1e5;
	font: 10pt "Times New Roman", Times, serif;
	}
a.copyright:link {
	text-decoration: none;
	color: #00a1e5;
}
a.copyright:visited {
	text-decoration: none;
	color: #00a1e5;
}
a.copyright:hover {
	text-decoration: none;
	color: #00a1e5;
}
a.copyright:active {
	text-decoration: none;
	color: #00a1e5;
}	
a.opacity img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	border: 1px solid #fff;
}
a.opacity:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	border: 1px solid #000;
}
a.perso img {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
a.perso:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
a.menu {
	display: block;
	width: 150px;
	height: 23px;
	background: url(./images/boutons/Accueil.gif) no-repeat;
}
a.menu:hover {
	background: url(./images/boutons/Accueil2.gif);
}
a.menu2 {
	display: block;
	width: 150px;
	height: 23px;
	background: url(./images/boutons/news.gif) no-repeat;
}
a.menu2:hover {
	background: url(./images/boutons/news2.gif);
}
a.menu2 {
	display: block;
	width: 150px;
	height: 23px;
	background: url(./images/boutons/news.gif) no-repeat;
}
a.menu2:hover {
	background: url(./images/boutons/news2.gif);
}
a.menu2 {
	display: block;
	width: 150px;
	height: 23px;
	background: url(./images/boutons/news.gif) no-repeat;
}
a.menu2:hover {
	background: url(./images/boutons/news2.gif);
}
a.menu3 {
	display: block;
	width: 150px;
	height: 23px;
	background: url(./images/boutons/personnages.gif) no-repeat;
}
a.menu3:hover {
	background: url(./images/boutons/personnages2.gif);
}
a.menu4 {
	display: block;
	width: 150px;
	height: 23px;
	background: url(./images/boutons/serie.gif) no-repeat;
}
a.menu4:hover {
	background: url(./images/boutons/serie2.gif);
}
a.menu5 {
	display: block;
	width: 150px;
	height: 23px;
	background: url(./images/boutons/lefilm.gif) no-repeat;
}
a.menu5:hover {
	background: url(./images/boutons/lefilm2.gif);
}
a.menu6 {
	display: block;
	width: 150px;
	height: 23px;
	background: url(./images/boutons/goodies.gif) no-repeat;
}
a.menu6:hover {
	background: url(./images/boutons/goodies2.gif);
}
a.menu7 {
	display: block;
	width: 150px;
	height: 23px;
	background: url(./images/boutons/liens.gif) no-repeat;
}
a.menu7:hover {
	background: url(./images/boutons/liens2.gif);
}
a.menu8 {
	display: block;
	width: 150px;
	height: 23px;
	background: url(./images/boutons/contact.gif) no-repeat;
}
a.menu8:hover {
	background: url(./images/boutons/contact2.gif);
}
a.menu9 {
	display: block;
	width: 150px;
	height: 23px;
	background: url(./images/boutons/forum.gif) no-repeat;
}
a.menu9:hover {
	background: url(./images/boutons/forum2.gif);
}
a.menu10 {
	display: block;
	width: 150px;
	height: 23px;
	background: url(./images/boutons/contact.gif) no-repeat;
}
a.menu10:hover {
	background: url(./images/boutons/contact2.gif);
}
a.menu11 {
	display: block;
	width: 150px;
	height: 23px;
	background: url(./images/boutons/lieux.gif) no-repeat;
}
a.menu11:hover {
	background: url(./images/boutons/lieux2.gif);
}