body {
/*  background-color: #253658;*/ /*bleu-gris foncé*/
/*  background-color: #e1ecf3;*/ /*bleu-gris très clair*/
  background-color: #5c554e; /*gris en accord avec la loco*/
/*  background-color: #b2d2ff;*/ /*bleu-gris*/
/*  background-color: white;*/
/* #3399ff; = bleu clair, bouton survolé */

  width: 100%;
  margin-top: 0%;
  margin-bottom: 0%;
  margin-right: 0%;
  margin-left: 0%;
}


a:link {
  color: white;
}


a:visited {
  color: white;
}


.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 120%;
  color: white;
  line-height: 1.8;
/*  color: #1f2d75;*/
}



.photo {
/*  position: absolute; */
  display: block;
  max-width: 100%;
  max-height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
/*  border: 1px solid #bbdcfd;*/
}


/* Désactivé !!!
div {
  background-image: url("fondloco.jpg");
  background-repeat: no-repeat;
  background-size: contain;
}
*/

div {
    width: 100%;
    padding: 0%;
    border: 0px;
/*    margin: 25px;
    background-color: #595959;*/
}

h1 {
    font-family: sans-serif;
    font-family: "Pacifico", sans-serif;
/*    font-variant-caps: small-caps;*/
    font-size: 190%;
    color: white;
    text-align: center;
    margin-left: 0px;
    margin-top:0px;
    margin-bottom:0px
}

h2 {
    font-family: monospace;
    font-family: "Lato", sans-serif;
    font-size: 95%;
    color: white;
    text-align: center;
    margin-left: 0px;
    margin-top: 0px;
}

/* Texte standard type 1 alignement à gauche*/
ts1 {
    font-family: monospace;
    font-family: "Lato", sans-serif;
    font-size: 120%;
    color: white;
    text-align: left;
    margin-left: 20px;
    margin-top: 0px;
}

ts1surligne {
    font-family: monospace;
    font-family: "Lato", sans-serif;
    font-size: 120%;
    color: white;
    background-color: #3399ff;
    text-align: left;
    margin-left: 20px;
    margin-top: 0px;
}



h2ad {
/*    font-family: monospace;*/
    font-family: "Lato", sans-serif;
    font-size: 90%;
    color: white;
    background-color: #ff4800;
    text-align: center;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

h2nonad {
/*    font-family: monospace;*/
    font-family: "Lato", sans-serif;
    font-size: 90%;
    color: white;
    background-color: green;
    text-align: center;
    margin-left: 0px;
    margin-top: 0px;
}


.hjoinus {

  font-family: "Arial Black", sans-serif;
  font-size: 25pt;
  letter-spacing: -1px;
  background-color: #ff4800;
  color: white;
  text-decoration : none;
  
/*
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 25pt;
    color: #ff4800;
    text-align: center;    
*/
}

.hjoinus:hover {
  background-color: #3399ff;
}



/* H3 = titres photos */
h3 {
    font-family: monospace;
    font-size: 8pt;
    color: white;
    text-align: center;
/*    margin-left: 15%;
    margin-top: 30px;*/
}

/* H4 = tous droits réservés*/
h4 {
    font-family: monospace;
    font-size: 80%;
    color: #ffcc00;
    text-align: right;
/*    margin-left: 15%;
    margin-top: 30px;*/
}

/* inutile !!!*/
pz {
    font-family: sans-serif;
    font-size: 90%;
    color: #e5f2ff;
    text-align: left;
    margin-left: 15%;
    margin-right: 15%;
    margin-top: 0px;
    text-indent: 50px;
    text-align: justify;
}

.photos {

  border: 2px solid black;
  box-shadow: 0px 0px 20px 0px black;
  margin: auto;
  display: block;
  margin-top: 8px;
  margin-bottom: 8px;
  max-width: 68%;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
/*    background-color: #333;*/
}

.fondliste1 {
    background-color: #1f2d75;
}

.fondliste2 {
    background-color: #4d4d4d;
}

li {
    float: left;
}

/* TYPE1 : chaque bouton */
.type1 li a {
    font-family: monospace;
    font-size: 100%;
    display: block;
    text-align: center;
    padding: 8px 12px;
    text-decoration: none;
}

/* TYPE1 : bouton non actif */
.inactif1 {
    color: white;
}

/* TYPE1 : bouton non actif BIS */
.inactif1bis {
    color: white;
    background-color: #ff4800;
    font-weight: bold;
}

/* TYPE1 : bouton non actif EN COURS */
.inactif1encours {
    color: white;
    background-color: #3399ff;
    font-weight: bold;
}

/* TYPE1 : passage souris hors bouton actif */
.type1 li a:hover:not(.actiftype1) {
    background-color: #3399ff;
    font-weight: bold;
}

/* TYPE1 : bouton inactif */
.actiftype1 {
    background-color: #1f2d75; /*bleu*/
/*ff8566*/
    font-weight: bold;
    color: white;
}

/* TYPE2 : chaque bouton */
.type2 li a {
    font-family: monospace;
    font-size: 100%;
    display: block;
    text-align: center;
    padding: 8px 12px;
    text-decoration: none;
}

/* TYPE2 : Passage souris hors bouton actif */
.type2 li a:hover:not(.actiftype2) {
    background-color: #cc0000;
    font-weight: bold;
}

/* TYPE2 : bouton actif */
.actiftype2 {
    background-color: #ffcc00;
    font-weight: bold;
}

/* TYPE2 : bouton inactif */
.inactif2 {
color: white;
}