body {
	font-family: Constantia, Average, serif;
	color: wheat; /* Fallback */
	color: #edc67eff;
	background-color: midnightBlue; /* Fallback */
	background-color: #001124ff;
	margin: 5vw 5vw 8vw;
  padding: 0;
	text-align: center;
	-webkit-text-size-adjust: 100%
}

img {
    display: block;
    padding: 0;
    margin: 0;
}

ul {
    padding: 0;
    margin: 0;
}

li {
    padding: 0;
    margin: 0;
}

p {
    padding: 0;
    margin: 0;
}

h1 {
    padding: 0;
    margin: 0;
    font-weight: normal;
    line-height: normal;
}

h2 {
	  font-size: 3.5vw;
    padding: 0;
    margin: 10vw auto 7vw;
}

h3 {
    font-size: 3vw;
    color: white; /* Fallback */
    color: #ffffff;
    padding: 0;
    margin: 4vw auto 4vw;
}

h4 {
    font-size: 2.5vw;
    color: white; /* Fallback */
    color: #ffffff;
    padding: 0;
    margin: 4vw auto 4vw;
}

a[href^="tel"] {
	color: inherit;
	text-decoration: none;
}

a[href^="mail"] {
	color: inherit;
	text-decoration: none;
}

/* Accueil */

.accueil {
    color: white; /* Fallback */
    color: #ffffff;
}

.numeros p {
    font-size: 2vw;
	line-height: 1.3;
}    

.logo {
    margin: 5vw 0vw 5vw;
}

.logo img {
    width: 21%;
    margin: 5vw auto 0.5vw;
}

.logo p {
}

.intro {
	margin: 5vw 15vw 10vw;
}

.intro p {
    font-size: 2.1vw;
    line-height: 1.5;
    margin: 3vw 0vw 3vw;
}

.intro img {
	width: 50%;
	margin: 5vw auto 10vw;
}

/* Infos */

.infos {
	margin: 10vw 0vw 15vw;
}

.infos p {
    font-size: 2vw;
    line-height: 1.5;
    margin: 3vw 0vw 3vw;
}

.infos ul {
	margin: 5vw 0vw 7vw 2vw;
}

.infos li {
    font-size: 2.3vw;
    line-height: 2.5;
    text-align: left;
    color: white; /* Fallback */
    color: #ffffff;
    margin: 3vw 0vw 3vw;
}

.infos li p {
    font-size: 2vw;
    line-height: 1.1;
    margin: 1vw 0vw 1vw;
}

.annonce {
    margin: 7vw 0 10vw;
}

.annonce p {
    width: 75%;
    line-height: 1.3;
	color: #ffffff;
	background-color: Crimson; /* Fallback */
	background-color: #C7003C;
	border: 0.2vw solid #ffffff;
	border-radius: 1vw;
	padding: 2vw 3vw;
    margin: 4vw auto 4vw;
}

.tarifs {
	width: 92%;
    box-sizing: border-box;
	border: 0.3vw solid #edc67eff;
	border-radius: 1vw;
    padding: 0vw 3vw 1vw;
    margin: 5vw auto 5vw;
}

.tarifs p {
    line-height: 1.2;
}

/* Contacts */

.contacts {
    font-size: 3vw;
    line-height: 6vw;
}

.contacts img {
    margin: 3vw auto 3vw;
}

.contacts p {
    margin: 2vw 0vw;
}


/* Navigation menu style */

.navbar {
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 0;
	margin: 0;
    width:100%;
}

.navbar-annonce {
    padding: 0;
    margin: 0;
}

.navbar-annonce a {
    display: block;
    width: 33%;
    box-sizing: border-box;
	font-size: 2.6vw;
	text-decoration: none;
    color: #ffffff;
	background-color: Crimson; /* Fallback */
	background-color: #CC003E;
	border: 0.2vw solid #001124ff;
	border-radius: 1vw;
    padding: 0.2vw 1vw;
    margin: 0 auto;
}

.navbar-main {
    padding: 0;
    margin: 0;
}

.navbar-main ul {
	list-style-type: none;
}

.navbar-main li {
	float: left;
    width: 20%;
    box-sizing: border-box;
    border-right: 0.1vw solid #001124ff;
}

.navbar-main li:last-child {
	border-right: none;
}

.navbar-main a {
    display: block;
	text-decoration: none;
	font-size: 3.2vw;
	color: MidnightBlue; /* Fallback */
	color: #001124ff;
	background-color: Wheat; /* Fallback */
	background-color: #edc67eff;
    padding: 0;
    margin: 0;
}

.navbar-main a:hover {
	background-color: #ffffff;
}