/* pas de point devant les lignes */
/* couleur de l'arrière plan : #036 */
/*largeur: tout l'écran  */
/* floating à gauche serait necessaire s'il y avait plusieurs conteneurs*/

body { background-image:url("gite033.jpg");}
* { padding:0px;margin:0px;
  }
h1 {font-family :Comic Sans MS; text-decoration:underline;font-size: 30px;border: 10px solid #99c;margin: 0px;background-color:rgb(128,255,128);font-weight:bold;
color: rgb(0,45,0); text-align: center;height: 120px;}
h2 {font-family :Time roman; font-size: 20px; width: 240px;border: 10px solid #99c;padding : 20px;background-color:rgb(128,255,128);font-weight:bold;
color: rgb(0,45,0); text-align: center;height: 20px; position : absolute; top : 130px;left: 3px}
img {float:left;}

p {
 /* largeur du contenu */
     width: 240px;
	 
 /*bordure de 10px trait plein bleue  */
     border: 10px solid #99c;
 /* marge autour du contenu */
     padding: 20px;
  /*marge externe  */
     margin: 0px;
 /* couleur arrière plan du contenu */
    background-color: rgb(255,255,128);font-weight:bold;color: rgb(0,60,0);font-size:15px; position: absolute; top: 550px; left: 5px; text-align : justify;
	position: absolute; top: 200px; left:3px;}
ul#navigation
{
margin-top: 5px;
margin-left:10px;
list-style-type:  none;
float: left  ;
/*width:100%;  */
}


 /* affichage des lignes du menu "inline */

ul#navigation  li
{
display: inline;
}


/*pour séparer les blocs menus : border-right  */
/* display block permet d'appliquer les propriétés des blocs */
/* pour que les éléments se touchent et soient sur la même ligne : float:left */
ul#navigation  a
{
display:  block;
text-decoration:  none;
width: 150px;
height : 40px;
background:  rgb(0,80,0);
color: rgb(255,255,255);
font-size:20px;
padding:  0.2em  1em;
/* width:	5em; */
text-align: center;
float:left  ;
border: solid thick #99c; border-radius: 10em;
box-shadow: black 0.5em 0.5em 0.3em
}

ul#navigation  a:hover
{
color:	#000;
background:	#69C;
}
div#carte {position : absolute; top: 50px; left: 130px;}
div#gite {position : absolute; top: 540px; left: 0px;}
div#gite10 {position : absolute; top: 590px; left: 0px;}
div#gite20{position : absolute; top: 630px; left: 0px;}
ul#navigationgite
{
margin-top: 5px;
margin-left:3px;
list-style-type:  none;
float: left  ;
/*width:100%;  */
}


 /* affichage des lignes du menu "inline */

ul#navigationgite  li
{
display: inline;
}


/*pour séparer les blocs menus : border-right  */
/* display block permet d'appliquer les propriétés des blocs */
/* pour que les éléments se touchent et soient sur la même ligne : float:left */
ul#navigationgite  a
{
display:  block;
text-decoration:  none;
width: 250px;
height : 32px;
background:  rgb(0,80,0);
font-weight:bold;color: rgb(255,255,255);font-size:15px;
padding:  0.2em  1em;
/* width:	5em; */
text-align: center;
float:left  ;
border: 10px solid #99c;

}

ul#navigationgite  a:hover
{
color:	#000;
background:	#69C;