body
{
  position: absolute;
  top: 1px;
  left: 1px;
  width: 1400px;
  height: 1000px;   
  background-color: #BFFFF0;
}
table, td, tr, th
{
 border-style: solid;
 border-width: 5px;
 border-collapse: collapse;
 border-color: orange;
 font-size: 15px;
 font-weight: bold;
 /*font-style: italic;*/
 text-align: center;
 background: grey;
 color: white;
}

#nouvelle_page
 {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 1400px;
  height: 1000px;   
  background-color:  #BFFFF0;
  border-style: solid;
  border-width : 30px;
  border-color: grey;
 }
#nouvelle_page1
 { 
  position: absolute;
  top: 1px;
  left: 1px;
  width: 1400px;
  height: 1900px;   
  background-color:  #BFFFFF;
 /* border-style: solid;
  border-width : 30px;
  border-color: grey;*/ 
 } 
 
#contact_internautes 
{
 position: absolute;
 top: 100px;
 left: 50px;
 width: 200px;
 height: 50px;
 background-color: grey;
 color: white;
 font-size: 20px;
 font-weight: bold;
 font-style: oblique;
 font-family: cursive;
 text-align: center;
 border-radius: 10px;
 box-shadow: 5px 5px 5px 5px black;
}

#contact_internautes:hover
 {
 background-color: white;
 color: grey;
}
 
#avis_internautes
{
  position: absolute;
  top: 35px;
  left: 50px;
  width: 200px;
  height:50px;
  background-color: grey;
  color: white;
  font-size: 20px;
  font-weight: bold;
  font-style: oblique;
  font-family: cursive;
  text-align: center;
  border-radius: 10px;
  box-shadow: 5px 5px 5px 5px black;
} 

#avis_internautes:hover
{
 background-color: white;
 color: grey;
}
#onglet_boulangeries 
{
 position: absolute;
  top: 1px;
  left: 225px;
  width: 200px;
  height:50px;
  background-color: grey;
  color: white;
  font-size: 15px;
  font-weight: bold;
  font-style: oblique;
  font-family: cursive;
  text-align: center;
  border-radius: 10px;
  box-shadow: 5px 5px 5px black;
}

#onglet_boulangeries:hover
{
 background-color: white;
 color: grey;
}

#onglet_restaurants 
{
 position: absolute;
  top: 1px;
  left: 225px;
  width: 200px;
  height:50px;
  background-color: grey;
  color: white;
  font-size: 15px;
  font-weight: bold;
  font-style: oblique;
  font-family: cursive;
  text-align: center;
  border-radius: 10px;
  box-shadow: 5px 5px 5px black;
}

#onglet_restaurants:hover 
{
 background-color: white;
 color: grey;
}

#onglet_itineraire
{
 position: absolute;
 top: 5px;
 left: 1100px;
 width: 250px;
 height: 50px;
 font-weight: bold;
 font-size: 18px;
 font-style: italic;
 font-family: cursive; 
 text-align: center;
 background-color: grey;
 color: white;
 border-radius: 10px;
 box-shadow: 5px 5px 5px black;
}

#onglet_itineraire:hover
{
 background-color: white;
 color: grey;
}


#onglet_contact 
{
  position: absolute;
  top: 1px;
  left: 895px;
  width: 200px;
  height: 50px;
  background-color: grey;
  color: white;
  font-size: 15px;
  font-weight: bold;
  font-style: oblique;
  font-family: cursive;
  text-align: center;
  padding-top: 10px;
  border-radius: 10px;
  box-shadow: 5px 5px 5px black;
}

#onglet_contact:hover
{
 background-color: white;
 color: grey;
 
} 

#onglet_contact_position 
{
  position: absolute;
  top: 1px;
  left: 1140px;
  width: 200px;
  height: 50px;
  background-color: grey;
  color: white;
  font-size: 15px;
  font-weight: bold;
  font-style: oblique;
  font-family: cursive;
  text-align: center;
  padding-top: 10px;
  border-radius: 10px;
  box-shadow: 5px 5px 5px black;
}

#onglet_contact_position:hover
{
 background-color: white;
 color: grey;
} 

#retour_presdevous
{
 position: absolute;
  top: 60px;
  left: 895px;
  width: 200px;
  height:40px;
  background-color: grey;
  color: white;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  font-style: oblique;
  font-family: cursive;
  text-align: center;
  border-radius: 10px;
  box-shadow: 5px 5px 5px black;
}

#retour_presdevous:hover
{
 background-color: white;
 color: grey;
} 

#retour_presdevous_position
{
  position: absolute;
  top: 60px;
  left: 1140px;
  width: 200px;
  height:40px;
  background-color: grey;
  color: white;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  font-style: oblique;
  font-family: cursive;
  text-align: center;
  border-radius: 10px;
  box-shadow: 5px 5px 5px black;
}

#retour_presdevous_position:hover
{
 background-color: white;
 color: grey;
} 

/*#infoposition
{
 position: absolute;
 top: 100px;
 left: 230px;
 width: 200px;
 height: 50px;
 font-size: 12px;
 font-weight: bold;
 font-family: sans-serif;
 text-align: center;
 border-radius: 10px;
 box-shadow: 5px 5px 5px black;
 background-color: grey;
 color: white;
}*/

#resultat_nom_docteur1
 {
 font-size: 14px;
 text-align: center;
 font-weight: bold;
 font-family: cursive;
 text-align: center;
 background-color: lemonchiffon;
 color: blue;
 }

#resultat_nom_docteur2
 {
 font-size: 14px;
 text-align: center;
 font-weight: bold;
 font-family: cursive;
 text-align: center;
 background-color: lemonchiffon;
 color: red;
 } 
 
#trace_itineraire
{
 position: absolute;
 top: 350px;
 left: 250px;
 height: 40px;
 font-size: 16px;
 text-align: center;
 font-weight: bold;
 background-color: green;
 color: white;
}

#trace_itineraire:hover
{
 background-color: orange;
}



#select_service
{
 position: absolute;
 top: 470px;
 left: 10px;
 width: 600px;
 height: 40px;
 border-style: solid;
 border-width: 5px;
 border-color: orange;
 background-color: grey;
 color: white;
 font-size: 14px;
 font-weight: bold;
 font-family: sans-serif;  
}
#validation_service
{
 position: absolute;
 top: 465px;
 left: 615px;
 height: 50px;
 font-size: 16px;
 text-align: center;
 font-weight: bold;
 background-color: green;
 color: white;
}

#validation_service:hover
{
 background-color: orange;
}
#select_boulangerie
{
 position: absolute;
 top: 470px;
 left: 10px;
 width: 600px;
 height: 40px;
 border-style: solid;
 border-width: 5px;
 border-color: orange;
 background-color: grey;
 color: white;
 font-size: 14px;
 font-weight: bold;
 font-family: sans-serif;  
}
#validation_boulangerie
{
 position: absolute;
 top: 465px;
 left: 615px;
 height: 50px;
 font-size: 16px;
 text-align: center;
 font-weight: bold;
 background-color: green;
 color: white;
}

#validation_boulangerie:hover
{
 background-color: orange;
}

#plat3
{
 position: absolute;
 top: 115px;
 left: 170px;
 width: 70px;
 height: 70px;
 background-color: white;
 border-radius: 10px;
 box-shadow: 5px 5px 5px 5px black; 
}


#plat2
{
 position: absolute;
 top: 5px;
 left: 1180px;
 width: 200px;
 height: 200px;
 background-color: white;
 border-radius: 10px;
 box-shadow: 5px 5px 5px 5px black; 
}

#carte_menu
{
 position: absolute;
 top: 250px;
 left: 980px;
 width: 400px;
 height: 300px;
 background-color: white;
 border-radius: 10px;
 box-shadow: 5px 5px 5px 5px black; 
}

