@charset "UTF-8";
/* CSS Document */

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}



body {
	background-color: #1C1815;
	font: 14px/18px Helvetica, Arial, sans-serif;
	color: #DAD0C0;
	margin: 45px;
}

.site {
	background-color: #000000;
	width: 900px;
	height: 600px;
	margin: 0 auto;
	font-family: Helvetica, Arial, sans-serif;
	color:#000000
}

.siteconstruction {
	background-color: #000000;
	width: 900px;
	height: 600px;
	margin: 0 auto;
	font-family: Helvetica, Arial, sans-serif;
	color:#000000
}

.entete {

    width: 900px;
	height: 173px;
	margin: 0 auto;
	float:left;
	

}

.contenant {
	background-color: #000000;
	background-image:url(image/pompe6.jpg);
	width: 900px;
	height: 358px;
	margin: 0 auto;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	color:#FFFFFF;
}

.contenantconstruction {
	background-color: #000000;
	
	width: 900px;
	height: 358px;
	margin: 0 auto;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	color:#FFFFFF;
}

.contenant1 {
	background-color: #000000;
	
	background-image:url(image/sculpture6.jpg);
	width: 900px;
	height: 358px;
	margin: 0 auto;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	color:#FFFFFF;
}
.contenant2 {
	background-color: #000000;
	background-image:url(image/miroir6.jpg);
	width: 900px;
	height: 358px;
	margin: 0 auto;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	color:#FFFFFF;
}
.contenant3 {
	background-color: #000000;
	background-image:url(image/bougie6.jpg);
	width: 900px;
	height: 358px;
	margin: 0 auto;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	color:#FFFFFF;
}
.contenant4 {
	background-color: #000000;
	background-image:url(image/biere6.jpg);
	width: 900px;
	height: 358px;
	margin: 0 auto;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	color:#FFFFFF;
}
.contenant5 {
	background-color: #000000;
	background-image:url(image/lumiere6.jpg);
	width: 900px;
	height: 358px;
	margin: 0 auto;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	color:#FFFFFF;
}
.contenant6 {
	background-color: #000000;
	
	background-image:url(image/barbie6.jpg);
	width: 900px;
	height: 358px;
	margin: 0 auto;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	color:#FFFFFF;
}

.contenant7 {
	background-color: #000000;
	background-image:url(image/lumiere7.jpg);
	width: 900px;
	height: 358px;
	margin: 0 auto;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	color:#FFFFFF;
}

h1 {
	
	height:auto;
	
	padding:10px 0px 0px 20px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #AEA497;
	font-weight: lighter;
	letter-spacing: 1px;

	
	
	
}

h2 {
	
	width: 335px;
	height: 265px;
	margin: 0px 0px 0px 0px;
	padding:20px 15px 0px 15px;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:lighter;
	letter-spacing:1px;
	color:#EBE7E1;

	
	
	
}


.gauche {
	background-color: #000000;
	width: 155px;
	height: 295px;
	margin: 30px 0px 0px 40px;
	padding:0px 0px 0px 0px;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	color:#FFFFFF;
	opacity:0.95;
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
}

.titrepage {
	background-color: #000000;
	width: 145px;
	height: 40px;
	margin: 0px 0px 0px 0px;
	padding:10px 0px 0px 10px;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	color:#FFFFFF;
}

.sousmenu {
	background-color: #000000;
	width: 120px;
	height: 220px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 22px;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	font-size:x-small;
	font-weight:lighter;
	letter-spacing:2px;
	color:#FFFFFF;
	list-style:none;
	opacity:0.95;
}



.lien {

    float:left;
	width: 120px;
	
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:x-small;
	font-weight:lighter;
	letter-spacing:2px;
	color:#FFFFFF;
	list-style:none;
}

.lien a {
	float:left;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:x-small;
	font-weight:lighter;
	letter-spacing:2px;
	color:#AEA497;
	list-style:none;
}

.lien a:hover, .lien a:active {
	float:left;
	margin: 0px 0px 0px 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:x-small;
	font-weight:lighter;
	letter-spacing:2px;
	color:#C60000;
	list-style:none;
}


.lien2 {

    float:left;
	width: 120px;
	
	margin: 2px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:x-small;
	font-weight:lighter;
	letter-spacing:2px;
	color:#FFFFFF;
	list-style:none;
}

.lien2 a {
	float:left;
	
	margin: 2px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:x-small;
	font-weight:lighter;
	letter-spacing:2px;
	color:#AEA497;
	list-style:none;
}

.lien2 a:hover, .lien2 a:active {
	float:left;
	
	margin: 2px 0px 0px 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:x-small;
	font-weight:lighter;
	letter-spacing:2px;
	color:#C60000;
	list-style:none;
}


.lienflecheD {

    float:left;
	width: 40px;
	height:60px;
	
	margin: 5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:x-small;
	font-weight:lighter;
	letter-spacing:2px;
	color:#FFFFFF;
	list-style:none;
}



