/* ------------------------------------ *
 CSS
 lundi 3 juillet 2006 10:51:32
 * ------------------------------------ */

body{
text-align:center;
background:#4A4A4A;
font-family: verdana, arial, tahoma;
margin:0;
padding:0;
font-size:11px;
}
img {
border:0;
}       
h1{ 
font-size:14px;
font-weight:bolder;
clear:both;
}   
h1.htitre{
text-align:left;
font-size:14px;
font-weight:bolder;
clear:both;
margin:20px 0 0 0;
border-bottom:2px solid gray;
display:block;

}   
h2{
font-size:12px;
font-weight:bold;
}
h2.sep{
font-size:12px;
font-weight:bold;
}
a{
text-decoration:underline;
color:#BA004B;
}    
a.name{
text-decoration:none;
}        
.lien-top{
display:block;
text-align:right;
}           
ul{
margin:0;
padding:0;
}
ul li{            
padding:2px 45px;
margin:0;
list-style:none;     
background: url('../media/interface/puce-rose.gif') 35px 7px no-repeat;
}
#page{
width:750px;
margin: 25px auto;
text-align:left;
}                
#header{ 
width:100%;
height:157px;
background: url('../media/interface/img-header.gif') 199px 13px no-repeat;
}   
#logo{
width:199px;
height:157px;
}                
#liens-top{
float:right;
text-align:right;
height:13px;
line-height:13px;
}                
#liens-top a{
margin-left:5px
}      
#titre{
position:absolute;
height:65px;
width:551px;
margin:92px 0 0 199px;
padding:0;       
background: #ffffff url('../media/interface/bg-center.gif') -199px top repeat-y;
}  
#titre img{
margin: 33px 0 0 25px;
}
#center{
clear:both;
width:100%;
/*background: #DFDFDF url('../media/interface/bg-menu.gif') 195px top repeat-y;*/
background: #ffffff url('../media/interface/bg-center.gif') left top repeat-y;
}
#menu{
float:left;
width:199px;
margin:0;
padding:0;
}  
#menu-contact,#menu-liens{ 
width:100%;
}
#menu-contact hr{
width:50%;
border:1px solid gray;
height:1px;
}
#menu-contact .texte{
padding: 10px 0 0 20px;
text-align:left;
}
#menu-contact{
text-align:center;
}
#menu-liens ul{     
margin:0;
padding:0;
}                 
#menu-liens ul li{
height:18px;
margin:0;
padding:0;
}
*html #menu-liens ul li{
display:inline;
}
#menu-liens ul li.sep{
display:block;
list-style:none;
background: url('../media/interface/menu-sep.gif') left top no-repeat;
}                                           
#menu-liens ul li.sep2{  
display:block;
list-style:none;
background: url('../media/interface/menu-sep2.gif') left top no-repeat;
}
#menu-liens ul li.bot{  
display:block;
background: url('../media/interface/menu-bot.gif') left top no-repeat;
}                     
#menu-liens ul li a{         
display:block;
text-decoration:none;
}
#menu-liens ul li a img{
}
#contenu{
width:551px;
float:right;
}   
#chapeau{
background: #FFB434 url('../media/interface/bg-chapeau.gif') left top repeat-y;
}   
#chapeau .inside{
padding:10px 65px 0 25px;
}
#chapeau .inside ul li{
background: url('../media/interface/puce-marron.gif') 35px 7px no-repeat;
}  
#chapeau .inside ul.li-chapeau  {
margin-top:8px;
}
#chapeau .inside ul.li-chapeau li{  
padding:2px 40px;                  
background: none;
}                        
#chapeau .inside ul.li-chapeau li a{
display:block;
font-weight:bolder;     
padding:0 0 0 5px;
background: url('../media/interface/puce-marron-large.gif') 25px 2px no-repeat;
background: url('../media/interface/puce-marron.gif') 0px 4px no-repeat;
}
#chapeau .inside ul.li-chapeau li a:hover{
/*font-weight:bold;*/              
text-decoration:underline;
color:#BA004B;
background: url('../media/interface/puce-rose.gif') 0px 4px no-repeat;
}
#chapeau-bot{
height:25px;
background: #FFB434 url('../media/interface/chapeau-bot.gif') left top no-repeat;
margin-bottom:30px;
}         
#chapeau a{
color:#470808;
text-decoration:none;
}          
#blocs{
}
#blocs .bloc-l{
width:240px;
} 
#blocs .bloc-r{
width:300px;
}
#blocs .titre{
padding:0 0px;
}      
#blocs .texte{
padding:15px 25px;
}
#blocs .lien{
padding:0 25px;
text-align:right;
}                        
#blocs .lien a{
font-size:10px;   
line-height:10px;
height:10px;
background: url('../media/interface/puce-rose.gif') left 4px no-repeat;
padding-left:7px;
color:#BA004B;
font-weight:bold;
}            
#textes{
border:0;
}             
#textes b{
color:#BA004B;
}           
#textes .titre{ 
text-align:left;
font-size:15px;
font-weight:bold; 
margin:0 25px 20px 25px;
border-bottom:2px solid #C0C0C0;
}
#textes .texte{  
padding:0 25px 10px 25px;
clear:both;
}
#liens-bot{  
clear:both;
text-align:right;   
height:25px;
background: url('../media/interface/bg-liens-bot.gif') right top no-repeat;
font-size:10px;
vertical-align:50%;
border:0;
}
#liens-bot div{ 
line-height:25px;
margin-top:5px;

}
#liens-bot a{
font-size:10px;  
line-height:25px;
color: #4A4A4A;
text-decoration:none;
}                   
#liens-bot a img{
vertical-align:middle;
}
#liens-bot a#aw{
margin-left:14px;
margin-right:10px;
}

