/* Début du fichier form.css */

#rl-form-container{
	display:none;
	width:100%;
	margin-top:30px;
	opacity:0;
	transition:opacity .3s ease;
	min-width:300px;
	position:relative;
}

#rl-form-container.active{
	display:block;
	opacity:1;
}

#rl-formulaire{
	max-width:800px;
	margin:0 auto;
	padding:0 16px;
	box-sizing:border-box;
	background:#eeeeee !important;
	border-radius:30px !important;
	padding:20px !important;
}

#rl-formulaire input,
#rl-formulaire select,
#rl-formulaire textarea{
	font-size:16px;
}

#rl-form-container:not(.active){
	flex:0 0 100%;
}

#rl-form-container *{
	box-sizing:border-box;
}

#rl-form-container input,
#rl-form-container select,
#rl-form-container textarea{
	width:100%;
	max-width:100%;
}

#rl-form-container form{
	width:100%;
	max-width:none;
	box-sizing:border-box;
}

#rl-formulaire .rl-radio-group{
	display:block;
	align-items:center;
	gap:40px;
	flex-wrap:wrap;
}

#rl-formulaire .rl-radio-group input[type="radio"]{
	margin-right:4px;
}

/* Harmonisation : pour que les écritures en italique soient forcés à la même taille que les autres textes */
#rl-formulaire p{
	font-size:16px;
	line-height:1.4;
}
#rl-formulaire p[style*="italic"]{
	font-size:16px;
	color:#555;
	margin-bottom: 10px;
}

/* Harmonisation : pour que le bouton d'upload soit du même style que le texte du formulaire et que le champ de fichier soit caché */
#rl-formulaire .rl-upload-btn{
    display:inline-block;
    padding:2px 5px;
    border:2px dashed #999;
    border-radius:10px;
    background:#ffffff;
    cursor:pointer;
    transition:all .2s;
	font-size:16px;
}

.rl-upload-btn:hover{
    border-color:#333;
    background:#ffffff;
}

.rl-upload-btn input[type=file]{
	display:none;
}

/* Harmonisation : pour que les textes du formulaire soient du même style que les autres textes */
#rl-formulaire,
#rl-formulaire *{
	font-family:inherit;
	font-size:16px;
}

/* Harmonisation : évite le zoom automatique iOS sur les champs de formulaire */
#rl-formulaire input,
#rl-formulaire button{
	font-size:16px;
}

#rl-formulaire button{
	background:#ffffff !important;
	border:1px solid #555;
	color:#000;
	padding:10px 16px;
	border-radius:20px;
	cursor:pointer;
	font-size:16px;
}

#rl-formulaire button:hover{
	background:#ffffff;
	border-color:#222;
}

#rl-formulaire h2{
	text-align:center;
	font-size:28px;
	margin-bottom:20px;
}

/* Fin du fichier form.css */