/*
design.css
---------

Par blandine
Fichier créé le 17/03/2007
Modifié par Manu le 24/01/2012
*/


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

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;
}



/* CSS menu */
#menu
{
   float: left; /* Le menu flottera à gauche */
   /* position: fixed; */
   width: 110px; /* Très important : donner une taille au menu */
   font-family: Arial, "Arial Black", "Times New Roman", serif;
   text-align:center;
   font-size: 0.8em;   
}


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

}

#menu li
{	width: 110px;
	margin-left:0px;
	padding-top: 9px;
	padding-bottom: 5px;
	list-style-type : none;
	text-align: center;
	font-size: 1.0em;
}

#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;
}


#menu a.sous_menu
{
	font-size: 0.85em;
	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 ul, li
{
   color: navy;
   font-size: 0.9em;
   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 .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;
}

.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 */
}

.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;
}

.tarifs th /**/
{
   font-size: 11px;
   border: 1px solid green;
   text-align: center;
}


/* 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 */
}

/* 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;
   margin-top: 2.0em;
   color: white;
   font-size: 0.6em;
   font-family: Arial, Verdana, "Trebuchet MS" , serif;
}

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

}

/* Début du design pour le formulaire */
.c1 {color: #f00; background-color: inherit; font-weight: bold;}
.c2 {color: #f00; background-color: inherit; text-align: center; font-weight: bold; display: inline; font-size: 1.2em;}
.c3 {text-align:center; margin-top: 1em; }
fieldset {width: 530px; color: inherit; background-color: inherit; padding: 0.5em; text-align: left; border: 1px solid white; margin: 0;}
legend {color:green; font-weight:bold; font-family: Arial, Verdana, "Trebuchet MS" , serif;}
.cat {font-size:0.8em; font-weight: bold; margin: 0; border: 0; padding: 0;}
.decal {margin-left:150px;}
.block {font-size: 9pt; font-weight: normal; color: #630; background-color: inherit;}

#coordtab
{
	width: 95%;
}

.row1
{
	width: 18%;
}

.row2
{
	width: 32%;
}

.row4
{
	width: 15%;
}

.row5
{
	width: 32%;
}

.formu table
{
   border: none;
}

.formu  td, th
{
   border: none;
   padding: 0.11em;
   font-size: 1.0em;
   text-align: left;
}
.formu  textarea {font-family: Arial, "Arial black", Verdana, "Times New Roman", Times, serif; font-size: 10pt; border: 1px solid #066; width: 400px; height:60pt; margin-left: 10%; color: #333333;}


label {font-family: Arial, Verdana, "Trebuchet MS" , serif; font-size: 0.7em; font-weight: bold; padding-left: 5px; text-align: left; background-color: transparent; color: navy;}
label.cb {padding-left: 0px;}
input {color: inherit}
input.cases {border: 1px solid #066 ; width: 100%; *width: 96%;} /* hack pour versions IE6 et 7*/
input.cases2 {border: 1px solid #066 ; width: 50%;}
input.cases3 {border: 1px solid #066 ; width: 100%; *width: 98.5%;} /* hack pour versions IE6 et 7*/
input.verif {width: 150px;}


a.dp-choose-date {float: left; width: 16px; height: 16px; padding: 0; margin: 3px 3px; vertical-align: middle; display: block; text-indent: -2000px; overflow: hidden; background: url(calendar.png) no-repeat;}
a.dp-choose-date.dp-disabled {background-position: 0 -20px; cursor: default;}
input.dp-applied {width: 140px; float: left; border: 1px solid #066;}
table.jCalendar  td {font-size: 1.0em;}
div.dp-popup {width: 191px;}
/* Fin du design pour le formulaire */