/* Définition des balise HTML5 pour vieux navigateurs */
aside, footer, header, main {display: block;}

/* Définition des balise HTML5 pour vieux navigateurs */
.conteneur {
  /* Largeur Fluide et liquide, changer le 1000px par 100% */
  max-width:1000px;
  /* Centre le conteneur dans la page */
  margin:20px auto;
}

#top{
	text-align:right;
	padding-right:7px;
}
.liensTop {
	position:relative;
	height:34px;
	padding:85px 0px 0px 0px;
	margin-right:2px;
}

#bando{
	position:absolute;
    width:700px;
}

.titre{
	margin-top:-15px;
	padding:0px 20px 0px 10px;
  background: #C93636; 
  color: white;
	font-family: 'Roboto Mono', monospace;
}

.contenu{
	margin-top:-20px;
	padding:5px 20px 20px 10px;
    background: #F9EDED; 
	font-family: 'Roboto Mono', monospace;
/*	font-size: smaller;*/
/*	clear:both;*/
}

.imageDroite{
	float:right;
    width: 200px; 
    height: 200px; /* height of container */
    object-fit: cover;
	padding:5px;
}

.imageGauche{
	float:left;
    width: 200px; 
    height: 200px; /* height of container */
    object-fit: cover;
	padding:5px;
}

.imageGauchePetit{
	float:left;
    width: 100px; 
    height: 100px; /* height of container */
    object-fit: cover;
	padding:5px;
}

.imageDroitePetit{
	float:right;
    width: 100px; 
    height: 100px; /* height of container */
    object-fit: cover;
	padding:5px;
}

.aligncenter {
    text-align: center;
}

#plan{
	text-align:center;
}

.signature{
	text-align:right;
}

header {
  margin:0 auto;
  width:700px;
  text-align:left;
  height:105px;
  padding-top:15px;
}

main {
  margin:0 auto;
  margin-top:40px;
  width:700px;
  text-align:left;
  height:100%;
/*  background: #f2eddb;*/
}

aside {
  float:left;
  width:10%;
  text-align:center;
  height:100%;
  background:#F5F4F4;
}

footer {
  /* forcer l’affichage sous le contenu et la colonne */
  clear:both;
  text-align:center;
  background: #6e6e6e;
  color:#fff;
  height:20px;
/*  padding: 5px;*/
  margin-top:10px;
}

/* Essai */

/*    @media all and (max-width: 600px) {
      main {
        width:100%;
      }
      aside {
        width:100%;
      }
    }

    @media all and (max-width: 801px) and (min-width: 601px) {
      main {
        width:80%;
      }
      header {
        width:80%;
      }

      .saut {
        width:100%;
      }
    }
*/