body {
  background: white;
  color: black;
  font: 100% Georgia, "Times New Roman", serif;
  text-align: center;
  max-width : 98%;
}

h1 {
	margin-top: 0px;
	margin-bottom: 0px;
	color: #696969;
	text-shadow: 1px 1px #fff;
	font: 120% Georgia, "Times New Roman", serif;
}

h2 {
	color: #789;
	text-shadow: 1px 1px #fff;
  margin-bottom: 0px;
  font: 100% Georgia, "Times New Roman", serif;
}

/************* Tableau des horaires*************/
table {
    width: 98%;
  	border-collapse: collapse;
}

th {
    font: 140% "Times New Roman", Georgia, serif;
    text-align: center;
    padding: 6px 12px;
    background: #e8c09d;
    color : #804611;
}

tr {
  	padding: 6px 6px;
  	vertical-align: top;
    border-top: 3px solid #fff;
}

tr.tout_horaire {
  border-top: none;
}

td {
   padding: 6px 6px;
}

td.client {
   width : 33%;
   font: 140% "Times New Roman", Georgia, serif;
   text-align: left;
}

td.horaire {
   width : 75%;
   font: 140% "Times New Roman", Georgia, serif;
   text-align: left;
}

td.tout_horaire {
   width : 98%;
   font: 120%;
   text-align: left;
}

/*  Texte des liens externes */
.texte_liens {font: 65% Arial;}


/*************         *************/
#ui-datepicker-div {
		font-size: 90%;
	}
	.ui-datepicker-trigger {
		vertical-align: middle;
	}

/* Formulaire de contact  */
label {
    display: inline;
    font: 90% Arial;
    /* width: 60px; */
    margin-right: 10px;
    vertical-align: top;
    text-align: left;
}

/*  Petits caractères. Par ex pour texte des liens externes */
.minus {font: 90% Arial;}


/* utilisé pour le mail */
.informe
{
  font: 110% Arial;
  margin-top: 60px;
  text-align:center;
}

/* fieldset de contact */
.contact {
  margin-top: 75px;
  text-align:left;
  width : 95%;
}

/* pour texte "mentions légales" */
.mentions
{
  font: 90% Arial;
  margin-top: 30px;
  text-align:left;

}

.mention
{
   margin-top: 20px;
	margin-bottom: 0px;
	color: #696969;
	text-shadow: 1px 1px #fff;
	font: 130% Georgia, "Times New Roman", serif;
}

.formulaire
{
  text-align:left;
}

/*                                                                                                                       */
/*********    bouton utilisé pour valider jour précédent et suivant, choix de la zone de collecte et envoi d'un message  */
/*                                                                                                                       */
.bouton_formulaire
{
  font-size: 16px;
}


img.logo {
  margin-top: 0px;
  margin-bottom: 0px;
}


/************** Faux-bouton saisie de la date *******/

/* Élément | https://test.groe.fr/index.php */
/* Elément fabriqué par l'inspecteur de Firefox.. Aucune idée de son fonctionnement. A supprimer en priorité si pb d'affichage */
/* Définit les marges autour du "bouton" choix du jour */
body > form:nth-child(3) > p:nth-child(1) {
  margin-bottom: 8px;
  margin-top: 25px;
}

/*                                                     */
/**************** Bouton "Choix du jour"   *************/
/*                                                     */
.fauxinput
{
  font: 120% Georgia, "Times New Roman", serif;
  width:50%;
  height:25px;
  text-align:center;
  color:#940000;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #940000;
}

.fauxinput:hover
{
  background-color:#e8c09d;
}

/*                                       */
/***************** Menu ******************/
/*                                       */ 
ul#menu {
  width :100%;
  height : 32px;
  margin : 0 0 0 0;
  padding : 0;
  border : 1px dashed #696969;
  list-style-type : none;
}
  
ul#menu li {
  padding : 0 0.5em;
  font: 100% Arial;
  height : 32px;
  line-height : 32px;
}

ul#menu li.gauche {
  float : left;
  border-right : 1px dashed #696969;
}

ul#menu li.droite {
  float : right;
  border-left : 1px dashed #696969;
}
  
ul#menu a {
  color : #940000;
  text-decoration : none;
  padding : 0 0.5em;
  font: 100% Arial;
}
  
ul#menu a:hover {
  text-decoration : underline;
} 
  
/*                                                          */
/************* Couleur du fond des éléments  ****************/
/*                                                          */
tr, .contact, .informe, ul#menu {background: #fbeee2; }
input[type="submit"], .fauxinput {background: #fffbbb; }
/* input[type="submit"], .fauxinput {background: #9bcbf3; } */