/*
 *  DŽfinition gŽnŽrale des Styles CCS2
 *     Copyright: © JLAtx ¥ 18-AUG-2020
 *
 *  Attention les commentaires // ne font pas parti de la norme CSS !!!
 *
 */

html { }

body {
  background: url(/images/anger_0.jpg) no-repeat center center fixed;
  background-color: black;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  -webkit-animation-name: fadeInOut;
  -webkit-animation-duration: 25s;
  -webkit-animation-iteration-count: infinite;

  -moz-animation-name: fadeInOut;
  -moz-animation-duration: 25s;
  -moz-animation-iteration-count: infinite;

  -o-animation-name: fadeInOut;
  -o-animation-duration: 25s;
  -o-animation-iteration-count: infinite;

  animation-name: fadeInOut;
  animation-duration: 25s;
  animation-iteration-count: infinite;

  font:normal 13px Verdana,Helvetica,sans-serif;
  color:#FF9F9F;
  border:0px solid #000;
  margin:0px;
  padding:0px;
  width:100%; }

@-webkit-keyframes fadeInOut {
    0% { background: url(/images/anger_0.jpg) no-repeat center center fixed;
    -webkit-background-size: cover; }
    7% { background: url(/images/anger_1.jpg) no-repeat center center fixed;
    -webkit-background-size: cover; }
   14% { background: url(/images/anger_2.jpg) no-repeat center center fixed;
    -webkit-background-size: cover; }
   21% { background: url(/images/anger_3.jpg) no-repeat center center fixed;
    -webkit-background-size: cover; }
   28% { background: url(/images/anger_4.jpg) no-repeat center center fixed;
    -webkit-background-size: cover; }
   35% { background: url(/images/anger_5.jpg) no-repeat center center fixed;
    -webkit-background-size: cover; }
   42% { background: url(/images/anger_6.jpg) no-repeat center center fixed;
    -webkit-background-size: cover; }
   49% { background: url(/images/anger_7.jpg) no-repeat center center fixed;
    -webkit-background-size: cover; }
   56% { background: url(/images/anger_8.jpg) no-repeat center center fixed;
    -webkit-background-size: cover; }
   63% { background: url(/images/anger_9.jpg) no-repeat center center fixed;
    -webkit-background-size: cover; }
   70% { background: url(/images/anger_10.jpg) no-repeat center center fixed;
    -webkit-background-size: cover; }
   77% { background: url(/images/anger_11.jpg) no-repeat center center fixed;
    -webkit-background-size: cover; }
   84% { background: url(/images/anger_12.jpg) no-repeat center center fixed;
    -webkit-background-size: cover; }
   901% { background: url(/images/anger_13.jpg) no-repeat center center fixed;
    -webkit-background-size: cover; }
  100% { background: url(/images/anger_0.jpg) no-repeat center center fixed;
    -webkit-background-size: cover; } }

@-moz-keyframes fadeInOut {
    0% { background: url(/images/anger_0.jpg) no-repeat center center fixed;
    -moz-background-size: cover; }
    7% { background: url(/images/anger_1.jpg) no-repeat center center fixed;
    -moz-background-size: cover; }
   14% { background: url(/images/anger_2.jpg) no-repeat center center fixed;
    -moz-background-size: cover; }
   21% { background: url(/images/anger_3.jpg) no-repeat center center fixed;
    -moz-background-size: cover; }
   28% { background: url(/images/anger_4.jpg) no-repeat center center fixed;
    -moz-background-size: cover; }
   35% { background: url(/images/anger_5.jpg) no-repeat center center fixed;
    -moz-background-size: cover; }
   42% { background: url(/images/anger_6.jpg) no-repeat center center fixed;
    -moz-background-size: cover; }
   49% { background: url(/images/anger_7.jpg) no-repeat center center fixed;
    -moz-background-size: cover; }
   56% { background: url(/images/anger_8.jpg) no-repeat center center fixed;
    -moz-background-size: cover; }
   63% { background: url(/images/anger_9.jpg) no-repeat center center fixed;
    -moz-background-size: cover; }
   70% { background: url(/images/anger_10.jpg) no-repeat center center fixed;
    -moz-background-size: cover; }
   77% { background: url(/images/anger_11.jpg) no-repeat center center fixed;
    -moz-background-size: cover; }
   84% { background: url(/images/anger_12.jpg) no-repeat center center fixed;
    -moz-background-size: cover; }
   91% { background: url(/images/anger_13.jpg) no-repeat center center fixed;
    -moz-background-size: cover; }
  100% { background: url(/images/anger_0.jpg) no-repeat center center fixed;
    -moz-background-size: cover; } }

