@CHARSET "ISO-8859-1";
body 
{
	font-size: 13px; 
	color: #e1e1e1; 
	font-family:Arial, Helvetica, sans-serif;
	background-color: #222222;
	margin: 0; /* pour éviter les marges */
    text-align: center; /* pour corriger le bug de centrage IE */
	background-image:url(images/bg.png);
	/*background-repeat:repeat-x;*/
}

a {color:#CCCCCC}
a:visited {color: #CCCCCC}
a:hover {color: #ffffff;}

a.liste
{
	color: #e1e1e1;
	font-size: 12px;	
}
h1{
	font-size:20px;
	font-weight:100;
	/*background-image:url(images/titre.png);
	background-repeat:no-repeat;*/
	height:30px;
	width:auto;
	letter-spacing:4px;
	text-align:center;
	font-variant:small-caps;
	z-index:1;
	margin-top:0;
	padding-top:25px;
}
img{
	border:1px solid #bbbbbb;
}

/***** site *****/
#site
{
	width: 955px; 
	margin-left: auto; 
	margin-right: auto;
	height:100%;
}
/***** header ****/
#header
{
	background-image: url('images/banniere.png'); 
	background-repeat: no-repeat; 
	height: 182px;
}
#lang img
{
	position:relative;
	top:10px;
	right:-70px;
	border:0;
	margin-bottom:4px;
}
#tableau{
	margin-left:699px;
	padding-top:25px;
	z-index:2;
}

/***** corps ****/
#corps
{
	position: relative;
	float:left;
	width: 955px;
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
	min-height: auto;
	
	/*image marge gauche*/
	background-image: url('images/corps.png'); 
	background-position: left; 
	background-repeat: repeat-y; 
	z-index:0;
}
#contenu
{
	position: relative;
	float:left;
	padding-left: 25px; 
	padding-right: 30px; 
	padding-top: 0px;
	margin-top:0;
	padding-bottom: 10px;
	width: 919px;
	text-align: left;
	min-height: auto;
	
	/*image marge droite */
	/*background-image:url('images/index_05.jpg'); */
	background-position: right; 
	background-repeat: repeat-y;
	z-index:1;
}

.anim{
	float:left;
	position:relative;
	margin-right:20px;
	margin-bottom:10px;
	z-index:20;
	/*border:1px solid #CCCCCC;*/
}
.anim2{
	position:absolute;
	margin-left:56px;
	margin-top:60px;
	z-index:20;
	/*border:1px solid #CCCCCC;*/
}
.anim-tableau{
	float:left;
	position:relative;
	/*border:1px solid #CCCCCC;*/
	background-image:url(images/anim3.png);
	height:403px;
	width:594px;
	padding-top:97px;
	padding-left:106px;
	margin-top:-37px;
	margin-left:-50px;
	margin-bottom:-35px;
	margin-right:-25px;
	z-index:30;
}

.details-peinture
{
	font-size: 11px;
	font-style:italic;
}
.titre-categorie-peinture
{
	font-size:20px;
	font-weight:100;
	/*background-image:url(images/titre.png);
	background-repeat:no-repeat;*/
	height:30px;
	width:auto;
	letter-spacing:4px;
	text-align:center;
	font-variant:small-caps;
	z-index:1;
	margin-top:0;
	padding-top:25px;
}
.aretro
{
	color: #e1e1e1;
	font-size: 12px;	
}
.pdf{
	background-image:url(../galerie/images/icone_pdf.png);
	background-repeat:no-repeat;
	height:25px;
	width:auto;
	padding:5px;
	margin-top:5px;
	margin-left:20px;
}
/***** Le menu ***/
#menu {
	/*font-weight: bold; */
	font-size: 12px; 
	left: 315px; 
	float: left; 
	width: 638px; 
	color: #e1e1e1; 
	position: relative; 
	top: 25px;
	height: 26px; 
	text-align: center;
	z-index:10;
}
.menu{
	height:25px;
	width:auto;
	float:left;
	padding-top:0px;
	padding-left:15px;
	padding-right:15px;
	position:relative;
	z-index:10;
}
.menu:hover{
	background-image:url(images/beamayle_03.png);
	background-repeat:repeat-x;
	margin-top:-5px;
	padding-top:5px;
}
.sousmenu{
	background-color:#666666;
	width:300px;
	margin-left:-15px;
	border:1px solid #333333;
	position:relative;
	z-index:15;
}
.sousmenu ul{
	width:88px;
	padding:0;
	margin-top:5px;
	margin-bottom:0;
}
.sousmenu li{
	height:auto;
	width:84px;
	list-style:none;
	padding-left:-20px;
	text-align:center;
}

#menu a {
	color: #ffffff; text-decoration: none;
}
#menu a:visited {
	color: #ffffff
}
#menu a:hover {
	color: #ffffff;
	text-decoration:underline;
}

/*** footer ***/
#footer {
	font-size: 10px;
	position: relative; 
	float:left;
	background-image: url('images/footer.png');
	/*background-color:#292a2c;*/
	background-repeat: no-repeat; 
	width: 935px;
	height:62px;
	padding:10px;
	bottom:0;
	margin-bottom:0;
}
#footer a {
	color:#aaaaaa; text-decoration: none
}
#footer a:visited {
	color: #aaaaaa
}
#footer a:hover {
	color: #cccccc
}