﻿body{
	font-size: 21px;
	margin: 0px ;
	line-height: 25px;
	text-align: center;
	background-color: #E8D9B8
}

    #container_global {
      max-width: 980px;
      width: 100%;
      margin-top: 0px;
      margin-right: auto;
      margin-left: auto;
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

a{
	color: #996633;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
	font-size: 21px;
}

    img {
      padding: 1px;
      margin: 0px;
      border-radius: 10px;
      width: 100%;
      height: auto;
      background-color: #000000;
    }
#banniere{
margin: 0 auto;
	width: 980px;
	height: 551px;
	background-image: url('baniere-dirigeable-maubeuge.jpg');
	background-repeat: no-repeat;
	text-align: left;
}

.bloc-double { width: 980px; margin: 0 auto; }
.col-gauche, .col-droite { width: 480px; float: left; }
.col-droite { margin-left: 20px; } /* 480 + 20 + 480 = 980 */
.bloc-double::after { content:""; display:block; clear:both; }
.col-large { width: 980px; margin: 0 auto; }    

    .paragraphe-type {
      text-align: justify;
    }
.auto-style1 {
	font-size: 81px;
	margin-left: 330px;
	color: #8C0000;
	margin-top: 100px;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.25);
}
.auto-style2 {
	font-size: 63px;
	color: #8C0000;
	font-family: "Times New Roman", Georgia, "Times", serif;
	margin-left: 50px;
	margin-top: 270px;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.25);
}
.auto-style4 {
	font-size: 40px;
	margin-left: 420px;
	color: #8C0000;
	margin-top: 30px;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.25);
}

.auto-style58 {
	background-color: #E8D9B8;
}

.auto-style59 {
	color: #663300;
	font-size: 28px;
	font-style: italic;
	font-weight: bold;
}

.table-navigation {
  width: 980px;
  border-collapse: separate;   /* IMPORTANT */
  border-spacing: 8px;         /* = cellspacing="8" */
}

.table-navigation td {
  padding: 8px;                /* = cellpadding="8" */
}
    
.auto-style39 {
	border-radius: 10px;
	border: 1px solid #996633;
}
    
      
    @media (max-width: 800px) {
      .bloc-double {
        flex-direction: column;
      }

      .col-gauche, .col-droite, .col-large {
        flex: 1 1 100%;
      }
    }
    
    @media (max-width: 800px) {
  }
}
