body, html
{
	width:  100%;
	height: 100%;
	text-align: justify;
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #a7182a;
	scrollbar-highlight-color: #a7182a;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #ffffcc;
	scrollbar-arrow-color: #a7182a;
}


body, table, h1, h2, h3, h4, h5, h6, p
{
	font-family: Arial, Verdana, sans-serif;
	font-size:   11px;
	font-weight: normal;
}

h6
{
	font-weight: bold;
	font-size: 14px;
	padding: 0;
	margin: 0;
	color: #a7182a;
}

h5
{
	font-weight: bold;
	text-decoration: none;
	padding: 20 0 5 0;
	margin: 0;
}

h3
{
	font-size:   12px;
	font-weight: bold;
	text-decoration: none;
	padding: 20 0 0 0;
	margin: 0 0 0 0;
}

a:link 
{
	color: #a7182a; 
	text-decoration: none;
	border: 0;
}



a:visited
{
	border: 0;
	text-decoration: none;
	color: #a7182a; 
}


a:hover 
{
	color: white; 
	text-decoration: underline; 
	border: 0;
	background: #a7182a;
} 


.boxes
{
	position: absolute;
	overflow: visible;
	background: white;
}

#page
{
	top: -5px;
	left: 2%;
	right: 2%;
	min-width: 800px;
}

#topframe
{
	z-index:90;
	width: 100%;
	min-width: 910px; 
	border-bottom: 2px solid #a7182a;
}

.image, .image a:hover
{
	border: 0;
	text-decoration: none;
	background: white;
}

.login
{
	width: 180px;
	border: 1px solid #a7182a;
	text-align: justified;
	padding-left: 10px;
	padding-right: 10px;
}

.login a:hover, 
{
	background-color: white;
	color: #a7182a;	
}


#navigation
{
	font-size: 16px;
	color: #a7182a;	
	vertical-align: bottom;
}

#middleframe
{
	top: 120px;
	height: 100%;
	width: 100%;	
	min-width: 900px;
}

#slideshow
{
	height: 450px;
	width: 450px;
	right: 0px;
	top: 0px;
}

#boxactualités
{
	height: 400px;
	padding-left: 5px;
	margin-right: 20px;
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #a7182a;
}

#actualités
{
	overflow: hidden;
	height: 400px;
	padding-right: 10px;
}

#bottomframe
{
	top: 600px;
	width: 100%;
}

#bottomtable
{
	width: 100%;
}

#box1
{
	border: 1px solid #a7182a;
	width: 210px;
	height: 220px;
	overflow: auto;
	padding-left: 5px;
	padding-right: 5px;
}

#box2
{
	border: 1px solid #a7182a;
	width: 220px;
	height: 220px;
	overflow: hidden;
	text-align: center;
	padding: 5 0 0 0;
}

#box3
{
	border: 1px solid #a7182a;
	width: 220px;
	height: 220px;
	text-align: center;
	padding: 5 0 0 0;
}

#ventes
{
	width: 220px;
	height: 190px;
	overflow: auto;
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #a7182a;
}

#box4
{
	border: 1px solid #a7182a;
	width: 220px;
	height: 220px;
	text-align: center;
	padding: 5 0 0 0;
	overflow: hidden;
}


#footer
{

}



#info 
{
	background:black; 
	border:0;
}
 


#flag 
{
	right: 0%;
	padding-top: 4px;
	padding-right: 2px;
}


.menu 
{
	width:704px; 
	font-family:arial, sans-serif;
	text-align: left;
}

/* hack to correct IE5.5 faulty box model */

* html .menu 
{
	width:705px; 
	w\idth:704px;
}

/* remove all the bullets, borders and padding from the default list styling */

.menu ul 
{
	padding:0;
	margin:0;
	list-style-type:none;
}

.menu ul ul 
{
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu li 
{
	float:left;
	position:relative;	
}

/* style the links for the top level */

.menu a, .menu a:visited 
{
	display:block;
	font-size:14px;
	text-decoration:none; 
	color:#a7182a; 
	height:30px; 
	border:0; 
	background:white; 
	width: 117px;
	line-height:29px; 
	font-weight:bold;
	text-align: center;
}

/* a hack so that IE5.5 faulty box model is corrected */

* html .menu a, * html .menu a:visited 
{
}
 
  
/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul 
{
	display: none;
	position:absolute;
	height:0;
	top:30px;
	left:0;
}

/* another hack for IE5.5 */

* html .menu ul ul 
{
	top:30px;
	t\op:31px;
}
 
  
/* style the table so that it takes no ppart in the layout - required for IE to work */

.menu table 
{
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse;
}
 
/* style the second level links */

.menu ul ul a, .menu ul ul a:visited 
{
	width: 107px;
	background:#d4d8bd; 
	color:#000; 
	height:auto; 
	line-height:1em; 
	padding:5px 5px; 
	border-width:0 1px 1px 1px;
	font-size: 10px;
	border-bottom: 1px solid #a7182a;
}

/* yet another hack for IE5.5 */

* html .menu ul ul a, * html .menu ul ul a:visited 
{
}
 
/* style the top level hover */

.menu a:hover, .menu ul ul a:hover
{
	color:white; 
	background:#a7182a;
}
 
/* make the second level visible when hover on first level list OR link */

.menu li:hover ul
{
	display:block; 
}

.menu a:hover ul
{
	display:block; 
}