body {
  background: white;
  color: black;
  font: 100% Georgia, "Times New Roman", serif;
  text-align: center;
  /* max-width : 600px; */
  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: 590px; */
    width: 98%;
  	border-collapse: collapse;
  	/* margin-bottom: 50px; */
  	/* margin-top: 20px; */
}
/* table.info  {
  	margin-top: 50px;
} */
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 : 200px; */
   width : 33%;
   font: 140% "Times New Roman", Georgia, serif;
   text-align: left;
}
td.horaire {
   /* width : 390px; */
   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;}

/* td.news_col1 {
    width : 150px;
    text-align: left;

}
td.news_col2 {
    width : 400px;
    font: 90% "Times New Roman", Georgia, serif;
    text-align: left;
} */

/*************         *************/
#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;
/*   background-color:#fbeee2; */
}

/* fieldset de contact */
.contact {
  margin-top: 75px;
/*   background-color:#fbeee2; */
  text-align:left;
  /* width : 550px; */
  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;
/* font-weight: bold; */
/* width:150px; */
width:50%;
height:40px;
text-align:center;
background-color:#f5f5f5;
/* background-color:#fbeee2; */
color:#940000;;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
/* margin-top: 25px;
margin-bottom: 3px; */
border: 1px solid #940000;
}

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

/*                                       */
/***************** Menu ******************/
/*                                       */ 
ul#menu {
width :100%;
height : 32px;
margin : 0 0 0 0;
/* margin: auto; */
padding : 0;
/* margin-left:160px; */
/* background-color : #eee; */
/* background-color:#fbeee2; */
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;
  /* font: 90% Arial; */
} 
  
/*                                                          */
/************* Couleur du fond des éléments  ****************/
/*                                                          */
tr, .contact, .informe, ul#menu {background: #fbeee2; }
.fauxinput {background: #fffbbb; }
input[type="submit"]{background: #fffbbb; }