/* CSS layout */
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 {
	box-shadow: #DEDEDE;
	padding: 0.125em;
	background-color: #E1E1E1;
}

.paragraphe {
	text-align: justify;
}

.style9{
	text-decoration: underline;
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	padding-left: 1.25em;
	color: #000000;
}
a{
	color: #996633;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;

}
.style6{
	margin: auto;
	font-size: 26px;
	font-weight: bold;
	font-style: italic;
	color: #FF9428;
}
.style7{
	text-align: left;
}
   

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

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

.style9{
	text-decoration: underline;
	font-size: 21px;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	padding-left: 20px;
}


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


.auto-style10 {
	border-radius: 0.75em;
	border: 1px solid #A26B35;
	margin-right: auto;
	margin-left: auto;
}

.auto-style12 {
	margin-right: auto;
	margin-left: auto;
}

.auto-style17 {
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
}
.auto-style19 {
	font-style: italic;
	font-weight: lighter;

	font-size: 1.7em;
	color: #AECAAF;
	margin-left: 0.15em;
}
.auto-style20 {
	text-align: left;
	font-size: 1em;
	font-style: italic;
	margin-left: 7em;
	color: #AECAAF;
	font-weight: lighter;
}
.auto-style21 {
	text-align: left;
	font-size: 1em;
	font-style: italic;
	color: #AECAAF;
	margin-left: 9.5em;
	font-weight: lighter;
}
.auto-style22 {
	color: #FF0000;
	font-weight: bold;
}
.auto-style24 {
	font-size: 21px;
	font-weight: bold;
	font-style: italic;
}