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-width: 0px;
	padding: 0px;
	border-radius: 0px;
}
#banniere{
	float: left;
	width: 980px;
	height: 410px;
	background-repeat: no-repeat;
	text-align: left;
}

.auto-style17 {
	padding-top: 0.625em;
}
.auto-style19 {
	font-size: 21px;
	font-weight: bold;
	font-style: italic;
}
.auto-style20 {
	font-size: 0.7em;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	margin-left: 200px;
}
.auto-style21 {
	font-size: 0.7em;
	font-weight: bold;
	font-style: italic;
	margin-left: 500px;
}
.auto-style22 {
	text-align: left;
	line-height: 35px;
}
   

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

    .col-gauche, .col-droite {
      flex: 1 1 49%;
      box-sizing: border-box;
      background-color: #DFDFDD;
    }

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

    .paragraphe {
      text-align: justify;
    }



    
    
.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%;
      }
    }