body{
  font-family: Verdana, Arial, sans-serif;
  margin: 0px;
  background-color : #ffffff;
  color: #000000;
}

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

a img{
  border: none;
}

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

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

#conteneur{
  position: relative;
  width: 1002px;
  margin-right: auto;
  margin-left: auto;
  background-color : #ffffff;
}

  #bandeau_haut{
    position: relative;
    width: 1002px;
    height : 405px;
  }
    
    #logo_bandeau{
      position: absolute;
      width:360px;
      height:110px;
      z-index : 20;
      background : url('../images/logo_grasse.png') no-repeat;
    }
    
    #logo_bandeau a:hover{
      cursor: pointer;
    }
	
	#haut{
	  position : relative;
	  width : 1002px;
	  height : 35px;
	  background-color : #5F4E43;
	}
    
    #recherche{
      float : right;
      font-size: 12px;
      color: white;     
      height: 25px;
      line-height : 10px;
      margin-top : 4px;
      right : 0px;
      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;
    }
    
    #menu_haut{
      position : absolute;
      left : 355px;
      height : 23px;
      font-size: 12px;
      line-height : 23px;
      color : #ffffff;
      margin-top : 5px;
      z-index : 20;
    }
    
    #menu_haut a{
      color : #ffffff;
      text-decoration : none;
    }
    
    #menu_haut a:hover{
      color : #857362;
      text-decoration : none;
    }
    
    #espace_pro a{
      color : #ff0000;
    }
    
    #espace_pro a:hover{
      color : #857362;
    }
    
  #bandeau_flash{
    position : absolute;
    top : 20px;
    margin: 0px;
    padding: 0px;
    height: 144px;
    width: 1002px;    
  
  }
  
  #trad{
    float : right;
    height : 25px;
  }
  
  #trad img{
    margin-top : 8px;
  }
  
  #anim_bandeau{
    position : relative;
    width : 780px;
    margin-left : 222px;
    height : 380px;
    z-index : 10;
    font-size : 12px;
    background : url('../images/bandeau_interieur.jpg') no-repeat;
  }
  
  #anim_bandeau p{
    margin : 0px;
  }
  
  #bandeau_flash img{
    margin: 0px;
    padding: 0px;
  }
  
  #milieu_haut{
    position: relative; 
  }
  
    #milieu{
      position: relative;
      height: auto;
      z-index:30;
    }
      #milieu_texte{
        position: relative;  
        background-position: bottom right; 
        z-index:1;
      }
      
        #colonne_gauche{
          position: relative;
          width: 222px; 
          float: left;  
          margin-top:-295px;
        }
          
          #bloc_news_defilantes{
            position : relative;
            float : left;
            width : 215px;
            height : 215px;
            margin-left : 3px;
            background : url('../images/news.png') no-repeat;
            z-index : 10;
          }
          
          #bloc_news_defilantes_vide{
            position : relative;
            float : left;
            width : 218px;
            height : 215px;
            z-index : 10;
          }
        
          #news_defilantes{
            position: relative;
            width: 190px;
            height: 190px;
            margin-top: 11px;
            margin-bottom: 10px;
            margin-left : 11px;
            text-align : center;
            z-index : 10;
          }
        
          #menu{
            position: relative; 
            width : 170px;
            float: left; 
            text-align: left;   
            font-size: 14px;
            color: #000000;
            margin-bottom : 20px; 
            padding-left : 20px;
            padding-right : 25px;
            z-index : 30;
          }
          
            .bouton_menu_on{
              position: relative;
              color: white;
              background-color: #5f4e43;
              height: 20px;
              margin-top: 0px;
              margin-bottom: 0px;
              margin-left: 0px;
              padding-left: 5px;
              line-height: 20px;
              width: 165px;
            }
            
            .bouton_menu_on a{
              position: relative;
              color: white;
              height: 20px;
              text-decoration:none;
            }
            
            .bouton_menu:hover{
              position: relative;
              width: 170px;
              height: 20px; 
              font-style:italic;
              font-weight: bold;
            }
            
            .bouton_menu:hover a{
              position: relative;
              color: #857362;
              text-decoration:none;
            }
            
            .bouton_menu{
              position: relative;
              height: 20px;
              margin-top: 0px;
              margin-bottom: 0px;
              line-height: 20px;
              width: 170px;
            }
            
            .bouton_menu a{
              position: relative;
              color: #000000;
              height: 20px;
              text-decoration:none;
            }
            
            .bouton_bas{
              position: relative;
              width : 170px;
              height: 0px;
              margin-top: 0px;
              margin-left: 0px;
              margin-bottom: 0px;
              padding: 0px;
              border-top : 1px dotted #000000;
              overflow:hidden;
            }
            
          .sous_menu{
            position: absolute;
            color: #000000;          
            Z-index: 600;
            left: 195px;    
            font-size: 14px;  
            display: none;
            background-color: #ffffff; 
            width: 267px;
          }
          
          *html .sous_menu{          
            position: absolute;
          }
                            
            .bouton_sous_menu_haut{
              border-top : 1px dotted #000000;
              height: 0px;
              margin-top: 0px;
              margin-bottom: 0px;
              width: 267px;
            }  
            
            *html .bouton_sous_menu_haut{
              overflow:hidden;
            }                  
            
            .bouton_sous_menu{  
              border-bottom : 1px dotted #000000;            
              height: 20px;
              margin-top: 0px;
              margin-bottom: 0px;
              line-height: 20px;
              width: 257px;
              padding-left : 5px;
              padding-right : 5px;
              overflow: hidden;   
            }
            
              .bouton_sous_menu_interieur{
                height: 20px;
                margin-top: 0px;
                margin-bottom: 0px;
                width: 267px; 
                overflow: hidden; 
              }
              
              .bouton_sous_menu_interieur:hover a{
                height: 20px;
                width: 262px;
                overflow: hidden; 
                color:#857362;
                text-decoration:none;
                /*padding-left: 5px;*/
              }
            
              .bouton_sous_menu_interieur a{
                color: #000000;
                text-decoration:none;
              }
              
            .bouton_sous_menu_on{     
              height: 20px;
              margin-top: 0px;
              margin-bottom: 0px;
              line-height: 20px;
              width: 262px;    
              color: white; 
              background-color : #5f4e43;
              overflow: hidden;
              border-bottom : 1px dotted #000000;
              padding-left : 5px;
            }
              .bouton_sous_menu_interieur_on{
                height: 20px;
                line-height: 20px;
                margin-top: 0px;
                margin-bottom: 0px;
                width: 262px; 
                overflow: hidden; 
                color: white;
                background-color : #5f4e43;
                border-bottom : 1px dotted #000000;
                padding-left : 5px;
              }
            
              .bouton_sous_menu_interieur_on a{
                color: white;
                text-decoration:none;
              }         
          
          #bloc_logo_aleatoire{
            padding-top : 10px;
            width : 166px;
            text-align: center;
            font-size: 10px;
            padding-left : 25px;
          }
          
          
        #zone_texte_carte{
           position: relative;
           float: left;
           min-height: 785px;
           margin-bottom: 15px;
           width: 775px;
           Z-index: -1;
        }
        
        *html #zone_texte_carte{
          height: 785px;
        }
          
        #zone_texte{
           position: relative;
           float: left;
           min-height: 450px;
           margin-bottom: 15px;
           width: 775px;
           Z-index: -1;
        }
        
        *html #zone_texte{
          height: 450px;
        }
        
          #titre{    
            float: left;      
            height: 30px;
            width: 770px;
            margin-left : 0px;
            margin-top : 0px;
            padding-right : 10px;
            font-size: 18px;
            line-height : 20pt;
            font-weight: normal;
            text-align : right;
            color: #4d4d4d;
            Z-index: 1;
            background : url('../images/barre.png') no-repeat;
          }
          
          #acces_pro{
            display : none;
            height: 20px;
            float: right;
            text-align: right;
            width: 240px;
            font-size: 16px;
            font-weight: bold;
            color: white;
            Z-index: 1;
            margin : 10px;
            margin-right : 0px;
          }
          
          #acces_pro a{
            font-size: 16px;
            font-weight: bold;
            color: white;
          }
          
          #texte{
            position: relative;
            padding-top: 10px;
            padding-left: 10px;
            padding-right : 10px;
            padding-bottom : 10px;           
            font-size: 12px;
            color: #000000;
            width: 760px;
          }
          
          #texte p {
            text-align:left;
          }
          
          #texte a {
            color : #857362;
            text-decoration:underline; 
          }
          
          
          #texte img{
            margin: 3px 5px 5px 5px;
          }
          
          
          #texte_list{
            position: relative;
            padding-top: 15px;
            padding-left: 10px;  
            padding-right: 10px;   
            font-size: 12px;
            color: #373737; 
            width: 760px;      
          }
          
          #texte_list a{
            color: #857362;  
            text-decoration:none;  
          }
          
          #texte_list a:hover{
            color: #857362;  
            text-decoration:underline;  
          }
            
            #texte_list_activite{
              position: relative;
              font-size: 12px;
              color: #373737;  
              width: 760px; 
            }
            
            #image{
              display:none;
              position:absolute;
              text-align:left;
              z-index:215;
              overflow : hidden;
              background-color: #FFFFFF;
              filter : alpha(opacity=0);
              opacity = 0;
              margin: 0px;
              padding: 0px;
            }
            #image img{
              margin: 30px;
              margin-top: 0px;
            }
            
            #croix{
              margin: 0px;
              width: 30px;  
            }
            
            #croix img{
              margin: 5px;
              float: right;
            }
            
            #boites_list_activite{
              position: relative;
              margin-right: auto;
              margin-left: auto;
              font-size: 12px;
              color: #373737;        
            }
          
            .nous_contacter{
              float: right;
              width: 120px;
              height: 20px;
              border: 1px solid black; 
              text-align:center;
              line-height: 20px;
              margin-left: 5px;
            }
              .nous_contacter a{
                color: #5f5f5f;
                font-size: 12px; 
              }
            
            .boite_phototheque{
              float: left;
              width: 130px;
              height: 100px;
              border: 1px solid #5f5f5f;
              margin-left: 40px;
              margin-top: 20px;
            }
                         
            .boite_rubrique{
              width: 130px;
              margin-left: 40px;
              margin-top: 30px;
              margin-bottom: 20px;
              height: 190px;
              float: left;     
              text-align: center;   
              color: #5f5f5f;       
            }
            
            .boite_rubrique a{
              font-weight: bold;
              color: #5f5f5f;
            }
            
            .boite_rubrique img{
              border: 1px solid #5f5f5f; 
              margin-top: 5px;         
            }
            
            .titre_boite_rubrique{
              position: relative;
              height: 50px;
            }
            
            .etoiles a{
              font-weight : normal;
            }
            
            .etoiles img{
              border: none;
            }
            .boite_rubrique_hebergement{
              position: relative;
              vertical-align: middle;
              margin-bottom: 5px;
            }
            .boite_description{
              float: right;
              width: 590px;
              padding-left: 5px;
              margin-top: 2px;
              margin-bottom: 2px;
            }    
            
            .boite_news{
              width: 198px;
              height: 170px;
              float: left;
              margin-left: 15px;
              margin-right: 22px;
              margin-bottom: 30px;
              margin-top: 20px;
              text-align:center;             
            }
            
            .boite_news a{
              color: #373737;
              font-weight: bold;
              text-align: center;
            }
            
            .fond_logo_news{
              position: relative;
              background: url("../images/cadre-illustration-accueil-espace-pro.jpg") no-repeat; 
              width: 195px;
              height: 154px; 
              padding-top: 3px;    
            }       
            
            #les_news{
              float: left;
              background: url("../images/news-espace-pro.jpg") no-repeat;
              width: 440px;
              height: 179px; 
              text-align:center;
              margin-top : 6px;
              margin-left: 2px;
              padding-left: 160px;
              padding-right: 144px;
            }                 
              
              #news{
                position: relative;
                margin-top: 10px;
                margin-left: 10px;
                margin-bottom: 10px;
                float: left;
                height: 149px;
                width: 400px;
              }             
                            
            
            #text_news_clear{
              float:none;
              clear:both;
              font-style:italic;
              font-weight: bold;
              margin-top: 20px;
            }  
            
            #titre_recherche{
              position: relative;
              font-weight: bold;
              margin-bottom: 20px;
            }
            
            .resultat_recherche{
              position: relative;
              margin-bottom: 10px;
              margin-top: 10px;
            }
            
            .separateur_horizontal{
              height: 3px;
              width: 760px;
              background: url("../images/grand_separateur.jpg") repeat-x;
              margin-top: 10px;
              margin-bottom: 10px;
            }
          
          
          #texte_bloc_gauche{
            margin-top: 15px;
            padding-top: 5px;
            padding-right: 15px;   
            font-size: 12px;
            color: #373737; 
            min-height: 745px;
            width: 500px; 
            float: right;
            background: url("../images/separation-repeat-pays-grasse.jpg") repeat-y;
            background-position: top right;
          }
          
          *html #texte_bloc_gauche{
            height: 745px;
          }
                   
          
            #texte_bloc_gauche a{
              color: #336f79; 
            }
            
            .retour {
              float: right;
              margin-top: 10px;
            }
            
            .retour_list{
              float: right;
            }
            
            .savoir_plus{
              float: right;
              margin-top: 40px;
              margin-right: 10px;
            }
            
              .savoir_plus a{
                font-weight: bold;              
              }
            
            #carte{
              position: relative;
              width: 200px;
              height: 745px;
            }
            
            #map_animation{
              float: left;
              margin-right: 10px;              
              display:inline;
              text-align:left;
              padding: 0px;
              width: 200px;
              height: 225px;
              z-index: 400;           
            }
            
              #map_animation p{
                position: relative;
                margin-top: 205px;
                text-align: center;
              }
            
              #map{           
                position: absolute;
                display:inline;             
                margin:0px;
                z-index: 400;
              }
              
                #lamap{
                  border: 1px solid black;
                }            
              
                #map map{
                  border: none;
                }           
          
            #separateur_horizontal{
              height: 3px;
              width: 500px;
              background: url("../images/grand_separateur.jpg") repeat-x;
              margin-top: 10px;
              margin-bottom: 10px;
            }
         
          #bloc_droit_images{
            padding-top: 20px;
            width: 240px;
            float: right;
            text-align:center;         
          }        
          
              
              #bloc_droit_images img{
                position:relative;
                border: 1px solid black;   
                margin-right: auto;
                margin-left:auto;
                margin-top: 10px;     
              }
              
              .nous_contacter_droit{
                position:relative;
                width: 120px;
                height: 20px;
                border: 1px solid black; 
                text-align:center;
                line-height: 20px;
                margin-left: auto;
                margin-right: auto;
              }
              .nous_contacter_droit a{
                color: #5f5f5f;
                font-size: 12px; 
              }

    #bas{
      position: relative;
      color: #ffffff;
      font-size: 12px;
      text-align: right; 
      background-color:#5f4e43; 
      top : 0px;
      margin-right : auto;
      margin-left : auto;
      width : 100%;
      height : 60px;
    }
    
    #contenu_bas{
      position : relative;
      margin-right : auto;
      margin-left : auto;
      width : 1002px;
      top : 23px;
    }
    
     #bas a{
      color: #ffffff;   
      text-decoration : underline;
      font-size: 12px;
      text-align: right;
     }
    
  .clear{
    clear : both;
  }
  
