label { display : block }

select,
textarea,
input
{
     max-width : 100%;
     padding   : 0;
     margin    : 0;
}

input:focus { outline : none }

.champ {
     position     : relative;
     float        : left;
     width        : calc(50% - 4px);
     margin-top   : 30px;
     font-size    : 18px;
     margin-left  : 2px;
     margin-right : 2px;
}

.champLabel {
     position   : absolute;
     top        : 20px;
     left       : 10px;
     color      : #c6c6c6;
     cursor     : text;
     transition : all .15s ease-in-out 0s;
}

.champTexte,
.boutonEnvoi,
.boutonGris,
.boutonRouge
{
     box-sizing    : border-box;
     border-radius : 8px;
     border-style  : none;
     padding       : 20px;
}

.champTexte {
     border-style : solid;
     border-color : #969696;
     border-width : 1px;
     box-shadow   : inset 0 0 4px rgba(0,0,0,.1);
     width        : 100%;
}

.champTexte:focus ~ .champLabel,
.champTexte:not(:placeholder-shown) ~ .champLabel
{
     top              : -0.5em;
     left             : 10px;
     font-size        : .8em;
     color            : inherit;
     cursor           : pointer;
     background-color : #ffffff;
     padding-left     : 5px;
     padding-right    : 5px;
}

.boutonEnvoi,
.boutonGris,
.boutonRouge
{
     background-color : #016410;
     font-weight      : bold;
     color            : #fff;
     transition       : opacity .15s ease-in-out 0s;
     text-decoration  : none;
}

.boutonGris { background-color : #4b4b4b }
.boutonRouge {background-color : #dc1212 }

.boutonEnvoi:hover,
.boutonGris:hover,
.boutonRouge:hover
{
     opacity : .75;
}

.caseCoche       { float        : left; margin-left : 20px;width:22%;margin-top:20px }
.caseCoche label { margin-right : 20px; height: 45px; }

.caseCoche input[type="checkbox"] {
     background-color    : #ffc7c7;
     background-image    : url(../images/interdit.png);
     background-size     : 30px 30px;
     background-repeat   : no-repeat;
     background-position : center;
     border              : 1px solid #4d4d4d;
     border-radius       : 50%;
     cursor              : pointer;
     height              : 38px;
     width               : 38px;
     appearance          : none;
}

.caseCoche input[type="checkbox"]:checked {
     background-color    : #cbffce;
     background-image    : url(../images/valide.png);
     appearance          : none;
     clip-path           : circle(50% at 50% 50%);
}

.formAjoutDroits,.formAjouterMembre {
     background-color : #d4d4d4;
     margin-top       : 10px ;
     overflow         : hidden;
     display          : none;
     border-radius    : 8px;
     padding          : 10px;
}

.petitBoutonOrange {
     float            : right;
     padding          : 6px;
     border-radius    : 4px;
     margin-right     : 6px;
     background-color :#ff8400;
}

.petitBoutonOrange a {
     color           : #ffffff;
     text-decoration : none;
     font-weight     : bold;
}