body {
	background-color: #FFBA75;
	margin-top: 0px;
	font-size: 1.7em;
	margin-right: auto;
	margin-left: auto;
	line-height: 1.2em;
	text-align: center;
}

a {
	color: #804000;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	font-size: 21px;
}
#colonne-gauche{
	float: left;
	width: 450px;
	
}
#colonne-droite{
	float: left;
	width: 510px;
	margin-left: 20px;
	text-align: justify;
}


img {
	width: 320px;

	border-radius: 8px;
	border: 1px solid #462828;
}
.img2 {
    width: 100%;
    height: auto;
    border: 0;
    border-radius: 8px;
}

.img3 {
	width: 140px;
	height: auto;
		border-radius: 8px;
	border: 1px solid #462828;

}
.img4 {
	width: 300px;
	height: auto;
		border-radius: 8px;
	border: 1px solid #462828;

}
.img5 {
	width: 672px;
	height: auto;
		border-radius: 8px;
	border: 1px solid #462828;

}
.img6 {
	width: 242px;
	height: auto;
		border-radius: 8px;
	border: 1px solid #462828;

}

.img7 {
	margin: auto;
	width: 60px;
	height: auto;
	border: 0px;

}

    #bloc_centre {
	margin-right: auto;
	margin-left: auto;
	width: 980px;
	height: auto;
}

#colonne_large {
	margin-right: auto;
	margin-left: auto;

	width: 100%;
	height: auto;
}

.auto-style9 {
	font-weight: bold;
	font-style: italic;
	text-align: left;
	padding-left: 20px;
}
.auto-style10 {
	text-align: justify;
	font-size: 18px;
	line-height: normal;
}


.auto-style14 {
	text-align: left;
}
.auto-style15 {
	text-align: justify;
	font-size: 21px;
	line-height: normal;
}
.auto-style17 {
	text-align: justify;
	width: 470px;
	line-height: normal;
}


.auto-style16 {
	border: 1px solid #804000;
	border-radius: 10px;
}



.auto-style19 {
	border-radius: 10px;
	border: 1px solid #804000;
	text-align: center;
}
.auto-style23 {
	border-radius: 10px;
	border: 1px solid #804000;
	text-align: left;
}
.auto-style24 {
	border-radius: 12px;
	border: 0 solid #462828;
	width: 20%;
}
.auto-style26 {
	text-decoration: underline;
	color: #0000FF;
}
.auto-style30 {
	border-radius: 12px;
	border: 0 solid #462828;
}
.auto-style31 {
	text-align: justify;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
.auto-style32 {
	border-color: #804000;
	border-width: 0;
	border-radius: 10px;
}
.auto-style33 {
	text-align: center;
	border: 1px solid #804000;
	border-radius: 10px;
	padding-right: 5px;
	padding-left: 5px;
}
.auto-style34 {
	text-align: left;
	border: 1px solid #804000;
	border-radius: 10px;
	padding-left: 10px;
}
.auto-style36 {
	text-align: left;
	border: 1px solid #804000;
	border-radius: 10px;
	padding-left: 10px;
}
.auto-style37 {
	text-align: left;
	padding-left: 20px;
	background-image: url('images/image-fond-case.jpg');
	height: 62px;
	width: 905px;
	background-repeat: no-repeat;
}
.auto-style38 {
	margin: auto;
	height: 62px;
	width: 70px;
}
  .auto-style39 {
	  font-size: 25px;
  }
.auto-style41 {
	background-position: left center;
	text-align: left;
	padding-left: 20px;
	background-image: url('../images/image-fond-case-2.jpg');
	background-repeat: no-repeat;
}
.auto-style42 {
	color: #D35400;
}


.change .apres, .change:hover .avant {
    display : none;
}

.change:hover .apres {
    display : block;
}
.zoom {
	width: 100%;
}
.image {
	width: 100%;
}
  .auto-style47 {
	  font-size: 21px;
  }

.image:hover img {
/* L'image est grossie de 25% */
-webkit-transform:scale(2); /* Safari et Chrome */
-moz-transform:scale(2); /* Firefox */
-ms-transform:scale(2); /* Internet Explorer 9 */
-o-transform:scale(2); /* Opera */
transform:scale(2);
}

figure {
  margin: 0;
  padding: 0;
}
figcaption {
  text-align: center;
}
.auto-style42 {
  color: #D35400;
}

.auto-style43 {
  font-size: 1em;
}
.quick-links {
    display: grid;
    grid-template-columns: repeat(3, 260px);
    gap: 15px;
    justify-content: center;
    margin: 15px auto 30px;
    max-width: 980px;
}

.quick-links a {
    display: block;
}

.quick-links img {
    display: block;
    width: 260px;
    max-width: 100%;
    height: auto;
}

/* Centrer la 7ème vignette */
.quick-links > a:nth-child(7) {
    grid-column: 2;
}

/* Tablettes */
@media (max-width: 850px) {
    .quick-links {
        grid-template-columns: repeat(2, 260px);
    }

    .quick-links > a:nth-child(7) {
        grid-column: auto;
    }
}

/* Téléphones */
@media (max-width: 570px) {
    .quick-links {
        grid-template-columns: minmax(0, 260px);
    }
}/* ===== Accès rapides page d'accueil ===== */

.outils-accueil{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:20px;
    max-width:980px;
    margin:20px auto;
}

.carte-outil{
    width:300px;
    background:#FFF4E8;
    border:1px solid #804000;
    border-radius:12px;
    padding:10px;
    box-sizing:border-box;
}

.carte-outil img{
    width:100%;
    border-radius:8px;
    display:block;
}

.carte-outil p{
    font-size:18px;
    line-height:1.3em;
    text-align:center;
    margin:10px 0 0 0;
    color:#5A2D00;
}

.carte-outil strong{
    display:block;
    margin-bottom:5px;
}

.intro-outils{
    width:980px;
    margin:20px auto;
    text-align:center;
    font-size:22px;
}