body {
  margin:0px;
  padding:0px;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  background-color:#FFFFFF;
  color: #003399;
  line-height:16px;
}

table{
  padding:0px;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #003399;
}

div{
  text-align:left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:link    {text-decoration: none; color: #999999; font-weight:bold; }
a:visited  {text-decoration: none; color: #999999; font-weight:bold; } 
a:active  {text-decoration: none; color: #999999; font-weight:bold; }
a:hover    {text-decoration: none; color: #000000; font-weight:bold; }

.accueil a:link      {text-decoration: none; color: #000000; font-weight:bold; }
.accueil a:visited  {text-decoration: none; color: #000000; font-weight:bold; } 
.accueil a:active    {text-decoration: none; color: #000000; font-weight:bold; }
.accueil a:hover    {text-decoration: none; color: #FEB820; font-weight:bold; }

/******************************************************************************/
/* Menu                                                                       */
/******************************************************************************/

/*******/
.bloc_menu{
  /*background-color:#FEB820;*/
  margin-bottom:10px;
}

a.menu{
  display:block;
  padding:4px;
  /*border-left:2px solid #FEB820;*/
  border-bottom:4px solid #999999;
}

a.menu:link    {text-decoration: none; color: #000000; font-weight:bold; }
a.menu:visited{text-decoration: none; color: #000000; font-weight:bold; } 
a.menu:active  {text-decoration: none; color: #000000; font-weight:bold; }
a.menu:hover  {text-decoration: none; color: #000000; font-weight:bold; border-bottom:4px solid #FEB820; background-color:#FFEFDF; }

/**********/
.bloc_sous_menu{
  position: absolute;
  background-color:#FFFFFF;
  border:1px solid #FFEFDF;
  border-left: 4px solid #FEB820;
  width: 200px;
  z-index:10;
}

a.sous_menu {
  display:block;
  padding:4px;
  border:0px;
  color: #000000;
  border-bottom: 1px solid #999999;
  border-right: 1px solid #999999;  
}

a.sous_menu:link    {text-decoration: none; font-weight:bold; background-color: #FFFFFF; }
a.sous_menu:visited  {text-decoration: none; font-weight:bold; background-color: #FFFFFF; } 
a.sous_menu:active  {text-decoration: none; font-weight:bold; background-color: #FFFFFF; }
a.sous_menu:hover    {text-decoration: none; font-weight:bold; color:#ffffff; background-color: #FEB820; }

/******************************************************************************/
/* Bouton                                                                     */
/******************************************************************************/
.bouton{
  border:1px solid #FFA11C;
  background-color:#F9C379;
  color:#000000;
  font-weight:bold;
  padding:2px 4px 2px 4px;
  cursor:pointer;
}

.bouton_over{
  border:1px solid #FFA11C;
  background-color:#FFA11C;
  color:#000000;
  font-weight:bold;
  padding:2px 4px 2px 4px;
  cursor:pointer;
}

/******************************************************************************/
.fond{
  background-image:url('/images/fond.gif');
  background-position: 0px 259px;
  background-repeat:repeat-x;
}

.fond_corps{
  background-image:url('/images/fond_corps.gif');
  background-position: 0px 259px;
  background-repeat:repeat-x;
}

table.corps{
  width:770px;
}

.image{
  border:1px solid #000000;
}

.bloc_principal{
  margin:10px;
}

.bloc_principal h1{
  font-size:16px;
  border-bottom:1px solid #003399;
  text-align:left;
}

/******************************************************************************/
/* Liste des marques                                                          */
/******************************************************************************/
.bloc_liste_marque{
  /*width:760px;*/
  /*margin-left:auto;
  margin-right:auto;*/
}

.bloc_liste_marque .bloc_marque{
  float:left;
  width:180px;
  height:60px;
  padding:4px;
  border-top:1px solid #808080;
  border-left:1px solid #808080;
}

.bloc_liste_marque .bloc_marque_sans_bordure_gauche{ border-left:0px; }
.bloc_liste_marque .bloc_marque_sans_bordure_haut{ border-top:0px; }


.bloc_liste_marque .bloc_marque_fond1{ background-color:#ff0000; }
.bloc_liste_marque .bloc_marque_fond2{ background-color:#ffffff; }

.bloc_liste_marque .nom_marque{
  width:100%;
  border-bottom:2px solid #003399;
}

.bloc_liste_marque .nom_marque_off{
  width:100%;
  border-bottom:2px solid #999999;
  font-weight:bold;
  color:#999999;
}

.bloc_liste_marque .detail_marque_off{
  color:#999999;
}

.bloc_liste_marque td{
  padding-bottom:5px;
}

/******************************************************************************/
/* Liste des modèles                                                          */
/******************************************************************************/
.bloc_liste_modele{
  float:left;
  width:670px;
  border:1px solid #8b8b8b;
  background-color:#e2e2e2;
  padding:5px;
}

.bloc_liste_modele .titre_liste_modele{
  font-weight:bold;
  margin-bottom:4px;
}

.bloc_liste_modele .bloc_modele{
  float:left;
  width:150px;
  /*border-bottom:1px solid #999999;*/
}

.bloc_liste_modele .modele_on a{ color: #ff0000; font-weight:bold; }


.bloc_liste_modele .modele_off{
  color: #999999;
}

.bloc_liste_modele .nom_modele{
  width:100%;
  border-bottom:1px solid #999999;
}

a.bouton_retour_marque{
  display:block;
  background-image:url('../../images/boutons/icone_gtr_blanc.png');
  background-repeat:no-repeat;
  background-position:5px center;
  background-color:#e9a403;
  font-weight:bold;
  padding:5px;
  padding-left:20px;
  border:1px solid #3a3a3a;
}

a.bouton_retour_marque:link     { color:#ffffff; }
a.bouton_retour_marque:visited  { color:#ffffff; }
a.bouton_retour_marque:active   { color:#ffffff; }
a.bouton_retour_marque:hover    { color:#000000; background-image:url('../../images/boutons/icone_gtr_noir.png'); }

/******************************************************************************/
/* Liste des annonces                                                         */
/******************************************************************************/
.bloc_liste_annonce{
  width:750px;
  margin-left:auto;
  margin-right:auto;
  margin-top:20px;
}

.bloc_liste_annonce .titre_liste_annonce{
  font-weight:bold;
  margin-bottom:4px;
}

.bloc_liste_annonce .bloc_annonce{
  float:left;
  width:235px;
  border-top:1px solid #FEB820;
  border-bottom:1px solid #FEB820;
  background-color:#FFF5DF;
  margin:5px;
  padding:2px;
}

.bloc_liste_annonce .nom_annonce{
  width:100%;
  border-bottom:1px solid #999999;
}

.bloc_annonce .image_annonce{
  float:left;
  width:100px;
}

.bloc_annonce .detail_annonce{
  float:left;
  width:135px;
}

/******************************************************************************/
/* Détail annonce                                                             */
/******************************************************************************/
.bloc_contact{
  padding:4px;
  /*border-left:4px solid #FFA500;*/
  background-color:#FFEFDF;
}

/******************************************************************************/
/* Fiche Pro                                                                  */
/******************************************************************************/
.pro_titre{
  border-bottom:2px solid #003399;
  width:100%;
}

.pro_societe{
}

.pro_bloc{
  width:250px;
}

.pro_bloc_titre{
  border-bottom:1px solid #003399;
  font-weight:bold;
}

.pro_bloc_val{
  background-color:#DFEFFF;
  padding:2px;
}

.pro_description{
  border:1px solid #666666;
  background:#EBEBEB;
  padding:5px;
  width:700px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:5px;
}

/******************************************************************************/
/* Bloc de recherche                                                          */
/******************************************************************************/
.bloc_recherche{
  border:1px solid #FEB820;
  background-color:#FFEFDF;
}

.bloc_recherche .titre{
  background-color:#FEB820;
  color:#000000;
  font-weight:bold;
  text-align:left;
}

.bloc_recherche td{
  padding:1px;
  padding-left:2px;
}

/******************************************************************************/
/* Bloc nouveautés                                                            */
/******************************************************************************/
.bloc_nouveaute{
  border:1px solid #86BBEF;
  background-color:#EFEFEF;
}

.bloc_nouveaute .titre{
  background-color:#86BBEF;
  color:#000000;
  font-weight:bold;
  text-align:left;
}

.bloc_nouveaute td{
  padding:1px;
  padding-left:2px;
}

/******************************************************************************/
/* Actualités                                                                  */
/******************************************************************************/
.actualite{
 width:750px;
 margin-left:auto;
 margin-right:auto;
}

.actualite_titre h3{

}

.actualite_liste{
  margin-bottom:10px;
}

.actualite_liste_nom{
  border-bottom: 1px solid #666666;
  font-weight:bold;
  background-color:#FFEFDF;
  padding-bottom:4px;
}

.actualite_liste_description{
  float:left;
  width:580;
  padding-top:4px;
  text-align:justify;
}

.actualite_liste_plus_info{
  padding-top:8px;
}

.actualite_liste_image{
  float:right;
  width:170px;
  text-align:right;
  margin-top:-1px;
}

/*******************/

.actualite_detail{
  margin-top:10px;
}

.actualite_detail_nom{
  border-bottom: 1px solid #666666;
  font-weight:bold;
  background-color:#FFEFDF;
  padding-bottom:4px;
}

.actualite_detail_description{
  text-align:justify;
  padding-top:4px;
}

.actualite_detail_image{
  margin-top:5px;
  text-align:center;
}

.actualite_detail_plus_info{
  padding-top:8px;
  padding-bottom:8px;
}

/******************************************************************************/
/* Annuaire                                                                  */
/******************************************************************************/
.annuaire_pro{
  width:750px;
   margin-left:auto;
   margin-right:auto;
}

.annuaire_pro_liste{
  margin-top:10px;
}

.annuaire_pro_bloc{
  float:left;
  width:355px;
  height:110px;
  margin:5px;
  padding:2px;
  border:1px solid #86BBEF;
  background-color: #EFF8FF;
}

.annuaire_pro_image{
  float:left;
  width:155px;
}

.annuaire_pro_data{
  float:left;
  width:200px;
}

.annuaire_pro_nom{
  font-weight:bold;
  margin-bottom:4px;
}

.annuaire_pro_nb_annonce{
  margin-bottom:4px;
}

.annuaire_pro_commentaires{
  margin-bottom:4px;
  font-size:11px;
  text-align:justify;
}

/******************************************************************************/
/* Partenaire                                                                  */
/******************************************************************************/
.partenaire{

}

.partenaire td{
  border-bottom: 1px solid #999999;
}

/******************************************************************************/
/* Bloc infos                                                                 */
/******************************************************************************/
.bloc_info{

}

.bloc_info .titre{
  font-weight:bold;
  font-size:14px;
  letter-spacing:2px;
  text-align:center;
  margin-bottom:4px;
  margin-top:4px;
  padding-bottom:2px;
  color:#003399;
}

.bloc_info table td.cellule_gauche{ width:0px; }
.bloc_info table td.cellule_droite{ padding-left: 5px; }

.bloc_info .inscription_connexion{
  background-image:url('../../images/boutons/fleche.gif');
  background-repeat: no-repeat;
  background-position: 0 center;
  padding-left:10px;
}

.bloc_info .deconnexion{
  background-image:url('../../images/boutons/fleche-deconnexion.gif');
  background-repeat: no-repeat;
  background-position: 0 center;
  padding-left:10px;
  margin-left:20px;
}

.bloc_info .deconnexion a         { color:#bf0000; }
.bloc_info .deconnexion a:link    { color:#bf0000; }
.bloc_info .deconnexion a:visited { color:#bf0000; } 
.bloc_info .deconnexion a:active  { color:#bf0000; }
.bloc_info .deconnexion a:hover   { color:#000000; }

.bloc_info ul{
  margin:0px;
  padding:0px;
  color:#595959;
}

.bloc_info ul li{
  margin:2px;
  margin-left:17px;
  padding:0px;
  list-style:square;
  color:#003399;
}

/******************************************************************************/
/* Bloc formulaire message utilisateur                                        */
/******************************************************************************/
.bloc_form_message_user{
  display:none;
  position:absolute;
  border:5px solid #3e3e3e;
  background-color:#FFFFFF;
  z-index:10;
}

.bloc_form_message_user .titre{
  background-color:#DFA01B;
  color:#ffffff;
  font-size:16px;
  font-weight:bold;
  padding:10px;
}

.bloc_form_message_user .bouton_fermer{
  position:absolute;
  background-image:url('../../images/icone_fermer.gif');
  background-position: 4px center;
  background-repeat:no-repeat;
  top:0px;
  right:0px;
  font-size: 14px;
  font-weight:bold;
  color:#ffffff;
  margin:10px;
  padding-left: 25px;
  cursor:pointer;
}

.bloc_form_message_user .bloc{
  padding:10px;
  background-color:#e8e8e8;
}

.bloc_form_message_user .bloc .intitule{
  float:left;
  width:135px;
  color:#000000;
  font-weight:bold;
  text-align:right;
  padding-top:5px;
}

.bloc_form_message_user .bloc .champ{
  float:left;
  width:350px;
}

.bloc_form_message_user .bloc .champ input, .bloc_form_message_user .bloc .champ textarea{
  border:1px solid #4d4d4d;
  padding:4px;
  margin:4px;
  width:100%;
}

.bloc_form_message_user .bloc .form_message_button{
  border:1px solid #000000;
  background-color:#FFFFFF;
  font-weight:bold;
  cursor:pointer;
  padding:4px;
  margin-left:140px;
  margin-top:5px;
}

.bloc_form_message_user .form_message_error{
  display:none;
  width:80%;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:8px;
  margin-top:4px;
  padding:8px;
  border:2px solid #b90000;
  background-color:#ffe6e6;
  color:#000000;
}

.bloc_form_message_user .form_message_error ul{
  margin:0px;
  padding:0px;
  margin-left:20px;
}

.bloc_form_message_user .form_message_error ul li{
  list-style-type:square;
}
