body { 
  overflow: hidden ; 
  width:1280px;    /* W */
  height:768px;    /* H */
  margin: 0; 
  padding:0;
  font-Family: Verdana;
  font-Size: 11pt;
  font-Style: normal;	
  color: #003366; 
  border:none;
}
html > body {overflow: hidden}
 
 
/* Page accueil */

#accueil{
   position:absolute; 
   VISIBILITY:visible; 
   top:0px; 
   left:0px; 
   width:1280px;  /* =W */
   height:768px;  /* =H */
   border:none;
   background-image:url('Images/Fond_home.jpg');
   background-color:white;
   background-repeat:no-repeat;
}

#acces{
   position:absolute; 
   top:250px; 
   width:288px; 
   height:200px; 
   left: 750px; 
}

.bouton{
   width:288px; 
   height:60px; 
   background-color:transparent;
   border:none; 
   background-repeat:no-repeat;
   right:0px;
} 
 
#video{
  position:absolute;
  top:140px; 
  left:220px; 
  width:470px;
  height:400px;
  z-index:10;
} 
 
/* Elements de la carte google */ 
 
#test{
   position:absolute;
   top:100px;
   left:300px;
   width:329px;
   height:170px;
   border:none;
   color:white;
    font-Family: Verdana;
    font-Size: 12pt;
    font-Style: bold;	
   text-align:center;
   padding-top:70px;
   background-repeat:no-repeat;
   background-image:url('Images/Fond_chargement.png');
}
#test2{
   position:absolute;
   top:100px;
   left:300px;
   width:329px;
   height:170px;
   border:none;
   color:white;
    font-Family: Verdana;
    font-Size: 12pt;
    font-Style: bold;	
   text-align:center;
   padding-top:30px;
   background-repeat:no-repeat;
   background-image:url('Images/Fond_chargement.png');
}
 
 
/* Bandeau vert */

#bandeau{
  position:absolute;
  top:0px;      
  right:0px;
  width:201px;  
  height:768px; /* = H */
  z-index:50;
  border:none;
  /*background-image:url('Images/gris_transparent.png');*/
  background-image:url('Images/Fond_nav_droite3.png');
}

#legende{
margin:0 auto;
  left:3px;
  height:414px;  /* 414 */
  width:187px;
  z-index:70;
  font-Family: Verdana;
  font-Size: 10pt;
  font-Style: normal;	
  color: #487809; 
  background-image:url('Images/Fond_legende.png');
}

.rubrique{
  border-style:none;	  
  width:173px;
  height:36px;
  background-color:transparent;	
  background-repeat:no-repeat;
} 

#commande{
margin:0 auto;
   /*top:300px;*/
   left:3px;
   height:248px;
   width:200px;
   z-index:70;
}

.touche
{
   height:38px;
   width:46px;
   background-color:transparent;
   border:none;
   z-index:50;
}

.touche2
{
   height:20px;
   width:60px;
   background-color:transparent;
   border:none;
   z-index:50;
}

/* Clavier */
.touche_eff
{
   height:38px;
   width:98px;
   background-color:transparent;
   border:none;
   z-index:50;
}
 
.touche_spec
{
   height:30px;
   padding-left:90%;
}


.bouton{
   width:288px; 
   height:60px; 
   background-color:transparent;
   border:none; 
   background-repeat:no-repeat;
   right:0px;
}



#titre_accueil{
   position:absolute; 
   top:20px; 
   left:700px; 
   width:500px; 
   height:200px; 
}

#actu{
   position:absolute; 
   top:400px; 
   left:50px; 
   width:464px; 
   height:220px; 
   text-align:center;
   background-image:url('Images/cadre.png');
   background-repeat:no-repeat;
}

#actualite{
   position:relative; 
   top:-150px; 
   left:15px; 
   width:450px; 
   height:100px; 
   font-Family: Verdana;
   font-Size: 10pt;
   font-weight: normal;	
   text-align:left;
}

