body {
	padding: 0;
	background-color: #ffffff;
	font-family: "Comic sans ms";
	font-size: 13px;
	color: #000000;
	margin: 0; /* pour éviter les marges */
}
body img {border: 0px;}

a:link			{text-decoration:underline ; color:#BB3030}
a:visited		{text-decoration:none ; color:#BB3030}
a:hover		    {text-decoration:underline ; color:#BB3030}

#global {
	padding: 0;
	position:absolute;
	left: 50%;
	top: 50%;
	width: 750px;
	height: 550px;
	margin-top: -275px;
	margin-left: -375px;	
}
/* ---NAVIGATION------------------------------------------------------------ */
#navigation {
	width: 725px;
	height: 70px;
	padding-top: 5px;
	text-align: center;
	font-weight: bold;
	color: #c0c0c0;
	margin-bottom: 25px;			
}
#menu_galerie {
	margin-top: 15px;
	padding: 0;	
	list-style-type: none ;
	text-align: center;
}
#menu_galerie li {
	float: left ;
	margin-right: 10px ;
	display: inline ;
}

#menu_galerie li a {
	display: block;
	width: 39px ;
	height: 39px;	
	color: #ffffff ;
	background: url(pict/bouton.png) no-repeat 0% 0%;
	text-align: center ;
	line-height: 2.5em;
	padding: 0;	
}
#menu_galerie li a:hover {
	background: url(pict/bouton_on.png) no-repeat 0% 0%;
	}
#menu_galerie li a.select {background: url(pict/bouton_actif.png) no-repeat 0% 0%;}	

#navigation a#inri {
	float: left;
	width: 170px;
	height: 91px;
	background-image: url(pict/inri.png);
	margin: 12px 50px 0 15px;	
}
#navigation a#inri:hover {
	background-image: url(pict/inri_on.png);
}
#navigation .logo_mini {
	float: right;
	width: 80px;
	height: 69px;
	margin: 5px 5px 0 10px;
}
#menu0Container {
	position: absolute;
	z-index: 5;
	width: 150px;		
}
#menu0Content {
	padding-top: 5px;
	width: 140px;
	height: 400px;
	background-image: url(pict/pinceau.png);
	background-repeat: no-repeat;	
	opacity:.80;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;	
}
#menu0Content a {
	height: 40px;
	width: 140px;
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	margin-bottom: 5px;
}
#menu0Content a img{
	height: 40px;
	width: 140px;
}
#menu0Content a#peinture {background-image: url(pict/liste_peinture_1.png);}
#menu0Content a#peinture:hover {background-image: url(pict/liste_peinture_2.png);}

#menu0Content a#metal {background-image: url(pict/liste_metal_1.png);}
#menu0Content a#metal:hover {background-image: url(pict/liste_metal_2.png);}

#menu0Content a#sculpture {background-image: url(pict/liste_sculpture_1.png);}
#menu0Content a#sculpture:hover {background-image: url(pict/liste_sculpture_2.png);}

#menu0Content a#bonus {background-image: url(pict/liste_bonus_1.png);}
#menu0Content a#bonus:hover {background-image: url(pict/liste_bonus_2.png);}

#menu0Content a#bio {background-image: url(pict/liste_bio_1.png);}
#menu0Content a#bio:hover {background-image: url(pict/liste_bio_2.png);}

#menu0Content a#lien {background-image: url(pict/liste_lien_1.png);}
#menu0Content a#lien:hover {background-image: url(pict/liste_lien_2.png);}

#menu0Content a#divers {background-image: url(pict/liste_divers_1.png);}
#menu0Content a#divers:hover {background-image: url(pict/liste_divers_2.png);}

/* ---UN FOND DIFFERENT POUR CHAQUE GALERIE--------------------------------- */

