* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
	font-family: sans-serif;
	overflow: hidden; /* Masque les barres de défilement par défaut */
    overflow-y: scroll; /* Permet le défilement vertical */
    -ms-overflow-style: none; /* Masque les barres de défilement pour Internet Explorer et Edge */
    scrollbar-width: none; /* Masque les barres de défilement pour Firefox */
}

/* Styles par défaut */

body {
  	zoom: 1;
    color: #111e10;
	background: #ffffff; 
	position : relative;
	font-family: Arial, sans-serif;
	background-attachment: fixed; /* Fixe l'image pendant le scroll */
	background-size: cover; /* L'image prendra 100% de l'espace, quitte à la crop */
	background-position: center; /* Centre la position de l'image */
	background-repeat: no-repeat; /* Empêche l'image de se répéter en fonction de la taille d'écran */
	height: 100vh;
	background-image: url("images/cap.jpg");
    line-height: 1.6;
}


body w img
{   position : fixed;
	right:0;
	top:75%;
}


header {
	background: #1d331c;
    color: #e7e098;
    padding: 0px;
	position: fixed;
    top: 0px;
    width: 100%;
	background-image: url("images/header.jpg"); 
}

header h1 {
	padding-top: 5px;
    text-align: center;
	
	
}

nav ul {
    list-style: none;
	background: linear-gradient(to bottom, #987139, #cab775);
	display: flex;
    justify-content: center;
	text-align: center;	
	height: 25px;
}

nav ul li {
	
    margin: 0 0rem;
	color: #1d331c;
}

nav ul li a {
    color: #1d331c;
	text-decoration: none;
    font-weight: bold;
}

nav ul li a:hover {
    color: #f8fff8;
	text-decoration: none;
    font-weight: bold;
}

nav ul li img {
    clear:both;
	border:none;
	position:relative;
	clear:both;
	border:none;
	margin-top:03px;
	margin-right:06px;
	overflow: hidden;}
	
nav ul li img:hover {
    clear:both;
	border:none;
	position:relative;
	clear:both;
	border:none;
	margin-top:06px;
	margin-right:06px;
	overflow: hidden;
	
}
	

section {
    padding: 2rem;
    text-align: center;
}

footer {
    background: #1d331c;
    color: #dbcf85;
    text-align: center;
    padding: 0.5rem 0;
    position: fixed;
    bottom: 0;
    width: 100%;	
	font-family: sans-serif;
	font-size:18px;
}

@media (max-width: 490px) {
    nav ul {
        flex-direction: column;
    }

    nav ul li {
        margin: 0.5rem 0;
    }
}

#formulaire
{	
	margin-left:auto;
	margin-right:auto;
	width:85%;	
	min-width:423px;
	max-width:900px;
	min-height:770px;
	padding-left:00px;
	/*	background:center / contain no-repeat url("images/formulairebackground.png");	*/
	border-radius:25px;
	border-style:solid;
	border-width:2px;
	border-color:#f6d472;
	box-shadow: 25px 25px 50px rgba(0, 0, 0, 0.75);
	overflow:hidden;
	background: #738172;
    color: #e8e199;
	filter: opacity(0.90);
	}
	
#formulaire input[type="message"]
{	position:relative;
	text-align:left;
	Padding-left:15px;
	width:75%;
	left:0px;
	font-weight:bold;
	font-family: sans-serif;
	font-size:14px;
	color:#111e10;
	background-color:#ffffff;
	border-color:#f6d472;
	border-style:solid;
	border-width:2px;
	border-radius:11px;
	}

#formulaire input[type="tel"]
{	position:relative;
	text-align:left;
	Padding-left:15px;
	left:0px;
	width:75%;
	height:25px;
	font-weight:bold;
	font-family: sans-serif;
	font-size:14px;
	color:#111e10;
	background-color:#ffffff;
	border-color:#f6d472;
	border-style:solid;
	border-width:2px;
	border-radius:11px;
	}

#formulaire input[type="text"]
{	position:relative;
	text-align:left;
	Padding-left:15px;
	left:0px;
	width:75%;
	height:25px;
	font-weight:bold;
	font-family: sans-serif;
	font-size:14px;
	color:#111e10;
	background-color:#ffffff;
	border-color:#f6d472;
	border-style:solid;
	border-width:2px;
	border-radius:11px;
	}

#formulaire input[type="email"]
{	position:relative;
	text-align:left;
	Padding-left:15px;
	left:0px;
	width:75%;
	height:25px;
	font-weight:bold;
	font-family: sans-serif;
	font-size:14px;
	color:#111e10;
	background-color:#ffffff;
	border-color:#f6d472;
	border-style:solid;
	border-width:2px;
	border-radius:11px;
	}

#formulaire input[type="datetime-local"]
{	position:relative;
	text-align:center;
	margin-left:0px;
	padding-right:15px;
	margin-top:15px;
	width:200px;
	margin-bottom:22px;
	height:25px;
	font-weight:bold;
	font-family: sans-serif;
	font-size:14px;
	color:#111e10;
	background-color:#ffffff;
	border-color:#f6d472;
	border-style:solid;
	border-radius:11px;
	}
	
#formulaire select[name="PASSAGERS"]
{	position:relative;
	text-align:left;
	Padding-left:5px;
	width:45px;
	height:25px;
	margin-bottom:3px;
	font-weight:bold;
	font-family: sans-serif;
	font-size:14px;
	color:#111e10;
	background-color:#ffffff;
	border-color:#f6d472;
	border-style:solid;
	border-width:2px;
	border-radius:11px;
	}
	
#formulaire select[name="BAGAGES"]
{	position:relative;
	text-align:left;
	Padding-left:5px;
	width:45px;
	height:25px;
	margin-bottom:3px;
	font-weight:bold;
	font-family: sans-serif;
	font-size:14px;
	color:#111e10;
	background-color:#ffffff;
	border-color:#f6d472;
	border-style:solid;
	border-width:2px;
	border-radius:11px;
	}

#formulaire input[type="number"]
{	text-align:center;
	margin-bottom:5px;
	Padding-left:15px;
	width:118px;
	height:20px;
	font-weight:bold;
	font-family: sans-serif;
	font-size:14px;
	color:#111e10;
	background-color:#ffffff;
	border-color:#f6d472;
	border-style:solid;
	border-radius:11px;
	}
		
#formulaire button
{	position:relative;
	cursor:pointer;
	margin-top:15px;
	text-align:center;
	font-weight:bold;
	font-family: sans-serif;
	font-size:14px;
	width:128px;
	height:25px;
	color:#111e10;
	background-color:#f6d472;
	border-color:#000000;
	border-style:solid;	
	border-radius:11px;
	}
	
#formulaire img
{	width:100%;
	height:100%;
	max-width:700px;	
	}

#formulaire rcs
{	color: #ffffff;
	font-size:14px;
	padding-left : 10px;
	padding-right : 10px;
	}
	
	
#formulaire a
{	color: #ffffff;
	}
	
#formulaire a:hover
{	color: #e8e199;
	}
	
#formulaire h3 img
{  	clear:both;
	border:none;
	position:relative;
	top:05px;
	right:05px;
	float: right;
	width:97px;
   height:29px;	}
	
h2
{  	color:#e8e199;
	background-color: #596358;
	text-align:center;
	text-decoration:none;
	font-style:normal;
	font-family: sans-serif;
	font-size:24px;
	font-weight:bold;
	margin-left:auto;
	margin-right:auto;
	width:409px;
	border-radius:11px;
	border-style:solid;
	border-width:2px;
	border-color:#f6d472;
	}

h3
{  	color:#f6d472;
	padding-left:10px;
	padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
	text-align:justify;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	font-family: sans-serif;
	position:relative;
	background-color:#111e10;
	border-color:#f6d472;
	border-style:solid;
	border-width:2px;
	border-radius:11px;
	width:409px;
	margin-left:auto;
	margin-right:auto;
	}
	
h3 img
{  	clear:both;
	border:none;
	position:relative;
	top:05px;
	right:05px;
	float: right;
	width:97px;
   height:29px;	}
	
h4
{  	color:#f6d472;
	text-align:center;
	text-decoration: none;
	font-size:14px;
	font-style:normal;
	font-family: sans-serif;
	position:relative;
	color:#111e10;
	background-color:#ffffff;
	border-color:#f6d472;
	border-style:solid;
	border-width:2px;
	border-radius:11px;
	width:75%;
	height:25px;
	margin-left:auto;
	margin-right:auto;
	}	

h5
{  	color:#e8e199;
	text-align: center;
	text-decoration: none;
	font-size:14px;
	font-style:normal;
	font-family: sans-serif;
	position:relative;
	margin-top:00px;
	padding-top:00px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	}
	
h6
{  	color:#e8e199;
	text-align: center;
	text-decoration: none;
	font-size:14px;
	font-style:normal;
	font-family: sans-serif;
	position:relative;
	margin-top:00px;
	padding-top:00px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	}	
	
/* Styles pour l'affichage multi colonne */
	
	
.container {
			position:relative;
			border-radius:18px;
			display: flex;
			overflow: hide;
			padding-left:5%;
			padding-right:5%;
			padding-bottom:2%;
			
}

.box {		
			background: linear-gradient(#596358, #fffff2 50%);
            position:relative;
			border-radius:18px;
			flex: 1;
            padding-top: 2%;
			padding-right: 10px;
			padding-left: 10px;
            margin: 10px;
            border: 2px solid #000000;
            box-shadow: 2px 2px 8px rgba(0,0,0,0.1);	
			font-size:1 px;
}

.box i img {
			clear:both;
			border:none;
			margin-left:0px;
			margin-right:0px;
			border-radius: 0px 70px / 100px;
			border-color:#000000;
			border-style:solid;
			border-width:2px;
			float: center;			
			box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
			border-radius: 8px; /* optionnel pour arrondir les coins */
}



.box a img {
			clear:both;
			border:none;
			border-radius: none;
			float: center;			
			box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
			border-radius: 8px; /* optionnel pour arrondir les coins */
}



	
/* Styles pour l'affichage en mode portrait */

@media screen and (orientation: portrait){
 
#formulaire
{	zoom: 1.5;
	margin-left:auto;
	margin-right:auto;
	width:100%;	
	min-width:423px;
	min-height:770px;
	padding-left:00px; 
	border-radius:25px;
	border-style:solid;
	border-width:2px;
	border-color:#f6d472;
	overflow:hidden;
	background: #738172;
    color: #e8e199;
	}
	
}

@media screen and (min-width: 900px) and (orientation: portrait){
 
body {
    zoom: 1.5; }
	
#formulaire
{	zoom: 1.3;
	margin-left:auto;
	margin-right:auto;
	width:100%;	
	min-width:423px;
	min-height:770px;
	padding-left:00px;
	border-radius:25px;
	border-style:solid;
	border-width:2px;
	border-color:#f6d472;
	overflow:hidden;
	background: #738172;
    color: #e8e199;
	}

#formulaire rcs
{	color: #ffffff;
	font-size:8px;
	padding-left : 10px;
	padding-right : 10px;
	}
	
	
}