/* --- --- --- --- --- --- --- --- --- --- --- --- --- */
/*                   page Newsletter                   */
/* --- --- --- --- --- --- --- --- --- --- --- --- --- */

.formulaire_inscription {
  width:250px;
  margin-left:auto;
  margin-right:auto;
}

  .formulaire-spiplistes-abo {
    width:250px;
    text-align:left;
  }
  
/* --- --- --- --- --- --- --- --- --- --- --- --- --- */
/*               page Routes Touristiques              */
/* --- --- --- --- --- --- --- --- --- --- --- --- --- */
  
#schema_etapes{
width:200px; 
float:left; 
top:20px;
background-image:url('../images/route-repeat.png');
background-position:5px top;
background-repeat:repeat-y;}

#detail_etape{
width:520px;
float:right;
background: url('../images/separation-repeat-pays-grasse.jpg') repeat-y scroll left top;}



/*numero d'apres #extra_couleur_route*/
#schema_etapes_0{/*jaune*/
width:200px; 
float:left; 
top:20px;
background-image:url('../images/pixel_jaune.png');
background-position:20% top;
background-repeat:repeat-y;
border:2px solid #ffff00;}
  .couleur_route_0{background-color:#ffff00;}

#schema_etapes_1{/*bleu*/
width:200px; 
float:left; 
top:20px;
background-image:url('../images/pixel_bleu.png');
background-position:20% top;
background-repeat:repeat-y;
border:2px solid #0000ff;}
  .couleur_route_1{background-color:#0000ff;}

#schema_etapes_2{/*rouge*/
width:200px; 
float:left; 
top:20px;
background-image:url('../images/pixel_rouge.png');
background-position:20% top;
background-repeat:repeat-y;
border:2px solid #ff0000;}
  .couleur_route_2{background-color:#ff0000;}

#schema_etapes_3{/*vert*/
width:200px; 
float:left; 
top:20px;
background-image:url('../images/pixel_vert.png');
background-position:20% top;
background-repeat:repeat-y;
border:2px solid #009900;}
  .couleur_route_3{background-color:#009900;}

#schema_etapes_4{/*violet*/
width:200px; 
float:left; 
top:20px;
background-image:url('../images/pixel_violet.png');
background-position:20% top;
background-repeat:repeat-y;
border:2px solid #9900ff;}
  .couleur_route_4{background-color:#9900ff;}

#schema_etapes_5{/*orange*/
width:200px; 
float:left; 
top:20px;
background-image:url('../images/pixel_orange.png');
background-position:20% top;
background-repeat:repeat-y;
border:2px solid #ff9900;}
  .couleur_route_5{background-color:#ff9900;}

#schema_etapes_6{/*gris*/
width:200px; 
float:left; 
top:20px;
background-image:url('../images/pixel_gris.png');
background-position:20% top;
background-repeat:repeat-y;
border:2px solid #808080;}
  .couleur_route_6{background-color:#808080;}