/**********************************************************************
* Auteur       : Martin VINCENT  (MVincent)  info@martinvincent.com
* Fichier      : styles.css
* Répertoire   : /home/mvincent/Code/poubelle-net/src
* Créé le      : 17 aout 2015	  23:00:36 (-0400)
* Modifié le   : 08 February 2023    23:59:13 (-0500)    par : mvincent
* Sauvegarde # : 244
***********************************************************************/

body,
td,
th,
a,
img {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
}
a:link {
  color: #0069d1;
}
a:visited {
  color: #0069d1;
}
a:hover {
  color: #004f9e;
}
a:active {
  color: #0069d1;
}
.small {
  font-size: 12px;
}
.large {
  font-size: 20px;
}
a {
  text-decoration: none;
}
strong:hover:before {
  content: "| ";
  font-weight: bolder;
  font-size: 26px;
}
strong:hover:after {
  content: " |";
  font-weight: bolder;
  font-size: 26px;
}
input {
  font-size: 100%;
}

/* -- FOR WEB -- */
/* light orange: R 252, G 163, B 38 | #FCA326 */
/* orange: R 252, G 109, B 38 | #FC6D26 */
/* dark orange: R 226, G 67, B 41 | #E24329 */



/* https://colordesigner.io/gradient-generator/?mode=lab#4688F1-FC6D26 */
/* Chrome, Safari, Opera */
@-webkit-keyframes changeColor {
  0%  {background: #4688f1;}
 44%  {background: #6287e7;} /* #5985dc;} */
 45%  {background: #7685dc;} /* #6384d1;} */
 46%  {background: #8684d2;} /* #6c82c6;} */
 47%  {background: #9483c7;} /* #7681bc;} */
 48%  {background: #a081bd;} /* #7f7fb1;} */
 49%  {background: #aa80b3;} /* #897ea6;} */
 50%  {background: #b37ea9;} /* #937d9c;} */
 51%  {background: #bc7d9f;} /* #9c7b91;} */
 52%  {background: #c47c94;} /* #a67a86;} */
 55%  {background: #cb7a8a;} /* #af787b;} */
 56%  {background: #d27980;} /* #b97771;} */
 57%  {background: #d87876;} /* #c37666;} */
 58%  {background: #de766c;} /* #cc745b;} */
 59%  {background: #e47561;} /* #d67351;} */
 63%  {background: #e97357;} /* #df7146;} */
 70%  {background: #ee724c;} /* #e9703b;} */
 85%  {background: #f37040;} /* #f26e31;} */
100%  {background: #f86f34;} /* #fc6d26;} */
}

/* https://colordesigner.io/gradient-generator/?mode=lab#4688F1-FC6D26 */
/* Standard syntax */
@keyframes changeColor {
  0%  {background: #4688f1;}
 44%  {background: #6287e7;} /* #5985dc;} */
 45%  {background: #7685dc;} /* #6384d1;} */
 46%  {background: #8684d2;} /* #6c82c6;} */
 47%  {background: #9483c7;} /* #7681bc;} */
 48%  {background: #a081bd;} /* #7f7fb1;} */
 49%  {background: #aa80b3;} /* #897ea6;} */
 50%  {background: #b37ea9;} /* #937d9c;} */
 51%  {background: #bc7d9f;} /* #9c7b91;} */
 52%  {background: #c47c94;} /* #a67a86;} */
 55%  {background: #cb7a8a;} /* #af787b;} */
 56%  {background: #d27980;} /* #b97771;} */
 57%  {background: #d87876;} /* #c37666;} */
 58%  {background: #de766c;} /* #cc745b;} */
 59%  {background: #e47561;} /* #d67351;} */
 63%  {background: #e97357;} /* #df7146;} */
 70%  {background: #ee724c;} /* #e9703b;} */
 85%  {background: #f37040;} /* #f26e31;} */
100%  {background: #f86f34;} /* #fc6d26;} */
}


.banniere_GAE {
  /* background: #E24329; */
  background: #FC6D26;
    /* border-style:solid; */
    /* border-color: #4688f1; */
    -webkit-animation: changeColor 5s;
    animation: changeColor 5s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
  position: absolute;
  left: -125px; /* deplacement horizontal */
  top: 90px; /* deplacement vertical*/
  z-index: 0;
  width: 570px;
  /* font-weight: bold; */
  height: 20px;
  border: 0px solid black;
  -webkit-transform: rotate(324deg);
  -moz-transform: rotate(324deg);
  -ms-transform: rotate(324deg);
  -o-transform: rotate(324deg);
  transform: rotate(324deg);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 2px;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 15px 10px 75px;
  text-decoration: none;
  text-align: left;
  vertical-align: middle;
  line-height: 20px;
}
.banniere_GAE:hover {
  /* background: #3e79e2; */
  /* background: #E24329; */
  background: #FCA326;
  text-decoration: none;
  cursor: pointer;
  cursor: hand;
}
.btn {
  border: 1px solid #a9a9a9;
  background-color: #ccc;
  padding: 1px 8px;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
.btn:hover {
  background-color: #e5e5e5;
}
.inputbox {
  text-align: center;
  border: 1px solid #bbbbbb;
  padding: 1px 2px;
  cursor: cursor;
  width: 99px;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

/* ce span est utilisé avec le code pour facebook */
span {
  display: inline-block;
  padding: 16.5px 0px 0px 0px;
  border-radius: 6px;
  /* background: #80b4e5; */
  /* margin: 0px 0px 15px 1px; */
  font-size: 5rem;
}
.counter {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.message {
  /* color: #ccc6e3; */
  text-align: center;
  /* margin-top: 10px; */
  display: inline-block;
}

.container {
  margin: 2 auto;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
}
.image {
  overflow: hidden;
  margin: -15px;
}

.parent {
  text-align: left;
}
.enfant {
  display: inline-block;
  vertical-align: middle;
}

html,
body {
  margin: 2;
  padding: 0;
  height: 100%;
}
#container {
  margin: 2;
  min-height: 100%;
  position: relative;
}
#header {
  /* background:#ff0; */
  margin: 2;
  /* padding:10px; */
}
#body {
  margin: 2;
  /* padding:10px; */
  padding-bottom: 250px; /* Height of the footer */
}
#footer {
  margin: 2;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 250px; /* Height of the footer */
  /* background:#6cf; */
}