body {
	margin:0;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
}


header {
	background-color:black;
	padding-bottom:3%;
	border-bottom-left-radius:5%;
	border-bottom-right-radius:5%;
	background-image: url("fond.jpg");
	background-size:cover;
	
}

.test2 {
	width:75%;
	margin:0 auto;
}

.logo { 
	margin-top:1%;
	width:18%;
}

.logo2 {
	width:15%;
	margin:0% auto;
	display:flex;
	padding-top:2%;
}

.logo3{
	width:100%;
}
.w-100 {
	width:100%;
	height:100%;
}

.fondheader {
	width:100%;
}

.menuheader {
	margin-top:2%;
	width:100%;
	margin-bottom: 2%;
}

.lienheader {
	
	margin-left:4%;
	margin-right:4%;
	text-decoration:none;
	font-size:150%;
	color:white;
	font-weight:bold;
}

.lienheader:hover {
	color:#C1130D
}

.desc {
	color:white;
	text-align:center;
}

.desc2 {
	width:80%;
	margin:2% auto;
	margin-bottom:3%;
}


h5 {
	text-shadow:1px 1px 1px black;
	font-size:60%;
}
.titre {
	width:100%;
	font-size:140%;
	color:white;
	text-shadow:2px 2px 2px black;
	padding-top:2%;
	margin-bottom:1.5%;
	text-align:center
}

.titre7 {
	width:100%;
	font-size:170%;
	color:black;
	text-shadow:1px 1px 1px lightgrey;
	padding-top:0%;
	margin-bottom:2%;
	text-align:center
}

.categ {
	display:flex;
	flex-wrap:nowrap;
	margin:0;
	
	width:100%;

}

#categ8 {
	display:flex;
	flex-wrap:nowrap;
	margin:0;
	position:sticky;
		 z-index: 1; 
	width:100%;
	overflow:hidden;
	

}

.categ1, .categ2, .categ3, .categ4, .categ5 {
	width:20%;
	text-align:center;
	text-decoration:none;
	color:white;
	text-shadow:1px 1px 1px black;
	border:1px solid black;
	padding-top:2%;
	padding-bottom:0.5%;
	background-color:black;

}

.moulage {
	width:100%;
	justify-content:space-around;
	display:flex;
	text-align:center;
}

.illus1{
	width:20%;
}

.illus11{
	width:80%;
}
.categ1 {
	border-bottom:7px solid blue;
}

.categ2{
	border-bottom:7px solid green;
}

.categ3 {
	border-bottom:7px solid red;
}

.headeraccueil {
	text-align:center;
	display:flex;
	flex-wrap:wrap;
	background-image: url(fondheader.png);
	background-size: cover;
	border-bottom-left-radius:15%;
	border-bottom-right-radius:15%;
	padding-bottom:3%;
}

.fondheader {
	width:100%;
}

.menuheader {
	margin-top:2%;
	width:100%;
	margin-bottom: 2%;
}

.mentions {
	width:30%;
	text-align:justify;
	margin-left:19%;
	margin-top:2%;
	margin-bottom:2%;
	
}

.loi {
	width:30%;
	margin-right:19%;
	margin-top:10%;
	text-align:end;
}

.loi1 {
	width:60%;
}

.centre {
	width:100%;
	display:flex;
	flex-wrap:wrap;

}

.reponse {
	margin-top:-2%;
}

.lienheader {
	
	margin-left:4%;
	margin-right:4%;
	text-decoration:none;
	font-size:150%;
	color:white;
	font-weight:bold;
}

.lienheader:hover {
	color:#C1130D
}

.logo {
	margin-top:1%;
	width:18%;
}

.button {
	width:10%;
	text-decoration:none;
	margin-top:7%;
	color:white;
	font-style:bolder;
	background-color:#C1130D;
	padding:0.8%;
	border-radius:1rem;
	border:1px solid black;
	margin-left:2%;
	margin-right:2%;
}

.titre {
	width:100%;
	font-size:140%;
	color:white;
	text-shadow:2px 2px 2px black;
	padding-top:2%;
	margin-bottom:1.5%;
	text-align:center
}

.titre1 {
	width:100%;
	color:#C1130D;
	margin-bottom:2%;
	text-align:justify;
	text-shadow:1px 1px 1px black;
}



.button:hover {
	background-color:white;
	color:#C1130D;
}

footer {
	text-align:center;
	display:flex;
	flex-wrap:wrap;
	background-color:black;
	justify-content: space-between;
	color:white;
}

.footer {
	margin-top:1%;
	width:100%;
	display:flex;
	justify-content: space-between;
	margin-bottom:-1%;
}

.logo1 {
	margin-top:1%;
	width:12%;
	margin-bottom:-3%;
}

.adresse {
	margin-left:5%;
}

.contact {
	margin-right:5%;
}

.mailfooter {
	text-decoration:none;
	color:white;
}

.mailfooter:hover {
	color:#C1130D;
}

.droit {
	text-align:center;
	width:100%;
	font-style: italic;
	font-size: 80%;
	color:white;
	margin-top:-0.5%;
}



@media (max-width: 1300px) {
		footer {
		margin-top:5%;
	}
	.loi {
		margin-top:25%;
	}
}

@media (max-width: 980px) {
	.lienheader {
		font-size:90%;
	}
		footer {
		margin-top:5%;
	}
	.loi {
		width:100%;
		margin:0%;
		text-align:center;
		margin-top:3%;
	}
	.loi1{
		width:30%;
	}
	.mentions {
		width:60%;
	}
	}

@media (max-width: 750px) {
	
	footer {
		margin-top:5%;
	}
	.lienheader {
	font-size:75%;
	margin-left:2%;
	margin-right:2%;
	}
	.logo {
		width:30%;
	}
	.adresse {
		font-size:80%;
	}
	.contact {
		font-size:80%;
	}
	.logo1 {
		width:20%;
	}
	.titre {
		font-size:80%;
	}
	.menuheader {
		margin-bottom:5%;
	}
	.headeraccueil {
		padding-bottom:7%;
	}
	.button {
		width:100%;
		font-size:80%;
		padding:2%;
	}
}

@media (max-width: 500px) {
	.reponse {
		margin-bottom:3%;
		font-size:90%;
		text-align:left;
	}
	.element {
		font-size:90%;
		text-align:left;
	}
	.titre1 {
		font-size:170%;
	}
}