body {
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
margin: 0;
padding: 0;
background:#000 url(fond.jpg);
}

/* ACTUALITE*/

#ejs_box2_box{
background: black url(cadre.jpg) no-repeat;
color:#fff;
font-size:18px;
text-align:left;
width:760px;
height:60px;
border:0px solid #000;
font-family:Arial, Helvetica, sans-serif;
margin: 0 auto;
padding:15px 0px 5px 20px;

}



/* FIN ACTUALITE*/


#conteneur {
width: 802px;
margin: 0 auto; 
border:0px solid #fff;
}

#header {
height:215px;
border-left:1px solid #888;
border-right:1px solid #888;
background:#000;
}

#centre {
background:#000;
border-left:1px solid #888;
border-right:1px solid #888;
border-bottom:1px solid #888;
border-top:1px solid #24618E;
width:800px;
color:#fff;
}

.yellow {
color:#FFE600;
}

#centre2 {
background:#000 url(velo.jpg) no-repeat;
background-position:center;
border-left:1px solid #888;
border-right:1px solid #888;
border-bottom:1px solid #888;
border-top:1px solid #24618E;
width:800px;
color:#fff;
}


#adresse {
background:#24618E;
color:#fff;
text-align:center;
}


#pied {
height: 30px;
color:#fff;
}

#pied a {
color:#24618E;
}

h1 {
color:#24618E;
font-size:18px;
margin:0;
padding:5px 0px 5px 20px
}

h1.prod {
color:#24618E;
font-size:18px;
margin:0;
padding:5px 0px 5px 65px
}

h1.mat {
color:#24618E;
font-size:18px;
margin:0;
padding:5px 0px 5px 65px
}



.tb td {
border:1px solid #fff;

}

.zone {
background:#000000 ;
height:15px;
padding:3px 0px 0px 10px;
border:1px solid #FFE600;
color:#f966a7;
font-size:1.0em;
}

.zone:focus {
height:15px;
padding:3px 0px 0px 10px;
border:1px solid #FFE600;
color:#000;
font-weight:300;
background:#ffffff;
}


.zone2 {
color:#ffffff;
border:1px solid #FFE600;
font-size:1.2em;
}





.zone3 {
background:#000000;
margin-left:5px;
padding:3px 0px 0px 10px;
border:0px solid #fff;
color:#f966a7;
font-size:1.0em;
border:1px solid #FFE600;
width:335px;
}



.submit {
border:1px solid #FFE600;
background:#000000;
cursor:pointer;
color:#FFE600;
}


.submit:hover {
border:1px solid #FFF;
background:#000000;
cursor:pointer;
color:#b6a142;}







b {
color:#fff;
}


h2 {
color:#FFE600;
font-size:15px;
margin:0;
padding:5px 0px 5px 20px
}


p {margin: 0;color:#fff;
padding:5px 20px 5px 20px;
text-align:justify;
}


#descr {
color:orange;
}


a.lien  {
color:#fff;
}

a.lien:hover {
color:#FFE600;
}


.tbl-prod td {
padding:10px 0px 10px 0px;
font-size:11px;
}


.tbl-prod img {

border:1px solid #fff;
}

.fiche-prod {
border:1px solid #fff;
}

.img-prod {
margin:10px 0px 10px 0px;
border:1px solid #fff;
}

/*- Menu Tabs J--------------------------- */

    #tabsJ {
    margin:0;
    padding:0px;    
      float:left;
      width:100%;
      background:#000;
      font-size:93%;
      line-height:normal;
	  
      }
    #tabsJ ul {
	margin:0;
	padding:3px 10px 0 0px;
	list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url("tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
          background-position:0% -42px;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url("tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#fff;
         background-position:100% -42px;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#FFF;
      }
    #tabsJ a:hover {
      background-position:0px 0px;
      }
    #tabsJ a:hover span {
      background-position:right top;
      color:#24618E;
      }