/* Fil d'ariane et titre */
/* par défaut */


/* Evenements */

div#ALaUne
{
  border:2px solid #28235d;
  background:transparent;
  background-size: cover;
  padding: 0.5em;
  margin-top:1em;
  text-align:left;
}
div#ALaUne h4 
{
  display:inline-block;
  text-align:left;
  font-weight: bold;
  text-decoration: none;
  padding:0.1em 0.2em;
  color:#28235d;
  background-color:white;
}
div#ALaUne h5
{
  display:inline-block;
  text-align:left;
  font-weight: bold;
  text-decoration: none;
  padding:0.1em 0.2em;
  color:white;
  background-color:#28235d;
  margin-top:1em;
  font-size:120%;
}
div#ALaUne p.texte
{
  background-color:white;
  padding:0.2em 0.4em;
}

div#contact
{
  clear:both;
  border:2px solid #d70b52;
  padding: 0.5em;
  margin:1em 0 2em 0;
}
div#contact h4 
{
  display: block;
  width: 100%;
  text-align:left;
  font-weight: bold;
  text-decoration: none;
  padding: 0.1em 0;
  color:#d70b52;
}

/* Calendrier mensuel */

div#ALaUne h6
{
  display:block;
  text-align:center;
  font-weight: bold;
  text-decoration: none;
  color:#28235d;
  margin-bottom:0.5em;
  font-size:160%;
}

div.zoneCalendrier
{
    background-color:white;
    opacity:0.9;
    order:1;
    margin-bottom:1em;
}

div.zoneCalendrier table#calendrierMensuel
{
	width:100%;
	margin-top:20px;
    border-collapse:collapse;
    order:10;
}
div.zoneCalendrier table#calendrierMensuel tr,
div.zoneCalendrier table#calendrierMensuel td
{
	border: 2px solid #28235d;	
}
div.zoneCalendrier table#calendrierMensuel td.aujourdhui
{
	background-color:#F1F1F1;
}
div.zoneCalendrier table#calendrierMensuel td.unJour
{
	width:14.28%;
}
div.zoneCalendrier table#calendrierMensuel td.unJour span
{    
    border: 2px solid #28235d;
    padding:0.1em 0.2em;
    background-color:#28235d;  
    color:white;  
}
div.zoneCalendrier table#calendrierMensuel thead tr,
div.zoneCalendrier table#calendrierMensuel thead td
{
	width:14.28%;
	border:none !important;
}
div.zoneCalendrier table#calendrierMensuel tbody td
{
	height:90px;
	vertical-align:top;
}
div.zoneCalendrier table#calendrierMensuel tbody td p.num
{
	padding:5px;
	font-size:90%;
	text-align:left;
}
div.zoneCalendrier table#calendrierMensuel tbody td p.num span
{
    color:#28235d;
    background-color:white;
    padding:0.1em 0.2em;    
}
div.zoneCalendrier table#calendrierMensuel tbody td.aujourdhui p.num span
{
	display:block;
	width:18px;
	height:16.5px;
	line-height:16.5px;
	background-color:red;
	color:white;
	font-weight:bold;
	text-align:center;
}
div.zoneCalendrier table#calendrierMensuel tbody td p.contenu
{
	padding:5px;
}
div.zoneCalendrier table#calendrierMensuel tbody td p.reserve
{
    background-color:#bd1522;
    color:white;
}
div.zoneCalendrier table#calendrierMensuel tbody td span.bandeau
{
  display:block;
  height:5px;
}
div.zoneCalendrier table#calendrierMensuel tbody td span.etiquette
{
    color:white;
    margin-left:0.5em;
}

div.zoneImage
{

}
div.zoneImage img
{
    width:100%;
}

a.boutonReserver
{
    display:inline-block;
    color:white;
    text-decoration:none;
}
a.boutonReserver:hover
{
    background-color:#28b5bc;
    padding:0.2em;
    border-radius:0.5em;
}

/* Liste clientys "Ils nous font confiance" */

ul#listeClientsPublic
{
    list-style-type:none;
}
ul#listeClientsPublic li
{
    float:left;
    width:33%;
    height:10em;
    vertical-align:center;
    margin-bottom:2em;
}
ul#listeClientsPublic li img
{
    display:block;
    max-width:80% !important;
    max-height:10em !important;
    margin:0 auto;
}

/* Responsive */

@media only screen and (min-width: 600px) {
  /* For tablets: */
}
@media only screen and (min-width: 768px) {
  /* For desktop: */
    
    div.zoneCalendrier
    {
        width:50%;
        float:right;
    }
    div.zoneImage
    {
        width:50%;
        float:left;
    }
    div.zoneImage img
    {
        width:90%;
        margin:0 auto;
    }
    ul#listeClientsPublic li
    {
        width:20%;
    }
}