@import url(http://fonts.googleapis.com/css?family=Monsieur+La+Doulaise);

/* --- GENERAL --- */

html {
	background: #FBFAFF url(images/fond_bouchons.jpg) no-repeat center fixed;
	background-size: cover;
}

body {

	color: #0A1819;
	text-align: center;
	font-size: 1rem;
}

h1 {
	font-family: 'Monsieur La Doulaise', cursive;
	font-size: 2.5rem;
	font-weight: 900;
	color: #701F2E;
	padding: 1.2rem;
}

/* --- HEADER --- */
/* Pour cibler la page index uniquement (body id="index")*/
body header {
	max-width: 1020px;
	margin:auto;
	height: 100%;
	background-color: #141E1F;
}

body header img {
	width: 100%;
	height: auto;
	box-sizing:inherit;
	object-fit: cover;
}

/* --- NAVIGATION --- */

nav {
	text-align: center;
	padding:5px;
	background-color: #701F2E;


}



nav ul li {

	display: inline-block;
	list-style-type: none;
	padding-right: 1.4rem;
	padding-left: 1.4rem;

}

nav ul li a {
	font-family: 'Monsieur La Doulaise', cursive;
	color: #FBFAFF;
	text-decoration: none;
	font-weight: 300;
	font-size: 2.2rem;
}

nav ul li a:hover {
	font-family: 'Monsieur La Doulaise', cursive;
	color: #FFf;
	font-weight: 800;

}

/* --- CONTENT --- */

main {
	text-align: justify;
	max-width: 980px;
	margin: auto;
	font-family: "Myriad Pro", sans-serif;
	/* font-weight:500; */
	background-color: rgba(255, 255, 255, 0.6);
	padding: 1rem;
	border: thin solid #701F2E;
	border-top-style: none;
}

main p {
	padding: 0.5rem;
	line-height: 1.2rem;
	/* Pour éviter le décalage éventuel causé par la lettrine */
}

main p:first-letter {
	font-family: 'Monsieur La Doulaise', cursive;
	font-size: 2.5rem;
	font-weight: 900;
	color: #701F2E;
}

main a {
	color: #701F2E;
	font-size: 1.2em;
	font-weight: 700;
	text-decoration: none;
}

/* ---- TABLEAU ---- */

main table {
	padding: 0px;
	width: 800px;
	margin: auto;
}

main table img {
	border: 1px solid #701F2E;
}

/* ---- FORMULAIRE ---- */

main form {
	padding: 0px;
	width: 800px;
	margin: auto;
}

main label {
	/* Pour aligner les éléments de formulaire*/
	width: 150px;
	display: inline-block;
	/*Pour dimensionner les labels */
	margin-top: 0.5rem;
}

main legend {
	font-size: 2.5em;
	font-family: 'Monsieur La Doulaise', cursive;
	color: #701F2E;
	padding-bottom: 0.5rem;
}

main fieldset {
	border: 1px solid #701F2E;
	border-radius: 10px;
	padding: 1rem;
	margin: 1rem;
}

input {

	width: 450px;
	height: 1.1rem;
}

input:required {
	background: #fff url(images/asterisk.png) 98% center no-repeat;

}

/*Lorsque mon curseur est dans l'input et que celui-ci est valide */
input:focus:valid {
	border-color: #56c93f;
	box-shadow: 0 0 5px #56c93f;
}

/*Lorsque mon curseur est dans l'input et que celui-ci est invalide (en fonction du type de l'input) */
input:focus:invalid {
	border-color: #FF0000;
	background-image: none;
	box-shadow: 0 0 5px #d45252;
}

button {
	width:280px;	
	border-radius: 20px 15px 20px 15px;
	text-shadow: -1px -1px 1px #000, 1px 1px 1px #ccc;
	padding:7px;
	margin-left: 25px;
	cursor:pointer;
	font-size: 1em;
	color: white;
	text-transform: uppercase;


	background: #a56b77;
	/* Old browsers */
	background: -moz-linear-gradient(-45deg, #a56b77 19%, #8f0222 54%, #6d0019 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(19%, #a56b77), color-stop(54%, #8f0222), color-stop(100%, #6d0019));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #a56b77 19%, #8f0222 54%, #6d0019 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #a56b77 19%, #8f0222 54%, #6d0019 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #a56b77 19%, #8f0222 54%, #6d0019 100%);
	/* IE10+ */
	background: linear-gradient(135deg, #a56b77 19%, #8f0222 54%, #6d0019 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a56b77', endColorstr='#6d0019', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}

button:hover {
	box-shadow: 5px 5px 5px #888;
}

/* GOOGLE MAP */
main iframe {
	margin: 1em auto;
}

/* FOOTER */
footer {
	font-weight: 300;
	text-align: center;

}

footer p {
	padding-top: 2.5rem;
	font-size: 4.5rem;
}

footer address {
	font-family: "Myriad Pro";
	font-size: 1.7rem;
	font-style: normal;
}

footer p#copyright a {
	border: 1px;
	border-radius: 7px;
	font-family: "Myriad Pro";
	font-size: 24px;
	color: #701F2E;
	
	background-color: #ffffff70;
	padding:7px;
}

footer p#copyright a:hover{
	font-size: 27px;
}