#protect{
  position:absolute;
  top:380px; 
  left:690px; 
  width:380px;
  height:320px;
  background-color:transparent;
  border:1px solid red;
}



.bouton2
{
  font-family:arial;
  font-weight:bold;
}

.icone
{
   height:70px;
}

.menu
{
   width:200px;
}






.touche_val
{
   height:100px;
   width:65px;
   background-image:url('Images/valider.png');
   background-color:transparent;
   border:none;
   z-index:50;
}



.touche1
{
   width:40px;
}

.indent0
{
   padding-left:0px;
}

.indent50
{
   padding-left:30px;
}

.indent100
{
   padding-left:60px;
}

.indent150
{
   padding-left:90px;
}

.indent200
{
   padding-left:120px;
}

.indent
{
   padding-left:495px;
}




a.bouton:hover{ 
   background-color:#FFFF66;
}

.bouton3{
   text-align:center; 
   width:100px; 
   height:99px; 
   font-size:14pt;
   font-weight:bold; 
   text-align: center;
   font-family:arial;
   color: #003366; 
   background-color:transparent;
   background-repeat:no-repeat;
   border:none;
}

#titred{
  position:absolute; 
  left:20px; 
  top:10px; 
  font-size:14pt;
}

#recherche{
  position:absolute;
  top:100px;
  background-color:transparent;
  width:512px; 
  height:508px;
  font-Family: Verdana;
  font-Size: 12pt;
  font-Style: italic;
  text-align:left;
  z-index:8;
  background-image:url('Images/carnet_adresse.png');
  background-repeat:no-repeat;
}

#onde{
  position:absolute;
  top:100px;
  background-color:transparent;
  width:512px; 
  height:508px;
  font-Family: Verdana;
  font-Size: 12pt;
  font-Style: italic;
  text-align:left;
  z-index:6;
  background-image:url('Images/carnet_service.png');
  background-repeat:no-repeat;
}

#retour{
position:absolute;
top:475px;
left:440px;
width:40px;
height:40px;
border:none;
background-image:url('Images/fleche_retract.png');
background-color:transparent;
background-repeat:no-repeat;
}

#itineraire{
  position:absolute;
  top:100px;
  background-color:transparent;
  width:512px; 
  height:508px;
  font-Family: Verdana;
  font-Size: 12pt;
  font-Style: italic;
  text-align:left;
  z-index:7;
  background-image:url('Images/carnet_itineraire.png');
  background-repeat:no-repeat;
}

#annul, #annul_adr{
  position:relative;
  border-style:none;  
  background-color:transparent;
  font-Family: Verdana;
  font-Size: 11pt;
  font-Style: normal;
  width:100px;
  height:27px;
  color:yellow;
}

#valid3{
  position:relative;
  border-style:none;  
  background-color:transparent;
  font-Family: Verdana;
  font-Size: 12pt;
  font-Style: normal;
  width:180px;
  height:45px;
  color:yellow;
}

#bouton_adr1, #bouton_adr2{
  position:relative;
  border-style:none;  
  background-color:transparent;
  width:110px;
  height:24px;
}

.sop{
position:absolute;
top:450px;
left:1170px;
width:80px;
height:80px;
border:none;
background-color:white;
background-image:url('../Images/sop.png');
backgrouns-repeat:no-repeat;
}

#bouton_iti{
  position:relative;
  border-style:none;  
  background-color:transparent;
  width:110px;
  height:24px;
}

#valid, #valid_adr{
  position:relative;
  border-style:none;  
  background-color:transparent;
  font-Family: Verdana;
  font-Size: 11pt;
  font-Style: normal;
  width:100px;
  height:27px;
  color:yellow;
}

#bouton_serv{
  position:relative;
  border-style:none;  
  background-color:transparent;
  width:167px;
  height:23px;
  color:white;
  font-Family: Verdana;
  font-Size: 9pt;
  font-Style: normal;
  background-image:url('Images/adresse_serv.png');
}

