body{
  font-family: verdana;
  font-size : 17px;
  color: #857362;
  margin : 0px;
  width:100%;
}

#fond_accueil{
  background-color : #857362;
  background-image: url("../images/fond_accueil.png");
  background-repeat :  no-repeat;
  background-position : 50% 0%;
}

a img{
  border: none;
}

a {
  font-family: verdana;
  color: #ffffff;
  text-decoration:none; 
}

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


#conteneur{
  width: 1002px;
  height : 1500px;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  margin-top : 0px;
  z-index : 100;
}

#bloc_logo{
  position : absolute;
  width : 360px;
  height : 110px;
  z-index : 100;
  left : 0px;
  cursor : pointer;
  background : url('../images/logo_grasse.png') no-repeat;
}

#menu_haut{
  position : relative;
  height : 35px;
  margin-left : 355px;
  color : #ffffff;
  font-size : 12px;
  line-height : 32px;
}

#menu_haut a{color:#ffffff; text-decoration:none;}
#menu_haut a:hover{color:#ffa02b; text-decoration:none;}

#espace_pro a{
  color : #ffffff;
}

#espace_pro a:hover{
  color : #ffffff;
   text-decoration:underline;
}

#trad{
  position : absolute;
  right : 0px;
  top : 0px;
  height : 35px;
}
  
#trad img{
  margin-top : 8px;
}
#recherche{
  position : absolute;
  font-size: 12px;
  color: white;     
  height: 25px;
  line-height : 10px;
  top : 4px;
  right : 30px;
  z-index : 20;
}

#recherche table{
  vertical-align: middle;
  height: 100%;
}   
    
#recherche_submit{
  background: url("../images/bouton_valider.jpg");
  background-position: center center;
  text-align: center;
  height: 15px; 
  width: 62px;   
  line-height: 14px;
  font-size: 10px; 
  color: #373737;  
}

#recherche_submit:hover{
  cursor: pointer;
}

#recherche_input{
  /*height: 10px;*/
  line-height: 10px;
  height:14px;
  font-size:0.8em;
  vertical-align:center;
}

#recherche img{
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

#bloc_menu{
  position : relative;
  float : left;
  height : 515px;
  width : 1002px;
  margin-top : 410px;
  z-index : 10;
}

#bloc_menu_haut{
  position : relative;
  width :1002px;
  font-family : Verdana, Arial, sans-serif;
  line-height : 18px;
}

#bloc_menu a{
  color : #857362;
  text-decoration : none;
}

#bloc_menu a:hover{
  color : #857362;
  text-decoration : underline;
}

.lien_image{
  position : relative;
  width : 190px;
  height : 190px;
  font-size : 16px;
  margin-left : 13px;
  margin-top: 0px;
  cursor : pointer;
  text-align : center;
}

.lien_titre{
  position : relative;
  margin-top : 13px;
  width : 150px;
  margin-left : 33px;
  font-size : 16px;
  text-transform : uppercase;
  color : #857362;
  cursor : pointer;
  text-align : center;
}

a .lien_titre{
  color : #857362;
  text-decoration : none;
}

a:hover .lien_titre{
  color : #857362;
  text-decoration : underline;
}

#bloc_fleurs{
  float : left;
  margin-top: 33px;
  margin-left : 30px;
  height : 250px;
  width : 220px;
}

#bloc_patrimoine{
  float : left;
  margin-top: 33px;
  margin-left : 20px;
  height : 250px;
  width : 220px;
}

#bloc_nature{
  float : left;
  margin-top: 33px;
  margin-left : 20px;
  height : 250px;
  width : 220px;
}

#bloc_gastro{
  float : left;
  margin-top: 33px;
  margin-left : 20px;
  height : 250px;
  width : 220px;
}

#bloc_menu_bas{
  position : relative;
  float : left;
  width : 1002px;
  font-size : 9px;
}

.lien_image_petit{
  position : relative;
  width : 130px;
  height : 130px;
  margin-left : 15px;
  margin-top: 0px;
  cursor : pointer;
  text-align : center;
}

.lien_titre_petit{
  position : relative;
  margin-top : 13px;
  width : 130px;
  margin-left : 15px;
  font-size : 12px;
  text-transform : uppercase;
  color : #857362;
  cursor : pointer;
  text-align : center;
}

a .lien_titre_petit{
  text-decoration : none;
}

a:hover .lien_titre_petit{
  text-decoration : underline;
}

#bloc_grasse{
  float : left;
  height : 160px;
  width : 160px;
  margin-top: 22px;
  margin-left : 58px;
}

.bloc_resa{
  float : left;
  height : 160px;
  width : 160px;
  margin-top: 22px;
  margin-left : 20px;
}
  
#milieu{
  position: relative;
  float : left;
  width: 1002px;
}

#bloc_gauche{
  float : left;
  width: 730px;
  height : 480px;
}

#news{
  position : relative;
  width: 730px;
  height: 390px;
}

#news a{
  font-size : 14px;
}

#partenaire{
  position : relative;
  width : 730px;
  height : 70px;
  margin-top : 10px;
  text-align : center;
}

#bloc_bas_droite{
  float : left;
  width : 250px;
  height : 480px;
  font-size : 12px;
  color : #ffffff;
}

#titre_bloc_bas{
  position : relative;
  width : 100%;
  text-align : center;
  margin-bottom : 15px;
  margin-top : 10px;
  text-transform : uppercase;
}

#bloc_newsletter{
  position: relative;
  width: 220px;
  height : 180px;
  margin-left : 15px;
  text-align: left;
}

#bloc_resa_centrale{
  position: relative;
  width: 220px;
  height : 110px;
  margin-top : 10px;
  text-align: center;
  margin-left : 15px;
}

#bloc_meteo{
  position: relative;
  width: 220px;
  height : 110px;
  text-align: center;
  margin-left : 15px;
}

*+html #bloc_meteo{
  margin-top : 10px;
}

#bloc_facebook{
  position: relative;
  width: 220px;
  height : 50px;
  margin-top : 10px;
  text-align: center;
  margin-left : 15px;
}

.lien_bloc_bas{
  float : left;
  width : 110px;
  text-align : center;
}

#pied{
  position: relative;
  float : left;
  width: 1002px;
  height : 20px;
  margin-top: 23px;
  text-align: center;
  font-family: verdana;
  font-size: 12px;
  color: #ffffff;
}

#anim_accueil{
  position : absolute;
  width : 100%;
  height : 410px;
  top : 35px;
  right : 0px;
  left : 0px;
  z-index : 20;
  overflow : hidden;
  background : url('../images/bandeau_1.jpg') no-repeat;
  background-position : 50% 0%;
}