#titre_page_administration
{
 position: absolute;
 top: 250px;
 left: 450px;
 width: 420px;
 height: 60px;
 font-weight: bold;
 font-size: 30px;
 padding-top: 20px;
 font-style: italic;
 font-family: cursive;
 text-align:center;
 border-radius: 10px;
 box-shadow: 5px 5px 5px 5px black;
 background-color: grey;
 color: white;
}

#presentation_maj_platdujour
{
 position: absolute;
 top: 250px;
 left: 400px;
 width: 550px;
 font-size: 15px;
 font-family: sans-serif;
 font-weight: bold;
 background-color: grey;
 color: white;
 text-align: justify;
 padding-top: 10px;
 padding-left: 10px;
 padding-right: 10px;
 border-radius: 5px;
 box-shadow: 5px 5px 5px 5px black;
}
#pos_table_restaurants 
{
 position: absolute;
 top: 280px;
 right: 1010px;
 width: 350px;
 height: 30px;
}


#titre_selection_table_restaurants
{
 position: absolute;
 top: 250px;
 right: 1010px;
 width: 350px;
 height: 30px;
 font-size: 15px;
 font-family: cursive;
 font-weight: bold;
 text-align: center;
 border-radius: 5px;
 box-shadow: 5px 5px 5px 5px black;
 background-color: grey;
 color: white;
}

#OK_table_restaurants
{
 position: absolute;
 top: 315px;
 right: 1080px;
 height: 30px;
 font-size: 15px;
 font-family: cursive;
 font-weight: bold;
 text-align: center;
  border-radius: 5px;
 box-shadow: 5px 5px 5px 5px black;
 background-color: grey;
 color: white;
}

#OK_table_restaurants:hover
{
 background-color: white;
 color: grey;
}


#select_restaurant
{
 position: absolute;
 top: 580px;
 left: 10px;
 width: 600px;
 height: 40px;
 border-style: solid;
 border-width: 5px;
 border-color: orange;
 background-color: grey;
 color: white;
 font-size: 14px;
 font-weight: bold;
 font-family: sans-serif; 
}
#validation_restaurant
{
 position: absolute;
 top: 575px;
 left: 615px;
 height: 50px;
 font-size: 16px;
 font-weight: bold;
 text-align: center;
 background-color: green;
 color: white;
}
#platdecejour
{
 position: absolute;
 top: 650px;
 left:930px;
 width: 100px;
 height: 50px;
 border-radius: 10px;
 box-shadow: 5px 5px 5px 5px black;
} 
#texte_platdecejour 
{ 
 position: absolute;
 top: 655px;
 left: 650px;
 width: 300px;
 height: 50px;
 font-weight: bold;
 font-size: 15px;
 font-style: italic;
 font-family: cursive; 
 color: grey;
}                  

#chezmonboulanger
{
 position: absolute;
  top: 735px;
  left: 930px;
  width: 100px;
  height: 50px;
  border-radius: 10px;
  box-shadow: 5px 5px 5px 5px black;
}
#texte_chezmonboulanger
{
 position: absolute;
 top: 745px;
 left: 650px;
 width: 300px;
 height: 50px;
 font-weight: bold;
 font-size: 15px;
 font-style: italic;
 font-family: cursive; 
 color: grey;
}              

#titre_principal_guidage
{
 position: absolute;
 top: 10px;
 left: 10px;
 width: 360px;
 height: 130px;
 font-weight: bold;
 font-size: 25px;
 font-style: italic;
 font-family: cursive;
 text-align:center;
 border-radius: 10px;
 box-shadow: 10px 10px 10px 10px black;
 background-color: #EFFFF0;
 color: orange;
}
#saisie_adresse
{
 position: absolute;
 top: 400px;
 left: 50px;
 color: blue;
 font-weight: bold;
 font-family: cursive; 
 font-size: 20px;
 text-align: left;
}

#bordure_saisie_adresse
 {
 border-style: solid;
 border-width:2px;
 color: grey;
 font-weight: bold;
 font-family: sans-serif;
 font-size: 20px;
 text-align: left;
 border-radius: 5px;
 box-shadow: 5px 5px 5px 5px black;
}
#OK_saisie_adresse
{
 border-style: solid;
 border-width:2px;
 background-color: #EFFFF0;
 color: grey;
 font-weight: bold;
 font-family: sans-serif;
 font-size: 20px;
 border-radius: 5px;
 box-shadow: 5px 5px 5px 5px black;
}
#OK_saisie_adresse:hover
{
 background-color: grey;
 color: white;
}

#annonce
 {
 position: absolute;
 top: 170px;
 left: 10px;
 width: 360px;
 height: 100px;
 font-weight: bold;
 font-size: 25px;
 font-style: italic;
 font-family: cursive; 
 color: white;
 text-align: center;
 }
#colonne_gauche
{
 position: absolute;
 top: 10px;
 left: 10px;
 width: 380px;
 height: 980px;
 background-color: grey;
 border-radius: 10px;
 box-shadow: 10px 10px 10px 10px black;
}
#titre_principal
{
 position: absolute;
 top: 10px;
 left: 450px;
 width: 420px;
 height: 200px;
 font-weight: bold;
 font-size: 19px;
 font-style: italic;
 font-family: cursive;
 text-align:center;
 border-radius: 10px;
 box-shadow: 5px 5px 5px 5px black;
 background-color: #FFD000;
 color: blue;
}

#titre_principal1
{
 position: absolute;
 top: 10px;
 left: 10px;
 width: 420px;
 height: 200px;
 font-weight: bold;
 font-size: 19px;
 font-style: italic;
 font-family: cursive;
 text-align:center;
 border-radius: 10px;
 box-shadow: 5px 5px 5px 5px black;
 background-color: #FFD000;
 color: blue;
}

#slogan
{
 position: absolute;
 top: 130px;
 left: 450px;
 width: 500px;
 height: 80px;
 font-weight: bold;
 font-size: 19px;
 font-family: cursive;
 text-align:center;
 border-radius: 10px;
 box-shadow: 5px 5px 5px 5px black;
 background-color: #FFD000;
 color: blue;
}

#titre_principal_presdevous
{
 position: absolute;
 top: 10px;
 left: 270px;/*490*/
 width: 620px; /*420*/
 height: 160px; /*120*/
 font-weight: bold;
 font-size: 19px;
 font-style: italic;
 font-family: cursive;
 text-align:center;
 border-radius: 10px;
 box-shadow: 5px 5px 5px 5px black;
 background-color: #FFD000;
 color: blue;
}

#texte_additionnel
 {
  position: absolute;
  top: 75px;
  font-weight: bold;
  font-size: 18px;
  font-style: italic;
  font-family: cursive;
  background-color: grey;
  color: white;
 }
 
#mise-en-garde
{
 position: absolute;
 top: 40px;
 justify: left;
 font-weight: bolder;
 font-size: 17px;
 font-style: normal;
 font-family: sans-serif;
 border-radius: 10px;
 box-shadow: 5px 5px 5px 5px black;				 
 background-color: white;
 color: red;
}

#fr
{
 font-size: 18px;
}
#mitron
{
 position: absolute;
 top: 90px;
 left: 150px;
 width: 70px;
 height: 70px;
 padding-left: 30px;
 padding-bottom: 20px;
 background-color: white;
 border-radius: 10px;
 box-shadow: 5px 5px 5px 5px black; 
}
#plat1
{
 position: absolute;
 top: 15px;
 left: 15px;
 width: 200px;
 height: 200px;
 background-color: white;
 border-radius: 10px;
 box-shadow: 5px 5px 5px 5px black; 
}

#medicale1
{
 position: absolute;
 top: 15px;
 left: 10px;
 width: 200px;
 height: 200px;
 background-color: white;
 border-radius: 10px;
 box-shadow: 5px 5px 5px 5px black; 
}

#medicale2
{
 position: absolute;
 top: 10px;
 left: 1180px;
 width: 200px;
 height: 200px;
 border-radius: 10px;
 box-shadow: 5px 5px 5px 5px black;
}

