/* the bit that does the work */
body {
  margin:0;
  border:0;
  padding:0;
  height:100%; 
  max-height:100%; 
  background:#ffffff; 
  font-family: Arial, Helvetica;
  font-size: 11px;
  color: #828081;
  overflow: hidden; 
}

td {
  font-family: Arial, Helvetica;
  font-size: 11px;
  color: #828081;
}

/* for internet explorer */
* html body {
  padding:164px 0 1px 0; 
  }

#container {
  position:fixed; 
  top:164px;
  left:0;
  bottom:1px; 
  right:0; 
  overflow:auto;
  background:#ffffff;
  text-align:left;
  margin-left:20px;
  z-index:0;
  }

* html #container {
  height:100%; 
  width:100%; 
  }

#navig {
  position:absolute; 
  top:0; 
  left:0; 
  width:100%; 
  height:164px; 
  overflow:hidden; 
  background-image:url(../images/cnt_top_bgr.gif);
  background-repeat:repeat-x;
  background-position:top;
  z-index:1;
  }
* html #navig {height:164px;}


#footer {
  position:absolute; 
  bottom:0; 
  left:0;
  width:100%; 
  height:1px; 
  overflow:hidden;
  vertical-align:bottom;
  background-image:url(../images/cnt_bot_bgr.gif);
  background-repeat:repeat-x;
  background-position:bottom;
  z-index:2;
  }
* html #footer {height:1px;}

/* Template général */

#page{
width:935px;
}

#titleExpo{
background-color:#ed1c24;
color:#ffffff;
font-weight:bold;
padding:5px;
text-transform:uppercase;
}

#title{
width:642px;
border-bottom:0px solid #ed1c24;
margin-bottom:10px;
}

#shoptitle{
width:642px;
border-bottom:0px solid #00adef;
margin-bottom:10px;
}

#gauche{
width: 642px;
float: left;
border: 0px solid #828081;
vertical-align:text-top;
}

#droite{
margin-left: 661px;
width:213px;
border: 0px solid #828081;
vertical-align:text-top;
}

#split{
clear:both;
width:642px;
height:50px;
margin-bottom:10px;
border-bottom:1px dotted #828081;
line-height:40px;
}
#space{
clear:both;
width:642px;
height:30px;
margin-bottom:10px;
border-bottom:0px dotted #ffffff;
line-height:20px;
}

/* Formattage */

h1{
font-family: Arial, Helvetica;
font-size: 11px;
color: #929191;
margin-bottom:0px;
font-weight:bold;
}

h2{
font-family: Arial, Helvetica;
font-size: 11px;
color: #000000;
}

#container a, a:link, a:visited, a:active{
color: #ed1c24;
text-decoration:none;
}

#container a:hover, a:visited:hover{
color: #ed1c24;
text-decoration:line-through;
}

.red{
color:#ed1c24;
}

.hrdashed	{
margin-top:5px;
margin-bottom:5px;
margin-left:0px;
margin-right:0px;
padding:0px;
display:block;
border-bottom: 1px dotted #828081;
}

.inputbox{ 
font-family: Arial, Helvetica;
font-size:11px;
color:#828081; 
padding: 1;
margin: 0;
height: 20px;
border: 1px solid #828081;
background-color: #ffffff; 
}

.areabox{ 
font-family: Arial, Helvetica;
font-size:11px;
color:#828081; 
padding: 1;
margin: 0;
height: 80px;
border: 1px solid #828081;
background-color: #FFFFFF; 
}

.button{
font-family: Arial, Helvetica;
font-size:10px;
color:#ed1c24; 
font-weight:bold;
border:1px solid #828081;
height: 20px;
padding: -2px;
margin: 0;
background-color:#EEEEEE;
}

.selectbox	{
font-family: Arial, Helvetica;
font-size:10px;
color:#828081;
background : #FFFFFF;
/*width: 200px;*/
}

/*Shop Style*/

.itemName	{ font-size:12px; color:#000000; font-weight:bold;}
.itemPrice	{ font-size:12px; color:#ed1c24; }
.itemSold	{ text-decoration:line-through; }

#shopNav{
width:213px;
background-color:#f5f5f5;
padding:5px;
color:#666666;
}

#shopNav a					{ color:#00adef; }
#shopNav a:visited			{ color:#00adef; }
#shopNav a:active			{ color:#00adef; }
#shopNav a:hover			{ color:#00adef; }
#shopNav a:visited:hover	{ color:#00adef; }

#shopNav .hrdashed	{
	margin-top:5px;
	margin-bottom:5px;
	margin-left:0px;
	margin-right:0px;
	padding:0px;
	display:block;
	border-bottom: 2px dotted #ffffff;
}

.hshop	{
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	padding:0px;
	display:block;
	border-bottom: 1px solid #00adef;
}

form{
margin:0px;
padding:0px;
}

/* Navig top */

#navcontainer{
margin-left:20px;
margin-top:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#686868;
}

#navcontainer ul{
list-style:none;
float:left;
margin-left: 0;
padding-left: 0;
width:110px;
}

#navcontainer .menu{
color:#000000;
font-weight:bold;
}

#navcontainer .menu a, a:visited{
color:#000000;
font-weight:bold;
text-decoration: none;
}

#navcontainer .menu a:hover, a:visited:hover{
color:#ed1c24;
font-weight:bold;
text-decoration:line-through;
}

#navcontainer li a, a:visited{
text-decoration: none;
color:#686868;
font-weight:normal;
}

#navcontainer li a:hover, a:visited:hover{
text-decoration:line-through;
color:#ed1c24;
font-weight:normal;
}

#navcontainer .off{
color:#ed1c24;
text-decoration:line-through;
}

#navcontainer .menuoff{
color:#ed1c24;
font-weight:bold;
text-decoration:line-through;
}

#navcontainer .navl
{
width:200px;
}

#log
{
margin-left: 100px;
margin-right:0px;
}

.pos_img{
	margin: 10px 0px 0px 100px;
}

/* EXPO DE SKATE */

.inputExpo{ 
font-family: Arial, Helvetica;
font-size:11px;
color:#828081; 
padding: 1;
margin: 0;
height: 16px;
border: 1px solid #a39161;
background-color: #ffffff; 
}

.buttonExpo{
font-family: Arial, Helvetica;
font-size:10px;
color:#ed1c24; 
font-weight:bold;
border:1px solid #828081;
height: 20px;
padding: -2px;
margin: 0;
background-color:#EEEEEE;
}

.fluo{
color:#1fff5a;
}