.formu {

	background-color: #fffab2;
	border: 0;
	font-size:22px;
}



.autre {

	border:0;

	font-size:22px;
}


.autre::placeholder {
	font-weight: bold;
	color: black;
}


.autre:focus {

	outline: none;
}







/* Chrome, Safari, Edge, Opera */
.formu::-webkit-outer-spin-button,
.formu::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.formu[type=number] {
  -moz-appearance: textfield;
}

















#formu {
	
	width: 500px;
	height: 1000px;
	background-color: #FFF;
	padding: 40px;
	
}


header{

	font-family: Poppins, Arial, Helvetica, sans-serif;
	margin-bottom : 60px;
	text-align: center;
	line-height : 30px;
	
}

header #titre{
	font-size : 30px;
	color: #38464A;
}

header #soustitre{
	font-size : 18px;
	color: #444444;
}

header #info{
	font-size : 14px;
	color: #888888;
	line-height : 20px;
}



.section {

	color: #362B7B;
	font-family: Poppins, Arial, Helvetica, sans-serif;
	font-size: 16px;
	
}


.strong {
	font-weight: bold;

}

label {
  font:
    16px 'Poppins',
    sans-serif;
}

#lcodep {
  font:
    13px 'Poppins',
    sans-serif;
	color: #888888;
}


.styled-radio {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 21px;
    height: 21px;
    margin: 0 8px 3px 0;
    position: relative;
    vertical-align: middle;
    border: 1px solid rgb(118, 118, 118);
    border-radius: 50%;
    background-color: white;
    cursor: pointer;
}

.styled-radio:after {
    width: 0; /* Diamètre initial de 0 */
    height: 0; /* Diamètre initial de 0 */
    border-radius: 50%;
    top: 50%;
    left: 50%;
    position: absolute;
    background-color: #5E5595;
    content: '';
    transform: translate(-50%, -50%);
    display: block;
    transition: width 0.3s ease, height 0.3s ease; /* Transition pour l'animation */
}

.styled-radio:checked:after {
    width: 13px; /* Diamètre final */
    height: 13px; /* Diamètre final */
}


#codep {
	font-family: Poppins, Arial, Helvetica, sans-serif;
	font-weight: bold;
	
	width: 100%;
	height: 40px;
    background-color: #fff;

    align-items: center;
    border: 1px solid #dedede;

    border-radius: 3px;
    box-sizing: border-box;
   	outline : none;
    padding-bottom: 8px;
    padding-top: 8px;
    font-weight: 400;
    line-height: 20px;
}


#bloc {
	font-family: Poppins, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #777777;
	position:relative;
	left: 40px;
	padding:20px;
	width: 90%;
	line-height: 17px;
}

a {

    color: #888888;
    font-family: Tahoma, Helvetica, Arial, sans-serif;
    font-size: 13px;
}

.envoi {	
   display: block; /* Pour permettre le centrage */
    font-weight: bold;
    font-family: Poppins, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #ffffff;
    background-color: #362b7b;
    border-radius: 30px;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle;
    margin: 20px auto; /* Centre horizontalement */
    padding: 10px 25px;
    border: none;
    width: fit-content; /* Adapte la largeur au contenu */
}


#droite {

	text-align: right;
	color: #888888;
	font-size: 13px;
	font-family: Poppins, Arial, Helvetica, sans-serif;
}