/* ------------------------------------ *
 CSS
 mercredi 24 mai 2006 14:50:42
 * ------------------------------------ */
body{
margin:0;
padding:0;
text-align:center;
background:#000000;
font-size:11px;                        
font-family: Verdana, Arial, Helvetica, sans-serif;
}             
a{     
color:#CCC68F;
text-decoration:none;
}
img, a img{
border:0;
}
table, tr, td{               
border-collapse: collapse;  
vertical-align:top;
border-spacing: 0;        
border:0;
padding:0;
}
td{
vertical-align:top;
}
#page{        
width:760px;
margin:20px auto 20px auto;
}     
#header{
background:url('../media/interface/header.jpg') no-repeat top right;
width:760px; /*533*/
height:158px;
text-align:left;
}
#header_logo{
height:158px;
}     
#top{    
overflow:hidden;
background:url('../media/interface/top_left.jpg') no-repeat top left;  
width:760px;
height:43px;
}   
#top_menu{
text-align:right;
float:right;
width:533px;
height:43px;  
line-height: 43px;
background:url('../media/interface/top_menu_left.jpg') no-repeat top left;
}                                                     
#top_menu ul {
float:right;
width:523px;        
height:43px;
line-height: 43px;
padding:0; margin:0;
background:url('../media/interface/top_menu_bg.jpg') repeat-x top;
}
#top_menu ul li{
float:left;
color:#CCC68F;
font-size:10px;      
height:100%;
text-align:center;
list-style-type: none;   
background:url('../media/interface/top_menu_sep.jpg') no-repeat top right;
}
#top_menu ul li a{     
display:block;
padding:5px 0 0 0;
height:100%;
width:100%;           
line-height:43px;
vertical-align:baseline;
}                 
#top_menu ul li a:hover, #top_menu ul li.active  {
font-weight:bold; 
background:url('../media/interface/top_menu_bg_hover.jpg') repeat-x top;
}
#center{      
text-align:left;
padding:0;
margin:0;    
width:760px;
background:#847F54 url('../media/interface/center_bg.jpg') repeat-y right;
}
#center_left{
background:url('../media/interface/left_bg.jpg') repeat-y  0 280px; 
width:227px;
padding:0; margin:0;
}            
#center_left img{
border:0;

}            
#center_left_h{
/*position:relative;
top:0;left:-227px;*/
background:url('../media/interface/left_postit.jpg') no-repeat top left;
width:227px;
/*border:1px solid red;*/
}
#center_left_b{
background:url('../media/interface/left_bg.jpg') repeat-y top left;
border:1px solid red;
} 
/*.test{position:relative;
top:0;left:0; } */

