/*
essai.css
---------

Par blandine
Fichier créé le 17/03/2007
*/








#conteneur
{
	width:760px;
	background-image: url("styles2/.jpg") ;
}

body /* On travaille sur la balise body, donc sur TOUTE la page */
{
   width: 760px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
      background-image: url("styles2/fond3.jpg") ;
	  background-repeat: repeat;
   background-attachment: fixed; /* Le fond restera fixe */
}

body img
{border: 0px;}

body a
{
	text-decoration : none;
}








/* CSS En tête */

#en_tete
{
   width: 760px;
   height: 155px;
   background-image: url("banniere2.jpg");
   background-repeat: no-repeat;
   border-top:solid 1px white;
   border-bottom:solid 1px white;
}



#titrepage
 {
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
}






/* CSS menu */
#menu
{
   float: left; /* Le menu flottera à gauche */
   width: 110px; /* Très important : donner une taille au menu */
	font-size: 0.79em;
	font-family: Arial, "Arial Black", "Times New Roman", serif;
	background-image: url(styles2/fond3.jpg);
	text-align:center;	
}

#menu ul
{
margin: 0px;
padding : 0px;

}

#menu li
{	width: 110px;
	margin-left:0px;
}

#menu li
{
padding-top: 9px;
padding-bottom: 5px;
list-style-type : none;
text-align: center;
}

#menu li:hover
{
background-color: rgb(65,163,48);
	}
	
#menu a
{
color : white;
}

#menu  a:hover
{
color : white;


}


#menu  li a:active
{
color : black;

}

#menu  a:visited
{
color : white;
text-decoration :none;
}



.sous_menu 
{
font-size: 0.9em;
background-color: ;
}

#menu .sous_menu a
{
color : black;

}








#activites
{
width: 550px;
}

#activites ul 
{
	list-style-type: square;
	text-align:left;
		font-size: 0.8em;
		color: navy;
	font-family: Arial, "Arial Black", "Times New Roman", serif;
	
}

#activites ul .activites
{
	color: black;
	font-family: Arial, "Arial Black", "Times New Roman", serif;
}

#activites ul h3
{
	text-align: left;
	color: green;
	font-size:  1.3em;
	font-family:  Arial, "Arial Black",  Verdana, serif;
}

#activites ul p
{
	text-align: justify;
	color: navy;
	font-size:  1em;
	font-family:  Arial, "Arial Black",  Verdana, serif;
}

#curiosites
{
width: 550px;
}

#curiosites ul 
{
	list-style-type: square;
	text-align:justify;
		font-size: 0.8em;
		color: navy;
	font-family: Arial, "Arial Black", "Times New Roman", serif;
	
}

#curiosites ul .activites
{
	color: black;
	font-family: Arial, "Arial Black", "Times New Roman", serif;
}

#curiosites  h3
{
	text-align: left;
	color: green;
	font-size:  1.3em;
	font-family:  Arial, "Arial Black",  Verdana, serif;
}

#curiosites  h4
{
	text-align: left;
	color: navy;
	font-size:  1em;
	font-family:  Arial, "Arial Black",  Verdana, serif;
}
.imageactivites
{
	padding-left: 9px;
}

.photos
{padding-bottom: 4px;
padding-right:2px;
}

/* Le corps de la page */

#corps
{
   margin-left: 110px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   padding: 40px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   background-image: url("styles2/fondcorps.jpg"); 
   background-repeat:repeat;
   text-align: justify;
      border-right: solid 0px white;
	  border-left:solid 1px white;
	  border-top:none;
	  border-bottom:none;
	

}

#corps p
{
   text-align: justify;
   color: navy;
   font-size: 0.8em;
   font-family: Arial, Verdana, "Trebuchet MS" , serif;
}

#corps h1
{
   text-align: center;
   color: rgb(9,107,155);
   font-size: 1.3em;
   font-family:  Arial, "Arial Black", Verdana, serif;
}

#corps h2 
{
	text-align: center;
	color: rgb(9,107,155);
	font-size:  1.3em;
	font-family:  Arial, "Arial Black",  Verdana, serif;
}

#corps h2  a
{
	color: rgb(9,107,155);
}

#corps h2  a:hover
{
	 text-decoration: none;
	 color:rgb(9,107,155);
}

#corps h3
{
	text-align: left;
	color: green;
	font-size:  1em;
	font-family:  Arial, "Arial Black",  Verdana, serif;
}

