body{
	font-size: 21px;
	margin: 0px ;
	line-height: 25px;
	text-align: center;
	background-color: #DFDFDD;
}

    #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;
    }
.img2 {
	border-color: #DFDFDD;
	border-width: 2px;
	padding: 0px;
	border-radius: 10px;
}
#banniere{
margin: 0 auto;
	width: 980px;
	height: 580px;
	background-image: url('banniere-avesnois-pages-3.webp');
	background-repeat: no-repeat;
	text-align: left;
}

    #case_blason{
	width: 65px;
	float: left;
	margin-top: 505px;
	margin-left:45px;
}
#case_commune{
	width: 332px;
	float: left;
	height: 40px;
	margin-top: 512px;
	text-align: center;
	margin-left: 24px;
}
.style6{
	margin: auto;
	font-size: 26px;
	font-weight: bold;
	font-style: italic;
	color: #FF9428;
}
.style7{
	text-align: left;
}
.col-gauche, .col-droite {
      flex: 1 1 49%;
      box-sizing: border-box;
      background-color: #DFDFDD;
    }
   

    .bloc-double {
      display: flex;
      flex-wrap: wrap;
      gap: 2%;
    }

    .col-large {
	flex: 1 1 100%;
	box-sizing: border-box;
	background-color: #DFDFDD;
}
    
.bloc-trois {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  
}

.col-3 {
  width: 32%;
  background-color: #DFDFDD; /* si tu veux voir les blocs */
  /* border: 1px solid #ccc;  (facultatif) */
  /* padding: 10px;            (facultatif) */
  box-sizing: border-box;
}
    .paragraphe-type {
      text-align: justify;
    }

.auto-style3 {
	font-size: 22px;
	font-weight: bolder;
	font-style: italic;
}
.style9{
	text-decoration: underline;
	font-size: 21px;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	padding-left: 20px;
}
.style11{
	font-size: 26px;
	font-weight: bold;
	font-style: italic;
	color: #FF9428;
	padding-left: 110px;
}


.style26 {
	border-radius: 10px;
	border: 1px solid #996633;
}
.auto-style25 {
	font-size: 21px;
}
    
    
.auto-style39 {
	border-radius: 10px;
	border: 1px solid #996633;
}
.auto-style48 {
    border-radius: 10px;
    border: 1px solid #996633;
    text-align: center;
}
.auto-style49 {
	text-align: left;
	font-weight: bold;
	font-style: italic;
	font-size: 21px;
}
.auto-style50 {
	text-align: left;
	margin-left: 180px;
}
.auto-style51 {
	text-align: left;
	margin-left: 345px;
}
.auto-style52 {
	text-align: left;
	margin-left: 475px;
}
.auto-style53 {
	text-align: left;
	margin-left: 620px;
}

.auto-style56 {
	border-radius: 10px;
	border: 1px solid #996633;
	text-align: left;
}
.auto-style57 {
	padding: 2px;
	border-color: #996633;
	border-width: 0;
	border-radius: 10px;
	margin-right: auto;
	margin-left: auto;
}
    
      
    @media (max-width: 800px) {
      .bloc-double {
        flex-direction: column;
      }

      .col-gauche, .col-droite, .col-large {
        flex: 1 1 100%;
      }
    }
    
    @media (max-width: 800px) {
  .col-3 {
    width: 100%;
    margin-bottom: 10px;
  }
}