body {
	padding: 20px 0px 0px 0px;
	background-color: #222222;
	color: #BBBBBB;
	font-family: Palatino, verdana, arial, sans-serif;
	font-size: 10px;
	border: 0px solid #FF1111;
}
a {
	outline: none;
}
#noflash {
	color: #DDDDEE;
}
#noflash a{text-decoration:none;color:#DDDDEE;}
#noflash img{border:0;}

#container {
	margin: 0px auto;
	width: 900px;
	height: 575px;
	background-color: #222222;
}

#header_container {
	width: 900px;
	height: 75px;
	background: url('data/header.png');
}
#menu {
  float: left;
  width: 288px;
  height: 7.5em;
  margin: 0px 0px 0px 555px;
  overflow:hidden;
  }
#menu ul {
  display:inline;
  list-style-type:none;
  }
#menu li {
  display:inline;
  list-style-type:none;
  }
#menu li a {
  display:block;
  float:left;
  text-decoration:none;
  outline: none;
  }
#menu li a img {
  margin-left:0em;
  border:0;
  float:left;
  }
#menu li a span {
  display:none;
  background: url('data/scrollon.jpg');
  font-size: 12px;
  color: #DDDDEE;
  }
#menu li a span p{
  text-align: center;
  vertical-align: middle;
 }
#menu li a:hover span {
  color: #DDDDDD;
  font-weight:bold;  
  width:90px;
  height:75px;
  display:block;
  cursor:pointer;
  float:left;
}
 
#panier{
	height: 55px;
	width: 57px;
	float: right;
	position: middle;
	margin: 10px 0px 0px 0px;
 }
#panier img{
	height: 55px;
	width: 57px;
	border: none;
	float: left;
	margin-left:0em;
}
 
#maincontent_container {
	width: 900px;
	height: 470px;
	background-color: #111111;
}

#colonne { 
    float: left;
	text-align: center;	
    width: 190px;
	height: 470px;	
    background: url('data/colonne.jpg'); 
}
#colonne img{
	border: 1px solid #999999;
}
#banner { 
    background: url('data/banner.jpg');
	height: 19px;
	text-align: right;
	font-weight: bold;
	font-size: 15px;
	padding: 0px 20px 0px 0px;
}
#banner a:link, a:visited, a:active{
	text-decoration:none;
	color: #BBBBBB;
}
#banner a:hover{
	color: #EEEEEE;
}
#main {
	float: left;
	width: 650px;
	padding: 10px 0px 0px 10px;
	color: #999999;
	font-size: 12px;
	text-indent: 20px;
}
#image{
	padding: 20px 0px 0px 0px;
	width: 650px;
	float: left;
	text-align: center;
}
#paragraphe {
	text-align: left;
	padding: 0px 0px 0px 10px;
    background: #DDDDEE;
	color: #333333;
	margin: 30px;
}

#page_footer {
	float: right;
	width: 900px;
	height: 30px;
	background: url('data/footer.png');
}
#share {
	float: left;
	padding: 5px 0px 0px 25px;
}
#copyright{
	font-size: 9px;
	text-align: left;
	text-indent: 340px;
	line-height: 30px;
	color: #777777;
}
#copyright a{
	color: #AAAAAA;
	text-decoration:none;
	outline: none;
}

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.white_content {
	display: none;
	position: absolute;
	text-align: left;
	font-size: 10px;
	color: #DDDDEE;
	top: 10%;
	left: 25%;
	width: 400px;
	height: 370px;
	padding: 16px;
	border: 1px solid #DDDDEE;
	background-color: #333333;
	z-index:1002;
	overflow: auto;
}

#tiragecol1 {
	float: left;
	width: 220px;
	height: 470px;
	overflow: hidden;
	background: #000000;
}
#tiragecol2{
	padding: 50px 70px 0px 0px;
	color: #999999;
	width: 520px;
	height: 400px;
	float: right;
	text-align: left;
	font-size: 12px;
}
#tiragecol2 a{
	color: #EEEEEE;
	text-decoration:none;
	outline: none;
}
#tiragecol2 a:hover{
	color: #666666;
}
.sc_menu_wrapper {
  position: relative;   
  height: 470px;
  width: 200px;
  margin-left: 20px;
  overflow: auto;
}
.sc_menu {
  padding: 0px 0;
}
.sc_menu a {
  display: block;
  width: 180px;
  margin-bottom: 1px;
  border: 1px #999999 solid;
filter: alpha(opacity=60);
filter progid:DXImageTransform.Microsoft.Alpha(opacity=60);
 -moz-opacity: 0.60; opacity:0.6;
}
.sc_menu a:hover {
filter: alpha(opacity=100);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1.00; opacity:1;
  border-color: #DDDDEE;
}
.sc_menu img {
  display: block;
  border: 1px;
  border-color: #999999;
}
.sc_menu_wrapper .loading {
  position: absolute;
  top: 100px;
  left: 40px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
  width: 100px;
  text-align: center;
  color: #fff;
  border: 1px solid rgb(79, 79, 79);
  background: #1F1D1D;
}
.sc_menu_tooltip {
  display: block;
  position: absolute;
  padding: 1px;
  font-size: 12px;  
  color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
  border: 1px solid rgb(79, 79, 79);
  background: rgb(0, 0, 0);
  /* Make background a bit transparent for browsers that support rgba */    
  background: rgba(0, 0, 0, 0.5);
}

#info1{
	float: left;
	width: 300px;
	height: 400px;
	color: #999999;
	text-indent: 10px;
	text-align: left;
	padding: 20px 0px 0px 20px;
}
#info1 a{
	color: #EEEEEE;
	text-decoration:none;
	outline: none;
}
#info1 a:hover{
	color: #666666;
}
#info2{
	padding: 50px 20px 0px 0px;
	color: #999999;
	width: 520px;
	height: 400px;
	float: right;
	text-align: left;
}
#info2 a{
	color: #AAAAAA;
	text-decoration:none;
	outline: none;
}

#bout1{
	width: 700px;
	height: 200px;
	color: #999999;
	text-indent: 10px;
	text-align: left;
	padding: 20px 0px 0px 20px;
}
#bout1 img{
	width:100px;
	height:67px;
	border: 1px solid #999999;
}
#bout2{
	padding: 50px 20px 0px 0px;
	color: #999999;
	width: 520px;
	height: 100px;
	text-align: left;
}