body
{
background-color:rgb(255,235,171);  /* jaune pâle sur toute la largeur */
}
h1
{
color: rgba(64,64,64,0.8)  ;
 border:8px rgba(255,235,171,1) solid;
 /* font-family: 'BallparWeiner', serif; */
 font-family: "Comic Sans MS";
 font-size: 3.0em;
 font-weight:bold;
 text-align:center;
}
h2
{
color: rgba(64,64,64,0.8)  ; 
font-family: "Comic Sans MS";
font-size: 2.0em;
font-weight:normal;
text-align:left;
}
p
{color:rgba(64,64,64,0.8);
font-family: 'Calibri', serif;
font-size: 1.5em;
font-weight:normal;
}

li
{
color:rgba(64,64,64,0.8);
font-family: 'Calibri', serif;
font-size: 1.5em;
font-weight:normal;	
}

a
{
color:rgba(81,171,175,1) ;
font-family: "Comic Sans MS";
font-weight:bold;
}
a:active
{
background-color: rgba(81,171,175,1);
color: #ffffff;
}
table
{
width: 100%;
border-spacing : 10px;
}
#bloc_page  /* le corps de page avec fond blanc - 80% de la largeur */
{width:80%;
margin:auto;
background-color:rgba(255,255,255,1);
border-radius: 10px;
padding: 30px;
}
#menu  /* table contenant le menu  en tête de chaque page*/
{
width:100%;
/* border:5px solid rgb(255,235,171); */
text-align:right;
}
#choice   /* utilisé dans la table du menu pour les entrées vers les autres pages*/
{
text-align : left;
font-size: 1.6em;
font-family: "Comic Sans MS";
font-weight:bold;
}
#lang  /* case avec drapeau dans menu supérieur */
{
width : 5%;
}

/*  DEFINITION DE LA TABLE DES PRIX ----------------------->  */
#price /* table contenant les prix */
{
width:80%;
margin-left:10%;
margin-right:10%;
border-collapse: collapse;
border: 2px solid rgb(81,171,175); /* bleu */
text-align:center;
}

#price th {  /* header de la table des prix */
background-color: rgba(81,171,175,0.75);
font-family: 'Calibri', serif;
color: #ffffff;
font-size: 1.4em;
text-align:center;
padding:10px;
}
#price td {  /* cellule de la table des prix */
text-align : center;
color:rgba(64,64,64,0.5);  /* gris */
font-size: 1.3em;
font-weight:bold;
padding:6px;
font-family: 'Calibri', serif;
background-color: rgb(255,235,171,0.75); /* jaune pâle */
}
/*   <-------------------   DEFINITION DE LA TABLE DES PRIX  */

/*  DEFINITION DE LA TABLE DES PRIX 2021 ----------------------->  */
#price2021 /* table contenant les prix */
{
width:80%;
margin-left:10%;
margin-right:10%;
border-collapse: collapse;
border: 2px solid rgb(81,171,175); /* bleu */
text-align:center;
}

#price2021 th {  /* header de la table des prix */
background-color: rgba(81,171,175,1);
font-family: 'Calibri', serif;
color: #ffffff;
font-size: 1.4em;
text-align:center;
padding:10px;
}
#price2021 td {  /* cellule de la table des prix */
text-align : center;
color:rgba(64,64,64,0.95);  /* gris */
font-size: 1.3em;
font-weight:bold;
padding:6px;
font-family: 'Calibri', serif;
background-color: rgb(255,235,171); /* jaune pâle */
}
/*   <-------------------   DEFINITION DE LA TABLE DES PRIX 2021 */

/*  DEFINITION DE LA TABLE DES PRIX 2023 ----------------------->  */
#price2023 /* table contenant les prix */
{
width:80%;
margin-left:10%;
margin-right:10%;
border-collapse: collapse;
border: 2px solid rgb(81,171,175); /* bleu */
text-align:center;
}

#price2023 th {  /* header de la table des prix */
background-color: rgba(81,171,175,1);
font-family: 'Calibri', serif;
color: #ffffff;
font-size: 1.4em;
text-align:center;
padding:10px;
}
#price2023 td {  /* cellule de la table des prix */
text-align : center;
color:rgba(64,64,64,0.95);  /* gris */
font-size: 1.3em;
font-weight:bold;
padding:6px;
font-family: 'Calibri', serif;
background-color: rgb(255,235,171); /* jaune pâle */
}
/*   <-------------------   DEFINITION DE LA TABLE DES PRIX 2021 */

#avail /* table contenant les disponibilités */
{
width:80%;
margin-left:10%;
margin-right:10%;
border-collapse: collapse;
border: 2px solid rgb(81,171,175);
}

#avail th {  /* header de la table des disponibilités */
    font-size: 1.4em;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 4px;
    background-color: rgba(81,171,175,1) ;  /* bleu */
    color: #ffffff;
	font-family: 'Calibri', serif;
}
#avail td {
background-color: rgb(255,235,171);  /* jaune pâle */
font-family: 'Calibri', serif;
}

