/*  ---------------------------------------------------------------- */
/*  Feuille de style specifique a l'affichage du site public         */
/*  La feuille de style d'impression y fait reference par defaut     */
/*  ---------------------------------------------------------------- */

/*
  styles commun FCK / site public
*/
body {
  margin : 0px;
  color : #bfbfbf;
  background-color : #252525;
  font-family : Verdana, sans-serif;
}

/*
  background image pour le site public
*/
#public_body {
  background-image : url('../images/fond.png');
  background-repeat : no-repeat;
  background-position : 50% 0;
  text-align : center;
}

.clear{
  clear : both;
}

a{color:#bfbfbf;text-decoration:underline;}
a:hover{color:#bfbfbf;text-decoration:none;}

#conteneur{
  position : relative;
  width : 820px;
  margin-left : auto;
  margin-right : auto;
  text-align : left;
}

#menu_secondaire{
  position : relative;
  height : 20px;
  width : 800px;
  margin-left : 10px;
  margin-top : 20px;
  font-size : 0.80em;
  color : #ffffff;
  text-align : right;
}

#menu_secondaire a{color:#ffffff;text-decoration:none;}
#menu_secondaire a:hover{color:#00d2ff;text-decoration:none;}

#bandeau{
  position : relative;
  width : 800px;
  height : 230px;
  margin-left : 10px;
  margin-top : 25px;
  background-color : #272927;
  background : url('../images/bandeau_1.jpg') no-repeat;
}

#ensemble_menu{
  position : relative;
  width : 800px;
  height : 45px;
  margin-left : 10px;
  margin-top : 10px;
}

.barre_horizontal{
  position : relative;
  width : 800px;
  height : 3px;
  background-image : url('../images/separateur_horizontal_menu.png');
  background-repeat : no-repeat;
}

#barre_menu{
  position : relative;
  width : 800px;
  height : 39px;
}

.menu{
  float : left;
  width : 91px;
  height : 36px;
  text-align : center;
  font-size : 0.80em;
  margin-top : 2px;
  padding-left : 3px;
  padding-right : 3px;
}

.menu a{color:#ffffff;text-decoration:none;}
.menu a:hover{color:#00d2ff;text-decoration:none;}
.menu .on{color:#00d2ff;text-decoration:none;}

.menu_property{
  float : left;
  width : 91px;
  height : 36px;
  text-align : center;
  font-size : 0.80em;
  margin-top : 2px;
  padding-left : 3px;
  padding-right : 3px;
  text-transform : uppercase;
}

.menu_property a{color:#fd7634;text-decoration:none;}
.menu_property a:hover{color:#00d2ff;text-decoration:none;}
.menu_property .on{color:#fd7634;text-decoration:none;}

.separateur{
  float : left;
  width : 3px;
  height : 20px;
  margin-top : 8px;
  background-image : url('../images/separateur_vertical_menu.png');
  background-repeat : no-repeat;
}

#milieu{
  position : relative;
  width : 820px;
  margin-top : 15px;
}

#colonne_gauche{
  float : left;
  width : 200px;
}

#boite_menu_specifique{
  position : relative;
  width : 148px;
  height : 34px;
  padding-top : 23px;
  padding-bottom : 23px;
  padding-left : 25px;
  padding-right : 25px;
  text-align : center;
  font-family : Georgia;
  text-transform : uppercase;
  font-weight : bold;
  color : #fd7634;
  background-image : url('../images/boite_sale.png');
  background-repeat : no-repeat;
}

#boite_menu_specifique a{color:#fd7634;text-decoration:none;}
#boite_menu_specifique a:hover{color:#ffffff;text-decoration:none;}

#boite_contact{
  position : relative;
  width : 168px;
}

#boite_contact_haut{
  position : relative;
  height : 15px;
  width : 198px;
  background-image : url('../images/boite_contact_haut.png');
  background-repeat : no-repeat;
}

#boite_contact_milieu{
  position : relative;
  min-height : 250px;
  width : 158px;
  padding-left : 20px;
  padding-right : 20px;
  padding-top : 5px;
  padding-bottom : 5px;
  background-image : url('../images/boite_contact_repeat.png');
  background-repeat : repeat-y;
  text-align : center;
  font-size : 0.70em;
}

* html #boite_contact_milieu{
  height : 250px; 
}

#boite_contact_milieu p{
  margin : 0px;
}

#boite_contact_bas{
  position : relative;
  height : 15px;
  width : 198px;
  background-image : url('../images/boite_contact_bas.png');
  background-repeat : no-repeat;
}

#colonne_droite{
  float : left;
  width : 800px;
  margin-left : 10px;
}

#contenu{
  position : relative;
  min-height : 300px;
  width : 800px;
}

#titre h1{
  position : relative;
  font-family : Georgia;
  text-transform : uppercase;
  margin : 0px;
  margin-top : 5px;
  margin-bottom : 10px;
  color : #ffffff;
  font-size : 1.20em;
  width : 800px;
}

.barre_sous_titre{
  position : relative;
  width : 800px;
  height : 3px;
  background-image : url('../images/separateur_horizontal_menu.png');
  background-repeat : no-repeat;
  margin-bottom : 10px;
}

#texte{
  position : relative;
  width : 800px;
  font-size : 0.75em;
  text-align : justify;
}

#texte h2{
  margin : 0px;
  color : #ffffff;
  font-size : 1em;
  font-weight : bold;
}

.immobilier{
  position : relative;
  width : 780px;
  padding : 10px;
  border : 1px solid #fd7634;
  margin-bottom : 10px;
  text-align : justify;
}

.immobilier img{
  border : 0px;
}

#texte .immobilier h2{
  margin : 0px;
  font-size : 1.20em;
  font-weight : bold;
  color : #fd7634;
}

#pied_page{
  position : relative;
  margin-top : 5px;
  height : 50px;
  width : 800px;
  margin-left : 10px;
}

#copyright_villa{
  float : left;
  width : 400px;
  text-align : left;
  font-size : 0.70em;
  color : #828282;
  height : 45px;
  line-height : 40px;
}

#copyright_allisnet{
  float : left;
  width : 400px;
  text-align : right;
  font-size : 0.70em;
  color : #828282;
  height : 45px;
  line-height : 40px;
}