/***************************
** CONTENU DE PAGE DE BASE * 							
****************************/
/* Ajoute une barre de défilement automatiquement afin de garder le centrage de la page */
html { margin: 0px; padding: 0px; overflow-y: scroll; overflow-x: auto; background:#FFF }
body { 
	margin: 0px; padding: 0px; color: black;
	font-family:	Georgia, "Times New Roman", Times, serif; 
	font-size: 0.8em; text-align: center;
}
A { background-color: transparent; text-decoration: none;}/*
a:hover { color: #6C3B2F; background-color: transparent; text-decoration: underline; }
a:visited { color: #6C3B2F; background-color: transparent; }*/

H1,H2,H3,H4,INPUT{ margin: 0px; padding: 0px; background-color: transparent; }

h1 { font-size: 1.9em; margin: 25px;  padding: 25px;}
h2 { font-size: 1.35em;}
h3 { font-size: 1.0em; }
p { font-size: 0.93em; }
img { border: 0px none;}
/* Evite le texte fantôme qui sort des boites sous IE6*/
/* Décommenter au final, utile en commentaire pour previsu dans logiciel de WYSIWYG */
/*H1,H2,H3,H4,P,LI,DIV,IMG { position: relative;},span,img,*/

/* Boîte globale */
#contenu {
	margin: 0px auto;  padding: 0px; text-align: left;
	width: 960px;
	overflow: none;
}
.largeur { width:960px; }
.gche {width:205px;}
.drte {width:755px;}

#haut { height:124px; float:left; }
#haut #logo { float:left; height:124px; text-align:center}
#haut #sepa { float:left; height:50px; }
#haut #menu { float:left; height:60px; }

/*
* Sortie de la ligne
*/
#bio A { background-image:url(mnu/bio.gif); width:79px}
#bio{ width:79px}
#personnal A { background-image:url(mnu/personnal.gif); width:156px}
#personnal{ width:156px}
#production_work A { background-image:url(mnu/production_work.gif); width:237px}
#production_work{ width:237px}
#contact A { background-image:url(mnu/contact.gif); width:99px}
#contact{ width:99px}
#links A { background-image:url(mnu/links.gif); width:78px}
#links{ width:78px}
#blog A { background-image:url(mnu/blog.gif); width:102px}
#blog{ width:102px}

.animation A { background-image:url(mnu/personnal/animation.gif);}
.drawings A { background-image:url(mnu/personnal/drawings.gif);}
.illustrations A { background-image:url(mnu/personnal/illustrations.gif);}
.photo A { background-image:url(mnu/personnal/photo.gif);}
.sketchbook A { background-image:url(mnu/personnal/sketchbook.gif);}
.video A { background-image:url(mnu/personnal/video.gif);}
.art A { background-image:url(mnu/production_work/art.gif);}
.bienvenue_dans_le_nanomonde A { background-image:url(mnu/production_work/bienvenue_dans_le_nanomonde.gif);}
.chasseurs_de_dragons_2 A { background-image:url(mnu/production_work/chasseurs_de_dragons_2.gif);}
.funky_cops A { background-image:url(mnu/production_work/funky_cops.gif);}
.interplanetes A { background-image:url(mnu/production_work/interplanetes.gif);}
.international_hareport A { background-image:url(mnu/production_work/international_hareport.gif);}
.le_soldat_rose A { background-image:url(mnu/production_work/le_soldat_rose.gif);}
.les_daltons A { background-image:url(mnu/production_work/les_daltons.gif);}
.l_ile_a_lili A { background-image:url(mnu/production_work/l_ile_a_lili.gif);}
.palmento A { background-image:url(mnu/production_work/palmento.gif);}
.spirou_et_fantasio A { background-image:url(mnu/production_work/spirou_et_fantasio.gif);}
.tricks_3 A { background-image:url(mnu/production_work/tricks_3.gif);}
.divers A { background-image:url(mnu/production_work/divers.gif);}
.stan_et_stone A { background-image:url(mnu/production_work/stan_et_stone.gif);}
.lulu_vroumette A { background-image:url(mnu/production_work/lulu_vroumette.gif);}

/*#haut #menu .menu { background-color:#00FF99 }*/
#haut #menu .menu A , #milieu #sujet .sujet A { 
	filter:alpha(opacity=25);
	opacity: 0.25;
	-moz-opacity:0.25;
	-khtml-opacity: 0.25;
	
	/*float:left;*/
}
#haut #menu .id-on A, #milieu #sujet .sujet-on A,
#haut #menu A:HOVER, #milieu #sujet A:HOVER {
	filter:alpha(opacity=100); 
	opacity: .99;
	-moz-opacity:1.;
	-khtml-opacity: 1.;
	background-color: transparent;
	/*float:left;*/
}
/*filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;*/
#milieu { height:450px; float:left; }
#milieu #sujet { float:left; }
#milieu #images {float:left; }

.sujet { height:39px; width:205px; text-align:center}
.menu B, .sujet B {display: none}
.menu A, .sujet A { display:block; height:39px; background-position:center; background-repeat:no-repeat;
background-color: transparent;}
.menu A { height:60px; }
.menu { height:60px; width:100px; text-align:center; float:left}

#magallerie { text-align:center; }
#magallerie A IMG { border:none; }

#bientot {width:700px;height:500px;text-align:center}
#bientot P { margin-top:175px}
#titre H1 {
	display: none;
}