#global_accueil {
	width: 750px;
	height: 550px;
	background: url(pict/fond_accueil.jpg) no-repeat 0% 0%;
}
#global_metal {
	width: 750px;
	height: 550px;
	background: url(pict/fond_metal.jpg) no-repeat 0% 0%;
}
#global_base {
	width: 750px;
	height: 550px;
	background: url(pict/fond_base.jpg) no-repeat 0% 0%;
}
#global_ceki {
	width: 750px;
	height: 550px;
	background: url(pict/fond_ceki.jpg) no-repeat 0% 0%;
}
#global_peinture {
	width: 750px;
	height: 550px;
	background: url(pict/fond_peinture.jpg) no-repeat 0% 0%;
}
#global_liens {
	width: 750px;
	height: 550px;
	background: url(pict/fond_liens.jpg) no-repeat 0% 0%;
}

/* ---PAGE ACCUEIL---------------------------------------------------------- */
	
#global_accueil a {
	position: absolute;
	width: 110px;
	height: 95px;
	background-repeat: no-repeat;
	background-position: 0% 0%;
}
#global_accueil a img {
	width: 110px;
	height: 95px;
}
#global_accueil a#metal {
	top: 15px; left: 25px;
	background-image: url(pict/cadre_metal.png);
}
#global_accueil a#metal:hover {
	background-image: url(pict/cadre_metal_on.png);
}
#global_accueil a#bonus {
	top: 30px; left: 395px;
	background-image: url(pict/cadre_bonus.png);
}
#global_accueil a#bonus:hover {
	background-image: url(pict/cadre_bonus_on.png);
}
#global_accueil a#peinture {
	top: 150px; left: 75px;
	background-image: url(pict/cadre_peinture.png);
}
#global_accueil a#peinture:hover {
	background-image: url(pict/cadre_peinture_on.png);
}
#global_accueil a#sculpture {
	top: 85px; left: 235px;
	background-image: url(pict/cadre_sculpture.png);
}
#global_accueil a#sculpture:hover {
	background-image: url(pict/cadre_sculpture_on.png);
}
#global_accueil a#divers {
	top: 195px; left: 430px;
	background-image: url(pict/cadre_divers.png);
}
#global_accueil a#divers:hover {
	background-image: url(pict/cadre_divers_on.png);
}
#global_accueil a#lien {
	top: 30px; left: 605px;
	background-image: url(pict/cadre_liens.png);
}
#global_accueil a#lien:hover {
	background-image: url(pict/cadre_liens_on.png);
}
#global_accueil a#bio {
	top: 175px; left: 590px;
	background-image: url(pict/cadre_bio.png);
}
#global_accueil a#bio:hover {
	background-image: url(pict/cadre_bio_on.png);
}

#flashcontent {
	margin-left: 3px;	
	width: 723px;
	height: 420px;
}
/* ---PAGE BONUS--------------------------------------------------------------------------------------------- */
.bonus_film {
	position: absolute;
	top: 140px;
	left: 100px;
}
.bonus_ceki {
	position: absolute;
	top: 160px;
	left: 420px;
}
/* ---PAGE BONUS FIN--- -------------------------------------------------------------------------*/
/* ---BIO--------------------------------------------------------------------------------------------- */
#bio #divScroller1 {
	position:absolute;
	overflow:hidden;
	left:30px;
	top:120px;
	width:550px;
	height:380px;
	clip:rect(0px, 555px, 385px, 0px);
	visibility: visible;
	border: 1px solid black;
}
#bio .dynPage {
	position:absolute;
	z-index:1;
	width:520px;
	visibility:hidden;
	padding-left:30px;
	padding-top: 30px;	
	list-style-type: none;
	background-image: url(pict/cahier.png);
	background-repeat: repeat-y;
}
#bio .dynPage p {
	padding-bottom: 15px;
}
#bio .dynPage h1 {
	font-weight: bold;
	color: #800000;
	font-size: 100%;
}
#bio .dynPage p img {
	margin: 50px;
}
.gauche {float: left; margin-right: 10px; margin-bottom: 10px;}
 .droite {float: right; margin-left: 10px; margin-bottom: 10px;}

