/* Définitions globales */
:root {
	--couleur-texte-bleu: RoyalBlue;
	--font-texte: "Helvetica Neue", Arial;
	--fond-transparent: rgba(13, 202, 240, 0.4);
}

@font-face { 
	font-family: 'Tangerine'; 
	src: url('fonts/Tangerine_Regular.ttf'); 
	font-display: swap; 
}

.ombre { box-shadow: 0px 5px 20px 10px #3af;}

html, body {
	background: url('img/fond2.jpg') no-repeat center fixed; 
	background-size: cover;
}

body {
	padding: 0; 
	margin: 0; 
	width:100%;
	height: 100%;
}
/* Définition du logo Papillon Bleu */
.navbar-brand {
	font: 50px Tangerine;
	color: var(--couleur-texte-bleu);
	text-shadow: #CCC 1px 2px 10px;
}
.navbar-brand:hover, 
.navbar-brand:focus {
	color: var(--couleur-texte-bleu);
	text-shadow: #CCC 1px 2px 25px;
}

.navbar-toggler {
	background-color: var(--couleur-texte-bleu);
}

.navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='coral' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

.nav-link {
	font: 30px Tangerine;
	color: var(--couleur-texte-bleu);
	text-shadow: #77F 2px 2px 10px;
}

.nav-link.active {
	font-weight: bold;
	color: var(--couleur-texte-bleu) !important;
}

.nav-link:hover {
	color: var(--couleur-texte-bleu) !important;
}

.message-bienvenue {
	position: absolute;
	width:70%;
	font-size: 10vw;
	font-family: Tangerine;
	line-height: 85%;
	color: royalblue;
	top: 50px;
	bottom: 0;
	left:0;
	right: 0;
	margin: auto;
}

.message-bienvenue2 {
	font: 2vw var(--font-texte);
	font-style: italic;
	font-weight: light;
	color: var(--couleur-texte-bleu);
	text-shadow: 2px 2px 2px #FFF;
	padding-left:25vw; 
	margin-top: -1vw;
}

.message-bienvenue3 {
	font: 3vw var(--font-texte);
	font-style: italic;
	font-weight: light;
	color: var(--couleur-texte-bleu);
	text-shadow: 2px 2px 2px #FFF;
	padding-left: 10vw;
	margin-top: 6vw;
}

.font-titre {
	font: 35px Tangerine; 
	font-weight: bold;
	color: var(--couleur-texte-bleu);	
}	

.font-paragraphe, .font-lien {
	font: 16px var(--font-texte);
	font-weight: light;
	color: white;
	text-shadow: 1px 1px 2px #000;
	text-align: justify;
	text-decoration: none;
}

.font-lien:hover {
	text-decoration: none;
	color: var(--couleur-texte-bleu);
}

/*
.dropdown:hover .dropdown-menu {
	display: block;
}
*/

.prix th, .prix td {
	text-align: right;
	padding-right: 1em;
	min-width: 70px;
	font-weight: bold;
}

.bg-container {
	background: var(--fond-transparent)
}

.responsive-image {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}