@-o-keyframes fadeInOut {
    0% { background: url(/images/anger_0.jpg) no-repeat center center fixed;
    -o-background-size: cover; }
    7% { background: url(/images/anger_1.jpg) no-repeat center center fixed;
    -o-background-size: cover; }
   14% { background: url(/images/anger_2.jpg) no-repeat center center fixed;
    -o-background-size: cover; }
   21% { background: url(/images/anger_3.jpg) no-repeat center center fixed;
    -o-background-size: cover; }
   28% { background: url(/images/anger_4.jpg) no-repeat center center fixed;
    -o-background-size: cover; }
   35% { background: url(/images/anger_5.jpg) no-repeat center center fixed;
    -o-background-size: cover; }
   42% { background: url(/images/anger_6.jpg) no-repeat center center fixed;
    -o-background-size: cover; }
   49% { background: url(/images/anger_7.jpg) no-repeat center center fixed;
    -o-background-size: cover; }
   56% { background: url(/images/anger_8.jpg) no-repeat center center fixed;
    -o-background-size: cover; }
   63% { background: url(/images/anger_9.jpg) no-repeat center center fixed;
    -o-background-size: cover; }
   70% { background: url(/images/anger_10.jpg) no-repeat center center fixed;
    -o-background-size: cover; }
   77% { background: url(/images/anger_11.jpg) no-repeat center center fixed;
    -o-background-size: cover; }
   84% { background: url(/images/anger_12.jpg) no-repeat center center fixed;
    -o-background-size: cover; }
   91% { background: url(/images/anger_13.jpg) no-repeat center center fixed;
    -o-background-size: cover; }
  100% { background: url(/images/anger_0.jpg) no-repeat center center fixed;
    -o-background-size: cover; } }

@keyframes fadeInOut {
    0% { background: url(/images/anger_0.jpg) no-repeat center center fixed;
    background-size: cover; }
    7% { background: url(/images/anger_1.jpg) no-repeat center center fixed;
    background-size: cover; }
   14% { background: url(/images/anger_2.jpg) no-repeat center center fixed;
    background-size: cover; }
   21% { background: url(/images/anger_3.jpg) no-repeat center center fixed;
    background-size: cover; }
   28% { background: url(/images/anger_4.jpg) no-repeat center center fixed;
    background-size: cover; }
   35% { background: url(/images/anger_5.jpg) no-repeat center center fixed;
    background-size: cover; }
   42% { background: url(/images/anger_6.jpg) no-repeat center center fixed;
    background-size: cover; }
   49% { background: url(/images/anger_7.jpg) no-repeat center center fixed;
    background-size: cover; }
   56% { background: url(/images/anger_8.jpg) no-repeat center center fixed;
    background-size: cover; }
   63% { background: url(/images/anger_9.jpg) no-repeat center center fixed;
    background-size: cover; }
   70% { background: url(/images/anger_10.jpg) no-repeat center center fixed;
    background-size: cover; }
   77% { background: url(/images/anger_11.jpg) no-repeat center center fixed;
    background-size: cover; }
   84% { background: url(/images/anger_12.jpg) no-repeat center center fixed;
    background-size: cover; }
   91% { background: url(/images/anger_13.jpg) no-repeat center center fixed;
    background-size: cover; }
  100% { background: url(/images/anger_0.jpg) no-repeat center center fixed;
    background-size: cover; } }

a { text-decoration:underline;
    background-color:inherit; }

/* Attention l'ordre est important !!!
 *     link -> visited -> hover -> active
 *
 * See more at: http://www.imajineweb.com/csstexthover#sthash.oeM4eLeM.dpuf
 */

a:link { color:#AC535B; }
a:visited { color:#73CC7B; }
a:hover { color:#333;
  -webkit-transition-property:color, text;
  -webkit-transition-duration: 0.25s, 0.25s;
  -webkit-transition-timing-function: linear, ease-in;
  -moz-transition-property:color, text;
  -moz-transition-duration:0.25s;
  -moz-transition-timing-function: linear, ease-in;
  -o-transition-property:color, text;
  -o-transition-duration:0.25s;
  -o-transition-timing-function: linear, ease-in;
  transition-property:color, text;
  transition-duration:0.25s;
  transition-timing-function: linear, ease-in; }
a:active { color:#CC1F1F; }

h1 {
    font:normal 29px Verdana,Helvetica,sans-serif; }


hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #FF9F9F;
    margin: 1em 20px; }

p { margin:0px 10px 0px 10px;
    padding:0px 10px; }

.left-column {
    width: 50%;
    float: left; }

.right-column {
    width: 50%;
    float: right; }

.clear-column {
    clear: both; }

.centered {
    width: 100%;
    text-align: center; }

#title {
    font: bold 25px Verdana,Helvetica,sans-serif;
    text-align: center;
    margin: 20px 20px 10px 20px;
    padding: 0px; }

#content {
    margin-left: auto;
    margin-right: auto;
    width: 100%; }

#footer {
    text-align: right;
    padding-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 100%; }

#webmaster {
    position:fixed;
    bottom:20px;
    left:20px;
    filter:alpha(opacity=75);
    opacity:0.75;
    padding:5px;
    background-color:#FFF;
    font-weight:bold; }

#server {
    position:fixed;
    bottom:20px;
    right:20px;
    vertical-align:middle;
    text-align:right;
    filter:alpha(opacity=75);
    opacity:0.75; }

#server img {
    background-color:#FFF;
    color:#000;
    padding:2px; }