#footer{     
clear:both;
width:100%;
height:6px;
background: url('../media/interface/footer.gif') top left no-repeat;
}   
                                  
/***** CONTACT *****/
table#contact {
  width: 100%;
  margin: 0 0 0 0;
}
table#contact td.titre {
  padding: 15px 0 20px 0;
  font-size: 1.20em;
  color: #000;
  font-weight: bold;
  border:0;
}
table#contact td.designation {
  width: 100px;
  padding: 7px 0 6px 10px;
  font-weight: bold;
  vertical-align: top;
}
table#contact tr.error td.designation {
  width: 100px;
  padding: 7px 0 6px 10px;
  color: #FFFFFF;
  font-weight: bold;
  vertical-align: top;
}

table#contact td.required {
  width: 10px;
  font-size: 1px;
}

table#contact td.required-on {
  width: 10px;
  font-size: 1px;
  background-image: url(../media/interface/css-field-required.gif);
  background-position: top left;
  background-repeat: no-repeat;
}
table#contact td.field {
  vertical-align: top;
  padding: 3px 0 0 0;
}
table#contact td.field input {
  width: 220px;
  padding: 2px 0 1px 2px;
  border: 1px solid #99B2B2;
  background-image: url(../media/interface/css-field-text.gif);
  background-position: top left;
  background-repeat: repeat-x;
  font-size: 11px;
  color: #5D5D5D;
}
table#contact td.field textarea {
  width: 220px;
  height: 100px;
  padding: 0 0 0 2px;
  border: 1px solid #99B2B2;
  background-image: url(../media/interface/css-field-text.gif);
  background-position: top left;
  background-repeat: repeat-x;
  font-size: 11px;
  color: #5D5D5D;
}
table#contact td.sep {
  height: 20px;
  font-size: 1px;
}
table#contact table.button {
  width: 100%;
}
table#contact table.button input {
  width: 100px;
  height: 20px;
  border-top: 1px solid #B2B2B2;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  border-left: 1px solid #B2B2B2;
  background-color: #DFDFDF;
  font-size: 10px;
  color: #3C3C3C;
  font-weight: bold;
}
table#contact table.button td.space {
  width: 120px;
}
table#contact table.button td.submit {
  width: 120px;
  text-align: left;
}
table#contact table.button td.reset {
  text-align: left;
}
table#contact tr.error {
  background-color: #FFC0C0;
}
        
div.error {           
  color: #FFFFFF;    
  background-color: #D70000;
}                    
div.error div.titre {
  padding: 5px 15px;
  font-size: 1.30em;
  line-height: 1.30em;
  font-weight: bolder;
}         
div.error div.titre img {
  float:left;
}        
div.error div.txt {
  padding: 5px 15px;
}

/* GENERAL */    
.fl{
float:left;
}
.fr{
float:right;
}
img.fl{
margin:0 10px 0 0;
}
img.fr{
margin:0 0 0 10px;
}
.fr{
float:right;
}
.g{
text-align:left;
}
.c{
text-align:center;
}                
.d{
text-align:right;
}
.intro{
font-style:italic;
padding:0 10px 10px 10px;
}
.justify{
text-align:justify;
}   
.small {
    font-size: 0.90em;
}              
.spacer{
clear:both;
}
/*VENTE*/
.themeheader,.themebody{ display:block;padding:5px 2px;background:#4A4A4A; color:#fff;}
#textes .themeheader b,#textes .themebody b{ color:#fff; }
.bold{font-weight:bold;}