body{
   background:#E5E9EC;
   /*background:#FFFFFF;*/
   font:0.8em Arial;
   margin: 0 ;
   padding: 0 ;
   height:100%;
   text-align:left;
   height: 100%;
}

/*===== Global style definition =====*/
a{
   text-decoration: none;
   color:#73b8dd;
}
a:hover{
   color:#FFFFFF;
   background: #73b8dd ;
}
p {
   text-align:justify;
}
pre
{
	overflow: auto ;
}
h1{
   padding:0;
   margin-top: 0px;
   color:#73b8dd;
   font-size:1.3em;
   border-bottom: 1px solid #73b8dd ;
}
h2 {
   margin-top: 0px;
   font-size:1.1em;
   color:#73b8dd;
   border-bottom: 1px solid #73b8dd ;
   padding-top:10px;
}
img{
   border: 3px solid #FFF;
   padding: 3px;
}
li {
}
#fscroller{
   text-align:justify;
}
ul{
   color:#73b8dd;
}
/*===== Blocks definition =====*/
div#conteneur
{
   position: relative;
   height: 100%;
   width: 954px ;
   margin: 0 auto ;
   padding: 0;
   text-align: left ;
   background: url("/img/fond.jpg") repeat-y top;
}
#left {
   position: absolute;
   left:0;
   width: 62px; 
   height:200px;
   background:url("/img/header_left.jpg") top right no-repeat;  
}
#middle {
   width:830px; 
   margin-left: 62px;
   margin-right: 62px;
}
#right {
   position: absolute;
   right:0;
   height:200px;
   width:62px; 
   background:url("/img/header_right.jpg") top left no-repeat; 
}
#right p img{
   border: 0;
   margin: 0;
}


/* ===== Full display =====*/
div#fullcontain {
	margin: 0;
   background:url("/img/midbg.jpg");
   padding: 0 50px 0 50px;
   text-align:justify;
}
p#topcontain {
   height:40px;
   margin: 0;
   background:url("/img/top.jpg");
}
p#bottomcontain {
   height:40px;
   margin: 0 0 10px 0;
   background:url("/img/bottom.jpg");
}


/* ===== Medium display =====*/
div#mediumcontain {
	margin: 0;
   background:url("/img/mediumbg.jpg");
   width:420px;
   padding: 0 30px 0 50px;
   text-align:justify;
}
p#mediumtopcontain {
   height:40px;
   margin: 0;
   background:url("/img/mediumtop.jpg");
}
p#mediumbottomcontain {
   height:40px;
   margin: 0 0 10px 0;
   background:url("/img/mediumbottom.jpg");
}
#fscroller{
   height:200px;
}
#actu{
   width:270px;
   margin: 10px 50px 0 10px ;
   position: relative;
   padding: 5px 0 0 0;
   float:right;
}
#actu div{
   padding-left:15px;
}
.menuaccueil{
   width:290px;
   margin-top:0;
   padding-left:15px;
   background: url("/img/menubg.jpg") repeat-y;
}
.menuaccueil img{
   border:none;
}
.menuaccueil h1{
   background: url("/img/fleche.jpg") no-repeat left;
   padding-left:35px;
   margin:0;
   border:none;
}
.menuaccueil ul{
   margin:0;
   padding:5px 0 0 120px;
   list-style-type:none;
}
.menuaccueil li{
   color:#73b8dd;
   margin-left:0;
   font-weight: bold;
   padding-left:15px;
   background: url("/img/puce.jpg") no-repeat left;
}
p.menuaccueiltop {
   width:290px;
   height:25px;
   margin-top:10px;
   margin-bottom:0;
   background:url("/img/menutop.jpg");
}
p.menuaccueilbottom {
   width:290px;
   height:25px;
   margin: 0 0 10px 0;
   background:url("/img/menubottom.jpg");
}

/*===== Header definition =====*/
h1#header
{
   background: url("/img/header.jpg") no-repeat left top;
	height: 220px ;
   border:none;
   padding:0;
   margin: 0;
}
h1#header a
{
	width: 230px ;
	height: 180px ;
	display: block ;
	background: url("/img/title.gif") no-repeat ;
	position: relative ;
	left: 550px ;
	top: 40px ;
	text-indent: -5000px ;
}


/*===== Menu definition =====*/
ul#menu {
	height: 47px ;
	margin: 0 ;
	padding: 0 45px;
	background: url("/img/menu.jpg") repeat-x;
	list-style-type: none ;
}
ul#menu li
{
	float: left ;
	text-align: center ;
}
ul#menu li a
{
	width: 115px ;
	line-height: 25px ;
	font-size: 1.1em ;
	font-weight: bold ;
	letter-spacing: 1px ;
	color: #fff ;
	display: block ;
	border-right: 1px solid #FFF ;
}
ul#menu li a:hover
{
	text-decoration:none;
   background: url("/img/menulnk.jpg") repeat-x 0 0 ;
}
#selected{
   background: url("/img/menulnk.jpg") repeat-x 0 0 ;
}

/*===== Footer definition =====*/
div#footer {
   height: 100px;
   background: url("/img/footer.jpg") #E5E9EC;
   color:#73b8dd;
   padding: 33px 120px;
	 font-size: 0.8em ;
   font-weight: bold;
}
#legales {
   margin:0;
   float:right;
}
#copy{
   margin:0;
   float:left;
}
div#footer a {
   margin: 0 10px;
}

/*===== language definition =====*/
#right p {
   margin: 70px 40px 0 10px;
}
#right img{
   margin-bottom:5px;
}

/*===== catalogue definition =====*/
#catalogue{
   background-color:#EEE;
   padding:3px;
   font-weight:bold;
   margin:0;
   color:#000;
   border:1px solid #FFF;
   -cursor:hand;
}
#catalogue:hover{
   background-color:#BBB;
   color:#FFF;
   -cursor:pointer;
   text-decoration:none;
}
.produit{
   padding:3px;
   font-weight:bold;
   margin:0;
   color:#000;
   border:none;
}
.produit:hover{
   background-color:#BBB;
   cursor:  pointer;
   color:#FFF;
}
#cat1 {
   width:200px;
}
#cat1:hover {
   width:100%;
}
#cat2 {
   width:220px;
}
#cat2:hover {
   width:100%;
}
#cat3 {
   width:240px;
}
#cat3:hover {
   width:100%;
}
#cat4 {
   width:260px;
}
#cat4:hover {
   width:100%;
}
#cat5 {
   width:280px;
}
#cat5:hover {
   width:100%;
}
#cat6 {
   width:300px;
}
#cat6:hover {
   width:100%;
}
#cat7 {
   width:320px;
}
#cat7:hover {
   width:100%;
}
#cat8 {
   width:340px;
}
#cat8:hover {
   width:100%;
}
#cat9 {
   width:360px;
}
#cat9:hover {
   width:100%;
}
#cat {
   width:100%;
}
.back{
  float:right; 
  background: url(\"/img/retour.jpg\") no-repeat top left; 
  padding-left:30px; 
  padding-top:0px; 
  font-size: 0.8em ;
}
.back:hover{
  background: url(\"/img/retour.jpg\") no-repeat top left; 
	color: #73b8dd ;
  text-decoration:underline;
}
