
*{padding:0; margin:0; box-sizing:border-box;}

.formulaire{width:100%; max-width:420px; position:relative; text-align:center; margin:0 auto;}
.formulaire a{display:inline-block; width:auto; background:rgba(44,158,245,0.9); color:#fff; font-size:14px; padding:6px 15px; 
 border-radius:3px; margin:0 auto 20px auto; transition:0.1s;}
.formulaire a:hover{background:#1890eb;}

.right-form{width:100%; max-width:580px; display:flex; justify-content:space-around; align-items:center; background:#F3F3F5;
 padding:10px; border-radius:6px;}

.field{display:block; width:100%; max-width:320px; height:40px; font-family:'Rubik Regular'; font-size:15px; padding:0 10px;
 border:none; border:1px solid #d0dee7; border-radius:6px; margin:0 auto 15px auto;}


.field-select{display:block; width:300px; height: 40px; font-family:'Rubik Regular'; font-size:14px; 
padding:2px 2px 2px 35px; border: 1px solid #ccc; border-radius:6px; margin:0 auto; -webkit-appearance:none; 
-moz-appearance:none; appearance:none; outline: none; cursor:pointer; 
background:#fff url("../images/fleche-select.png") 96% center no-repeat;}
.field-select:invalid{color:gray;}



input[role="user"]{background:#fff url("../images/icone-f-user.png")8px center no-repeat; padding-left:40px;}
input[role="pass"]{background:#fff url("../images/icon-password.png")8px center no-repeat; padding-left:40px;}
input[role="tel"]{background:#fff url("../images/icon-username.png")8px center no-repeat; padding-left:40px;}
input[role="mobile"]{background:#fff url("../images/icone-f-mobile.png")8px center no-repeat; padding-left:40px;}
input[role="email"]{background:#fff url("../images/icone-f-email.png")8px center no-repeat; padding-left:40px;}
input[role="adresse"]{background:#fff url("../images/icone-f-local.png")8px center no-repeat; padding-left:40px;}

*[role="services"]{background:url("../images/icone-service.png")0 center no-repeat; padding-left:28px!important;
 padding:5px 0;}

.field-select[role="multi-services"]{background:url("../images/icone-offre-mini.png") 12px center no-repeat, url("../images/fleche-select.png") 96% center no-repeat #fff;}

.field-select[role="adresse"]{background:url("../images/icone-f-local.png") 8px center no-repeat, url("../images/fleche-select.png") 96% center no-repeat #fff; margin-bottom:15px;}

.field-select[role="localisation"]{background:url("../images/icone-f-local-2.png") 8px center no-repeat, url("../images/fleche-select.png") 96% center no-repeat #fff; margin-bottom:15px;}

.field-select[role="derangements"]{background:url("../images/icone-f-derangements.png") 8px center no-repeat, url("../images/fleche-select.png") 96% center no-repeat #fff; margin-bottom:15px;}



.eye-pass{display:block; width:20px; height:22px; position:absolute; background:url(../images/icone-eye-close.png)center center no-repeat; cursor:pointer; margin:10px 0 0 290px; z-index:1;}
#checkpass{display:none;}



.btn-vert{display:block;width:100%; max-width:300px; height:40px; line-height:42px; text-align:center; color:#fff; font-size:15px; 
 font-family:'Rubik Medium'; text-transform:uppercase; background:#00aa5b; border:none; border-radius:4px; margin:10px auto; cursor:pointer; transition:0.1s;}
.btn-vert:hover{background:#029339;}


.multi-btns{width:300px; display:flex; justify-content:center; margin: 0 auto;}
.multi-btns .btn-vert:first-child{margin-right:20px;}

.btn-send{display:inline-block; width:auto; height:40px; line-height:42px; text-align:center; color:#fff; font-size:14px; 
 font-family:'Rubik Medium'; background:#00aa5b; padding:0 20px; border:none; border-radius:6px; margin:0 0 0 0; cursor:pointer; transition:0.1s;}
.btn-send:hover{background:#0d814b;}










/*MODAL*/
.modal-container:before{position:fixed; width:100%; height:100%; content:"."; display:none; background:rgba(0,0,0,0.7); top:0; left:0;
transition:all 0.2s ease-in-out;}
.modal-content{position:fixed; width:100%; max-width:1200px; background:#fff; padding:10px; border-radius:6px 15px 6px 6px; 
border:1px solid #000; left:50%; transform:translate(-50% , -600%); transition:all 0.2s ease-in-out; z-index: 2;}
.modal-container:target:before{display:block; transition:all 0.2s ease-in-out;}
.modal-container:target .modal-content{top:30%; transform:translate(-50% , 0); transition:all 0.2s ease-in-out;}
#modal-close{}
.close{float:right; margin:-19px -19px 0 0;}
.formulaire a[role="lien-modal-facture"]{display:block; position:absolute; width:40px; height:40px; border:none;
 background: url("../images/icone-infos.png") center center no-repeat; margin:0 0 0 330px; transition:0.1s;}

.modal-content h4{font-family:'Rubik Medium'; font-size:22px;}

.container-modal-infos{margin-bottom:20px;}
.modal-infos{width:100%; display:flex; justify-content:space-around; margin-bottom:20px;}
.modal-infos-items{width:100%; max-width:340px; background:#f2f6fa; padding:5px; border:1px solid #ccc; border-radius:4px;}
.modal-item-title{font-family:'Rubik Medium'; font-size:14px; margin:0 6px 14px 0;}
.modal-infos-subitems{width:100%; display:flex; justify-content:space-between;}
.modal-subitem-top{width:100%; display:flex; margin-bottom:3px;}
.modal-subitem-top p{font-size:13px; padding:3px 0;}
.modal-subitem-top p:first-child{width:70px;}
.modal-subitem-bot{width:100%; display:flex; flex-direction:column;}
.modal-subitem-bot p{font-size:13px; padding:3px 0;}
.modal-subitem-bot p:last-child{margin-left:18px;}
*[role="offre"]{background:url("../images/icone-offre-mini.png")0 4px no-repeat;
padding-left:18px!important; margin-right:5px;}
*[role="calendar1"]{background:url("../images/icone-calendar-01.png")0 center no-repeat;
padding-left:18px!important;}
*[role="calendar2"]{background:url("../images/icone-calendar-02.png")0 center no-repeat;
padding-left:18px!important;}





/*MODAL RESIZED*/
.modal-infos-resized{width:100%; max-width:520px; margin:0 auto}
.modal-infos-items-resized{width:100%; display:flex;}
.modal-subitem-resized{padding:10px; border-bottom:1px solid #ececec;}
.modal-subitem-resized figure{width:140px;}





.container-radios-01{width:100%; height:auto; position:relative; display:flex; justify-content: center; 
align-items:center;padding:0 0 0 0; margin:0 0 0 0;}
.container-radios-01 aside{display:flex; align-items:center;background:#f0f6f8; border-radius:20px; margin:0 20px 20px 0; 
border:1px solid #fff; box-shadow: 0px 1px 2px 0px rgba(174, 166, 185, 1);}
.container-radios-01 input[type="radio"]{position:absolute; z-index:99; margin:0 0 0 10px; transform: scale(1.2);}

.container-radios-01 label{color:#31579d; font-family:'Rubik Medium'; font-size:15px; 
cursor:pointer; padding:10px 30px 10px 34px; margin:0 0 0 0;}

.container-radios-01 .numero{font-family:'Rubik Regular'; font-size:16px;}

.container-radios-01 .container-champ{width:100%; flex-direction: row; align-items: center!important; margin-bottom:17px;}
.container-radios-01 .container-champ figure{width: auto; white-space: nowrap; color:#31579d; 
font-family:'Rubik Medium'; font-size:14px; margin:0 8px 0 0;}

.container-radios-01 input[type="radio"]:checked + label{background:#00aa5b; color:#fff; border-radius:20px;}




.container-full-date{width:100%; max-width:580px; display:flex; justify-content:space-between; align-items:center; 
 border:1px solid #E7ECF6; border-radius:8px; margin:0 10px 0 0;}
.full-date-items{height:80px; display:flex; flex-direction:column; justify-content:center; padding:10px; transition:0.2s;}
.full-date-items:first-child:hover{background:#E7ECF6; border-radius:6px 0 0 6px;}
.full-date-items:last-child:hover{background:#E7ECF6; border-radius:0 6px 6px 0;}
.full-date-items p{margin-left:6px;}
.full-date-items .champ-date{height:40px; background:none; font-family:'Rubik Regular'; font-size:16px; padding:0 3px; 
 border-radius:0; border:none; margin:0; cursor:pointer;}
.arrow-date{width:30px; height:30px; background:url("../images/arrow-trace.png")center center no-repeat;}