#boulanger
{
 position: absolute;
 top: 15px;
 left: 10px;
 width: 200px;
 height: 200px;
 background-color: white;
 border-radius: 10px;
 box-shadow: 5px 5px 5px 5px black; 
}
#boulanger1
{
 position: absolute;
 top: 15px;
 left: 1185px;
 width: 200px;
 height: 200px;
 background-color: white;
 border-radius: 10px;
 box-shadow: 5px 5px 5px 5px black; 
}

#retour_nouveau_restaurant
{
 position: absolute;
 top: 10px;
 left: 230px;
 height: 30px;
 background-color: grey;
 color: white;
 font-size: 14px;
 font-weight: bold;
 font-style: oblique;
 font-family: sans-serif;
 text-align: center;
 border-radius: 10px;
 box-shadow: 5px 5px 5px 5px black;
}

#suppress_restaurant
{
 position: absolute;
 top: 70px;
 left: 670px;
 width: 250px;
 height: 30px;
 font-size: 15px;
 font-family: cursive;
 font-weight: bold;
 background-color: grey;
 color: white;
 border-radius: 5px;
 box-shadow: 5px 5px 5px 5px black;
}

#saisie_directe_docteur
{
 position: absolute;
 top: 240px;
 left: 930px;
 width: 350px;
 height: float;
 font-weight: bold;
 font-size: 16px;
 font-style: italic;
 font-family: cursive;
 padding: 10px 10px 10px 10px;
 text-align: center;
 border-radius: 10px;
 box-shadow: 5px 5px 5px 5px black;
 background-color: grey;
 color: white;
}


#texte1
{
 position: absolute;
 top: 240px;
 left: 10px;
 width: 550px;
 height: 120px;
 font-weight: bold;
 font-size: 16px;
 font-style: italic;
 font-family: cursive;
 padding: 10px 10px 10px 10px;
 text-align: justify;
 border-radius: 10px;
 box-shadow: 5px 5px 5px 5px black;
 background-color: grey;
 color: white;
}

#texte2
{
 position: absolute;
 top: 180px; /*150*/
 left: 20px;
 width: 700px;
 height: float;
 font-weight: bold;
 font-size: 18px;
 font-style: italic;
 font-family: cursive;
 padding: 30px 10px 10px 10px;
 text-align: justify;
 /*border-radius: 10px;
 box-shadow: 5px 5px 5px 5px black;*/
 background-color: #BFFFF0;
 color: #FF00FF;
}

#grossissement
{
 font-size: 25px;	
}

#texte3
{
 position: absolute;
 top: 240px;
 left: 10px;
 width: 550px;
 height: 240px;
 font-weight: bold;
 font-size: 15px;
 font-style: italic;
 font-family: cursive;
 padding: 5px 5px 5px 5px;
 text-align: justify;
 border-radius: 10px;
 box-shadow: 5px 5px 5px 5px black;
 background-color: grey;
 color: white;
}
#choix_service1
{
 position: absolute;
 top: 210px;
 left: 790px;
 width: 450px; 
 height: 500px;
}

#choix_service2
{
 position: absolute;
 top: 210px;
 left: 1120px;
 width: 350px; 
 height: 500px;
}
 

#service_rest
{
 font-weight: bold;
 font-size: 12px;
 font-style: italic;
 font-family: cursive;
 text-align: center;
 border-radius: 5px;
 box-shadow: 5px 5px 5px 5px black;
 background-color: grey;
 color: white;
}
#service_rest:hover
{
 background-color: white;
 color: grey;
}

#service_boul
{
 font-weight: bold;
 font-size: 12px;
 font-style: italic;
 font-family: cursive;
 text-align: center;
 border-radius: 5px;
 box-shadow: 5px 5px 5px 5px black;
 background-color: grey;
 color: white;
}
#service_boul:hover
{
 background-color: white;
 color: grey;
}

#service_doc
{
 font-weight: bold;
 font-size: 12px;
 font-style: italic;
 font-family: cursive;
 text-align: center;
 border-radius: 5px;
 box-shadow: 5px 5px 5px 5px black;
 background-color: grey;
 color: white;
}

#service_doc:hover
{
 background-color: white;
 color: grey;
}

#service_phar
{
 font-weight: bold;
 font-size: 12px;
 font-style: italic;
 font-family: cursive;
 text-align: center;
 border-radius: 5px;
 box-shadow: 5px 5px 5px 5px black;
 background-color: grey;
 color: white;
}
#service_phar:hover
{
 background-color: white;
 color: grey;
}

#station_service
{
 font-weight: bold;
 font-size: 12px;
 font-style: italic;
 font-family: cursive;
 text-align: center;
 border-radius: 5px;
 box-shadow: 5px 5px 5px 5px black;
 background-color: grey;
 color: white;
}
#station_service:hover
{
 background-color: white;
 color: grey;
}
#station_transport
{
 font-weight: bold;
 font-size: 12px;
 font-style: italic;
 font-family: cursive;
 text-align: center;
 border-radius: 5px;
 box-shadow: 5px 5px 5px 5px black;
 background-color: grey;
 color: white;
}
#station_transport:hover
{
 background-color: white;
 color: grey;
}

#euromillion
 {
 font-weight: bold;
 font-size: 12px;
 font-style: italic;
 font-family: cursive;
 text-align: center;
 border-radius: 5px;
 box-shadow: 5px 5px 5px black;
 background-color: grey;
 color: white;
 }

#euromillion:hover
 {
 background-color: white;
 color: grey;
}
#loto
 {
 font-weight: bold;
 font-size: 12px;
 font-style: italic;
 font-family: cursive;
 text-align: center;
 border-radius: 5px;
 box-shadow: 5px 5px 5px black;
 background-color: grey;
 color: white;
 }

#loto:hover
 {
 background-color: white;
 color: grey;
}
#guide_itineraire
{
 font-weight: bold;
 font-size: 12px;
 font-style: italic;
 font-family: cursive;
 text-align: center;
 border-radius: 5px;
 box-shadow: 5px 5px 5px black;
 background-color: grey;
 color: white;
}

#guide_itineraire:hover
{
 background-color: white;
 color: grey;
}

#carte_menus
{
 position: absolute;
 top: 250px;
 left: 420px;
 width: 200px;
 height: 180px;
 border-radius: 5px;
 box-shadow: 5px 5px 5px 5px black;
}

#carte_menus:hover
 {
   border-radius: 5px;
  box-shadow: 5px 5px 5px 5px orange;
 }

#pains
{
 position: absolute;
 top: 15px;
 left: 1185px;
 width: 200px;
 height: 200px;
 border-radius: 5px;
 box-shadow: 5px 5px 5px black;
}

#pains1
{
 position: absolute;
 top: 250px;
 left: 630px;
 width: 200px;
 height: 180px;
 border-radius: 5px;
 box-shadow: 5px 5px 5px 5px black;
}

#pains1:hover
 {
   border-radius: 5px;
  box-shadow: 5px 5px 5px 5px orange;
 }

#medicale
{
 position: absolute;
 top: 250px;
 left: 840px;
 width: 200px;
 height: 180px;
 border-radius: 5px;
 box-shadow: 5px 5px 5px 5px black;
}

#medicale:hover
 {
   border-radius: 5px;
  box-shadow: 5px 5px 5px 5px orange;
 }

#phar3
{
 position: absolute;
 top: 440px;
 left: 420px;
 width: 200px;
 height: 180px;
 border-radius: 5px;
 box-shadow: 5px 5px 5px 5px black;
}

#phar3:hover
 {
   border-radius: 5px;
  box-shadow: 5px 5px 5px 5px orange;
 }

#station_service1
{
 position: absolute;
 top: 440px;
 left: 630px;
 width: 200px;
 height: 180px;
 border-radius: 5px;
 box-shadow: 5px 5px 5px 5px black;
}

#station_service1:hover
 {
   border-radius: 5px;
  box-shadow: 5px 5px 5px 5px orange;
 }

