@font-face
{
  font-family: "blkchcry";
  src: local("font/blkchcry.ttf");
}

p, h1, h2, h3, ul, label, h5, a
{
	color: #FFFFFF;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 16px;
  letter-spacing: 0.5px;
}

p, h1, label
{
  color: #FFFFFF !important;
}

label.formu
{
  display: inline-block;
  width: 100px;
  text-align: right;
}

label.formu2
{
  text-align: center !important;
  font-size: 16px;
}

label.box
{
  font-size: 14px;
}

h5
{
  color: #737373;
}

.date
{
  color: #F3F1A2 !important;
}

h2, th
{
  color: #EDEB74;
  font-family: "blkchcry";
  font-weight: bold;
  text-shadow: 2px 2px #F57DDD;
  border: dotted #F57DDD;
  text-align: center;
}

h3
{
  color: #E66FCC;
}

p, ul, td
{
  text-align: justify;
}

.row-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

[class*="col-"] {
  margin-bottom: 30px;
}

.content {
  height: 100%;
}

div#slider 
{ 
	width: 100%; overflow: hidden
}

div#slider figure {
  position: relative; 
  width: 500%;
  margin: 0;
  padding: 0;
  font-size: 0;
  text-align: left;
  animation: 30s slidy infinite;
}

div#slider figure img { width: 3%; height: auto; float: left; }

@keyframes slidy {
  0% { left: 0%; }
  20% { left: 0%; }
  25% { left: -50%; }
  45% { left: -50%; }
  50% { left: -100%; }
  70% { left: -100%; }
  75% { left: -150%; }
  95% { left: -150%; }
  100% { left: -200%; }
}

.button 
{
    border: 0;
    line-height: 2.5;
    padding: 10px; 
    font-family: "Tahoma";
    font-size: 1rem;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    margin: 15px;
    border-radius: 5px;
    background-color: #9A2181;
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
}

.button:hover
{
  background: #E66FCC;
  text-decoration: none;
  color: #F3F1A2;
}

.shadowbox {
  width: 15em;
  border: 1px solid #333;
  box-shadow: 8px 8px 5px #F3F1A2;
  padding: 8px 12px;
  background-image: linear-gradient(#310428, #620750);
}

.nav-link 
{
    color: #D9D9D9 !important;
}

/* Style the search field */
form.example input[type=text] {
  padding: 5px;
  font-size: 16px;
  border: 1px solid #FFFFFF;
  float: left;
  width: 80%;
  background: #333333;
}

/* Style the submit button */
form.example button {
  float: left;
  width: 20%;
  padding: 5px;
  background: #FF19CF;
  color: white;
  font-size: 16px;
  border: 1px solid #FFFFFF;
  border-left: none; /* Prevent double borders */
  cursor: pointer;
}

form.example button:hover {
  background: #FDFA00;
}

/* Clear floats */
form.example::after {
  content: "";
  clear: both;
  display: table;
}

a.readmore
{
  text-decoration: none;
  color: #FF19CF !important;
  font-size: 14px;
}

a.readmore:hover
{
  text-decoration: none;
  color: #F3F1A2 !important;
}

h3, p.postdate 
{
  display: inline;
}

p.postdate
{
  color: #F3F1A2 !important;
  margin-left: 8px;
  font-size: 12px;
}

form.resa {  /* Uniquement centrer le formulaire sur la page */
  margin: 0 auto;
  width: 600px;
  /* Encadré pour voir les limites du formulaire */
  padding: 1em;
  border: 1px solid #CCC;
  border-radius: 1em;}