.lienflecheG {

    float:left;
	width: 40px;
	height:60px;
	
	margin: 5px 0px 0px 0px;
	padding:0px 0px 0px 22px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:x-small;
	font-weight:lighter;
	letter-spacing:2px;
	color:#FFFFFF;
	list-style:none;
}



.page {
	float:left;
	width: 120px;
	margin: 0px 0px 0px 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:x-small;
	font-weight:lighter;
	letter-spacing:2px;
	color:#C60000;
	list-style:none;
}


.contenu {
	background-color: #0B0908;
	width: 285px;
	height: 295px;
	margin: 30px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	color:#FFFFFF;
	opacity:0.85;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;	
	
}

.contenu2 {
	background-color: #0B0908;
	width: 305px;
	height: 295px;
	margin: 30px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	color:#FFFFFF;
	opacity:0.85;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	
}

.contenu3 {
	background-color: #0B0908;
	width: 365px;
	height: 295px;
	margin: 30px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	color:#FFFFFF;
	opacity:0.90;
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	-khtml-opacity: 0.90;
}

.contenu4 {
	background-color: #0B0908;
	width: 305px;
	height: 295px;
	margin: 30px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	color:#FFFFFF;
	
	
}




.ecrit {
	
	width: 255px;
	height: 165px;
	margin: 0px 0px 0px 0px;
	padding:20px 15px 0px 15px;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:lighter;
	letter-spacing:1px;
	color:#EBE7E1;
	
}

.ecrit a{
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:lighter;
	letter-spacing:1px;
	color:#A59B8F;	
}

.ecrit a:hover, .ecrit a:active {
	
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:lighter;
	letter-spacing:1px;
	color:#C60000;	
}



.ecrit3 {
	
	width: 335px;
	height: 265px;
	margin: 0px 0px 0px 0px;
	padding:20px 15px 0px 15px;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:lighter;
	letter-spacing:1px;
	color:#EBE7E1;
	
}

.ecrit3 a{
	
	
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:lighter;
	letter-spacing:1px;
	color:#A59B8F;
	
}

.ecrit3 a:hover, .ecrit3 a:active {
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:lighter;
	letter-spacing:1px;
	color:#C60000;
}


.ecrit2 {
	
	width: 275px;
	height: 265px;
	margin: 0px 0px 0px 0px;
	padding:20px 15px 0px 15px;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:lighter;
	letter-spacing:1px;
	color:#EBE7E1;
	overflow:auto;
	
}

.ecrit2 a{
	
	
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:lighter;
	letter-spacing:1px;
	color:#A59B8F;
	
}

.ecrit2 a:hover, .ecrit a:active {
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:lighter;
	letter-spacing:1px;
	color:#C60000;	
}

.ecrit4 {
	width: 255px;
	height: 265px;
	margin: 0px 0px 0px 0px;
	padding:20px 15px 0px 15px;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:lighter;
	letter-spacing:1px;
	color:#EBE7E1;	
}

.ecrit4 a{
	
	
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:lighter;
	letter-spacing:1px;
	color:#A59B8F;
	
}

.ecrit4 a:hover, .ecrit4 a:active {
	
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:lighter;
	letter-spacing:1px;
	color:#C60000;	
}

.ecrit5 {
	
	width: 255px;
	height: 95px;
	margin: 0px 0px 0px 0px;
	padding:20px 15px 0px 15px;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:lighter;
	letter-spacing:1px;
	color:#EBE7E1;
	
}

.poster {
	
	width: 270px;
	height: 165px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 15px;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:lighter;
	letter-spacing:1px;
	color:#EBE7E1;
	
}


.logobiere {
	
	width: 270px;
	height: 95px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 15px;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:lighter;
	letter-spacing:1px;
	color:#EBE7E1;
	
}



.logobiere a{
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:lighter;
	letter-spacing:1px;
	color:#A59B8F;	
}

.logobiere a:hover, .logobiere a:active {
	
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:lighter;
	letter-spacing:1px;
	color:#C60000;	
}


.menubas {
	background-color: #000000;

	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0;
	float:left;
	
}


.bas {
	background-color: #000000;
	width:900px;
	height:70px;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-small;
	font-weight:lighter;
	letter-spacing:4px;
}

.menu {
	
   color:#999999;
	list-style: none;
	margin: 10px 0px 0px 22px;
	padding: 0;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-small;
	font-weight:bold;
	letter-spacing:4px;
	
}

.menu a {
	
   color:#AEA497;
	list-style: none;
	margin: 10px 0px 0px 22px;
	padding: 0;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-small;
	font-weight:bold;
	letter-spacing:4px;
	
}

.menu a:hover, .menu a:active {
	color:#C60000;
	list-style: none;
	margin: 10px 0px 0px 22px;
	padding: 0;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-small;
	font-weight:bold;
	letter-spacing:4px;	
	
}