#euromillion1
{
 position: absolute;
 top: 250px;
 left: 750px;
 width: 310px;
 height: 290px;
 border-radius: 5px;
 box-shadow: 5px 5px 5px 5px black;
}

#euromillion1:hover
 {
   border-radius: 5px;
  box-shadow: 5px 5px 5px 5px orange;
 }

#euromillion3
{
 position: absolute;
 top: 10px;
 left: 10px;
 width: 200px;
 height: 180px;
 border-radius: 5px;
 box-shadow: 5px 5px 5px 5px black;
}

#metro4
{
 position: absolute;
 top: 630px;
 left: 420px;
 width: 200px;
 height: 180px;
 border-radius: 5px;
 box-shadow: 5px 5px 5px 5px black;
}

#metro4:hover
 {
  border-radius: 5px;
  box-shadow: 5px 5px 5px 5px orange;
 }

#itineraire
{
 position: absolute;
 top: 630px;
 left: 630px;
 width: 200px;
 height: 180px;
 border-radius: 5px;
 box-shadow: 5px 5px 5px 5px black;
}

#itineraire:hover
 {
  border-radius: 5px;
  box-shadow: 5px 5px 5px 5px orange;
 }

#loto1
 {
 position: absolute;
 top: 250px;
 left: 1080px;
 width: 310px;
 height: 290px;
 border-radius: 5px;
 box-shadow: 5px 5px 5px 5px black;
 }
#loto1:hover
 {
  border-radius: 5px;
  box-shadow: 5px 5px 5px 5px orange;
 }

 #loto3
 {
 position: absolute;
 top: 10px;
 right: 10px;
 height: 180px;
 border-radius: 5px;
 box-shadow: 5px 5px 5px 5px black;
 }
 
#gare1
{
 position: absolute;
 top: 450px;
 left: 1190px;
 width: 200px;
 height: 200px;
}

#image_itineraire
{
 position: absolute;
 top: 230px;
 left: 100px;
 width: 180px;
 height: 180px;
 border-radius: 5px;
 box-shadow: 5px 5px 5px black;
}

#cadre_choix_service
{
 position: absolute;
 top: 400px;
 left: 10px;
 width: 570px;
 height: 60px;
 font-weight: bold;
 font-size: 20px;
 font-style: italic;
 font-family: cursive;
 border-radius: 10px;
 box-shadow: 5px 5px 5px black;
 background-color: #FFD000;;
 color: blue;
}
#titre_choix_service
{
 position: absolute;
 top: 10px;
 height: float;
 left: 20px;
 font-weight: bold;
 font-size: 19px;
 font-style: italic;
 font-family: cursive;
}
#titre_choix_service_bis
{
 position: absolute;
 top: 10px;
 left: 20px;
 font-weight: bold;
 font-size: 16px;
 font-style: italic;
 font-family: cursive;
}
#cadre_choix_boulangerie
{
 position: absolute;
 top: 400px;
 left: 10px;
 width: 570px;
 height: 50px;
 font-weight: bold;
 font-size: 20px;
 font-style: italic;
 font-family: cursive;
 border-radius: 10px;
 box-shadow: 5px 5px 5px black;
 background-color: #FFD000;;
 color: blue;
}
#titre_choix_boulangerie
{
 position: absolute;
 top: 10px;
 left: 20px;
 font-weight: bold;
 font-size: 19px;
 font-style: italic;
 font-family: cursive;
}
#titre_choix_boulangerie_bis
{
 position: absolute;
 top: 10px;
 left: 20px;
 font-weight: bold;
 font-size: 16px;
 font-style: italic;
 font-family: cursive;
}

#cadre_choix_restaurant
{
 position: absolute;
 top: 510px;
 left: 10px;
 width: 570px;
 height: 50px;
 font-weight: bold;
 font-size: 20px;
 font-style: italic;
 font-family: cursive;
 border-radius: 10px;
 box-shadow: 5px 5px 5px black;
 background-color: #FFD000;;
 color: blue;
}
#titre_choix_restaurant
{
 position: absolute;
 top: 10px;
 left: 20px;
 font-weight: bold;
 font-size: 19px;
 font-style: italic;
 font-family: cursive;
}
#titre_choix_restaurant_bis
{
 position: absolute;
 top: 10px;
 left: 20px;
 font-weight: bold;
 font-size: 16px;
 font-style: italic;
 font-family: cursive;
}

#distance1
{
 position: absolute;
 top: 310px;
 left: 600px;
 width: 150px;
 height: 40px;
 border-style: solid;
 border-width: 5px;
 border-color: orange;
}

#label
{
 position: absolute;
 top: 275px;
 left: 600px;
 width: 150px;
 height: 30px;
 text-align: center;
 font-weight: bold;
 font-family: sans-serif;
 font-size: 15px;
 border-radius: 5px;
 box-shadow: 5px 5px 5px 5px black;
 background-color: orange;
 color: blue;
}
#unite
{
 position: absolute;
 top: 315px;
 left: 755px;
 font-weight: bold;
 font-family: sans-serif;
 font-size: 16px;
}
#OK_distance1
{
 position: absolute;
 top: 305px;
 left: 780px;
 height: 50px;
 font-size: 16px;
 font-weight: bold;
 background-color: green;
 color: white;
}

#OK_distance1:hover
{
 background-color: orange;
}

#dimensions_carte_position
{
 position: absolute;
 top: 80px;
 left: 500px;
 width: 620px;
 height: 520px;
 border-radius: 10px;
 box-shadow: 5px 5px 5px 5px black;
}
#EmplacementItineraireCartePosition 
{
 position: absolute;
 top: 1px;
 left: 1px;
 width: 620px;
 height: 520px;
 background-color: grey;
 border-style: outset;
 border-width: 10px;
 border-color: orange;
 border-radius: 10px;
 box-shadow: 5px 5px 5px 5px black;
}

#agrandissement
{
 position: absolute;
 top: 480px;
 left: 20px;
 width: 200px;
 height: 30px;
 background-color: grey;
 color: white;
 font-family: cursive;
 font-size: 14px;
}
#agrandissement:hover
{
 background-color: white;
 color: grey;
}

#dimensions_carte
{
 position: absolute;
 top: 100px;
 left: 10px;
 width: float;
 height: 820px;
}

#EmplacementItineraireCarte 
{
 position: absolute;
 top: 580px;
 left:1px;
 width: 820px;
 height: 750px;
 background-color: grey;
 border-style: outset;
 border-width: 10px;
 border-color: orange;
}

#EmplacementItineraireTexte 
{
 position: absolute;
 top: 580px;
 left:850px;
 width: 500px;	
 height: 750px;
 background-color:grey;
 font-size: 10px;
 font-family: sans-serif;
 border-style: outset;
 border-width: 10px;
 border-color: orange;
}

#fermeture_carte
 {
 position: absolute;
  top: 640px;
  height: 30px;
  width: 150px;
  left: 820px;
  opacity: 1;
  font-weight: bold;
  box-shadow: 5px 5px 5px black;
 }
#fermer_carte
 {
  position: absolute;
  top: 1px;
  left: 30px;
  background-color: orange;
  color: blue;
 }
 
#fermer_carte:hoer
{
 background-color: grey;
}

	
#position_adresse_site
{
 position: absolute;
 top: 630px;
 left:280px;
 width: 400px;
 height: 20px;
 font-family: sans-serif;
 font-weight: bold;
 text-align: center;
 font-size: 14px;
 color: white;
 background-color: grey;
 border-style: outset;
 border-width: 5px;
 border-color: orange;
}

#retour_nouveau_service
{
 position: absolute;
 top: 10px;
 left: 220px;
 height: 30px;
 background-color: grey;
 color: white;
 font-size: 14px;
 font-weight: bold;
 font-style: oblique;
 font-family: sans-serif;
 text-align: center;
 border-radius: 10px;
 box-shadow: 5px 5px 5px black;
}

