@font-face{
	font-family: 'Montserrat';
	src: url('/fonts/Montserrat-Regular.ttf');
}
@font-face {
	   font-family:'Montserrat';
	   src:url('/fonts/Montserrat-Bold.ttf');
	   font-weight:bold;
}		
	@font-face {
	   font-family:'Montserrat';
	   src:url('/fonts/Montserrat-Italic.ttf');
	   font-style:italic;
}		
	@font-face {
	   font-family:'Montserrat';
	   src:url('/fonts/Montserrat-BoldItalic.ttf');
	   font-weight:bold;
	   font-style:italic;
}

body{
    width: 100%;
	font-size: 20px;
	font-family: 'Montserrat', Verdana sans-serif;
	font-style: bold;
	background-color: #FFFFFF; /* Couleur de fond */
    
}




body{
    width: 100%;
	font-size: 20px;
	font-family: 'Montserrat', Verdana sans-serif;
	font-style: bold;
	background-image: url(images/Pirate.png); /* Remplacez par le chemin de votre image */
    background-size: cover; /* Ajuste l'image pour couvrir tout l'écran */
    background-repeat: no-repeat; /* Empêche la répétition de l'image */
    background-position: center; /* Centre l'image */
}

h1{
    font-size: 60px;
	font-style: bold;
	color: black;
	text-align: center;
	text-shadow: 2px 2px 15px rgba(255, 255, 0, 0.8);
}
	
h2{
    font-size: 55px;
	font-style: bold;
	color: black;
	text-align: center;
	text-shadow: 2px 2px 15px rgba(255, 255, 0, 0.8);
}

h3{
    font-size: 30px; /* Initialement à 40 */
	font-style: italic;
	color: black;
	text-align: left; /* center */
	text-shadow: 2px 2px 15px rgba(255, 255, 0, 0.8);
}

h4{
    font-size: 30px;
	font-style: italic;
	color: black;
	text-align: center;
	text-shadow: 2px 2px 15px rgba(255, 255, 0, 0.8);
}

h5{
    font-size: 80px;
	font-style: italic;
	font-style: bold;
	color: black;
	text-align: center;
	text-shadow: 2px 2px 15px rgba(255, 0, 0, 0.8);
}

.centerImage {
            text-align: center;
            
}

form{
    font-size: 20px;
	font-style: bold;
	color: black;
	text-align: center;
}

.styled-formlicence {
	text-align: center;
}

.styled-form {
	text-align: left;
}


#MLAIC{
	background-color: rgba(170, 200, 40, 0.6);
	padding: 10px;
	margin: 20px 0px;
}

#TirPosé{
	background-color: rgba(40, 170, 200, 0.6);
	padding: 10px;
	margin: 20px 0px;
}

#CartoucheMétal{
	background-color: rgba(170, 200, 40, 0.6);
	padding: 10px;
	margin: 20px 0px;
}

#MLAIC:hover, #TirPosé:hover, #CartoucheMétal:hover{
		box-shadow: 0px 0px 5px #444;
}

legend{
	font-weight: bold;
	/*text-transform: uppercase;*/
	font-size: 22px;
	color: #444
}

#MLAIC input, #TirPosé input, #CartoucheMétal input{
		width: 20px;
		height: 20px;
}

.ClassRadio input{
		width: 15px;
		height: 15px;		
}	

#MLAIC label, #TirPosé label, #CartoucheMétal label{
		display: inline-block;
		width: 400px;
		padding: 0px 0px 0px 5px;
}

#NumLicence{
	display: inline-block;
	font-size: 20px;
	width: 110px;
	height: 30px;
}

.LabelLicence{
	font-weight: bold;
	color: black;
	text-shadow: 4px 4px 35px rgba(255, 255, 255, 1);
}	

#ImperatifsLong{
	width: 450px;
	height: 100px;
	font-size: 20px;
}

input[type="submit"]{
		/*float: right;*/
		padding: 10px;
		font-size: 14px;
		color: #fff;
		background-color: #fe6921;
		font-weight: bold;
		text-transform: uppercase;
		border-radius: 5px;
}

input[type="submit"]:hover{
		box-shadow: 0px 0px 4px #555;
		background-color: #e8ab2e;
}

footer{
	height: 390px; /* Initialement 190px */
	padding-top: 0px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 20px;
	background-color: black;
	color: white;
	font-weight: normal;
}

p{
    text-align: left;
}

.Tableau{
	display: block;
    margin-left: auto;
    margin-right: auto;
	text-align: center;
    font-size: 20px;
	text-shadow: none;
}



.footerLeft, .ImageGauche{
	float: left;
}

.footerRight, .ImageDroite{
	float: right;
}

.footer-link{
      color: DeepSkyBlue; /* Couleur par défaut du lien */
      text-decoration: none; /* Supprime le soulignement */
}

.footer-link:hover{
      color: red; /* Couleur lorsque la souris survole le lien */
}

.footer-link:visited{
      color: aqua; /* Couleur après avoir cliqué sur le lien */
}