#tdphoto
{
width:40%;
}
#tdtextelarge /* utilisé dans les tables pour les cellules contenant du texte */
{
border: 6px solid rgb(255,235,171);
text-align : justify;
color:rgba(64,64,64,0.8);
font-family: 'Calibri', serif;
font-size: 1.5em;
font-weight:normal;
padding:10px;
}
#tdtexte /* utilisé dans les tables pour les cellules contenant du texte */
{
border: 2px solid rgb(255,235,171);
text-align : justify;
color:rgba(64,64,64,0.8);
font-family: 'Calibri', serif;
font-size: 1.5em;
font-weight:normal;
padding:10px;
}
#tdtexte1 /* utilisé dans les tables pour les cellules contenant du texte */
{
border: 2px solid rgb(182,222,245);
text-align : justify;
color:rgba(64,64,64,0.8);
font-family: 'Calibri', serif;
font-size: 1.5em;
font-weight:normal;
padding:10px;
}

#tdtiret /* utilisé dans les tables pour les cellules contenant un tiret */
{

text-align : justify;
color:rgba(64,64,64,1.0);
font-family: 'Calibri', serif;
font-size: 2.0em;
font-weight:bold;
padding:10px;
}

th  /* header générique */
{
background-color: rgba(81,171,175,1);
color: #ffffff;
font-size: 1.5em;
text-align:center;
}



#overlay {
display: none;
position: absolute;
top: 500 px;
left: 200px;
width: 50%;
height: 50%;
text-align: center;
background-color: rgba(255,255,255,0.6);
}
#overlay img{
margin-top: 0px;
}

@media only screen and (max-width: 760px)
{
#monElement { display: none; }
}



div#slider figure {
  position:relative;
  width:400%;
  margin:0;
  padding:0;
  font-size:0;
  text-align:left;
  animation: 15s slidy infinite;
  	}
@keyframes slidy
{
 0% { left:0%;}
 25% { left:0%;}
 33% { left:-100%;}
 58% { left:-100%;}
 66% { left:-200%;}
 91% { left:-200%;}
  100% { left:-300%;}
} 
div#slider figure img  {	width:25%;height:auto; float:left }
div#slider   {	width:100%;max-width: 500px; overflow: hidden }
/*   ----------------*/
div.slider_4photos figure {
  position:relative;
  width:500%;
  margin:0;
  padding:0;
  font-size:0;
  text-align:left;
  animation: 16s slidy4 infinite;
  	}
@keyframes slidy4
{
 0% { left:0%;}
 20% { left:0%;}
 25% { left:-100%;}
 45% { left:-100%;}
 50% { left:-200%;}
 70% { left:-200%;}
 75% { left:-300%;}
 95% { left:-300%;}
  100% { left:-400%;}
} 
div.slider_4photos figure img  {	width:20%;height:auto; float:left }
div.slider_4photos   {	width:100%;max-width: 500px; overflow: hidden }

div.slider_9photos figure {
  position:relative;
  width:1000%;
  margin:0;
  padding:0;
  font-size:0;
  text-align:left;
  animation: 28s slidy9 infinite;
  	}
@keyframes slidy9
{
 0% { left:0%;}
 9% { left:0%;}
 12% { left:-100%;}
 19% { left:-100%;}
 22% { left:-200%;}
 29% { left:-200%;}
 32% { left:-300%;}
 39% { left:-300%;}
  42% { left:-400%;}
 49% { left:-400%;} 
 52% { left:-500%;}
 59% { left:-500%;}
  62% { left:-600%;}
 69% { left:-600%;}
  72% { left:-700%;}
 79% { left:-700%;}
  82% { left:-800%;}
 89% { left:-800%;}
  92% { left:-900%;}
 99% { left:-900%;}
 100% { left:-1000%;}
} 
div.slider_9photos figure img  {	width:10%;height:auto; float:left }
div.slider_9photos   {	width:100%;max-width: 500px; overflow: hidden }

div.slider_9photos_lent figure {
  position:relative;
  width:1000%;
  margin:0;
  padding:0;
  font-size:0;
  text-align:left;
  animation: 35s slidy9_lent infinite;
  	}
@keyframes slidy9_lent
{
 0% { left:0%;}
 7% { left:0%;}
 12% { left:-100%;}
 17% { left:-100%;}
 22% { left:-200%;}
 27% { left:-200%;}
 32% { left:-300%;}
 37% { left:-300%;}
  42% { left:-400%;}
 47% { left:-400%;} 
 52% { left:-500%;}
 57% { left:-500%;}
  62% { left:-600%;}
 67% { left:-600%;}
  72% { left:-700%;}
 77% { left:-700%;}
  82% { left:-800%;}
 87% { left:-800%;}
  92% { left:-900%;}
 97% { left:-900%;}
 100% { left:-1000%;}
} 
div.slider_9photos_lent figure img  {	width:10%;height:auto; float:left }
div.slider_9photos_lent   {	width:100%;max-width: 500px; overflow: hidden }