header, footer, aside, nav, article, message, p {
display: block;
  }
/* ----------------------------------------------------------------------------- */
img{
border:none
   }
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Début Fond de page Web - Bordeaux */
html {
  background-color:#89131B;
  margin:0;
  padding:0
}
/* Fin Fond de page Web */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Début Corps de page Web */
body {
  width:100%;
  height:100%;
  color:#000;
  font-size:.9em;
  font-family:Arial, Helvetica, sans-serif;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;*/
  padding:0
   } 
/* Fin Corps de page Web */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Début de la baniére */
header#banner{
  color:#fff;
  background-color:#444444;
  height:100px;
  margin:15px 15px 15px 15px;
  padding:5px;
  border:1px solid #6d7673;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -moz-box-shadow: 0 0 5px #6d7673;
  -webkit-box-shadow: 0 0 5px #6d7673;
  box-shadow: 0 0 5px #6d7673
   }
header#banner p{
  font-size:.65em;
   }
/* Fin de la baniére */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Début menu de navigation horizontale */
#menu-container { 
  display:block; 
  background-image: linear-gradient(#000000, #808080 50%, #808080 50%,#000000);
  width: 100%;
  border-radius: 8px;
   }
#menu a { 
  display:block; 
  color: #ffffff; 
  text-decoration:none;
   }
#menu a:hover {
  color: #FFF;
   }
#menu > li,
#menu > li li {position: absolute; z-index: 5;
   position: relative;
   display:inline-block;
   width: 150px;
   padding: 6px 15px;
   background-color: #808080;
   background: -webkit-linear-gradient( top,  black, grey, grey, black);
   background: -moz-linear-gradient( top,  black, grey, grey, black);
   background: -ms-linear-gradient( top,  black, grey, grey, black);
   background: -o-linear-gradient( top,  black, grey, grey, black);
   background: linear-gradient( to top, black, grey, grey, black);
   }
#menu > li li { background: transparent none;}
#menu > li li a { color: #444;}
#menu > li li:hover { background: -webkit-linear-gradient( top,  black, grey, grey, black);
  background: -moz-linear-gradient( top,  black, grey, grey, black);
  background: -ms-linear-gradient( top,  black, grey, grey, black);
  background: -o-linear-gradient( top,  black, grey, grey, black);
  background: linear-gradient( to top, black, grey, grey, black);
    }
#menu > li:first-child {
  border-right: 1px solid #808080;
  border-radius: 8px 0 0 8px;
   }
#menu > li + li {
  border-left: 1px solid #000000;
  border-right: 1px solid #808080;
   }
#menu > li:last-child {
  border-right: 2px solid #808080;
  border-left: 1px solid #000000;
   }
#menu > li:hover {
  background-color: #000000;
  background: -webkit-linear-gradient( top, grey, black, black, black);
  background: -moz-linear-gradient( top,  grey, black, black, black);
  background: -ms-linear-gradient( top,  grey, black, black, black);
  background: -o-linear-gradient( top,  grey, black, black, black);
  background: linear-gradient( to top, grey, black, black, black);
   }
#menu ul {
  position: absolute;
  top: 2em; left: 0;
  max-height:0em;	
  margin: 0; padding: 0;
  background-color: #ddd;
  background-image: linear-gradient(#fff,#ddd);
  overflow: hidden;
  transition: 0.5s max-height 0.2s;
  border-radius: 0 0 8px 8px;color:
   }
#menu > li:hover ul {
  max-height: 13em;
   }
/* Fin menu de navigation horizontale */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Début liens vers les cartes */
nav#Liens a{
  color:#0033FF;
  padding:0 20px;
  text-decoration:none
  font-style:italic;
   }
nav#Liens a:hover{
  color:#fb5ef2;
   }
/* Fin liens vers les cartes */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Début des sections */
section{
  padding:0px 20px;
  margin:15px 0px 15px 0px;
}
article{
  border-radius:15px;
  border-width:3px;
  border-color:#000000;
  border-style:ridge;
  padding:0px 20px;
  background-color: #FFFFCC;
   }
hgroup {
  -moz-border-radius:15px 15px 15px 15px;
  -webkit-border-radius:15px 15px 15px 15px;
  border-radius:15px 15px 15px 15px;
  background: -webkit-linear-gradient( top,  grey, white, white, grey);
  background: -moz-linear-gradient( top,  grey, white, white, grey);
  background: -ms-linear-gradient( top,  grey, white, white, grey);
  background: -o-linear-gradient( top,  grey, white, white, grey);
  background: linear-gradient( to top, grey, white, white, grey);
  margin:0px;
  padding:15px;
   }
hgroup h1, h2, h3 {
  font-family:"Times New Roman", Times, Serif;
  font-weight:600;
  line-height:1.2
   }
hgroup h1 {
  font-size:1.3em;
  font-style:italic;
  padding:0px 0 0 0px
   }
hgroup h2 {
  background: #FFFFCC
  font-size:1.4em;
  padding:0 0px
   }
/* Fin des articles */
/* ----------------------------------------------------------------------------------------- */
#div_conteneur {
  margin:15px 15px 15px 15px;
  padding:0;

/*  height:700px;*/
   }
/* ----------------------------------------------------------------------------------------- */
.btn {
  flex-wrap: wrap;
  width: 150px;
  padding: 5px;
  column-count: 2;
   }
button:hover {
  opacity: 0.9;
   }
#container div{
  display:inline-block;
  width:130px;
   }