html,body
{
   margin:0;
   padding:0;
   font-size: 1em;
   
   scrollbar-arrow-color:#3C5000;
   scrollbar-base-color:white;
   scrollbar-darkshadow-color:white;
   scrollbar-face-color:white;
   scrollbar-highlight-color:white;
   scrollbar-shadow-color:white;
}

body
{
   font: 76% verdana, century gothic, arial,sans-serif;
   text-align:center;
   background: #ffffff url(back/back.jpg) repeat-y;
}

p
{
   margin:0 10px 10px;
}

#header
{
   height:193px;
   margin:0;
   padding-left:10px;
}
#logo{
float:left;
height:178px;
width:215px;
background:url(back/logo.png);
margin-left:50px;
}
#reference{
display:none;
}
#container
{
   position: relative;
   text-align:left;
   width:998px;
   height:850px;
   margin:0 auto;
   background: #5A7800 url("./back/corp.jpg") no-repeat;
   background-position:193px 0px 0px 0px;
}

#container_newsletter
{
   position: relative;
   text-align:left;
   background: url("./back/wrapper_newsletter.jpg") repeat-y;
}

#content p
{
   line-height:1.4;    
}


#footer
{
   clear:both;
   padding-top: 0px;
   height: auto;
   width:353px;
}

#wrapper
{
   float:left;
   background: none;
}

#content
{
   width: 830px;

   background:url(back/fenetre.png);
   border:1px solid #006600;
   height:490px;
   overflow:scroll;
}

#navigation
{
   float:left;
   width:160px;
   background: none;
   text-align:center;
   height:auto;
}

#extra
{
float:left;
width:160px;
   text-align:center;
}



h1
{
   font-family: vernada;
   font-size: 1.9em;
   font-weight: normal;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   color: #A0000D;
   text-align:center; 
}

h2
{
   font-family: vernada;
   font-size: 1.4em;
   font-weight: normal;
   padding: 20px 0px 5px 0px;
   margin: 0px 0px 0px 0px;
   color: #A0000D;
}

h3
{
   font-family: vernada;
   font-weight: normal;
   font-size: 1.2em;
   padding: 5px 0px 5px 0px;
   margin: 0px 0px 0px 0px;
   color: #000000; 
}


input, select, textarea
{
   font-size: 11px;
   border: 1px solid #CCCCCC;
}

.obligatoire
{
   background: #EAEAFF;
}


.news_title
{
   font-size: 1.3em;
   font-weight: bold;
}

.news_date
{
   font-size: 0.9em;
   font-weight: normal;
   font-style: italic;
   color: #666666;
}

.photo_legend
{
   font-size: 0.9em;
   font-weight: normal;
   font-style: italic;
   color: #666666;
}

.catalog_unit_price
{
   font-size: 1.3em;
   font-weight: bold;
   font-style: italic;
   color: #999999;
}

table{
   border-collapse: collapse;
}


a.previous
{
   background: url("./buttons/previous.png") no-repeat 0px 0px;
   padding-left: 18px;
   padding-bottom: 10px ; 
   text-decoration: none;
}

a.next
{
   background: url("./buttons/next.png") no-repeat 0px 0px;
   padding-left: 18px;
   padding-bottom: 10px ;
   text-decoration: none;
}
a.none
{
   background: url("./buttons/none.png") no-repeat 0px 0px;
   padding-left: 18px;
   padding-bottom: 10px ;
   text-decoration: none;   
}

a.up
{
   background: url("./buttons/up.png") no-repeat 0px 0px;
   padding-left: 18px;
   padding-bottom: 10px ;
   text-decoration: none;   
}

a.mail
{
   background: url("./puces/mail.png") no-repeat 0px 0px;
   padding-left: 18px;
   padding-bottom: 10px ; 
}

a.pdf
{
   background: url("./puces/pdf.png") no-repeat 0px 0px;
   padding-left: 18px;
   padding-bottom: 10px ; 
}

.tel
{
   background: url("./puces/tel.png") no-repeat 0px 0px;
   padding-left: 18px;
   padding-bottom: 10px ; 
}
.fax
{
   background: url("./puces/fax.png") no-repeat 0px 0px;
   padding-left: 18px;
   padding-bottom: 10px ; 
}
.web
{
   background: url("./puces/web.png") no-repeat 0px 0px;
   padding-left: 18px;
   padding-bottom: 10px ; 
}

.remark
{
   font-weight: bold;
   color: #999999;
   font-style: italic ;
}


.encadre
{
   background: #DDEEFF; 
   border: 1px solid #666666 ;
   padding: 4px 4px 4px 4px;
}





















a.menu, a.menu:link, a.menu:visited, a.menu:active 
{
   width: 146px;
   font-size: 13px;
   display: block;
   height: 23px;
   color: #fff;
   text-decoration:none;
   float:left;
   padding-top:8px;
   margin-top:5px;
   text-align:left;
   padding-left:10px;
}

a.menu:hover
{
background:url(back/button.jpg) no-repeat;
}


.menu_sel
{        
   width: 146px;
   font-size: 13px;
   font-weight:bold;
   display: block;
   height: 23px; 
   color: #fff;
   text-decoration: none;
   float:left;
   padding-top:8px;
   margin-top:5px;
	background:url(back/button.jpg) no-repeat;
}