#corps h4
{	text-align: left;
	color: navy;
	font-size:  0.9em;
	font-family:  Arial, "Arial Black",  Verdana, serif;
}


#corps a, a:visited 
{
	color: rgb(39,115,241);
	text-decoration:none;
}
#corps a:hover/* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
   color: rgb(39,115,241); /* Le lien sera écrit en .......quand on pointera dessus */
}

#corps #bienvenue
{
	text-align: center;
	color: rgb(9,107,155);
	Font-size: 1.2em;
	font-family: Arial,"Trebuchet MS", Arial, Verdana, serif;
	font-weight: bold;
}


#corps #bienvenue a
{
	text-decoration: none;
	color: green;
}

#corps #Situe_a 
{
	text-decoration: none;
	color: navy;
}

#corps #exeptionf a
{
	text-decoration: none;
	color: navy;
}

#corps .hautdepage 
{
 text-align:right;
 font-size:0.7em }

 #corps .retourgite 
{
 text-align:right;
 color: navy;
 font-size:0.7em }

  #corps .retourgite a
  {
  color : navy}
  
.imageflottante
{
   float: right;
   margin-left: 25px;
   margin-bottom: 5px;
}

.imageflottante2
{
   float: left;
   margin-right: 25px;
   margin-bottom: 15px;
}
.dessous
{
	clear: both;
}



.presentation_gites table  /* Le tableau en lui-même */
{
   border : solid 1px white; /* Bordure du tableau avec effet 3D (outset) */
   border-left:none;
   border-right:none;
}

.presentation_gites  td

{
   border: none;
    padding: 8px;
}

.presentation_gites  th

{
   border: none;
   padding: 8px;
}

.presentation_gites th, td/* Les cellules d'en-tête */
{
   color: navy;
   font-size: 0.7em;
   text-align: center;
   font-family:  Arial, Verdana, "Trebucher MS", serif;
    /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

.presentation_gites input, textarea
{
   font-family: Arial, "Arial black", Verdana, "Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
}

.liens   table
{
   border: none;
}

.liens td
{
   color: navy;
   font-size: 0.8em;
   text-align: center;
   font-family:  Arial, Verdana, "Trebucher MS", serif;
    /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}
.liens input, textarea
{
   font-family: Arial, "Arial black", Verdana, "Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
   
}
.liens td

{
   border: none;
   border-top: solid white 1px;
   border-bottom: solid white 1px;
}

.tableau_gîte table
{
   border: none; /* Bordure du tableau avec effet 3D (outset) */
}

.tableau_gîte  td

{
   border: none;
    padding: 8px;
}

.tableau_gîte  th

{
   border: none;
   padding: 8px;
}

.tableau_gîte th, td/* Les cellules d'en-tête */
{
   color: navy;
   font-size: 0.9em;
   text-align: justify;
   font-family:  Arial, Verdana, "Trebucher MS", serif;
}

/*Début du design pour le tableau */
caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Arial, Verdana, "Trebucher MS", serif;
   font-weight: bold;
   font-size: 1em;
   color: green;
   margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 1px solid green; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
  
}

td, th
{
   border: 1px solid green;
}

th /* Les cellules d'en-tête */
{
   color: black;
   font-size: 0.7em;
   text-align: center;
   font-family:  Arial, Verdana, "Trebucher MS", serif;
}

td /* Les cellules normales */
{
   border: 1px solid green;
   font-family: Arial, Verdana, "Trebucher MS", serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
    font-size: 0.7em;
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

input, textarea
{
   font-family: Arial, "Arial black", Verdana, "Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
}

/* Design pour le formulaire */

input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
   background-color: white;
}

label 
{
display:block;
width:100px;
float:left;
color: navy;
}


legend /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   color: black;
   margin-bottom: 20px;
}

fieldset
{
  margin-bottom: 15px; /* Une marge pour séparer les fieldset */
  padding: 20px;
  padding-top: 0px;
}
/*Fin du design pour le tableau */


.pied_de_page
{
   height:50px;
   width:758px;
   text-align: center;
   padding: 1px;
   border-top:solid 1px white;
   border-bottom:solid 1px white;
   background-image: url(styles2/fondtriche.jpg)
}

.pied_de_page p
{
	text-align: right;
   color: white;
   font-size: 0.6em;
   font-family: Arial, Verdana, "Trebuchet MS" , serif;
}

.pied_de_page a
{ 
color: white;
text-decoration : underline;

}