body	{
	background-position: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #999999;
	background-attachment: scroll;
	background-image: url(http://www.galerie-depardieu.com/image/logoblanc.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	}
a:link { font-weight:bold ; color: #FFFFFF ;}
a:visited {color: #CCCCCC ; }
a:hover { color: #F0F0F0 ; text-decoration: none ; }

#contenu	{
	margin: 0 5%  0 5% ;
	border-left: 10px solid #000000;
	border-right: 10px solid #000000;
	border-bottom: 10px solid #000000;
	border-top: 10px solid #000000;
	padding : 10px;
	background-color: #ECE9E9;
	}
	
#logo	{
	float: left;
	image: url(http://www.galerie-depardieu.com/image/logonoir.gif);
	width: 157px;
	height: 172px;
	}

#men	{
	margin-top: 90px;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
	background-color: #000000;
	text-align: center;
	text-transform:uppercase;
	color:#F0F0F0;
	float:center;
	word-spacing:40px;
	text-transfor:underline;
}
#nav	{
	margin-top: 120px;

}

#menu, #menu ul /*liste*/	{
	margin:0;
	padding:0;
	list-style: none;
	line-height: 27px;
	text-align: center;
}

#menu /*ensemble du menu*/	{
	font-weight: bold;
	font-family: arial;
	font-size: 12px;
}

#menu a /*contenu des listes*/	{
	display: block;
	padding: 0;
	background: #000000;
	color: #F0F0F0;
	text-decoration: none;
	width: 135px;
}

#menu li /* éléments des listes*/	{
	float: left;
	border-right: 1px solid #fff;
	}
	
html>body #menu li	{
	border-right: 1px solid transparent;
	}

#menu li ul /*sous-listes*/	{
	position: absolute;
	width: 135px;
	left: -999em;

}

#menu li ul li {
	border-top: 1px solid transparent;
	}
	
html>body #menu li ul li 	{
	border-top: 1px solid transparent;
	}
	
#menu li ul ul	{
	margin: -22px 0 0 135px;
	border-left: 1px solid #fff;
	}
	
html>body #menu li ul ul	{
	border-left: 1px solid transparent;
}

#menu a:hover /*souris passe sur des liens*/	{
	color: #E2E2E2;
	
}

#menu li:hover ul ul, menu li.sfhover ul ul	{
	left: -999em;
	}
	
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul
{
	left:auto;
	min-height: 0;
}
								/*Pour accueil*/
								#page	{
								padding-top: 6px;
								padding-right: 12px;
								padding-bottom: 6px;
								padding-left: 10px;
								border-top-width: 1px;
								border-right-width-value: 1px;
								border-right-width-ltr-source: physical;
								border-right-width-rtl-source: physical;
								border-bottom-width: 1px;
								border-left-width-value: 1px;
								border-left-width-ltr-source: physical;
								border-left-width-rtl-source: physical;
								border-top-style: solid;
								border-right-style-value: solid;
								border-right-style-ltr-source: physical;
								border-right-style-rtl-source: physical;
								border-bottom-style: solid;
								border-left-style-value: solid;
								border-left-style-ltr-source: physical;
								border-left-style-rtl-source: physical;
								border-top-color: #eeeeee;
								border-right-color-value: #eeeeee;
								border-right-color-ltr-source: physical;
								border-right-color-rtl-source: physical;
								border-bottom-color: #eeeeee;
								border-left-color-value: #eeeeee;
								border-left-color-ltr-source: physical;
								border-left-color-rtl-source: physical;
								background-color: #ffffff;
								background-image: none;
								background-repeat: repeat;
								background-attachment: scroll;
								background-position: 0% 0%;
								margin-bottom: 8px;
								}
								
								h1 {
								font-size: 1.4em;
								margin-bottom:4px;
								}
								
								h2	{
								font-size: 1.2em;
								margim-bottom: 2px;
								}
								
								#texte	{
								font-family: Arial, Helvetica, sans-serif;
								font-size: 12px;
								margin-top:22px;
								}
								
								#photo	{
								image:			 url(http://www.galerie-depardieu.com/image/vitrine.gif);
								width: 383px;
								height: 212px;
								padding-top: 6px;
								padding-right: 12px;
								padding-bottom: 6px;
								padding-left: 70px;
								border-top-width: 1px;
								border-right-width-value: 1px;
								border-right-width-ltr-source: physical;
								border-right-width-rtl-source: physical;
								border-bottom-width: 1px;
								border-left-width-value: 1px;
								border-left-width-ltr-source: physical;
								border-left-width-rtl-source: physical;
								border-top-style: solid;
								border-right-style-value: solid;
								border-right-style-ltr-source: physical;
								border-right-style-rtl-source: physical;
								border-bottom-style: solid;
								border-left-style-value: solid;
								border-left-style-ltr-source: physical;
								border-left-style-rtl-source: physical;
								border-top-color: #eeeeee;
								border-right-color-value: #eeeeee;
								border-right-color-ltr-source: physical;
								border-right-color-rtl-source: physical;
								border-bottom-color: #eeeeee;
								border-left-color-value: #eeeeee;
								border-left-color-ltr-source: physical;
								border-left-color-rtl-source: physical;
								background-color: #ffffff;
								background-image: none;
								background-repeat: repeat;
								background-attachment: scroll;
								background-position: 0% 0%;
								margin-bottom: 8px;
								}
								
	