.menu_credits
{
   color: #aaa;
   text-decoration:none;
   font-weight: normal;
   font-size: 9px;
   font-style: normal;   
}









#menu{list-style-type: none;}

.titre a{}
.titre{float: left;margin: auto;padding: 0;}

.smenu{display: none; text-decoration:none; list-style-type: none; background:#FFFFFF;width: 78px; border:#0099FF 1px solid;}

.smenu a{text-decoration:none; width:auto; height:auto;}

.titre:hover .smenu{display: block; margin-top: 0;margin-top:31px;}

.titre .smenu{position: absolute;}

ul, li{margin: 0;padding: 0;}

.stitre a{
display: block;
}

.stitre:hover a{
background:#0099FF;
display: block;
}

.stitre:hover .ssmenu{display: block;margin-left:80px;}

.ssmenu{display: none; text-decoration:none; list-style-type: none; background:#FFFFFF;width: 78px; border:#0099FF 1px solid;}

.ssmenu a{text-decoration:none; width:auto; height:auto;}


.sstitre a{
display: block;
}

.sstitre:hover a{
background:#0099FF;
display: block;
}








#zone_panier{
float:left;
margin-left:20px;
margin-top:20px;
}

.panier{
float:left;
color:#000000;
text-decoration:none;
text-align:center;
vertical-align:top;
background:url(buttons/panier1.jpg);
width:40px;
height:40px;
display:block;
}
.panier:hover{
color:#990000;
background:url(buttons/panier2.jpg);
}

.connexion{
float:left;
color:#FFFFFF;
text-decoration:none;
text-align:center;
vertical-align:top;
background:url(buttons/profil1.jpg);
width:40px;
height:40px;
display:block;
margin-left:10px;
}
.connexion:hover{
color:#990000;
background:url(buttons/profil2.jpg);
}
.profil{
float:left;
color:#000000;
text-decoration:none;
text-align:center;
vertical-align:top;
background:url(buttons/profil1.jpg);
width:40px;
height:40px;
display:block;
margin-left:10px;
}
.profil:hover{
color:#990000;
background:url(buttons/profil2.jpg);
}

.cart{
color:#5A7700;
text-decoration:none;
}

.cart:hover{
color:#A94C00;
text-decoration:underline;
}

.cart_hover:hover{
background-color:#5A7700;
color:#FFFFFF;
}
.cart_hover a{
text-decoration:none;
color:#000000;

}
.cart_hover:hover a{
color:#FFFFFF;
}



.confirm_cart{
color:#DEE4CC;
text-decoration:none;
font-size: 16px;
background:url(back/confirm1.png);
width:200px;
height:26px;
display:block;
padding-right:30px;
padding-top:5px;
}

.confirm_cart:hover{
color:#B9F400;
background:url(back/confirm2.png);
}



.tab-log:hover{
background:#DDFE78;
}





.photos{
style:vertical-align:middle;
float:left;
width:100px;
height:130px;
padding-left:4px;
padding-top:4px;
padding-right:4px;
padding-bottom:4px;
margin-left:1px;
margin-top:1px;
marging-right:1px;
margin-bottom:1px;
cursor:pointer;
border:solid 1px #CCCCCC;
text-align:center;
}
.photos:hover{
background:#CCCCCC;
border:solid 1px #999999;
padding-left:4px;
padding-top:4px;
padding-right:4px;
padding-bottom:4px;
}



.vignette{
style:vertical-align:middle;
float:left;
width:100px;
height:100px;
padding-left:4px;
padding-top:4px;
padding-right:4px;
padding-bottom:4px;
margin-left:1px;
margin-top:1px;
marging-right:1px;
margin-bottom:1px;
cursor:pointer;
border:solid 1px #CCCCCC;
text-align:center;
}
.vignette:hover{
background:#CCCCCC;
border:solid 1px #999999;
padding-left:4px;
padding-top:4px;
padding-right:4px;
padding-bottom:4px;
}



.highslide
{
   color: #777D02;
}

.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
   position: absolute;
   display: none;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

#cache{
   position: absolute;
   top: 0px;
   left:0px;
   width:100%;
   height: 100%;
   background : #808080;
   filter:alpha(opacity=65); 
   -moz-opacity:0.65; 
   opacity:0.65;
   z-index: 3;
   visibility: hidden;
}

#scroller
{
margin-left:100px;
   overflow: hidden;
   padding: 0px 0px 0px 0px;  
   top: 228px;
   left: 335px;
   width: 375px;
   height: 245px;
	border: none; 
   z-index: 1;
}
#scroller_left
{
   position: absolute;
   overflow: hidden;
   padding: 0px 0px 0px 0px;  
   top: 222px;
   left: 320px;
   width: 65px;
   height: 230px;
   background: none;              
   border: none; 
   z-index: 3;
}
#scroller_right
{
   position: absolute;
   overflow: hidden;
   padding: 0px 0px 0px 0px;  
   top: 222px;
   left: 650px;
   width: 65px;
   height: 230px;
   background: none;              
   border: none; 
   z-index: 3;
}