body
{
/*    background-color: MediumAquaMarine; */
    background-color: Gainsboro;
    margin: 10px 10px;
    padding: 0 ;
    font-family: Segoe UI Semibold;
    background-image: url(../images/AustralianOpen-Ball.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


h1
{
    color: GreenYellow;
/*
    text-shadow: 1px 0 0 white, 0 1px 0 white, 0 -1px 0 white, -1px 0 0 white, 1px 1px 0 white, 1px -1px 0 white, -1px 1px 0 white, -1px -1px 0 white;
*/
    /* text-shadow: rgb(255, 255, 255) 1px 0px 0px, rgb(255, 255, 255) 0.540302px 0.841471px 0px, rgb(255, 255, 255) -0.416147px 0.909297px 0px, rgb(255, 255, 255) -0.989992px 0.14112px 0px, rgb(255, 255, 255) -0.653644px -0.756802px 0px, rgb(255, 255, 255) 0.283662px -0.958924px 0px, rgb(255, 255, 255) 0.96017px -0.279415px 0px; */
}

h2
{
    color: White;
    text-decoration: underline;
}


/*.tournoi*/
h6
{
    //font-family: Segoe UI Semibold;
    font-style: italic;
    color: white;
    text-align: center;
    font-size: 80px;
    border: 8px solid GreenYellow;
    /* background-image:url(../images/AusOpen_logo.jpg); */
    background-image:url(../images/AustralianOpen-bandeauA-O-small2.jpg);
    background-position: center;
    background-position: 10% 45%;
    background-repeat: no-repeat;
    background-size: cover;
    /* max-width: 100%; */
    max-height: 10%;
    margin: 0px;
    padding:30px 150px; /* marge intérieure: haut et bas = 30px, gauche et droite = 150px */
}

menu
{
    background-color: SteelBlue;
}

.warning
{
color: red;
font-size: 20px;
}

.congrats
{
color: black;
font-size: 20px;
}

.language_choice
{
  color: white;
  text-align: right;
  float: right;
}

.localClock
{
  text-align: right;
  float: right;
  color: white;
}

.clock2
{
  color: white;
}

.Hello
{
  color: white;
}

.info
{
color: black;
font-weight: bold;
}

/* Part for tooltip in tournament predictions --- start */
.tooltip {
  position:relative; /* making the .tooltip span a container for the tooltip text */
  border-bottom:1px dashed #000; /* little indicater to indicate it's hoverable */
}

.tooltip:before {
  content: attr(info-text); /* here's the magic */
  position:absolute;

  /* vertically center */
  top:50%;
  transform:translateY(-50%);

  /* move to right */
  left:100%;
  margin-left:15px; /* and add a small left margin */

  /* basic styles */
  width:500px;
  padding:10px;
  border-radius:10px;
  background:#000;
  color: #fff;
  text-align:left;
  white-space: pre-line;

  display:none; /* hide by default */
}

.tooltip:hover:before {
  display:block;
}
/* Part for tooltip in tournament predictions --- end */


table
{
    border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
}

td, th
{
    border: 1px solid black;
    background-color: GreenYellow;
    color: black;
}

th
{
    background-color: DarkBlue;
    color: White;
}

tr:hover
{
    opacity: 0.9;
    /* background-color: Orange; */
    /* border: 1px solid black; */
}

.lignecoloree td {
   background-color: white;
   color: black;
}

.lignenormale td {
   background-color: GreenYellow;
   color: black;
}

.lignenormale2 td {
   background-color: Yellowgreen;
   color: black;
}

/* ---------------------------------------- */
/* Le conteneur contient le menu + le corps */
/* ---------------------------------------- */
#conteneur
{
    /*display: float;*/
    display: flex;
    /*display: inline;*/
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    background-color: white;
    /* background-color: #ff9600; */
    /*background-image:url(images/terre-battue.jpg);*/
    opacity: 0.9;
}

/* ---------------------------------------------------- */
/* .element_corps contient les infos, les tableaux ...  */
/* C'est la partie où on saisie les pronostiques        */
/* ---------------------------------------------------- */
.element_corps
{
    width: 75%;
    /*margin: auto; */
    background-color: #1196ff;
    margin: 10px 10px;
    padding-left:10px;
    padding-right:10px;
    padding-top:2px;
    padding-bottom:2px;
    color: White;
    /*background-image:ur
    /*background-image:url(images/terre-battue-bis.jpg);*/
    position: relative;
}

/* ---------------------------------------------------- */
/* .element_menu est le block menu sur le côté          */
/* ---------------------------------------------------- */
.element_menu
{
    /*width: 75%;*/
    /*margin: auto; */
    background-color: #1196ff;
    margin: 10px 10px;
    padding-left:10px;
    padding-right:10px;
    padding-top:2px;
    padding-bottom:2px;
    color: White;
    position: sticky;
    top: 10px;
    /*background-image:url(images/terre-battue-bis.jpg);*/
}

/* ---------------------------------------------------- */
/* .a_menu est le contenu du block menu                 */
/* ---------------------------------------------------- */
.a_menu
{
    color: white;
    font-family: sans-serif;
    /* background-color: LightBlue; */
    list-style-type: none;
}

nav ul
{
    list-style-type: none;
    display:flex;
    flex-direction: column;
}

/* On sélectionne tous les labels */
label
{
    display:block;
    width:200px; /* Attention : prenez une largeur suffisamment grande */
    float:left;
}

/* On sélectionne tout les labels contenu dans le formulaire avec l'id : id_form */
#registration_form label
{
    display:block;
    width:250px;
    float:left;
}

#connection_form label
{
    display:block;
    width:150px;
    float:left;
}

#resetPassword_form label
{
    display:block;
    width:200px;
    float:left;
}

/* .a_menu{
text-decoration:none;
color:white;
} */

.clignote  {
  animation: clignoter 1s infinite;
   /* animation-duration: .8s;
   animation-name: clignoter;
   animation-iteration-count: infinite;
   transition: none; */
}

@keyframes clignoter {
  0%   { opacity:1; }
  50%   {opacity:0; }
  100% { opacity:1; }
}


.button
{
  /** Ces directives indiquent au lien de ressembler à un bouton pour les principaux moteurs de rendu **/
 appearance: push-button;
 -webkit-appearance: button;
 -moz-appearance: button;
 /**Les directives en dessous enlèvent l'apparence par défaut en bleu et avec du texte souligné pour un lien hypertexte **/
 /* text-decoration: none;
 color: initial; */
}

.a_text{
text-decoration:underline;
color:DarkBlue;
font-style: italic;
font-style: italic;
}

.div_localTime{
  width:400px;
  height:50px;
  background:grey;
  color:white;
  text-align:center;
  line-height:50px;
}

.footer
{
color: white;
}