@charset "UTF-8";
/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
/**/
#menu_sup {margin-bottom:35px;}
.bt_oeuvres {margin-left:193px;}
/**/
#left {float:left;width:163px;margin-top:7px;}
#left .item {margin-bottom:16px;}
#gouttiere {float:left;width:29px;}
#center {float:left;width:398px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;line-height:18px;color:#272727;}
#center h2 {margin-top:0px;margin-bottom:20px;font-weight:bold;font-size:18px;line-height:24px;color:#FFFFFF;}
#right {float:right;width:170px;margin-top:7px;font-family:Arial, Helvetica, sans-serif;font-size:9px;font-weight:normal;line-height:13px;color:#2A2A2A;}
.fin_multicolonnes { clear: both; }
/**/
#footer {margin-top:50px;height:100px;border-top: 1px solid #666666;}


.page790 {
margin: 0px auto;
	width:790px;
}
.page800 {
	margin: 0 auto;
	width:800px;
}
.page1000 {
margin: 0px auto;
	width:1000px;
}
#menu {
	width:100%;
	height:25px;
	/*position:absolute;*/
	bottom: 0px;
	left: 0px;
	right: 0px;
	position:fixed; /* Pour fixer cette div afin qu'elle soit en permanence au bas de la fen�tre */ 
/*top: 100%;*/ /* Sa position par rapport au haut de la fen�tre (100% pour n'importe quelle hauteur de fen�tre). Le 100% fait sortir la div de la fen�tre puisque par rapport � son coin sup�rieur gauche (Ne pas modifier) */ 
/*margin:-25px auto 0 auto;*/ /* La valeur top (la premi�re, donc ici -25 (n�gative)) fait revenir la div dans la fen�tre. Elle doit �tre identique � la hauteur de la div. Les "auto" sont l� pour centrer la div si tu sp�cifies une largeur diff�rente */ 
/* pour IE */
	_position: absolute;
	/*top: expression(body.scrollTop + 50 + "px")*/ /*pour un haut de page*/
	top:expression(body.scrollTop + document.body.clientHeight - 25 + "px");


}
#contenu_menu {
padding-top:6px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration: none;
color: #999999;
	width:100%;
	background-color:#333333;
}
a {
font-family:Arial, Helvetica, sans-serif;
text-decoration: underline;
color:#272727;
}
a:link {
}
a:hover {
text-decoration:none;
}
a:active {
 color:#000000
}
a:visited {
}

.bg1 {background-image: url(images/background1.png);background-repeat: repeat-x;}
.bg2 {background-image: url(images/background2.png);background-repeat: repeat-x;}
.bg3 {background-image: url(images/background3.png);background-repeat: repeat-x;}
.bg4 {background-image: url(images/background4.png);background-repeat: repeat-x;}
.bg5 {background-image: url(images/background5.png);background-repeat: repeat-x;}

#right img {margin-bottom : 3px;cursor:pointer;}
/* ==================================== */
/* ==================================== */
/* ==================================== */
/* ====== CSS SIMPLE LIGHTBOX ========= */
/* ==================================== */
/* ==================================== */
#filter
{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #abea6d;
	z-index:10;
	-moz-opacity: 0.8;
	opacity:0.8;
	filter: alpha(opacity=80);
}



#box 
{
	display: none;
	position: absolute;
	top: 11%;
	left: 0%;
	width: 100%;
	height: 89%;
	padding: 0;
	margin:0;
	/*border: 1px solid black;
	background-color: white;*/
	z-index:11;
	text-align:center;
}
#box img {cursor:pointer;border: 10px solid #FFFFFF;background-color: white;}


#boxcontent
{
	left:0;
	right:0;
	bottom:0;
	margin:0;
	padding: 0px;
	/*overflow: auto;*/
	width:100%;
	height:100%;
}

#boxtitle
{
	left:0%;
	width:100%;
	height:20px;
	padding:0;
	margin:0;
	color:black;
	text-align:center;
	display:none;
}

/* ==================================== */
/* ==================================== */
/* ==================================== */
/* ==================================== */
/* ==================================== */