/* 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-color:rgb(128,255,128);}
* { 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: 16px; width: 165px;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}
h3 {font-family :Time roman; font-size: 25px; font-weight:bold; color: #fff; text-align: center; background-color : rgb(0,80,0); height : 50px  }
img#retour {float:left;}

p{
 /* largeur du contenu */
     width: 165px;
	 
 /*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;}
	
	p#contact{width : 460px;}
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,100,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: 500px; left: 0px;}
div#gite10 {position : absolute; top: 550px; left: 0px;}
div#gite20{position : absolute; top: 600px; left: 0px;}



div#gite1 {position : absolute; top: 128px; left: 220px;}
div#contact {position : absolute; top: 300px; left: 420px;}
div#contact1 {position : absolute; top: 100px; right: 100px;}
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: 175px;
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;}


td, th{border: solid 3px #333;border: 10px solid #99c;}

td, th{background-color: rgb(255,255,128);
color: rgb (0,60,0);
padding : 20px;
text-align: left;
width :1200px
}


ul#navigationcontact
{
margin-top: 5px;
margin-left:5px;
list-style-type:  none;
float: left  ;
}


 /* affichage des lignes du menu "inline */

ul#navigationcontact 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#navigationcontact  a
{
display:  block;
text-decoration:  none;
width: 200px;
height : 38px;
background:  rgb(128,0,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#navigationcontact  a:hover
{
color:	#000;
background:	#69C;}

div#carte {position : absolute; top: 50px; left: 130px;}