#arrows_bio {
	position:absolute;
	left:590px;
	top:130px;
	width:30px;
	height: 130px
}
#arrows_bio a {
	display: block;
	margin-bottom: 5px;
	width: 30px;
	height: 70px;
	background-repeat: no-repeat;
	background-position: 0% 0%;
}
#arrows_bio a.fleche_up {background-image: url(pict/fleche_haut1.png);}
#arrows_bio a.fleche_down {background-image: url(pict/fleche_bas1.png);}

#arrows_bio a.fleche_up:hover {background-image: url(pict/fleche_haut2.png);}
#arrows_bio a.fleche_down:hover {background-image: url(pict/fleche_bas2.png);}
/* ---BIO FIN--- -------------------------------------------------------------------------*/


/* --LIENS--- -------------------------------------------------------------------------*/
#mail {
	position:absolute;
	left:280px;
	top:10px;
	width:250px;
	height:50px;
	text-align: center;
	font-weight: bold;
	font-size:  15px;
}

#mail a:link			{text-decoration:none ; color:#000000}
#mail a:visited		{text-decoration:none ; color:#000000}
#mail a:hover		    {text-decoration:underline ; color:#BB3030}
#liens #divScroller1 {
	position:absolute;
	overflow:hidden;
	left:30px;
	top:110px;
	width:330px;
	height:320px;
	clip:rect(0px, 325px, 310px, 0px);
	visibility: visible;
}
#liens .dynPage {
	position:absolute;
	z-index:1;
	width:330px;
	visibility:hidden;
	padding-left:30px;
	padding-top: 10px;
	list-style-type: none;
	background-image: url(pict/cahier.png);
	background-repeat: repeat-y;
}
#liens .dynPage li {	
	margin-bottom: 40px;
}
#liens .dynPage  img {
	vertical-align: middle;
	display: inline-block;
	margin-right: 20px;
}
#arrows_liens {
	position:absolute;
	left:370px;
	top:320px;
	width:30px;
	height: 130px
}
#arrows_liens a {
	display: block;
	margin-bottom: 5px;
	width: 30px;
	height: 70px;
	background-repeat: no-repeat;
	background-position: 0% 0%;
}
#arrows_liens a.fleche_up {background-image: url(pict/fleche_haut1.png);}
#arrows_liens a.fleche_down {background-image: url(pict/fleche_bas1.png);}

#arrows_liens a.fleche_up:hover {background-image: url(pict/fleche_haut2.png);}
#arrows_liens a.fleche_down:hover {background-image: url(pict/fleche_bas2.png);}
/* ---LIENS FIN--- -------------------------------------------------------------------------*/

/* ---LE FILM--------------------------------------------------------------------------------------------- */
object#film {
	margin-left: 170px;
	margin-top: 20px;
}
/* ---LE FILM FIN--- -------------------------------------------------------------------------*/

/* ---ZOOM--------------------------------------------------------------------------------------------- */
#container {
	padding: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 640px;
	height: 640px;
	margin-top: -320px;
	margin-left: -320px;
}
#back_zoom {
	position: absolute;
	bottom: 100px;
	left: 30px;
}
	
#zoom a:link			{text-decoration:none ; color:#808080}
#zoom a:visited		{text-decoration:none ; color:#808080}
#zoom a:hover		    {text-decoration:none ; color:#BB3030}

#voyeur {
	position: absolute;
	bottom: 0;
	right: 10px;
}
/* ---ZOOM FIN--- -------------------------------------------------------------------------*/

/* ---DIVERS--------------------------------------------------------------------------------------------- */
#boutik {
	position: absolute;
	top: 92px;
	left: 2px;
}
/* ---DIVERS FIN--------------------------------------------------------------------------------------------- */

/* ---DEWPLAYER--------------------------------------------------------------------------------------------- */
#zik {
text-align: center;
	width: 100%;
	height: 30px;	
	margin-top: 0;
}
#zik object {
	width: 20px;
	height: 20px;
}
/* ---DEWPLAYER FIN--- -------------------------------------------------------------------------*/