#retour_nouvelle_boulangerie
{
 position: absolute;
 top: 10px;
 left: 220px;
 height: 30px;
 background-color: grey;
 color: white;
 font-size: 14px;
 font-weight: bold;
 font-style: oblique;
 font-family: sans-serif;
 text-align: center;
 border-radius: 10px;
 box-shadow: 5px 5px 5px black;
}

#retour_page_administration
{
 position: absolute;
 top: 10px;
 left: 900px;
 height: 30px;
 background-color: grey;
 color: white;
 font-size: 14px;
 font-weight: bold;
 font-style: oblique;
 font-family: sans-serif;
 text-align: center;
 border-radius: 10px;
 box-shadow: 5px 5px 5px black;
}

#retour_page_administration:hover
 {
  background-color: white;
  color: grey;
}



#retour_accueil
{
 position: absolute;
 top: 10px;
 left: 920px;
 height: 40px;
 background-color: grey;
 color: white;
 font-size: 15px;
 font-weight: bold;
 font-style: oblique;
 font-family: cursive;
 text-align: center;
 border-radius: 10px;
 box-shadow: 5px 5px 5px 5px black;
}
#retour_accueil:hover
{
 background-color: white;
 color: grey;
}

#retour_accueil1
{
 position: absolute;
 top: 10px;
 left: 50px;
 width: 200px;
 height: 80px;
 font-weight: bold;
 font-size: 20px;
 font-style: italic;
 font-family: cursive;
 text-align: center;
 border-radius: 10px;
 box-shadow: 5px 5px 5px 5px black;
 background-color: grey;
 color: white;
}
#retour_accueil1:hover
{
 background-color: white;
 color: grey;
}


#administration
{
 position: absolute;
 top: 10px;
 left: 240px;
 height: 30px;
 background-color: grey;
 color: white;
 font-size: 14px;
 font-weight: bold;
 font-style: oblique;
 font-family: sans-serif;
 text-align: center;
 border-radius: 10px;
 box-shadow: 5px 5px 5px black;
}
#administration:hover
{
 background-color: white;
 color: grey;
}

#authentification_administration
{
 position: absolute;
 top: 350px;
 left: 395px;
 width: 530px;
 height: 150px;
 border-radius: 10px;
 box-shadow: 5px 5px 5px black;
 border-color: blue;
 color: white;
 background-color: grey;
}
#formulaire_authentification
{
 position: absolute;
 top: 350px;
 left: 395px;
 width: 530px;
 height: 200px;
 border-radius: 10px;
 box-shadow: 5px 5px 5px black;
 border-color: blue;
 color: white;
 background-color: grey;
}
#authen_table
{
 position: absolute;
 top: 10px;
 width: 400px;
}
#authen
{
 border-radius: 10px;
 box-shadow: 5px 5px 5px black;
 font-family: cursive;
 border-style: none;
 font-size: x-large;
 font-weight: bold;
 /*background-color: lemonchiffon;
 color: grey;*/
}
#authen_connexion
{
 border-radius: 10px;
 box-shadow: 5px 5px 5px black;
 font-family: sans-serif;
 border-style: none;
 font-size: x-large;
 font-weight: bold;
 background-color: orange;
 color: blue;
}
#authen_connexion:hover
{
 background-color: grey;
 color: white;
}
#authen_saisie
{
 font-family: cursive;
 border-style: none;
 font-size: x-large;
 font-weight: bold;
 border-radius: 10px;
 box-shadow: 5px 5px 5px black;
 background-color: white;
 color: grey; 
}

#recherche_nom_service
{
 position: absolute;
 top: 520px;
 left: 970px;
 width: 400px;
 height: float;
 font-size: 15px;
 font-family: sans-serif;
 font-weight: bold;
 background-color: grey;
 color: white;
 text-align: center;
 padding-top: 10px;
 padding-left: 10px;
 padding-right: 10px;
 border-radius: 5px;
 box-shadow: 5px 5px 5px black;
}

#presentation_maj_informations
{
 position: absolute;
 top: 250px;
 left: 380px;
 width: 550px;
 height: float;
 font-size: 15px;
 font-family: sans-serif;
 font-weight: bold;
 background-color: grey;
 color: white;
 text-align: justify;
 padding-top: 10px;
 padding-left: 10px;
 padding-right: 10px;
 border-radius: 5px;
 box-shadow: 5px 5px 5px black;
}
#titre_maj
{
 text-align: center;
}

#titre_maj2
{
 font-size: 20px;
 font-family: sans-serif;
 font-weight: bold;
 text-align: center;
}

#valider_maj_informations
{
 position: absolute;
 float: top;
/*top: 255px;*/
 left: 1px;
 font-size: 15px;
 font-family: sans-serif;
 font-style: oblique;
 font-weight: bold;
 background-color: green;
 color: white;
}

#valider_maj_platdujour
{
 position: absolute;
 float: top;
/*top: 255px;*/
 left: 1px;
 font-size: 15px;
 font-family: sans-serif;
 font-style: oblique;
 font-weight: bold;
 background-color: green;
 color: white;
}

#ajout_succes_docteur
{
 position: absolute;
 top: 400px;
 right: 200px;
 width: 150px;
 height: float;
 font-size: 15px;
 font-family: cursive;
 font-weight: bold;
 text-align: center;
 background-color: grey;
 color: white;
 padding: 5px 40px 5px 5px;
 border-radius: 5px;
 box-shadow: 5px 5px 5px black;
}

#succes_ajout_docteur
{
 position: absolute;
 top: 2px;
 right: 5px;
}
 
#ajout_succes_service
{
 position: absolute;
 top: 400px;
 right: 200px;
 width: 150px;
 height: float;
 font-size: 15px;
 font-family: cursive;
 font-weight: bold;
 text-align: center;
 background-color: grey;
 color: white;
 padding: 5px 40px 5px 5px;
 border-radius: 5px;
 box-shadow: 5px 5px 5px black;
}

#succes_ajout_service
{
 position: absolute;
 top: 2px;
 right: 5px;
}
 
 
#modif_succes
{
 position: absolute;
 top: 400px;
 right: 150px;
 width: 150px;
 height: float;
 font-size: 15px;
 font-family: cursive;
 font-weight: bold;
 text-align: center;
 background-color: grey;
 color: white;
 border-radius: 5px;
 box-shadow: 5px 5px 5px black;
}
#suppress_succes
{
 position: absolute;
 top: 400px;
 right: 150px;
 width: 150px;
 height: float;
 font-size: 15px;
 font-family: cursive;
 font-weight: bold;
 text-align: center;
 background-color: grey;
 color: white;
 padding: 5px 40px 5px 5px;
 border-radius: 5px;
 box-shadow: 5px 5px 5px black;
}

#fermer_service
 {
 position: absolute;
 top: 2px;
 right: 5px;
} 

#suppress_service
{
 position: absolute;
 top: 70px;
 left: 650px;
 width: 250px;
 height: 30px;
 font-size: 15px;
 font-family: cursive;
 font-weight: bold;
 background-color: grey;
 color: white;
 border-radius: 5px;
 box-shadow: 5px 5px 5px black;
}


#verification_donnees
{
 position: absolute;
 top: 390px;
 left: 40px;
 width: 300px;
 height: 30px;
 font-size: 15px;
 font-family: cursive;
 font-weight: bold;
 background-color: grey;
 color: white;
 padding-left: 10px;
 padding-right: 10px;
 border-radius: 5px;
 box-shadow: 5px 5px 5px black;
}

#pos_liste_alertes
{
 position: absolute;
 top: 5px;
 left: 10px;
 width: 290px;
}
#ajout_succes
{
 position: absolute;
 top: 0px;
 left: 0px;
 width: 330px;
 height: 40px;
 text-align: center;
 border-radius: 5px;
 box-shadow: 5px 5px 5px black;
 background-color: grey;
 color: white;
}
#pos_table_boulangeries 
{
 position: absolute;
 top: 280px;
 left: 20px;
 width: 350px;
 height: 30px;
}