/*pour la page lien*/


#lien	{
border-top-width: 4px;
border-right-width-value: 4px;
border-bottom-width: 4px;
border-left-width-value: 4px;
border-color: #000000;
}

#lien1bis	{
background-color: #eeeeee;
image: right;
text-align:right;
width: 300px;
border-bottom: 7px solid white;
border-left: 250px solid white;
}
#lien1	{
background-color: #eeeeee;
image: right;
text-align:right;
width: 300px;
border-bottom: 7px solid white;
border-left: 250px solid white;
}

#lien2	{
background-color: #eeeeee;
image: left;
vertical-align:left;
width: 300px;
border-bottom: 7px solid white;
border-left: 250px solid white;
}

#lien3	{
background-color: #eeeeee;
image: right;
text-align:right;
width: 300px;
border-bottom: 7px solid white;
border-left: 250px solid white;
}

#lien4	{
background-color: #eeeeee;
image: left;
text-align:left;
width: 300px;
border-bottom: 7px solid white;
border-left: 250px solid white;
}

#lien5	{
background-color: #eeeeee;
image: right;
text-align:right;
width: 300px;
border-bottom: 7px solid white;
border-left: 250px solid white;
}

#lien6	{
background-color: #eeeeee;
image: left;
text-align:left;
width: 300px;
border-bottom: 7px solid white;
border-left: 250px solid white;
}

#lien7	{
background-color: #eeeeee;
image: left;
text-align:left;
width: 300px;
border-bottom: 7px solid white;
border-left: 250px solid white;
}		

#lien8	{
background-color: #eeeeee;
image: right;
text-align:right;
width: 300px;
border-bottom: 7px solid white;
border-left: 250px solid white;
}	

#lien9	{
background-color: #eeeeee;
image: left;
text-align:left;
width: 300px;
border-bottom: 7px solid white;
border-left: 250px solid white;
}	
			
								/*pour actualité*/
								#autre	{
								width: 383px;
								height: 112px;
								padding-top: 6px;
								padding-right: 12px;
								padding-bottom: 6px;
								padding-left: 70px;
								border-top-width: 1px;
								border-right-width-value: 1px;
								border-right-width-ltr-source: physical;
								border-right-width-rtl-source: physical;
								border-bottom-width: 1px;
								border-left-width-value: 1px;
								border-left-width-ltr-source: physical;
								border-left-width-rtl-source: physical;
								border-top-style: solid;
								border-right-style-value: solid;
								border-right-style-ltr-source: physical;
								border-right-style-rtl-source: physical;
								border-bottom-style: solid;
								border-left-style-value: solid;
								border-left-style-ltr-source: physical;
								border-left-style-rtl-source: physical;
								border-top-color: #eeeeee;
								border-right-color-value: #eeeeee;
								border-right-color-ltr-source: physical;
								border-right-color-rtl-source: physical;
								border-bottom-color: #eeeeee;
								border-left-color-value: #eeeeee;
								border-left-color-ltr-source: physical;
								border-left-color-rtl-source: physical;
								background-color: #F0F0F0;
								background-image: none;
								background-repeat: repeat;
								background-attachment: scroll;
								background-position: 0% 0%;
								margin-bottom: 8px;
								}
								
								#news	{
								width: 310px;
								height: 500px;
								padding-top: 6px;
								padding-right: 12px;
								padding-bottom: 6px;
								padding-left: 70px;
								border-top-width: 1px;
								border-right-width-value: 1px;
								border-right-width-ltr-source: physical;
								border-right-width-rtl-source: physical;
								border-bottom-width: 1px;
								border-left-width-value: 1px;
								border-left-width-ltr-source: physical;
								border-left-width-rtl-source: physical;
								border-top-style: solid;
								border-right-style-value: solid;
								border-right-style-ltr-source: physical;
								border-right-style-rtl-source: physical;
								border-bottom-style: solid;
								border-left-style-value: solid;
								border-left-style-ltr-source: physical;
								border-left-style-rtl-source: physical;
								border-top-color: #eeeeee;
								border-right-color-value: #eeeeee;
								border-right-color-ltr-source: physical;
								border-right-color-rtl-source: physical;
								border-bottom-color: #eeeeee;
								border-left-color-value: #eeeeee;
								border-left-color-ltr-source: physical;
								border-left-color-rtl-source: physical;
								background-color: #F0F0F0;
								background-image: none;
								background-repeat: repeat;
								background-attachment: scroll;
								background-position: 0% 0%;
								margin-bottom: 8px;
								}
/*pour test images*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #fff; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }

div.liens {
	width: 400px;
	height:600px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:36px;
	left:0px;
	margin-top:200px;
	margin-left:460px;
}

table.imgtable {
	margin-top:-600px; 	 	
	}
/*page présentation de l'artiste avec une image et les 3 liens*/

div.image {
	background-color:#FFF;
	position:absolute;
	width: 380px;
	top:350px;
	left:100px;
}
/*page texte présentation*/

#droite {
	width:350px;
	left:100px;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	margin-top:-631px;
	list-style-type:square;
}


/*pour la page contact*/
label {
display:block;
width:80px;
float:left;
}


/*pour menu artiste*/

div.imagesmenuartistes {
	width: 400px;
	height:600px;
	left:0px;
	margin-top:200px;
	margin-left:460px;
	}

