body {
 Font-Family: Arial, Helvetica Neue, Helvetica, sans-serif;
 color: #064650; /* (Bleau_canard #064650) (noir #000000) */
}

/* new_vert #87d300; Bleau_canard #064650; vert_imR #9bc31c; new_gris_clair #f6f6f6; new_gris_foncé #3d3d3d; */
/* gris #929292; gris_scorpion #665F5F; new_gris #3E3E3E; bleu_violet #514BB3; rouge #df0c28; vert #36CA5C; */
/* Bercail => gris_clair: #B6B6B6; vert_jaune: #A5CD3C; orange: #ff6600; bleu_clair: #0099FF; */

/* DEBUT --------------------------------------------- Liens (hors Barre de nav) ---- */
a:link { /* Liens par défaut non visité (non survolés) */
 color: blue; /* (blue) */
 text-decoration: underline;
}
a:visited { /* lien déjà visité */
 color: blue; /* (blue) */
 text-decoration: underline;
}
a:hover { /* Apparence au survol des liens */
 color: #87d300; /* (new_vert #87d300) (vert_imR #9bc31c) (#df0c28 rouge) (#db2777 rose) (#ff7f00 orange) (#36CA5C vert) */
 text-decoration: underline;
 background-color: #ffffff; /* blanc */
}
a:focus { /* lien sélectionné (au clavier touche TAB) */
 color: #87d300; /* (new_vert #87d300) (vert_imR #9bc31c) (#df0c28 rouge) (#db2777 rose) (#ff7f00 orange) (#36CA5C vert) */
 text-decoration: underline;
 background-color: #ffffff; /* blanc */
}
a:active { /* Apparence si clic du lien */
 color: #87d300; /* (new_vert #87d300) (vert_imR #9bc31c) (#df0c28 rouge) (#db2777 rose) (#ff7f00 orange) (#36CA5C vert) */
 text-decoration: underline;
 background-color: #ffffff; /* blanc */
}
/* FIN ----------------------------------------------- Liens (hors Barre de nav) ---- */

/* DEBUT --------------------------------------------- Parametres Barre de nav ---- */
/* Couleur barre de nav */
.navbar {
 background-color: #ffffff; /* (new_gris_clair #f6f6f6) (Bleu foncé 0d3a5b) */
 border-color: #ffffff; /* (new_gris_clair #f6f6f6) (Bleu foncé 0d3a5b) */
}
/* Taille texte Barre de nav du Haut */
.navbar_haut_texte {
 Font-Size: 18px;
}
/* Taille texte Barre de nav du Bas */
.navbar_bas_texte {
 Font-Size: 15px;
}
/* Couleur de la marque Barre de nav */
.navbar-brand {
 color: #ffffff; /* blanc */
}
/* Couleur au survol de la marque Barre de nav */
.navbar-brand:hover,
.navbar-brand:focus
{
 color: #87d300; /* (new_vert #87d300) (vert_imR #9bc31c) (#df0c28 rouge) (#db2777 rose) (#ff7f00 orange) (#36CA5C vert) */
 text-decoration: none; /* underline */
 background-color: #ffffff; /* blanc */
}
/* Couleur des liens par défaut non visité (non survolés) Barre de nav */
.navbar-nav > li > a
{
 color: #064650; /* (Bleau_canard #064650) (noir #000000) */
 text-decoration: none;
}
/* Couleur au survol des liens Barre de nav */
.navbar-nav > li > a:hover {
 color: #87d300; /* (new_vert #87d300) (vert_imR #9bc31c) (#df0c28 rouge) (#db2777 rose) (#ff7f00 orange) (#36CA5C vert) */
 text-decoration: none; /* underline */
 background-color: #ffffff; /* blanc */
}
/* Couleur lien sélectionné (au clavier touche TAB) des liens Barre de nav */
.navbar-nav > li > a:focus {
 color: #87d300; /* (new_vert #87d300) (vert_imR #9bc31c) (#df0c28 rouge) (#db2777 rose) (#ff7f00 orange) (#36CA5C vert) */
 text-decoration: none; /* underline */
 background-color: #ffffff; /* blanc */
}
/* Couleur du lien actif de la page active Barre de nav (correspondant à la page affichée) */
.pageactive a {
 text-decoration: none; /* underline */
 background-color: #87d300; /* (new_vert #87d300) (vert_imR #9bc31c) (#df0c28 rouge) (#db2777 rose) (#ff7f00 orange) (#36CA5C vert) */
}
/* FIN ----------------------------------------------- Parametres Barre de nav ---- */

/* --- myjumbotron + fond --- */
.myjumbotron {
    height: 380px;
    margin-bottom: 100px;
    background: transparent;
}
.fond {
    background: url('../img/allauch2.jpg') no-repeat;
    background-size: cover; /* contain, cover ou % */
    position: fixed; /* fond fixé en haut de page */
    width: 100%; /* toute la largeur d'écran */
    height: 100%; /* même hauteur que jumbotron */
    top: 35px;
    left: 0;
    z-index: -1;
}

/* --- Bandeau --- */
.bandeau1 {
    position: fixed; 
    width: 100%;
    height: 12rem; 
    top: 150px;
    left: 0;
    text-align: center;
    text-shadow: black 0.3em 0.3em 0.3em;
    color: #fff;
    background-color: rgba(100, 100, 100, 0.5);
    padding: 1rem .5rem 1rem .5rem;
    z-index: -1;
}
.bandeau2 {
    position: relative; 
    width: 100%;
    height: auto; 
    top: 0px;
    left: 0;
    text-align: center;
    text-shadow: black 0.3em 0.3em 0.3em;
    color: #fff;
    background-color: rgba(100, 100, 100, 0.5);
    padding: 1rem .5rem 1rem .5rem;
    z-index: -1;
}
.bandeauTitre {
    font-size: 1.8rem;
    line-height: 1.8rem;
}
.bandeauTxt {
    font-size: 1.5rem;
    margin-top: .5rem;
}

/********* no_copy + overlay-image ******/
.no_copy {
    background:url(../img/allauch2.jpg);
    background-repeat: no-repeat;
}

.overlay-image .image {
 display: block;
 max-width : 100%;
 width: 100%;
 height: auto;
}

/* --- center_img --- */
.center_img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* ---  --- */