#pos_table_docteurs 
{
 position: absolute;
 top: 280px;
 left: 20px;
 width: 350px;
 height: 30px;
}

#titre_selection_table_boulangeries
{
 position: absolute;
 top: 250px;
 right: 1030px;
 width: 350px;
 height: 30px;
 font-size: 15px;
 font-family: cursive;
 font-weight: bold;
 text-align: center;
 border-radius: 5px;
 box-shadow: 5px 5px 5px black;
 background-color: grey;
 color: white;
}

#OK_table_boulangeries
{
 position: absolute;
 top: 315px;
 right: 1100px;
 height: 30px;
 font-size: 15px;
 font-family: cursive;
 font-weight: bold;
 text-align: center;
  border-radius: 5px;
 box-shadow: 5px 5px 5px black;
 background-color: grey;
 color: white;
}

#OK_table_boulangeries:hover
{
 background-color: white;
 color: grey;
}

#OK_table_docteurs
{
 position: absolute;
 top: 315px;
 right: 1100px;
 height: 30px;
 font-size: 15px;
 font-family: cursive;
 font-weight: bold;
 text-align: center;
  border-radius: 5px;
 box-shadow: 5px 5px 5px black;
 background-color: grey;
 color: white;
}

#OK_table_docteurs:hover
{
 background-color: white;
 color: grey;
}

#changement_motdepasse
{
 position: absolute;
 top: 170px;
 left: 200px;
 width: 300px;
 text-align: center;
 background-color: green;
 color: white;
 border-radius: 5px;
 box-shadow: 5px 5px 5px black;
 font-family: sans-serif;
 font-style: italic;
 font-size: 15px;
 font-weight: bold;
}

#maj_valide
{
 color: white;
 font-size: 14px;
 font-weight: bold;
 font-family: sans-serif;
 width: 550px;
 height: float;
 text-align: center;
 padding-bottom: 60px;
}
#maj_active
 {
 position: absolute;
 float: bottom;
 /*top: 160px;*/
 left: 470px;
 background-color: green;
 color: white;
 font-size: 14px;
 font-weight: bold;
 font-family: sans-serif; 
}

#cadre_chg_passwd
{
 position: absolute;
 top: 270px;
 left: 250px;
 width: 800px;
 height: 500px;
 background-color: grey;
 border-radius: 20px;
 box-shadow: 5px 5px 5px black;
 
}

#titre_chg_motdepasse
{
 position: absolute;
 top: 30px;
 font-style: oblique;
 padding-left: 120px;
 font-size: 40px;
 font-family: sans-serif;
 font-weight: bold;
 color: white;
}

#indiquer_login
{
 position: absolute;
 top: 100px;
 left: 20px;
 font-family: sans-serif;
 font-size: 20px;
 font-weight: bold;
 color: white;
}
#saisie_login
{
 position: absolute;
 top: 125px;
 left: 400px;
 border-style: solid;
 border-color: blue;
 border-width: 1px;
}

#indiquer_passe_ancien
{
 position: absolute;
 top: 135px;
 left: 20px;
 font-family: sans-serif;
 font-size: 20px;
 font-weight: bold;
 color: white;
}

#saisie_passe_ancien
{
 position: absolute;
 top: 160px;
 left: 400px;
 border-style: solid;
 border-color: blue;
 border-width: 1px;
}

#indiquer_passe_nouveau
{
 position: absolute;
 top: 175px;
 left: 20px;
 font-family: sans-serif;
 font-size: 20px;
 font-weight: bold;
 color: white;
}

#saisie_passe_nouveau
{
 position: absolute;
 top: 200px;
 left: 400px;
 border-color: blue;
 border-style: solid;
 border-width: 1px;
}

#format_mot_passe
{
 position: absolute;
 top: 220px;
 left: 20px;
 width: 555px;
 font-family: sans-serif;
 text-align: justify;
 font-size: 15px;
 font-weight: bold;
 color: white;
}

#OK_passwd
{
 position: absolute;
 top: 250px;
 left: 660px;
 border-radius: 5px;
 box-shadow: 5px 5px 5px black;
 background-color: green;
 font-size: 15px;
 font-weight: bold;
 color: white;
}
#obtenir_passwd
{
 position: absolute;
 top: 340px;
 left: 560px;
 border-radius: 5px;
 box-shadow: 5px 5px 5px black;
 background-color: green;
 font-size: 15px;
 font-weight: bold;
 color: white;
}
#message_passe_nouveau_OK
{
 position: absolute;
 top: 360px;
 left: 20px;
 width: 550px;
 font-family: sans-serif;
 text-align: justify;
 font-size: 15px;
 font-weight: bold;
 border-radius: 5px;
 box-shadow: 5px 5px 5px black;
 background-color: green;
 color: white;
}

#message_passe_nouveau_NOK
{
 position: absolute;
 top: 360px;
 left: 20px;
 width: 550px;
 font-family: sans-serif;
 text-align: justify;
 font-size: 15px;
 font-weight: bold;
 border-radius: 5px;
 box-shadow: 5px 5px 5px black;
 background-color: white;
 color: red;
}

#OK_message
{
 position: absolute;
 top: 450px;
 left: 530px;
 background-color: yellow;
 font-weight: bold;
 color: blue;
}
#erreur_login
{
 position: absolute;
 top: 480px;
 left: 185px;
 width: 600px;
 box-shadow: 5px 5px 5px black;
 border-color: blue;
 background-color: grey;
 font-size: x-large;
 text-align: justify;
 border-radius: 20px;
 padding-left: 10px;
 padding-right: 10px;
 font-family: sans-serif;
 color: white;
}

#commentaire_info1
 {
 position: absolute;
 top: 200px;
 left: 20px;
 height: 80px;
 width: 450px;
 text-align: center;
 color: white;
 font-size: 18px;
 padding: 10px 20px 10px 20px;
 font-family: cursive;
 border-radius: 10px;
 box-shadow: 5px 5px 5px black;
 background-color: grey;
 }

#contact_info
 {
 position: absolute;
 top: 200px;
 left: 400px;
 height: 80px;
 width: 600px;
 text-align: center;
 font-size: 18px;
 font-family: sans-serif;
 border-radius: 10px;
 box-shadow: 5px 5px 5px black;
 background-color: grey;
 color: white; 
 }
 
#ajout_commentaire_succes
 {
 position: absolute;
 top: 500px;
 left: 20px;
 height: 50px;
 width: 600px;
 text-align: center;
 color: white;
 font-size: 18px;
 padding: 10px 20px 10px 20px;
 font-family: cursive;
 border-radius: 10px;
 box-shadow: 5px 5px 5px black;
 background-color: grey;
}
 
#fermer_ajout_commentaire_succes
{
  position: absolute;
  top: 5px;
  left: 595px 
}
 
#autres_commentaires
{
 position: absolute;
 top: 230px;
 left: 750px;
 height: 80px;
 width: 450px;
 text-align: center;
 font-size: 18px;
 font-weight: bold;
 padding: 10px 20px 10px 20px;
 font-family: cursive;
 border-radius: 10px;
 box-shadow: 5px 5px 5px black;
 background-color: grey;
 color: white; 
} 
 
#pos_liste_commentaires
{
 position: absolute;
 top: 340px;
 left: 750px;
 height: 80px;
 width: 500px;
 text-align: center;
 font-size: 18px;
 font-weight: bold;
 padding: 10px 20px 10px 20px;
 font-family: cursive;
 border-radius: 10px;
 box-shadow: 5px 5px 5px black;
 background-color: white;
 color: grey; 
}

 
#pos_liste_commentaires1
{
 position: absolute;
 top: 340px;
 left: 650px;
 height: 80px;
 width: 500px;
 text-align: center;
 font-size: 18px;
 font-weight: bold;
 padding: 10px 20px 10px 20px;
 font-family: cursive;
 border-radius: 10px;
 box-shadow: 5px 5px 5px black;
 background-color: white;
 color: grey; 
}

