.html {
  background-color: #ffecec;
}
.contener {
  margin: 0em 2em;
}
#imagehome {
  -webkit-box-shadow: 10px 10px 8px 0px rgba(0,0,0,0.11);
  -moz-box-shadow: 10px 10px 8px 0px rgba(0,0,0,0.11);
  box-shadow: 10px 10px 8px 0px rgba(0,0,0,0.11);
  margin:0;
  padding:0;
  background-image:url(../images/imageaccueil.JPG);
  width: 100%;
  height: 100%;
  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */
}

  @font-face {
    font-family: "coneria";
    src: url("/fonts/demo_coneriascript-webfont.woff2") format("woff2"),
    url("/fonts/demo_coneriascript-webfont.woff") format("woff");
}

.alignfull {
  max-width: 100%;
}
.images {
  width: 100%;
  height: auto;
  padding: 5rem;
}

h1 {
  font-family: "coneria", sans-serif;
  margin: 1rem 0rem;
  color: #ffbf00;
}
h2 {
  font-family: "coneria", sans-serif;
  color: #ffbf00;
}
h3 {
  color: #ffbf00;
}
h4 {
  color: #ffbf00;
}
.coneria {
  font-family: "coneria", sans-serif;
}
.pgold {
  color: #ffbf00;
}
.pgrey {
  color: grey;
}

.pgras {
  font-weight: bold;
}
.pmarge {
  text-indent: 2em;
}
.psoul {
  text-decoration: underline;
}
.pital {
  font-style: italic;
}
.ptableau {
  color: grey;
  font-style: italic;
  font-size: 0.7em;
  margin: 0;
}

.pcovid {
  text-align: center;
  border: 1px solid #ffbf00;
  padding: 0.2rem;
  text-decoration: underline #ffbf00;
  color: #ffbf00;
  background-color: #ffecec;
  font-size: 80%;
}
.marge {
  /* text-align: center; */
  margin: 2rem;
}
.logo {
  width: 100%;
  height: 100%;
}

.titre {
  text-align: center;
}

.soustitre {
  padding-top: 1rem;
}

.titrehome {
  text-align: center;
  padding: 10rem 0rem;
}

.box {
-webkit-box-shadow: 10px 10px 8px 0px rgba(0,0,0,0.11);
-moz-box-shadow: 10px 10px 8px 0px rgba(0,0,0,0.11);
box-shadow: 10px 10px 8px 0px rgba(0,0,0,0.11);
border: 1px solid #ffbf00;
margin: 2rem 0rem;
padding: 2rem;
background-color: #f8f9fa;
}
.boxtableau {
  -webkit-box-shadow: 10px 10px 8px 0px rgba(0,0,0,0.11);
  -moz-box-shadow: 10px 10px 8px 0px rgba(0,0,0,0.11);
  box-shadow: 10px 10px 8px 0px rgba(0,0,0,0.11);
  border: 1px solid #ffbf00;
  width: 100%;
  height: auto;
}
/* ------------------TABLEAU------------------ */


.titretableau {
  text-align: center;
  color: black;
  text-decoration: underline;
  background-color: #ffbf00;
}

.caserose {
  border: 1px solid #ffbf00;
  background-color: #ffecec;
}
.caseblanc {
  border: 1px solid #ffbf00;
}
/*----------------- HEADER ---------------*/

header {
  margin-bottom: 2rem;
}
.borderRight {
  border-right: solid 1px grey;
}
.aftermenu {
  padding: 2rem 0rem;
}

/*----------------- FOOTER -----------------*/

footer {
  background-color: black;
  border: 1px solid black;
  /* height: 10rem; */
}
.pfooter {
  text-align: center;
}
.icon {
  width: 3rem;
  height: auto;
  margin: 0rem 2rem 2rem 2rem;
}



/* fleche bach to top */
.back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
    border: solid 1px #ffbf00;
    z-index: 100;
    background-color: #f8f9fa;
    border-radius: 5px;
    padding: 8px 16px;
}


/* Modal fullscreen */
.titreModal {
  font-size: 4em;
  text-align: center;
  padding: 1em;

}
.texteModal {
  padding: 1em;
  text-align: center;
  color: white;
  font-size: 28px;
}
.boxModal {
  background-color: white;
  margin: 2em 12em;
  text-align: center;
  padding: 5em 1em;
}
.buttonModalF {
  background-color: #ffbf00;
  margin: 1em;
  padding: 1em;
  color: white;
  font-weight: 800;
  font-size: 25px;
  border: solid 0px red;
  text-decoration: none;
}
.buttonModalF:hover {
  background-color: #e5ab00 ;
  box-shadow: 0px 0px 10px 4px #e5ab00;
  color: white;
  text-decoration: none;
}
.pModal {
  font-size: 25px;
}

/*-----------------------ADMINISTRATION--------------*/

.boxInfoClient {
  background-color: white;
  border: solid 1px black;
  box-shadow: 0px 0px 0px 5px #A0A0A0;
  /* width: 30%; */
}
.boxClient {
  background-color: white;
  border: solid 1px black;
  padding: 1em;
  /* box-shadow: 0px 0px 0px 5px #A0A0A0; */
  /* width: 70%; */
}
.txtTable {
    font-size: 13px;
    text-align: center;
}
.tableClient {
  padding: 1em;
  background-color: white;
  border-radius: 10px;
  box-shadow: 5px 5px 15px 5px grey;
}
.imgicon {
  width: 15px;
}
/*------------------ TEST -------------------*/
.testred {
  border: 1px solid red;
  height: 500px;
}

.testblue {
  border: 1px solid blue;
  height: 300px;
}
.testgreen {
  border: 1px solid green;
  height: 400px;
}

#top,#middle,#bottom{
    height: 600px;
    width: 300px;
    background: green;
}