@font-face{
	font-family: isadora;
	src: url("fonts/isadora.ttf")
}

@font-face{
	font-family: vivaldi;
	src: url("fonts/VIVALDII.TTF")
}

@font-face{
	font-family: kzbalmoral;
	src: url("fonts/kzbalmoral_regular.ttf")
}

body{
	background-color: #f4f4f4;
	margin: 0px;
}

.container{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-content: flex-start;
}

.item{
	
	text-align: center;
}

.languages{
	height: 50px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	background-color: #4e6a99;#4e6a99
}

.languages img{
	height: 20px;
	width: auto;
}

.languages p{
	color: white;
}

.logo{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 150px;
}

.names{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 70px;
	padding-bottom: 15px;
}

.names p{
	font-family: vivaldi;
	font-size: 60px;
}

.welcome{
	width: 100%;
	display: flex;
	flex-direction: column;
}

.welcome .welcome-title{
	background-color: #4e6a99;
	height: 210px;
}

.welcome .welcome-title p{
	font-size: 80px;
	font-family: kzbalmoral;
	color: white;
	margin-top: 25px;
}

.welcome .welcome-image{
	margin-top: -120px;
}

.welcome .welcome-image img{
	max-width: 80vw;
	border-radius: 40px;
}

.welcome .welcome-text{
	
}

.welcome .welcome-text p{
	font-size: 55px;
	font-family: kzbalmoral;
	margin-bottom: 0px;
	margin-top: 20px;
}

.dateLocation{
	width: 100%;
	background-color: #4e6a99;
	display: flex;
	justify-content: center;
	color: white;
	flex-wrap: wrap;
	align-content: flex-start;
	gap: 10px;
	padding-bottom: 30px;
}

.dateLocation .dateLocation-title {
	width: 100%
}

.dateLocation .dateLocation-title p{
	font-size: 25px;
}

.dateLocation .dateLocation-box{
	width: 270px;
	display: flex;
	flex-direction: column;
	justify-content: top;
	align-items: center;
}

.dateLocation .dateLocation-box p{
	display: inline;
	font-size: 25px;
	margin-top: 10px;
	margin-bottom: 0px;
}

.dateLocation .dateLocation-box .subtitle{
	margin-top: 0px;
	font-size: 20px;
}

.dateLocation .dateLocation-box img{
	height: 70px;
	width: 70px;
}

.dateLocation .dateLocation-box .position-img{
	width: 50px;
}

.registerForm{
	width: 100%;
	display: flex;
	justify-content: center;
	gap: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	margin-bottom: 100px;
}

.registerForm .radioChoice{
	display: inline;	
}



.registerForm form{
	width: 100%;
	display: flex;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
}

.registerForm form .radioChoice{
	display: inline;
	font-size: 25px;
	height: 40px;
}

.registerForm form .radioChoice p{
	display: inline;
}

.registerForm form .textAreaGroup{
	width: 100%;
}

.registerForm form .textAreaGroup p{
	font-size: 25px;
	margin-bottom: 10px;
	margin-top: 0px;
}

.registerForm input[type="radio"] {
  transform: scale(1.5); /* Augmenter la taille du bouton radio */
}

.registerForm textarea {
	font-size: 25px;
	width: 400px;
}

.registerForm form .sendButton button{
	font-size: 25px;
	background-color: #4e6a99;
	color: white;
	border-radius: 15px;
	padding-left : 15px;
	padding-right : 15px;
}




@media (max-width: 600px) {
	
	.names p{
		font-family: vivaldi;
		font-size: 50px;
	}
	.welcome .welcome-title{
		background-color: #4e6a99;
		height: 80px;
	}
	
	.welcome .welcome-title p{
		font-size: 50px;
		font-family: kzbalmoral;
		color: white;
		margin-top: 19px;
	}
	
	.welcome .welcome-image{
		margin-top: -20px;
	}
	
	.welcome .welcome-text p{
		font-size: 40px;
	}
	.dateLocation .dateLocation-title p{
		font-size: 20px;
	}



.dateLocation .dateLocation-box img{
	height: 45px;
	width: 45px;
}	

.dateLocation .dateLocation-box .position-img{
	width: 30px;
}

.dateLocation .dateLocation-box{
	
	width: 200px;
	display: flex;
	flex-direction: column;
	justify-content: top;
	align-items: center;
}

.dateLocation .dateLocation-box p{
	display: inline;
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 0px;
}

.dateLocation .dateLocation-box .subtitle{
	margin-top: 0px;
	font-size: 15px;
}


.registerForm form .radioChoice{
	display: inline;
	font-size: 20px;
	height: 40px;
}

.registerForm form .textAreaGroup p{
	font-size: 20px;
	margin-bottom: 10px;
	margin-top: 0px;
}

.registerForm textarea {
	font-size: 20px;
	width: 350px;
}

}