#info_suppression_commentaire
{
 position: absolute;
 top: 440px;
 left: 650px;
 height: float;
 width: 500px;
 text-align: center;
 font-size: 18px;
 font-weight: bold;
 padding: 10px 50px 10px 20px;
 font-family: cursive;
 text-align: justify;
 border-radius: 10px;
 box-shadow: 5px 5px 5px black;
 background-color: white;
 color: grey; 
}

#fermer_info_commentaire
{
 position: absolute;
 top: 5px;
 left: 530px;
}
#ok_comment
{
 position: absolute;
 top: 360px;
 left: 1255px;
 height: 40px;
 text-align: center;
 font-size: 18px;
 font-weight: bold;
 padding: 10px 20px 10px 20px;
 font-family: cursive;
 border-radius: 10px;
 box-shadow: 5px 5px 5px black;
 background-color: grey;
 color: white; 
}  

#ok_comment:hover
 {
  background-color: white;
  color: grey;
 }

#ok_supprimer
{
 position: absolute;
 top: 380px;
 left: 1155px;
 height: 40px;
 width: 160px;
 text-align: center;
 font-size: 18px;
 font-weight: bold;
 padding: 10px 20px 10px 20px;
 font-family: cursive;
 border-radius: 10px;
 box-shadow: 5px 5px 5px black;
 background-color: grey;
 color: white; 
}  
#ok_consulter
{
 position: absolute;
 top: 330px;
 left: 1155px;
 height: 40px;
 text-align: center;
 font-size: 18px;
 font-weight: bold;
 padding: 10px 20px 10px 20px;
 font-family: cursive;
 border-radius: 10px;
 box-shadow: 5px 5px 5px black;
 background-color: grey;
 color: white; 
}  

#afficher_commentaire
{
 position: absolute;
 top: 430px;
 left: 750px;
 /*height: 200px;*/
 height: float;
 width: 500px;
 text-align: justify;
 font-size: 18px;
 font-weight: bold;
 padding: 10px 50px 10px 10px;
 font-family: cursive;
 border-radius: 10px;
 box-shadow: 5px 5px 5px black;
 background-color: lemonchiffon;
 color: grey; 
}
#fermer_afficher_commentaire
{
 position: absolute;
 top: 5px;
 left: 525px;
}

#message_contact
  {
 position: absolute;
 top: 340px;
 left: 450px;
 border: blue;
 border-width: 1px;
 border-style: inset;
 }
 
 #ajouter_commentaire
  {
 position: absolute;
 top: 340px;
 left: 20px;
 width: 500px;
 height: 100px;
 border: blue;
 border-width: 1px;
 border-style: inset;
 }  
#ajout_commentaire
{
 position: absolute;
 top: 450px;
 left: 400px;
 width: 100px;
 height: 40px;
 text-align: center;
 font-size: 18px;
 font-family: cursive;
 border-radius: 5px;
 box-shadow: 5px 5px 5px black;
 background-color: grey;
 color: white; 
} 

#ajout_commentaire:hover
 {
  background-color: white;
  color: grey;
 }

#email_contact 
 {
 position: absolute;
 top: 510px;
 left: 450px;
 border: blue;
 border-width: 1px;
 border-style: inset;
 font-size: 14px;
 font-weight: bold;
 font-family: sans-serif;
 background-color: grey;
 color: white; 
 }
 
#envoyer_contact
{
 position: absolute;
 top: 510px;
 left: 870px;
 border: blue;
 border-style: inset;
 border-width: 1px;
 font-size: 14px;
 font-family: sans-serif;
}
#envoi_contact
{
 background-color: green;
 color: white;
 font-weight: bold; 
}
#succes_envoyer_contact
{
 position: absolute;
 top: 10px;
 left: 1100px;
 width: 250px;
 font-size: 14px;
 font-weight: bold;
 font-family: sans-serif;
 text-align: justify;
 border-radius: 10px;
 box-shadow: 5px 5px 5px black;
 padding: 5px 5px 5px 5px;
 background-color: green;
 color: white; 
} 
#non_succes_envoyer_contact
{
 position: absolute;
 top: 400px;
 left: 950px;
 width: 250px;
 font-size: 14px;
 font-weight: bold;
 font-family: sans-serif;
 text-align: justify;
 border-radius: 10px;
 box-shadow: 5px 5px 5px black;
 padding: 5px 5px 5px 5px;
 background-color: white;
 color: red; 
}

#popup_ordinateur_1
{
  position: absolute;
  top: 520px;
  height: 600px;
  width: 1400px;
  left: 10px;
  opacity: 1;
  box-shadow: 5px 5px 5px black;
  background-color: grey;
  border-style: outset;
  border-width: 1px;
  border-color: black;
}
#popup_smartphones_1
{
  position: absolute;
  top: 520px;
  height: 600px;
  width: 1400px;
  margin: 0px;
  padding: 0px;
  background-color: grey;
}

/* Commandes valides pour affiche_carte googlemap */ 
 #global 
  {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
 }
 #route 
 {
  height: 350px;
  overflow-y: auto;
}
 
#map 
{
  float: left;
}
 
 #options 
 {
  width: 350px;
  float: left;
  padding: 0 10px 10px 10px;
  text-align: left;
 }
 
#euromillion2
{ 
 position: absolute;
 top: 140px;
 left: 1100px;
 width: 200px;
 height: 150px;
}
 
#authentification
{
 position: absolute;
 top: 400px;
 left: 420px;
 width: 430px;
 height: 100px;
 font-weight: bold;
 font-size: 30px;
 font-style: italic;
 font-family: cursive;
 text-align: center;
 border-radius: 10px;
 box-shadow: 5px 5px 5px 5px black;
 background-color: grey;
 color: white;
}


#authentification1
{
 position: absolute;
 top: 500px;
 left: 420px;
 width: 430px;
 height: 110px;
 font-weight: bold;
 font-size: 30px;
 font-style: italic;
 font-family: cursive;
 text-align: center;
 border-radius: 10px;
 box-shadow: 5px 5px 5px 5px black;
 background-color: grey;
 color: white;
}

#authentification2
{
 position: absolute;
 top: 80px;
 left: 950px;
 width: 420px;
 height: 60px;
 font-weight: bold;
 font-size: 12px;
 font-style: italic;
 font-family: cursive;
 text-align: center;
 border-radius: 10px;
 box-shadow: 5px 5px 5px 5px black;
 background-color: grey;
 color: white;
}

#saisie_authentification
{
 position: absolute;
 top: 10px;
 left: 50px;
 width: float;
 height: float;
 font-weight: bold;
 font-size: 20px;
 font-style: italic;
 font-family: cursive;
 text-align: center;
}

#saisie_authentification2
{
 position: absolute;
 top: 1px;
 left: 50px;
 width: float;
 height: float;
 font-weight: bold;
 font-size: 12px;
 font-style: italic;
 font-family: cursive;
 text-align: center;
}
 
#titre
{
 position: absolute;
 top: 5px;
 left: 410px;
 width: 460px;
 height: float;
 padding-bottom: 20px;
 font-weight: bold;
 font-size: 19px;
 font-style: italic;
 font-family: cursive;
 text-align: center;
 border-radius: 10px;
 box-shadow: 5px 5px 5px 5px black;
 background-color: orange;
 color: blue;
}

#titre_administration
{
 position: absolute;
 top: 300px;
 left: 350px;
 width: float;
 height: float;
 padding-top: 10px;
 font-weight: bold;
 font-size: 30px;
 font-style: italic;
 font-family: cursive;
 text-align: center;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
 border-radius: 10px;
 box-shadow: 5px 5px 5px 5px black;
 background-color: orange;
 color: blue;
}
 
