/* 
    Document   : frontend
    Created on : 5 sept. 2008, 11:33:33
    Author     : tb
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body,html {
    font-family:'lucida grande', Verdana, Helvetica, Arial, sans-serif;
    text-align:justify;
    font-size: 10pt;
    background-color:#C5C6C8;
}

#contenu{
  width:900px;
  margin-right:auto;
  margin-left:auto;
  border:1px solid #888;
  height:auto;
  background-color:white;
  
}

#banniere{
  width:900px;
  height:300px;
  background-image:url('../img/banniere.jpg');
  background-repeat:no-repeat;
  
}

#barre_menu{
  float:left;
  width:100%;
  background-color:#962520;
  height:22px;
}

#menu {
  float:left;
  width:602px;
  margin-left:150px;
  font-size:12pt;
  
}

#ouverture{
  width:520px;
  margin-left:auto;
  margin-right:auto;

}

#heure{
  width:250px;
  float:left;
  margin:2px;
  background-color:#F2F2F2;
  padding:2px;
  height:160px;
}

#adresse{
  width:250px;
  float:left;
  margin:2px;
  background-color:#F2F2F2;
  padding:2px;
  height:160px;
}

#actualite{
  width:720px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:10px;
}

.ligne_actualite{
    

}

.image_actualite{
  width:210px;
  height:204px;
  float:left;
  margin:2px;
}

.texte_actualite{
  width:490px;
  float:left;
  margin:4px;
  padding:2px;
  font-size:12pt;
  color:#962520;
  border:1px solid gray;
 
}

#fiat{

  width:200px;
  float:right;
  margin-right:10px;
  text-align:center;
  font-size:12pt;
}


.element_menu{
  width:110px;
  display:inline-block;
  text-align:center;
  height:18px;
  padding:1px;
  
}

a {
  color:#962520;
  text-decoration:none;
}

.element_menu a{
  color:white;
}

.element_menu a:visited{
  color:white;
}

.element_menu a:hover{
  color:black;
}

a:visited{
  color:#962520;
}

a:hover{
  text-decoration:none;
  color:black;
}

#bas {
    margin-left:auto;
    margin-right:auto;
    width:900px;
    text-align:center;
    margin-top:2px;
    
}

#voitures{
  width:890px;
  margin-left:auto;
  margin-right:auto;
  padding:1px;
}

.v_titre{
  width:870px;
  margin-left:auto;
  margin-right:auto;
  background-color:#C5C6C8;
  margin-top:1px;
  margin-bottom:1px;
  font-weight:bold;
}

.v_ligne{
  width:870px;
  margin-left:auto;
  margin-right:auto;
  margin-top:4px;
  margin-bottom:4px;
}

.s_image{
  width:80px;
  display:inline-block;
  
}

.s_libell{
  width:148px;
  display:inline-block;
}

.s_image_l{
  width:85px;
  display:inline-block;
  float:left;

}

.clear{
  clear:both;
}

.s_libelle_l{
  width:148px;
  display:inline-block;
  background-color:#F2F2F2;

}

#view_voiture{
  width:530px;
  float:left;
  margin-left:20px;
  margin-right:20px;
}

.view_ligne{
  margin-bottom:4px;
  background-color:#F2F2F2;
  padding:2px;
}

#view_photos{
  width:263px;
  float:left;
  padding:2px;
  border:1px solid gray;
  
}

.grande_photo{
  width:250px;
  margin-left:auto;
  margin-right:auto;
  display:inline-block;
  
}

.petite_photo{
  margin:1px;
  
  
}

#view_options{
    margin-top:4px;
    margin-bottom:4px;
    padding:2px;
}

.view_options_libelle{
  width:100%;
  display:inline-block;
  font-weight:bold;
  background-color:#C5C6C8;
}

.view_libelle{
  width:200px;
  display:inline-block;
  font-weight:bold;
}

.view_info{
  width:300px;
  display:inline-block;
}

.view_info_options{
  width:100%;
  display:inline-block;
  background-color:#F2F2F2;
}

h1{
  margin-left:20px;
  background-image:url('../img/h1.jpg');
  background-repeat:no-repeat;
  padding-left:9px;
  font-variant:small-caps;
  font-weight:lighter;
  font-size:22pt;
}

fieldset {
	border: 0px solid #ccc;
	
}
fieldset legend {
	display:none;
}

form div {
	clear: both;
	margin-bottom: 1em;
	padding: .5em;
	vertical-align: text-top;
}

label {
	display: block;
	font-size: 110%;
	padding-right: 20px;
}

#contact{
    width:46%;
    float:left;
    border:1px solid gray;
    padding:4px;
    text-align:center;
    margin-bottom:5px;
}

#contact_mail{
    float:left;
    width:50%;
}

#liens{
  width:600px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:5px;
}

.lien_ligne{
  width:100%;
  float:left;
}

.s_libelle{
  width:48%;
  float:left;
  background-color:#F2F2F2;
  margin:2px;
}

.s_lien{
  width:48%;
  float:left;
  background-color:#F2F2F2;
  margin:2px;
}

.ligne_employe{
  margin:2px;
  width:100%;
}

#employes{
  width:750px;
  margin-left:auto;
  margin-right:auto;
}

#garage{
  width:750px;
  margin-left:auto;
  margin-right:auto;
}

#photo_gauche_garage{
  border:1px solid gray;
  width:204px;
  padding:2px;
  float:left;
  
}


#photo_droite_garage{
  float:right;
  border:1px solid gray;
  width:204px;
  padding:2px;
 
  
  
}

#garage_texte_droite{
  width:530px;
  float:left;
  margin-left:5px;
  margin-bottom:10px;
  
}

.e_photo{
   float:left;
}

.e_profile{
  margin-left:5px;
  float:left;
  background-color:#F2F2F2;
  height:200px;
  width:78%;
}