/* --- GENERAL --- */
html{
    background-image: url(../images/fond.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size:cover;
}
body {
	font-family: 'Monsieur La Doulaise', cursive;
	color: #0A1819 ;
	text-align: center;
	font-size: 1rem;   
}

h1 {    
	font-size: 2rem;
	font-weight:900;	
	padding:1.2rem;
}

/* --- HEADER --- */
.header-index img{
    width:650px;
    height:auto;
    margin:auto;
    object-fit: cover; 
}
.header-main{
    margin-bottom: 100px;
}
header{
    width:100%;
    height:148px;
}

header img{
    height: 248px; 
    width:100%;
    margin:auto;
    object-fit: contain;
    border:0;

}

/* --- NAVIGATION --- */

nav{
   
	text-align: center;
	padding-bottom: 5px;
	background-color: #5c5b5b;

}
nav ul{ 
	padding:0.5rem;
    font-size: 0.5em;
}
nav ul li {
	display:inline-block;
	list-style-type:none;
	padding-right:1.4rem;
	padding-left:1.4rem;
	
}
	
nav ul li a {
	color:#FBFAFF;
	text-decoration: none;
	font-weight:300;
	font-size: 1.2rem;
}


/* --- CONTENT --- */
.h2-contact{
    padding-top: 25px;
    text-align: center;
}
.h2-footer-contact{
    padding-top: 25px;
}
main{
	text-align: justify;
	max-width:795px;
	margin:auto;	
	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;
	
}

main p:first-letter{
	
	font-size: 2.5rem;
	font-weight:900;
	color:#701F2E;
}

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

/* ---- TABLEAU ---- */
.demo {
    width:95%;
    border:1px solid #C0C0C0;
    border-collapse:collapse;
    padding:5px;
}
.demo th {
    border:1px solid #C0C0C0;
    padding:5px;
    background:#F0F0F0;
}
.demo td {
    border:1px solid #C0C0C0;
    text-align:center;
    padding:5px;
}
.demo td img{
    -webkit-box-shadow: 1px 1px 41px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 41px -5px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 41px -5px rgba(0,0,0,0.75);
}
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{
	width:150px; 
	display:inline-block;	
	margin-top:0.5rem;
}

main legend {
    font-size:2.5em;
    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;

}


input:focus:valid {
    border-color: #56c93f;
    box-shadow: 0 0 5px #56c93f;
}

input:focus:invalid {
    border-color: #FF0000;
    background-image: none;
    box-shadow: 0 0 5px #d45252;
}

input[type=submit] { 
    border-radius:20px 15px 20px 15px;
    text-shadow: -1px -1px 1px #000, 1px 1px 1px #ccc;
    padding: 1em 0.5em 1.5em 0.5em ;
    font-size: 1em;
    color:white;
    text-transform:uppercase;
}

input[type=submit]:hover{
    box-shadow: 5px 5px 5px #888;
}

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

/* FOOTER */

footer{
   
	font-weight: 300;
	text-align: center;

}
.footer-index{
    margin-top: 350px;
    
}

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

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

footer a{
	padding-top:15px;
	font-size:20px;	
	
}