body
{
   width: 870px;
   margin: auto; 
   margin-top: 0px;   
   padding: 0px;
   background-color: #FFF8DC;
   color: black;
   font-family: "Comic sans MS", Verdana, Arial, "Times New Roman", Times, sans-serif;
   font-size: 0.9em;
}

/* Pour revenir en haut de page */
#en_tete
{
   width: 870px;
   height: 100px;
   background-image: url("accueil/logo_chambres_du_lys.jpg");
   background-repeat: no-repeat;
   padding: 0px;
   margin: 0px;
   margin-bottom: 10px;
   font-family: Amaze, Verdana, "Comic sans MS", Arial, sans-serif;
}

/* pour les titre de l'entete */
#titre1
{
	color: white;
	font-size: 2.7em;
	position: relative;
	top: 0px;
	left: 0px; 
}

#titre2
{
	color: white;
	font-size: 1.4em;
	position: relative;
	top: 0px;
	left: 500px;
}

/* Le menu */

#menu
{
   float: left;
   width: 130px;
}

/* Class pour des effets sur les menus */
 
.element_menu
{
   padding: 0px;
   margin: 0px;
   margin-top: 20px;
   /* font-weight: bold; */ 
}

.element_menu li
{
   list-style-type: none; /* pas de puce */
   list-style-position: inside; /* le texte n'est pas en retrait */ 
   text-align: center;
   padding: 4px; /* marge interne */
   margin: 0px; /* marge externe */
   margin-top: 8px;
   margin-bottom: 8px;
   background-color: white;
   border: 1px solid black;
   font-size: 0.9em;
 
}

.element_menu a
{
   color: green;
   text-decoration: none; /* le lien n'est pas souligné */
   
}

.element_menu  li:hover, li:focus, a:active
{
	background-color: #FFD39B;
	color: green;
	font-size: 0.9em;
	
}


/* pour le paiement sécurisé */
.pour_cliquer
{
   list-style-position: inside;
   text-align: center;
   padding: 4px;
  
   margin: 0px;
   margin-left: 200px;   
   margin-top: 8px;
   margin-bottom: 8px;
   width: 200px;
   background-color: white;
   border: 1px solid black;
   font-size: 1.4em;
   	font-weight: bold;
}


.pour_cliquer a
{
   color: green;
   text-decoration: none; /* le lien n'est pas souligné */
}

.pour_cliquer:hover, .pour_cliquer:focus
{
   	background-color: #FFD39B;
}


/* Le corps de la page */

#corps
{
   margin-left: 140px;
   margin-bottom: 20px;
   padding: 8px;
   border: 1px solid black;
   background-color: white;
}

h1, h2, h3
{
/*    font-size: 2.0em; */
	text-align: center; 
	text-weight: bold;
    color: #FFBB5B;
   
 }



#corps p
{
	text-indent: 0px;
}

#corps p:first-letter
{
	font-weight: bold;
	font-size: 1.9em;
	color: #FFBB5B;
}

/* Class pour le positionnement des images */

.flottant_gauche
{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

.flottant_droit
{
	float: right;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

.flottant_clear
{
	clear: both;
}


/* Class pour gérer le haut de page */

.haut_de_page
{
	clear: both;
}

.haut_de_page a
{
   color: red;
   font-weight: normal;
   font-size: 0.7em;
   text-decoration: none;
}

.haut_de_page a:hover
{
   color: blue;
   font-weight: bold;
   font-size: 0.7em;
}

.haut_de_page a:active, a:focus
{
   color: red;
   font-weight: bold;
   font-size: 0.7em;
}

/* Class pour gérer les liens des chapitres */
.chapitres_images
{
	text-decoration: none;
}
.chapitres_images a
{
	float: left;
	margin: 10px;
	margin-bottom: 0px;
}

.chapitres
{
	float: left;
}

.chapitres a
{
   list-style-position: inside;
   text-align: center;
   padding: 4px;
   padding-left: 6px;
   padding-right: 6px;
   margin: 1px;
   background-color: white;
   border: 1px solid black; 
   font-weight: bold;	
   font-size: 0.8em;
   color: green;
   text-decoration: none; /* le lien n'est pas souligné */
}

.chapitres a:hover, a:focus
{
   background-color: #FFD39B;
}

/* pour le plan du site */
.plan_site a
{
   color: green;
   text-decoration: none; /* le lien n'est pas souligné */
}

.plan_site a:hover, .plan_site a:focus
{
 	background-color: #FFD39B;
}


/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   padding: 0px;
   margin: 0px;
   clear: both;

    color: black;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
   border: 1px solid black;
   background-color: white;
}

td, th
{
border-style: solid;
border-width: 1px;
border-color: white;
background-color: white;
width: 22px;
text-align: center;

}
.td_full
{
background-color: red;
}

.carre_blanc
{
border-style:solid;
border-color: black;
border-width: 1px;
width: 22px;
}

.carre_rouge
{
border-style:solid;
border-color: black;
border-width: 1px;
background-color: red;
width: 22px;
}

.table_def td
{
text-align: left;
}

#pied_de_page a 
{
	color: green;
	text-decoration: none; /* le lien n'est pas souligné */
}

#pied_de_page a:hover, a:focus
{
   background-color: #FFD39B;
}

/* Class pour gérer la dernière ligne pour le référencement */

.ligne_footer
{
   padding: 5px;
   margin: 0px;
   clear: both;

	 font-size: 0.7em;
   text-align: center;
   border: none;
   background-color:#FFF8DC;
}