body {
 Font-Family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.body_error {
 Font-Family: Arial, Helvetica Neue, Helvetica, sans-serif;
 background-color: #A5CD3C; /* vert_jaune */
 color: #ffffff; /* texte de la page blanc */
}

h1 {
 Font-Size: 25px;
 background-color: #064650; /* (#064650 Bleu_canard) (imR_vert #9bc31c) (new_gris_foncé #3d3d3d) (#4169e1 Bleu_royal)(#3E3E3E new gris) (#0d3a5b bleu_fonce) (#36CA5C vert) */
 color: #ffffff;
 text-align: center;
}

.h1_error {
 Font-Size: 25px;
 background-color: #ff7f00; /* (#ff6600 orange) */
 border: 2px white dotted;
 color: #ffffff;
 text-align: center;
 font-weight: bold;
}

h2 {
 Font-Size: 22px;
 font-weight: bold;
 color: #000000; /*(#0d3a5b bleu_fonce) */
}

.h2_error {
 Font-Size: 22px;
 background-color: #ff7f00; /* (#ff6600 orange) */
 border: 2px white dotted;
 color: #ffffff;
 text-align: center;
 font-weight: bold;
}

.h2_ok {
 Font-Size: 22px;
 background-color: #36CA5C; /* vert */
 border: 2px white dotted;
 color: #ffffff;
 text-align: center;
 font-weight: bold;
}

h3 {
 Font-Size: 20px;
 font-weight: bold;
 color: #000000; /*(#0d3a5b bleu_fonce) */
}

h4 {
 Font-Size: 19px;
 font-weight: bold;
 color: #000000; /*(#0d3a5b bleu_fonce) */
}

p {
 Font-Size: 17px;
 color: #000000; /*(#0d3a5b bleu_fonce) */
}

.block-quote {
  font-style: italic;
  margin: 20px 40px;
  padding-left: 20px;
  border-left-width: 3px;
  border-style: solid;
  border-left-color: #064650; /* (#064650 Bleu_canard) (imR_vert #9bc31c) (#4169e1 Bleu_royal) (#514BB3 bleu_violet) */
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}

.left {
 text-align: left;
}

.center {
 text-align: center;
}

.bold {
 font-weight: bold;
}

.center_bold {
 text-align: center;
 font-weight: bold;
}

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

.souligne {
 text-decoration: underline;
}

.gris_clair {
 color: #B6B6B6;
}

.gris {
 color: #929292;
}

.gris_scorpion {
 color: #665F5F;
}

.bleu_clair {
 color: #0099FF;
}

.bleu_violet {
 color: #4169e1; /* (#4169e1 Bleu_royal) (#514BB3 bleu_violet) */
}

.bleu_royal {
 color: #4169e1; /* (#4169e1 Bleu_royal) */
}

.orange {
 color: #ff7f00;
}

.rouge {
 color: #df0c28;
}

.rose {
 color: #db2777;
}

.vert {
 color: #36CA5C;
}

.vert_jaune {
 color: #A5CD3C;
}

/* Bleu_canard #064650; imR_vert #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 --------------------------------------------- Miel --- */
.complement { display: none; }
/* FIN ----------------------------------------------- Miel --- */


/* DEBUT --------------------------------------------- Tableau --- */
table {
 border: 1px solid black;
 padding: 15px;
}
td, th {
 border: 1px solid black;
 padding: 15px;
}

table.center {
 margin-left: auto;
 margin-right: auto;
}
/* FIN ----------------------------------------------- Tableau --- */

/* 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) (imR_vert #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) (imR_vert #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) (imR_vert #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) ((#0d3a5b bleu_fonce) (#064650 Bleu_canard) (#4169e1 Bleu_royal) #514BB3 bleu_violet) */
 border-color: #ffffff; /* (new_gris_clair #f6f6f6) (#0d3a5b bleu_fonce) (#064650 Bleu_canard) (#4169e1 Bleu_royal) (#514BB3 bleu_violet) */
}
/* Taille texte Barre de nav du Haut */
.navbar_haut_texte {
 Font-Size: 24px;
}
/* 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) (imR_vert #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; /* (#064650 Bleu_canard) (#000000 noir) */
 text-decoration: none;
}
/* Couleur au survol des liens Barre de nav */
.navbar-nav > li > a:hover {
 color: #87d300; /* (new_vert #87d300) (imR_vert #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) (imR_vert #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) (imR_vert #9bc31c) (#df0c28 rouge) (#db2777 rose) (#ff7f00 orange) (#36CA5C vert) */
}
/* FIN ----------------------------------------------- Parametres Barre de nav ---- */

/* DEBUT --------------------------------------------- myjumbotron + fond --- */
.myjumbotron {
 height: 500px;
 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;
}
/* FIN ----------------------------------------------- myjumbotron + fond --- */

/* DEBUT --------------------------------------------- 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;
}
/* FIN ----------------------------------------------- Bandeau --- */

/* DEBUT --------------------------------------------- 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;
}
/* FIN ----------------------------------------------- no_copy + overlay-image --- */


/* DEBUT ---------------------------------------------  --- */
/* FIN -----------------------------------------------  --- */