#ok_serv{
  position:relative;
  border-style:none;  
  background-color:transparent;
  width:70px;
  height:23px;
  color:white;
  font-Family: Verdana;
  font-Size: 9pt;
  font-Style: normal;
  background-image:url('Images/ok_serv.png');
}

#valid2{
  position:relative;
  border-style:none;  
  background-color:transparent;
  background-image:url('Images/valider_off3_bleu.png');
  font-Family: Verdana;
  font-Size: 10pt;
  font-Style: normal;
  width:187px;
  height:40px;
  color:yellow;
}

#valid2_adr{
  position:relative;
  border-style:none;  
  background-color:transparent;
  background-image:url('Images/valider_off3_rose.png');
  font-Family: Verdana;
  font-Size: 10pt;
  font-Style: normal;
  width:187px;
  height:40px;
  color:yellow;
}

#load{
position:absolute;
top:0px;
left:0px;
width:100px;
height:80px;
border:1px solid black;
}

#err1, #err2, #err3{
  position:absolute; 
  visibility:visible;
  left:15px; 
  top:80px; 
  width:390px; 
  height:30px; 
  border:none;
  padding-left:10px;  
  padding-top:15px; 
  font-Size: 11pt;
  font-Style: italic;
  font-weight:bold;
  text-align:center;
}

#menu1, #menu2, #menu3{
  position:absolute; 
  left:15px; 
  top:120px; 
  width:400px; 
  height:370px; 
  border:none;
  padding-left:10px;  
  padding-top:15px; 
  font-Size: 10pt;
  font-Style: normal;
}

#ssmenu2{
  position:absolute; 
  left:15px; 
  top:300px; 
  width:400px; 
  height:100px; 
  border:none;
  padding-left:10px;  
  padding-top:15px; 
  width:390px;
  font-Size: 10pt;
  font-Style: normal;
}

.direct{
  border-style:none;	  
  width:100px;
  height:99px;
  text-align:right;	
  font-family:Verdana;	
  font-style:normal;	 
  font-size:11pt;
  font-weight:800;
  text-decoration:none;	
  color:darkblue;
  background-color:transparent;	
  background-image:url('Images/sop.png');
  background-repeat:no-repeat;
}



#bande{
  position:absolute;  
  top:40px;
  height:5px;  
  width:100%;
}

#b1, #b2, #b3 {
  position:absolute;   
  left:538px; 
  height:140px; 
  width:50px;  
  background-color:transparent; 
  border:none;
  z-index:150;
}

#bouton{
  height:65px; 
  width:75px;  
  background-repeat:no-repeat;
  background-color:transparent;
  background-position:center;
  text-decoration:none;	
}


#saisie{ 
  font-family:Arial;
  font-size:13pt;
  font-weight:normal;	
  background-color:transparent;
  border-style:none;
  background-image:url('Images/carnet_zone_saisie.png');
  color:#FF9933;	 
  width:315px;
  height:31px; 
  padding-left:15px; 
  padding-top:8px; 
  z-index:300;
}

#saisie3{ 
  font-family:Arial;
  font-size:13pt;
  font-weight:normal;	
  background-color:transparent;
  border-style:none;
  background-image:url('Images/carnet_zone_saisie_p1.png');
  color:#FF9933;	 
  width:157px;
  height:29px; 
  padding-left:15px; 
  padding-top:8px; 
  z-index:300;
}

#saisie2{ 
  font-family:Arial;
  font-size:13pt;
  font-weight:normal;	
  background-color:transparent;
  border-style:none;
  background-image:url('Images/carnet_zone_saisie.png');
  color:#FF9933;	 
  width:315px;
  height:31px; 
  padding-left:15px; 
  padding-top:8px; 
  z-index:300;
}

ul {
  display:none;
  padding:0px;
  margin-top:0px;
  margin-left:14px;
  width:315px;
  list-style:none;
  z-index:100;
  color:white;
}

li {
  width:300px;
  text-align:left;	
  font-family:Verdana;	
  font-style:normal;	 
  font-size:12pt;
  font-weight:300;
}