* {
--vert: #15AE8D;
--rouge: #E73150;
--bleu: #2E5BA7;
--jaune: #FECA2D;
}


label small {
color: var(--vert);
}

label span {
color: var(--bleu);
font-size:1.1em;
}

.blocRadio div,
.blocCheckbox div {
position:relative;
margin-bottom:0.25em;
}

.blocRGPD div {
position:relative;
margin-bottom:0px;
}

.blocRGPD {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}

.forum-de-la-franchise h2 {
color:var(--bleu);
}

.forum-de-la-franchise li:before {
position: absolute;
top: 0.2em !important;
left: 0;
content: '' !important;
width:1em;
height:1em;
background: var(--vert);
display:block;
border-radius: 0.5em 0.5em 0 0.5em !important;
}

.blocRGPD [type="checkbox"] + label {
margin-left:25px !important;
}

form#inscription .form-control {
border:none !important;
background:var(--jaune);
border-radius:1em !important;
color:#000000;
}

form#inscription .form-check label {
margin-left:10px;
padding-top:4px;
cursor:pointer;
}

form#connexion .form-check-input {
margin-left:-12px;
}

form#inscription [type="checkbox"],
form#inscription [type="radio"] {
opacity:0;
margin-left:0;
}


/* Aspect de la case */
form#inscription [type="checkbox"]:not(:checked) + label::before,
form#inscription [type="checkbox"]:checked + label::before {
display:block;
content:"";
position: absolute;
left: 0px;
top: 0px;
width: 30px;
height: 30px;
border: none;
background: var(--jaune);
border-radius: 0 15px 15px 15px;
transition: all .275s;
}

/* Aspect de la coche */
form#inscription [type="checkbox"]:not(:checked) + label::after,
form#inscription [type="checkbox"]:checked + label::after {
display:block;
content: "";
background: var(--rouge);
position: absolute;
top: 5px;
left: 5px;
width: 20px;
height: 20px;
font-size: 1.6em;
line-height: 0;
border-radius:10px;
transition: all .2s; /* Petite transition */
}

/* Aspect non cochée */
form#inscription [type="checkbox"]:not(:checked) + label::after {
opacity: 0;
transform: scale(0);
}

/* Aspect cochée */
form#inscription [type="checkbox"]:checked + label::after {
opacity: 1;
transform: scale(1);
}


/* Aspect de la case */
form#inscription [type="radio"]:not(:checked) + label::before,
form#inscription [type="radio"]:checked + label::before  {
display:block;
content:"";
position: absolute;
left: 0px;
top: 0px;
width: 30px;
height: 30px;
border: none;
background: var(--jaune);
border-radius: 0 15px 15px 15px;
transition: all .275s;
}

/* Aspect de la coche */
form#inscription [type="radio"]:not(:checked) + label::after,
form#inscription [type="radio"]:checked + label::after {
display:block;
content: "";
background: var(--rouge);
position: absolute;
top: 5px;
left: 5px;
width: 20px;
height: 20px;
font-size: 1.6em;
line-height: 0;
border-radius:10px;
transition: all .2s; /* Petite transition */
}

/* Aspect non cochée */
form#inscription [type="radio"]:not(:checked) + label::after {
opacity: 0;
transform: scale(0);
}

/* Aspect cochée */
form#inscription [type="radio"]:checked + label::after {
opacity: 1;
transform: scale(1);
}

.blocInscription {
font-size:1.2em;
margin:2em 0;
}

.blocInscription li {
margin-bottom:0.5em !important;
padding-left:1.5em !important;
}

.blocInscription li:before {
background:var(--bleu);
}


form#inscription .btn-secondary {
background:var(--vert);
border-radius:0 1em 0 1em !important;
border:none;
padding:1.5em;
}

form#inscription .btn.disabled, form#inscription .btn[disabled] {
background:#999999;
}

form#inscription .btn-default.active, form#inscription .btn-default:active,
form#inscription .btn-default.active.focus, form#inscription .btn-default:active:focus,
form#inscription .btn-default.active:focus,
form#inscription .btn-default.focus.active, form#inscription .btn-default:focus:active,
form#inscription .btn-default.focus:active,
form#inscription .btn-default.focus, form#inscription .btn-default:focus {
color:#FFFFFF;
border:none !important;
outline:none !important;
}