#center_main{     
/*position:relative;
top:-280px;left:227px;       */
padding:0;margin:0 0 0 227px;
background:url('../media/interface/center_left_border.jpg') repeat-y left top;
width:533px;
text-align:left;
}               
#center_main_top{
background:url('../media/interface/center_main_top.jpg') no-repeat top left;
width:100%;   
height:27px;
}
#center_main_top2{   
background:#C0BB93 url('../media/interface/center_main_hg.jpg') no-repeat top left;
width:502px;     
height:70px;
}            
#center_main_top2.accueil{
background:#C0BB93 url('../media/interface/center_main_hg_accueil.jpg') no-repeat top left;
}
#center_main_top2_hd{
float:right;
background:#C0BB93 url('../media/interface/center_main_hd.jpg') no-repeat top right;
height:26px;
width:284px;
}        
#center_main_top3{
background:#C0BB93;
width:483px;
margin:0 31px 0 19px;
}
.inside img{
margin:10px 0 10px 0;
}
#center_main_top3 .inside{
text-align:justify;
font-weight:bold;
padding:10px 50px 15px 30px;
}
#center_main_txt{
background:#D4CFA5 url('../media/interface/center_main_txt_top_ombre.jpg') repeat-x top;
width:483px;              
margin:0 31px 0 19px;
}                 
#center_main_txt .inside{
text-align:justify;             
padding:10px 15px 35px 15px;
}
#center_main_txt .inside_accueil{
background:url('../media/images/img_accueil.jpg') no-repeat top right;
text-align:justify;
padding:10px 235px 35px 15px;
}
#center_main_txt .inside a{
color:#20211C;
text-decoration:none;
}
#center_main_bot{
width:100%;
height:47px;
text-align:center;
}         
#center_main_bot img{
margin:27px 0 0 0;
}
#footer{
clear:both;
text-align:right;
background:#C0BB93 url('../media/interface/footer_right_corner.jpg') no-repeat top right;   
height:31px;
line-height:31px; 
margin:0 0 20px 0;
}            
#footer .logo{
float:left;
margin:7px 0 0 22px;
}              
#footer img{
vertical-align:top;
}
#footer .menu{
margin:0 35px 0 0;
font-size:10px;
}        
#footer .menu a{
vertical-align:top;
color:#20211C;
}
/* EQUIPEMENTS */
#equipements .titre{
color:#768329;
font-size:18px;
font-weight:bold;    
margin-bottom:20px;
}
#equipements .fiche .liste .titre{      
background:#C0BB93;
color: #706C49;     
font-size:12px;
font-weight:bold;
text-align:right;    
margin:0;
}                
#equipements .photo {
float:left;     
width:100px;
text-align:center; 
background:#C0BB93;
margin:0 20px 0 0;  
padding:0;              
vertical-align:middle;
}
#equipements .photo span{
display:block;
color:#fff;
}
#equipements .photo span img{  
vertical-align:middle;
}                      
#equipements .photo span.img{   
vertical-align:top;
background:#C0BB93;
}                  
#equipements .photo span.zoom{
}
#equipements .description{
position:relative; 
margin:0 20px 0 100px;
}
#equipements .date{
font-size:75%;
}
/* VEHICULES */
#vehicules{
}                   
#vehicules .fiche{
}
#vehicules .titre{
/*font-family: Arial, Verdana, Helvetica, sans-serif;*/
color:#768329;
font-size:18px;
font-weight:bold;
margin-bottom:30px;
}           
#vehicules .photo{
float:left;
width:45px;
}
#vehicules .description{ 
position:relative;    
margin:0 20px 0 75px;
}       
#vehicules .description .titre a{
/*font-family: Arial, Verdana, Helvetica, sans-serif;*/ 
position:relative;
left:-20px;
color: #706C49;
font-size:13px;
font-weight:bold;
margin:0;
}           
#vehicules .date{
font-size:75%;
}
/* TARIFS */
#tarifs{
}                   
#tarifs .fiche{
}
#tarifs .titre{
/*font-family: Arial, Verdana, Helvetica, sans-serif;*/   
color:#768329;
font-size:18px;
font-weight:bold;
margin-bottom:20px;
}           
#tarifs .photo{
float:left;
width:45px;
}    
#tarifs .tarif{
color: #706C49;  
float:right;
font-size:10px;
font-weight:bold;
}
#tarifs .description{
margin:0 20px 0 20px;            
border-bottom:3px solid #CCC68F; 
border-right:15px solid #CCC68F;
}
#tarifs .date{
font-size:75%;
}
/***** CONTACT *****/


table.contact {   
  width: 350px;
  margin: 0 0 0 0;
}
table.contact td.titre {
  padding: 15px 0 20px 0;
  font-size: 1.20em;
  color: #706C49;
  font-weight: bold;
}
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-family: Verdana, Arial, Helvetica, sans-serif;
  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-family: Verdana, Arial, Helvetica, sans-serif;
  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 #ECECEC;
  border-right: 0;
  border-bottom: 0;
  border-left: 1px solid #ECECEC;
  background-color: #706C49;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #FFFFFF;
  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: #99B2B2;
}
        
div.error {
  color: #FFFFFF;    
  background-color: #847F54;
}                    
div.error div.titre {                                                         
  background:url('../media/interface/error.png') no-repeat 15px 2px;
  padding: 5px 15px 5px 45px;
  font-size: 1.30em;
  line-height: 1.30em;
  color: #000000;
  font-weight: bolder;
}         
div.error div.titre img {
  float:left;
}        
div.error div.txt {  
  background:#706C49 url('../media/interface/center_main_txt_erreur_ombre.jpg') repeat-x top;   
  padding: 5px 15px 5px 15px;
  font-size: 1.20em;
  color: #000000;
  font-weight: bold;
  border-bottom:1px solid #000000;
}

/******************************/
/*          GENERAUX 
/******************************/
        
.fl {
    float: left;
}
.fr {
    float: right;
}
img.fl {
    margin: 0 10px 2px 0;
}
img.fr {
    margin: 0 0 2px 10px;
}
                       
.justify {
  text-align: justify;
}
.c {
  text-align: center;
}

.small {
  font-size: 0.90em;
} 
.spacer{clear:both;}
.block{display:block;}