@charset "utf-8";
/* ESPACE RRP ANPDP objets de formulaire*/


.envelope-cont-item-checks{width:100%; max-width:500px; margin:0 auto 60px auto;}

.cont-item-checks{width:100%; max-width:500px; position:relative; margin:0 auto 20px auto;}

.cont-item-form{width:500px; display:flex; align-items:center; position:relative; 
 margin:0 auto 20px auto;}
.cont-item-form:last-child{margin-bottom:0;}
.cont-label{width:220px; margin-right:5px;}
.cont-label label{font-family:'Inter Medium'; font-size:15px;}
.cont-label2{width:440px; margin-right:5px;}
.cont-label2 label{font-family:'Inter Medium'; font-size:15px;}
.cont-field{display:flex; align-items:center; position:relative;}
.cont-field2{display:block; align-items:center; position:relative;width:440px;}
.field-text{display:block; width:260px; height:40px; font-family:'Inter Medium'; font-size:16px;  padding:0 10px; border:1px solid #dcdce2; border-radius:6px;}

.field-select{display:block; width:260px; height:40px; font-family:'Inter Medium'; font-size:16px; padding:0 10px; border:1px solid #dcdce2; border-radius:6px; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none; cursor:pointer; 
background:#fff url("../imgs/fleche-select.png")95% center no-repeat;}
.field-select:invalid{color:gray;}

.field-textarea{display:block; width:260px; height:80px;font-family:'Inter Medium'; font-size:16px; padding:5px 10px; border:1px solid #dcdce2; border-radius:6px; resize:none;}
i[role="red-star-fields"]{display:inline-block; width:8px; height:8px; background: url("../imgs/red-star.png")center center no-repeat; margin:0 5px;}


.form-items-h{width:100%; height:auto; display:flex; align-items:center;}

.checkbox-special-02{display:none;}
.label-special-02{display:flex; position:relative; align-items:center;  cursor:pointer;}
.label-special-02 p{color:#274238; font-family:'Inter Medium'; font-size:16px;
margin-left:12px;}
.label-special-02 > span{display:flex; width:20px; height:20px; justify-content:center; border:2px solid #27825e; border-radius:2px;
 transition:all 0.1s ease-in-out;}
.checkbox-special-02:checked + label > span{background:#27825e; transition:all 0s ease-in-out;}
.checkbox-special-02:checked + label > span:before{content:''; margin:4px 0 0 -5px; 
border-right:4px solid transparent; border-bottom:4px solid transparent; transform:rotate(45deg); transform-origin:0% 100%;
animation:checked-box2 80ms 150ms forwards;}
@keyframes checked-box2{
0%{width:0; height:0; border-color:#fff; transform:translate(0,0) rotate(45deg);}
33%{width:3px; height:0; border-color:#fff; transform:translate(0,0) rotate(45deg);}
100%{width:3px; height:6px; border-color:#fff; transform:translate(0,-6px) rotate(45deg);}
}

.cont-btn-links{display:flex;}

.btn-link{display:flex; width:auto; height:50px; align-items:center; background:#448d70;
 color:#fff; font-family:'Inter Medium'; font-size:16px; padding:0 30px; border-radius:4px; margin-right:5px; transition:0.3s;}
.btn-link:hover{background:#267a59; transition:0.1s;}

.btn-submit{display:inline-block; width:auto; height:50px; background:#27825e; color:#fff; 
 font-family:'Inter Medium'; font-size:18px; padding:0 30px; border-radius:6px; border:none;
 cursor:pointer; transition:0.3s;}
.btn-submit:hover{background:#0e440b; transition:0.1s;}


.container-eyepasse{width:38px; height:38px; position:absolute; top:1px; right:20px;}
#checkpass{display:none;}
.eyepasse{display:block; width:40px; height:38px;
background:url(../imgs/icone-eye-close.png)center center no-repeat; cursor:pointer;
margin:0 0 0 0;}

.field-password{padding-right:40px;}


.msg-succes, .msg-erreur{display:none;}

.msg-succes{width:100%; max-width:480px; 
 background:#369d3b url("../imgs/icone-msg-succes.png")10px center no-repeat; color:#fff; font-family:'Inter Medium'; 
 font-size:16px; padding:10px 10px 10px 40px; border-radius:3px;}
.msg-erreur{width:100%; max-width:480px; 
background:#bf3123 url("../imgs/icone-msg-erreurs.png")10px center no-repeat;; color:#fff; font-family:'Inter Medium'; 
 font-size:16px; padding:10px 10px 10px 40px; border-radius:3px;}




