@charset "utf-8";
/* CSS Document */
#body {
	padding: 0px;
	margin: 0px;
	background-color: #ede4c3;
	font-family: "Arial";
}

a:link {
	color: #FFFFFF;
	text-decoration: none;
}

a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#header {
	position: fixed;
	top: 0px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #475f14;
}

#header ul {
	display: flex;
	justify-content: space-around;
	margin-top: 0%;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
}

#header ul li {
	list-style: none;
	float: left;
	margin-right: auto;
	margin-top: 0px;
	font-weight: normal;
	color: #FFFFFF;
	letter-spacing: 1px;
	margin-left: auto;
	text-align: center;
	padding: 4px;
}

#main {
	margin-top: 70px;
	margin-bottom: 80px;
}

.diver {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

.intro {
	padding: 4px;
	margin-left: auto;
	margin-right: auto;
}

.acroche {
	width: auto;
	border: 5px solid #9c622b;
	background-color: #e1b48e;
	margin-left: 25%;
	margin-right: 25%;
	margin-top: 20px;
	margin-bottom: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 1.3em;
	text-align: center;
	border-radius: 20px;
}

.acroche:hover {
  background-color: #ed9d57;
}

.acroche a:visited {
	color: #000000;
	text-decoration: none;
}

.acroche a:link {
	color: #000000;
	text-decoration: none;
}

.liste {
	margin-top: 10px;
	width: 100%;
	padding-top: 10px;
	padding-left: 5px;
	padding-bottom: 10px;
	border: 4px solid #9c622b;
	border-radius: 20px;
	background-color: #df9f66;
	font-size: .9em;
	cursor: pointer;
}

.liste:hover {
  background-color: #ed9d57;
}

.liste ul {
	padding-left: 0px;
}

.liste ul a:visited {
	color: #000000;
	text-decoration: none;
}

.liste ul a:link {
	color: #000000;
	text-decoration: none;
}

.liste ul li {
	list-style: none;
}

.titre {
	margining-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	padding-top: 1px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 1px;
	text-align: center;
	letter-spacing: 1px;
	font-size: 1.15em;
	background-color: #df9f66;
}

h1 {
	font-size: 1.15em;
	margin-top: 0px;
	margin-bottom: 0px;
}

.extension {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	padding: 0px;
}

.extension a:link {
	color: #000000;
}

.extension a:visited {
	color: #000000;
}

.warehouse a:link {
	color: #000000;
	text-decoration: underline;
}

.warehouse a:visited {
	color: #000000;
	text-decoration: underline;
}

.extcolone {
	margin-top: 0px;
	padding: 0px;
	text-align: left;
}

.bloc2 {
	display: inline-block;
}

.ext1 {
	padding: 0px;
	display: inline-block;
	vertical-align: top;
}

.extimage {
	padding: 0px;
	display: inline-block;
	vertical-align: top;
}

.ext2 {
	margin-top: 0px;
	margin-bottom: 15px;
	padding: 0px;
}

.donload {
	display: inline-block;
	height: 25px;
	margin-top: 0px;
	margin-left: 20px;
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 22px;
	border: 5px solid #9c622b;
	border-radius: 20px;
	background-color: #e1b48e;
}

.donload:hover {
  background-color: #f2b27c;
}

.ext4 {
	margin-top: 0px;
	margin-bottom: 15px;
	padding: 0px;
}

.bouton {
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 20px;
	padding: 3px;
}

.text {
	margin: 0px;
	padding-top: 15px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	text-align: left;
}

.legende {
	margin-top: 25px;
	margin-bottom: 5px;
}

.contact {
	width: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
}

.contactimage{
	position: relative;
	top: 3px;
}

#footer {
	background-color: #475f14;
	position: fixed;
	bottom: 0px;
	width: 100%;
}


#footer ul {
	margin-top: 0%;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
	width: 100%;
}

#footer ul li {
	list-style: none;
	float: left;
	margin-right: auto;
	margin-top: 0px;
	font-weight: normal;
	color: #FFFFFF;
	letter-spacing: 1px;
	margin-left: auto;
	text-align: center;
	width: 25%;
}

@media (max-width: 550px) {
	
	.sous-menu {
	margin-top: 15px;
	margin-bottom: 30px;
	margin-left: 9px;
	margin-right: 9px;
	display: flex;
	padding: 0px;
	text-align: center;
	font-size: 1.15em;}

	.extension {
	margin: 10px;}
	
	.extimage img {
	display: none;}
	
	.extcolone {
	width: 100%;}
	
	.extcolone img {
	width: 100px;
	margin-bottom: 13px}
	
	.bloc1 {
	display: inline-block;
	vertical-align: top;}

	.ext2 {
	margin-left: 10px;
	display: flex;
	flex-direction: row;}
	
	.donload {
	margin-left: 10px;}
	
	.ext4 {
	margin-right: 20px;
	display: inline-block;}
	
	.image img {
	width: 100%;}
	
	#retour1 {
	display: none;}
	
	#retour2 {
	margin-top: 15px;
	margin-left: 13px;}
	
	#footer ul li {
	width: 33%;}
}

@media (min-width: 550px) and (max-width: 1050px) {
	
	.sous-menu {
	margin-top: 15px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	width: 450px;
	padding: 0px;
	text-align: center;
	font-size: 1.15em;}
	
	.intro {
	width: 500px;}

	.extension {
	margin: 10px;}
	
	.extimage img {
	display: none;}
	
	.extcolone {
	width: 100%;}
	
	.extcolone img {
	width: 100px;
	margin-bottom: 13px}
	
	.bloc1 {
	display: inline-block;
	vertical-align: top;}

	.ext2 {
	margin-left: 10px;
	display: flex;
	flex-direction: row;}
	
	.donload {
	margin-left: 10px;}
	
	.ext4 {
	margin-right: 20px;
	display: inline-block;}
	
	.image img {
	width: 100%;}
	
	#retour1 {
	display: none;}
	
	#retour2 {
	margin-top: 15px;
	margin-left: 13px;}
	
	#footer ul li {
	width: 33%;}
}

@media (min-width: 1050px) {
	
	.sous-menu {
	margin-top: 15px;
	margin-left: 25%;
	margin-right: 25%;
	margin-bottom: 30px;
	padding: 0px;
	text-align: center;
	font-size: 1.15em;}
	
	.intro {
	width: 600px;}
	
	.titre {
	width: 870px;}
	
	.extension {
	width: 870px;}
	
	.extcolone {
	width: 640px;}
	
	.ext2 {
	margin-left: 20px;
	display: inline-block;}
	
	.ext4 {
	margin-left: 20px;
	display: inline-block;}
	
	.contact {
	width: 600px;}
	
	.extcolone img {
	display: none;}
	
	#retour1 {
	position: fixed;
	top: 70px;
	left: 15px;}
	
	#retour2 {
	display: none;}
}