html,body
{
   margin:0;
   padding:0;
   font-size: 0.9em;
}

body
{
   font: 76% arial,sans-serif;
   text-align:center;
   background: #CCCCCC;
}

p
{
   margin:0 10px 10px;
}

#header
{
   height:80px;
   line-height:80px;
   margin:0;
   padding-left:10px;
   background: url("./back/header.jpg") no-repeat;
}

#container
{
   position: relative;
   top:4px;
   text-align:left;
   background: url("./back/wrapper.jpg") repeat-y;
   width:900px;
   margin:0 auto;
}

#container_newsletter
{
   position: relative;
   top:4px;
   text-align:left;
   background: url("./back/wrapper_newsletter.jpg") repeat-y;
   width:900px;
   margin:0 auto;
}




#content
{
   height: 560px;
   overflow: auto;
   margin: 0 20px;
   width: 670px;
   background: none;
}
#content p
{
   line-height:1.4;    
}

#navigation
{
   height: 26px;
   margin: 0px 11px 0px 11px;
   padding-left:10px;
   background: url("./puces/puce_menu.png") repeat-x 0px 18px;
}

#extra
{
   height: 580px;
   overflow: auto;
   float:left;
   width:190px;
   margin-left:-200px;
   background: none;
   padding-left: 4px;
}

#footer
{
   background: url("./back/footer.jpg") no-repeat;
   clear:both;
   width:100%;
}

#footer p
{
   margin:0;
   padding:5px 10px;
}


#wrapper
{
   float:left;
   width:100%;
}










h1
{
   font-size: 1.3em;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   color: #6A6AB5; 
}

h2
{
   font-size: 1.2em;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   color: #6A6AB5; 
}

h3
{
   font-size: 1em;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   color: #6A6AB5; 
}


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 ; 
}

.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 ;
}













a.menu:link
{  
   font-family: century gothic, verdana, arial, geneva, helvetica, sans-serif;    
   font-size: 13px;
   color: #6A6AB5;
   text-decoration:none;  
   background: url("./puces/puce_menu.png") repeat-x 0px 18px;                                       
   padding-bottom: 10px;
   padding-left: 4px;
   padding-right: 4px;
}
a.menu:visited
{  
   font-family: century gothic, verdana, arial, geneva, helvetica, sans-serif;    
   font-size: 13px;
   color: #6A6AB5;
   text-decoration:none;                                      
   background: url("./puces/puce_menu.png") repeat-x 0px 18px;
   padding-bottom: 10px;
   padding-left: 4px;
   padding-right: 4px;
}
a.menu:active  
{             
   font-family: century gothic, verdana, arial, geneva, helvetica, sans-serif;    
   font-size: 13px;
   color: #6A6AB5;
   text-decoration:none;
   background: url("./puces/puce_menu.png") repeat-x 0px 18px;
   padding-bottom: 10px;
   padding-left: 4px;
   padding-right: 4px;
}
a.menu:hover
{             
   font-family: century gothic, verdana, arial, geneva, helvetica, sans-serif;    
   font-size: 13px;
   text-decoration: none; 
   color: #F138B0;
   background: url("./puces/puce_menu_hover.png") repeat-x 0px 17px;
   padding-bottom: 10px;
   padding-left: 4px;
   padding-right: 4px;
}


.menu_sel
{                 
   font-family: century gothic, verdana, arial, geneva, helvetica, sans-serif;    
   font-size: 13px;
   color: #CC00CC;
   text-decoration: none;
   background: url("./puces/puce_menu_sel.png") repeat-x 0px 17px;
   padding-bottom: 10px;
   padding-left: 4px;
   padding-right: 4px;
}


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


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