/************* Inscription *****************************/
.securite {display: none;} /* Utilisée pour les pièges robots des formulaires */
/* ############### Formulaire 2025 ############################ */
section#loginBox {
font-family: Arial, sans-serif;
background-color: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
width: 100%;
}

section#loginBox form {
display: flex;
flex-wrap: wrap;
gap: 15px;
}

section#loginBox fieldset {
border: none;
padding: 0;
width: 100%;
}

section#loginBox legend {
font-size: 1em;
margin-bottom: 10px;
color: #333;
}

section#loginBox .form-row, section#loginBox .form-row_checkbox {
display: flex;
gap: 15px;
width: 100%;
}

section#loginBox .form-row > * {flex: 1;}

section#loginBox select, section#loginBox input, section#loginBox textarea {
width: 98%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 0.9em;
}

section#loginBox input[type="checkbox"] {width: auto;}

section#loginBox button {
padding: 10px 20px;
background-color: #007BFF;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 1em;
}

section#loginBox button:hover {background-color: #0056b3;}
.button {padding: 16px 16px; text-align: center; text-decoration: none; display: inline-block; font-size: 0.9em; font-weight: bold; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; cursor: pointer; margin: 2%;}
.button1 {background-color: #FFF; color: #000; border: 1px solid #AA3138;}
.button1:hover {background-color: #AA3138; color: white;}
.button1:active {background-color: #AA3138; color: white;}

section#loginBox hr {
border: 0;
border-top: 1px solid #ccc;
margin: 20px 0;
width: 100%;
}

section#loginBox .separateur_20 {margin: 20px 0;}

section#loginBox label {
display: flex;
align-items: baseline;
line-height: 1.6em;
}

section#loginBox legend span {color: #F00;}

section#loginBox p {
font-size: 1em;
color: #555;
line-height: 1.6em;
}

hr.sm {display: none;}
/* ############### Formulaire 2025 ############################ */


#formulaire_apidpm {margin: auto; padding: 10px; width: 100%;}
form.minimal legend {color: #AA3138; font-weight: bold;}
form.minimal fieldset {font-weight: bold;}
form.minimal img {padding :8px; border: 1px solid #999; float: left; margin-right: 10px; margin-bottom: 10px;}
form.minimal label {display: block; width: 150px; margin: 10px 0; font-size: 0.9em; padding: 8px;}
form.minimal label.module_login {margin: 0px 0; float: none;}
form.minimal legend {font-size: 0.9em; font-weight: bold;}
form.minimal label.checkbox {width: auto;}
form.minimal label span, form.minimal legend span {color: #F00; font-weight: bold;}
form.minimal textarea {line-height: 1.5em;}
form.minimal input[type="text"], form.minimal input[type="email"], form.minimal input[type="number"], form.minimal input[type="search"], form.minimal input[type="password"], form.minimal input[type="tel"], form.minimal textarea, form.minimal select, form.minimal submit {background-color: rgb(255,255,255); border: 1px solid rgb( 186, 186, 186 ); border-radius: 2px; font-size: 0.9em; margin: 10px auto; padding: 8px; width: auto;}
form.minimal button.button button1 {margin: 1em auto; padding: 1em; width: auto;}
form.minimal input.module_login[type="text"], form.minimal input.module_login[type="password"] {margin: 0px 0;}
form.minimal input[type="text"]:focus, form.minimal input[type="email"]:focus, form.minimal input[type="number"]:focus, form.minimal input[type="search"]:focus, form.minimal input[type="password"]:focus, form.minimal input[type="tel"]:focus, form.minimal textarea:focus, form.minimal select:focus {border-color: #4195fc; color: rgb(0,0,0);}
form.minimal input[type="text"]:invalid:focus, form.minimal input[type="email"]:invalid:focus, form.minimal input[type="number"]:invalid:focus, form.minimal input[type="search"]:invalid:focus, form.minimal input[type="password"]:invalid:focus, form.minimal input[type="tel"]:invalid:focus, form.minimal textarea:invalid:focus, form.minimal select:invalid:focus {border-color: rgb(248,66,66); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgb(248,66,66); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgb(248,66,66); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgb(248,66,66);}
form.minimal input[type="text"]:valid:focus, form.minimal input[type="email"]:valid:focus, form.minimal input[type="number"]:valid:focus, form.minimal input[type="search"]:valid:focus, form.minimal input[type="password"]:valid:focus, form.minimal input[type="tel"]:valid:focus, form.minimal textarea:valid:focus, form.minimal select:valid:focus {border-color: rgb(4,203,32); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgb(4,203,32); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgb(4,203,32); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgb(4,203,32);}
#inscription form li {list-style-type:none}
#inscription form span{color: #AA3138; font-weight:bold}
#inscription form img {float:left;	vertical-align: middle;	padding: 5px;	background-color: #FFF;	border: 1px solid #999;	margin-right:10px;}

form#contact, form#inscription {padding: 10px; border-radius: 2px; max-width: 95%; border: 1px solid #CCC; box-shadow: 2px 2px 1px  rgba(102,98,98,0.35); -webkit-box-shadow: 2px 2px 1px  rgba(102,98,98,0.35); -moz-box-shadow: 2px 2px 1px  rgba(102,98,98,0.35);}
form#contact fieldset {padding: 10px; border: none;}
form#contact legend {font-weight: bold;	display: block;	text-align: left; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 1em; width: 100%;}
form#contact legend span {float: right; font-size: 70%; font-weight: bold;}
form#contact legend span a {color: #000;}
form#contact label {font-family: Arial, Helvetica, sans-serif; font-size: 0.85em; margin-top: 10px;}
form#contact h2 {color: #AA3138; font-size: 1em;}
form#contact p {font-weight: bold; text-align: left;}
form#contact select {font-weight: bold; width: 100%; padding: 10px; border: 1px solid #CCC; margin-bottom: 10px;}
form#contact select [selected]{color: #CCC;}
form#contact hr {clear: left; visibility: hidden; margin: 0px;}
form#contact input[type="text"], form#contact input[type="email"], form#contact textarea {border: 1px solid #CCC; padding: 10px; width: 91%; text-align: left; margin-bottom: 10px;}
form#contact button[type="submit"]{margin: 0 auto 0 auto; width: auto;}

#inscription form li {list-style-type: none;}
#inscription form span {color: #AA3138; font-weight: bold;}
#inscription form img {float:left; vertical-align: middle; padding: 5px; background-color: #FFF; border: 1px solid #999;	margin-right: 10px;}

@media (max-width: 640px) {

section#loginBox .form-row_checkbox {
display: block;
width: 100%;
}

}