#titre_administration1
{
 position: absolute;
 top: 250px;
 left: 330px;
 width: 600px;
 height: float;
 padding-top: 10px;
 font-weight: bold;
 font-size: 20px;
 font-style: italic;
 font-family: cursive;
 text-align: justify;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
 border-radius: 10px;
 box-shadow: 5px 5px 5px 5px black;
 background-color: grey;
 color: white;
} 

#titre_administration2
{
 position: absolute;
 top: 10px;
 left: 950px;
 width: 400px;
 height: float;
 padding-top: 10px;
 font-weight: bold;
 font-size: 13px;
 font-style: italic;
 font-family: cursive;
 text-align: justify;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
 border-radius: 10px;
 box-shadow: 5px 5px 5px 5px black;
 background-color: grey;
 color: white;
} 
 
.panel 
 {
  background-color: #E8ECF9;
  border: 1px dashed black;
  padding: 5px;
  margin: 10px 0 10px 0;
 }
 
.titre 
 {
  text-align: left;
  font-weight: bold;
  margin: 0 0 5px 0;
 }
 
.inputTxt1 
 {
  width: 125px;
 }
.inputTxt2 
 {
  width: 125px;
 }        

#youtube
{
 position: absolute;
 top: 380px;
 left: 800px;
}
#texte_youtube
{
 position: absolute;
  top: 475px;
  left: 775px;
  width: 210px;
  height: 30px;
  padding: 10px 20px 10px 20px;
  font-family: sans-serif;
  font-size: 12px;
  color: white;
  font-weight: bold;
  text-align: center;
  border-radius: 10px;
  box-shadow: 5px 5px 5px black;
  background-color: grey;
}
#youtube_rest
{
 position: absolute;
 top: 380px;
 left: 630px;
}
#texte_youtube_rest
{
 position: absolute;
  top: 475px;
  left: 610px;
  width: 210px;
  height: 30px;
  padding: 10px 20px 10px 20px;
  font-family: sans-serif;
  font-size: 12px;
  color: white;
  font-weight: bold;
  text-align: center;
  border-radius: 10px;
  box-shadow: 5px 5px 5px black;
  background-color: grey;
}

#youtube_guidage
{
 position: absolute;
 top: 380px;
 left: 1150px;
}
#texte_youtube_guidage
{
 position: absolute;
  top: 475px;
  left: 1125px;
  width: 210px;
  height: 30px;
  padding: 10px 20px 10px 20px;
  font-family: sans-serif;
  font-size: 14px;
  color: white;
  font-weight: bold;
  text-align: center;
  border-radius: 10px;
  box-shadow: 5px 5px 5px black;
  background-color: grey;
}

#fenetre_info
 {
 position: absolute;
 top: 410px;
 left: 1045px;
 width: 310px;
 height: 200px;
 height: float;
 border-radius: 10px;
 box-shadow: 10px 10px 10px black;
 background-color: white;
 color: grey;
}
#text_fenetre_info
 {
 position: absolute;
 top: 20px;
 left: 20px;
 width: 290px;
 /*height: 350px;*/
 height: float;
 color: grey;
 font-family: sans-serif;
 font-size: 15px;
 font-weight: bold; 
}

#OK_fenetre_info
{
 position: absolute;
 top: 170px;
 left: 220px;
 width: 80px;
 height: 20px;
 background-color: grey;
 color: white;
}

#bas_page
{
 position: absolute;
 width: 1360px;
 height: 1px;
 top: 980px;
 left: 30px;
 border-radius: 10px;
 box-shadow: 5px 5px 5px black;
 padding: 20px;
 text-align: center;
 color: blue;
 font-size: 9px;
 font-style:  italic;
 font-family: sans-serif;
 background-color: lemonchiffon;
} 

#bas_page1
{
 position: absolute;
 width: 1350px;
 height: 1px;
 top: 950px;
 left: 5px;
 border-radius: 10px;
 box-shadow: 5px 5px 5px black;
 padding: 20px;
 text-align: center;
 color: blue;
 font-size: 9px;
 font-style:  italic;
 font-family: sans-serif;
 background-color: lemonchiffon;
} 

a.tooltip em {
    display:none;
}

a.tooltip:hover em {
    font-style: normal; 
    display: block; 
    position: absolute;
    display: block;	
    top: -80px; 
    left: -10px; 
    padding: 0px;
    background-color: lemonchiffon;	
    color: grey; 
    border: 1px solid #bbb; 
    width:170px;
	border-radius: 5px;
    box-shadow: 5px 5px 5px black;
}

a.tooltipstatserv em {
    display:none;
}

a.tooltipstatserv:hover em {
    font-style: normal; 
    display: block; 
    position: absolute;
    display: block;	
    top: -10px; 
    left: -10px; 
	width: 530px;
	height: 40px;
    padding: 10px;
	text-align: center;
	font-size: 18px;
    font-style:  italic;
    font-family: cursive;
    background-color: lemonchiffon;	
    color: grey; 
    border: 1px solid #bbb; 
	border-radius: 5px;
    box-shadow: 5px 5px 5px black;
}

a.tooltiptransport em {
    display:none;
}

a.tooltiptransport:hover em {
    font-style: normal; 
    display: block; 
    position: absolute;
    display: block;	
    top: -10px; 
    left: -10px; 
	width: 530px;
	height: 40px;
    padding: 10px;
	text-align: center;
	font-size: 18px;
    font-style:  italic;
    font-family: cursive;
    background-color: lemonchiffon;	
    color: grey; 
    border: 1px solid #bbb; 
	border-radius: 5px;
    box-shadow: 5px 5px 5px black;
}

a.tooltippharmacie em {
    display:none;
}

a.tooltippharmacie:hover em {
    font-style: normal; 
    display: block; 
    position: absolute;
    display: block;	
    top: -10px; 
    left: -10px; 
	width: 530px;
	height: 40px;
    padding: 10px;
	text-align: center;
	font-size: 18px;
    font-style:  italic;
    font-family: cursive;
    background-color: lemonchiffon;	
    color: grey; 
    border: 1px solid #bbb; 
	border-radius: 5px;
    box-shadow: 5px 5px 5px black;
}

a.tooltipdocteur em {
    display:none;
}

a.tooltipdocteur:hover em {
    font-style: normal; 
    display: block; 
    position: absolute;
    display: block;	
    top: -10px; 
    left: -10px; 
	width: 530px;
	height: 40px;
    padding: 10px;
	text-align: center;
	font-size: 18px;
    font-style:  italic;
    font-family: cursive;
    background-color: lemonchiffon;	
    color: grey; 
    border: 1px solid #bbb; 
	border-radius: 5px;
    box-shadow: 5px 5px 5px black;
}

a.tooltipboulangerie em {
    display:none;
}

a.tooltipboulangerie:hover em {
    font-style: normal; 
    display: block; 
    position: absolute;
    display: block;	
    top: -10px; 
    left: -10px; 
	width: 530px;
	height: 40px;
    padding: 10px;
	text-align: center;
	font-size: 18px;
    font-style:  italic;
    font-family: cursive;
    background-color: lemonchiffon;	
    color: grey; 
    border: 1px solid #bbb; 
	border-radius: 5px;
    box-shadow: 5px 5px 5px black;
}

a.tooltiprestaurant em {
    display:none;
}

a.tooltiprestaurant:hover em {
    font-style: normal; 
    display: block; 
    position: absolute;
    display: block;	
    top: -10px; 
    left: -10px; 
	width: 530px;
	height: 40px;
    padding: 10px;
	text-align: center;
	font-size: 18px;
    font-style:  italic;
    font-family: cursive;
    background-color: lemonchiffon;	
    color: grey; 
    border: 1px solid #bbb; 
	border-radius: 5px;
    box-shadow: 5px 5px 5px black;
}

#tempo
{
 position: absolute;
 top: 800px;
 left: 5px;
 color: blue;
}

#tempo1
{
 position: absolute;
 top: 900px;
 left: 50px;
}