/* MODULE INSCRIPTION */
/*Modal*/
.modal * {box-sizing: border-box; }
.modal{background: #00000054;height: 100%;width: 100%;position: fixed;right: 0;left: 0;bottom: 0;z-index: 3000;}
.content-modal{padding:15px;font-size: 15px;background: #FFFF;position: absolute;top: 40%;left: 50%;transform: translate(-50%, -50%);height: 250px;width: 100%;border-radius: 10px;max-width: 800px;}
.hide{display:none;}

#reinscription {position: absolute; bottom: 10px;right: 15px;}
#reinscription button {padding: 8px;margin: 3px;background: white;border: 1px solid #80808070;border-radius: 5px;cursor: pointer;}
#reinscription button.oui {background: #78c344;color: white;}
#reinscription button.non {background: #cb2027;color: white;}
.ancre-inscription{display: block; height: 200px; margin-top: -200px; visibility: hidden; }
#inscription-conteneur {}
#inscription-formulaire {}
#inscription-champs {margin-left:80px; }
#inscription-champs-legende {font-size:0.9em; font-style:italic; display:block; margin-bottom:30px; }
#inscription-paiement {margin-left:50px; }

.inscription-div {margin:10px 0 10px 30px; }
.inscription-label {display:block; width:180px; float:left; }
.inscription-text {width:300px; }
.inscription-textarea {width:300px; height:100px; }
.inscription-presence1 {}
.inscription-presence2 {}

#inscription-submit {float:right; /*margin-right: 90px; */}
#inscription-noaccount {height:37px; width:332px; margin-top:120px; margin-left:85px; }
#inscription-cancel {height:37px; width:332px; float:right; margin-left: 0px; margin-top:35px; }

#inscription-formulaire #inscription-cancel {/*margin-left: 100px; */ margin-top:10px; }


/* MODULE INSCRIPTION */
#module-inscription {margin: 20px auto; border: 1px solid #ccc; background: #f4f4f4; padding: 10px 20px; }
#module-inscription form {margin-left:40px; }
#module-inscription .form {margin:10px 0; }
#module-inscription .form label,
#module-inscription .form span.label {display:block; float:left; width:150px; font-size:15px; line-height:26px; }
#module-inscription .form .inputText {border:1px solid #cccccc; padding:5px 5px; font-size:15px; line-height:26px;  width:300px; }
#module-inscription .champ-erreur { font-weight: 700; color: #dd1010; }
#module-inscription .submit {}
.inscription-engagement {color: #da3424; font-size: 13px; font-weight: bold; }
#module-inscription .form label.label-radio {float:none; width:auto; margin-bottom:5px; }
#module-inscription .form label.radio-top {margin-bottom:10px; }
.inscription-engagement {color: #da3424; font-size: 13px; font-weight: bold; }
#module-inscription #adhesion-autorisation {font-weight: bold;  display: -webkit-box;  display: -ms-flexbox;  display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}
#module-inscription #adhesion-autorisation input {margin:6px 7px 0 0;}
#module-inscription #adhesion-autorisation p {margin:0; flex:1;  text-align: left;}

/* INSCRIPTIONS REPAS ET SOIREES */
#formulaire {}
#formulaire-contenu {margin: 20px auto; /*max-width: 420px; */border: 1px solid #ccc; background: #f4f4f4; padding: 10px 20px; }
#formulaire .formulaire-div { }
#formulaire .formulaire-div .formulaire-label { margin-bottom: 5px; display: block; }
#formulaire .formulaire-div .formulaire-input {width:100%; max-width: 350px; }
#formulaire .formulaire-div .formulaire-textarea {width: 100% !important; }
#formulaire .formulaire-div2 input {margin:0 5px; }
#formulaire .formulaire-submit {}
#adherents-erreurs { margin: 20px 0;}
#adherents-erreurs h4 {color: #ff0000; font-weight: 700; font-size: 20px; margin-bottom: 0;}
#formulaire-presence {margin-left: 10px; } 
#formulaire-presence .formulaire-presence-titre { font-weight: 500; margin-bottom: 10px; }
#formulaire-presence-nonadherent { margin-top:20px; }
#formulaire-presence .formulaire-presence-proposition input {width:27px !important; height:16px !important; }

#formulaire-participants {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}
#formulaire-participants .formulaire-participant {margin: 20px 15px;width: 320px;box-shadow: 0 0 5px rgba(0,0,0,0.5);padding: 15px; }
#formulaire-contenu .formulaire-participant h3 {margin: 7px 0;}
#formulaire-contenu .formulaire-repas-conteneur {}
#formulaire-contenu .formulaire-repas-conteneur .form {margin:0;}
#formulaire-contenu .formulaire-repas-conteneur .form label {padding: 6px 0;display: block;	cursor: pointer;}
#formulaire-contenu .formulaire-choix { border: 1px solid #f4f4f4;}
#formulaire-contenu .formulaire-repas-contenu {display: none;}
#formulaire-contenu .formulaire-repas-contenu h4 {margin: 5px 0;}
#formulaire-contenu .formulaire-repas-conteneur .form .invite-plat-label {  margin-left: 5px; display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}
#formulaire-contenu .invite-plat-label span {flex:1;}
#formulaire-contenu .formulaire-repas {}
#formulaire-contenu .formulaire-entrees {}
#formulaire-contenu .formulaire-plats {}
#formulaire-contenu .formulaire-desserts {}

#presence { margin-left: 20px; }
#soiree-menu { margin: 20px 0; border: 1px solid #ccc; background: #eee; padding: 10px 20px; }
#formulaire-captcha {margin: 15px 0;}

#formulaire-recapitulatif { margin: 20px 0; border: 1px solid #ccc; background: #f4f4f4; padding: 10px 20px; }
#formulaire-recapitulatif h2:first-child {margin-top:0; }
#formulaire-recapitulatif .ligne {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
#formulaire-recapitulatif .label {font-weight:500; margin-right: 10px; }
#formulaire-recapitulatif .valeur {}
#formulaire-recapitulatif .ligne-textarea {}
#formulaire-recapitulatif .ligne-textarea .label {width:100%; }
#formulaire-recapitulatif-presence { border: 1px solid #ccc; border-left: 0; border-right: 0; margin: 20px 0; }
#formulaire-recapitulatif-presence p {margin-left:0; font-weight:500; }

#checkout-button.stripe-button-el {cursor:pointer; background:none; border:none; margin:30px 0; max-width:270px; background:#fff; padding:10px 30px; text-align:center; border-radius: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.32); -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.32); -o-box-shadow: 0 0 7px rgba(0, 0, 0, 0.32); box-shadow: 0 0 7px rgba(0, 0, 0, 0.32); 	font-family: 'Barlow', sans-serif; }
#checkout-button.stripe-button-el > span {color:#009897; width:100%; display:block; }
#checkout-button.stripe-button-el > .titre {text-transform:uppercase; font-size:31px; font-weight: 400; }
#checkout-button.stripe-button-el > .titre > span {font-size:13px; color:#fff; font-weight:700; background:#009897; border-radius:60px; display: inline-block; vertical-align: middle; padding: 5px; letter-spacing: 0.6px; margin: 10px 0 3px; } 
#checkout-button.stripe-button-el > .icones {}
#checkout-button.stripe-button-el > .icones img {margin:3px !important; display: inline-block; vertical-align: middle; filter: invert(29%) sepia(53%) saturate(3175%) hue-rotate(338deg) brightness(102%) contrast(95%); }

#global #checkout-button.stripe-button-el:hover {background:#009897; }
#checkout-button.stripe-button-el:hover > .titre {color:#fff; }
#checkout-button.stripe-button-el:hover > .titre > span {color:#009897; background:#fff; }
#checkout-button.stripe-button-el:hover > .icones img {filter: brightness(0) invert(100%) sepia(0%) saturate(0%) hue-rotate(65deg) brightness(100%) contrast(103%); }

/* MODULE INSCRIPTION */
/*Modal*/
.modal * {box-sizing: border-box; }
.modal{background: #00000054;height: 100%;width: 100%;position: fixed;right: 0;left: 0;bottom: 0;z-index: 3000;}
.content-modal{padding:15px;font-size: 15px;background: #FFFF;position: absolute;top: 40%;left: 50%;transform: translate(-50%, -50%);height: 250px;width: 100%;border-radius: 10px;max-width: 800px;}
.hide{display:none;}

#reinscription {position: absolute; bottom: 10px;right: 15px;}
#reinscription button {padding: 8px;margin: 3px;background: white;border: 1px solid #80808070;border-radius: 5px;cursor: pointer;}
#reinscription button.oui {background: #78c344;color: white;}
#reinscription button.non {background: #cb2027;color: white;}
.ancre-inscription{display: block; height: 200px; margin-top: -200px; visibility: hidden; }
#inscription-conteneur {}
#inscription-formulaire {}
#inscription-champs {margin-left:80px; }
#inscription-champs-legende {font-size:0.9em; font-style:italic; display:block; margin-bottom:30px; }
#inscription-paiement {margin-left:50px; }

.inscription-div {margin:10px 0 10px 30px; }
.inscription-label {display:block; width:180px; float:left; }
.inscription-text {width:300px; }
.inscription-textarea {width:300px; height:100px; }
.inscription-presence1 {}
.inscription-presence2 {}

#inscription-submit {float:right; /*margin-right: 90px; */}
#inscription-noaccount {height:37px; width:332px; margin-top:120px; margin-left:85px; }
#inscription-cancel {height:37px; width:332px; float:right; margin-left: 0px; margin-top:35px; }

#inscription-formulaire #inscription-cancel {/*margin-left: 100px; */ margin-top:10px; }

/* INSCRIPTIONS REPAS ET SOIREES */
#formulaire {}
#formulaire-contenu {margin: 20px auto; /*max-width: 420px; */border: 1px solid #ccc; background: #f4f4f4; padding: 10px 20px; }
#formulaire .formulaire-div { }
#formulaire .formulaire-div .formulaire-label { margin-bottom: 5px; display: block; }
#formulaire .formulaire-div .formulaire-input {width:100%; max-width: 350px; }
#formulaire .formulaire-div .formulaire-textarea {width: 100% !important; }
#formulaire .formulaire-div2 input {margin:0 5px; }
#formulaire .formulaire-submit {}
#formulaire-presence {margin-left: 10px; } 
#formulaire-presence .formulaire-presence-titre { font-weight: 500; margin-bottom: 10px; }
#formulaire-presence-nonadherent { margin-top:20px; }
#formulaire-presence .formulaire-presence-proposition input {width:27px !important; height:16px !important; }

#presence { margin-left: 20px; }
#soiree-menu { margin: 20px 0; border: 1px solid #ccc; background: #eee; padding: 10px 20px; }


#formulaire-recapitulatif { margin: 20px 0; border: 1px solid #ccc; background: #f4f4f4; padding: 10px 20px; }
#formulaire-recapitulatif h2:first-child {margin-top:0; }
#formulaire-recapitulatif .ligne {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
#formulaire-recapitulatif .label {font-weight:500; margin-right: 10px; }
#formulaire-recapitulatif .valeur {}
#formulaire-recapitulatif .ligne-textarea {}
#formulaire-recapitulatif .ligne-textarea .label {width:100%; }
#formulaire-recapitulatif-presence { border: 1px solid #ccc; border-left: 0; border-right: 0; margin: 20px 0; }
#formulaire-recapitulatif-presence p {margin-left:0; font-weight:500; }

#bouton-reglement {cursor:pointer; background:none; border:none; margin:30px 0; max-width:270px; background:#fff; padding:10px 30px; text-align:center; border-radius: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.32); -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.32); -o-box-shadow: 0 0 7px rgba(0, 0, 0, 0.32); box-shadow: 0 0 7px rgba(0, 0, 0, 0.32); 	font-family: 'Barlow', sans-serif; }
#bouton-reglement > span {color:#009897; width:100%; display:block; }
#bouton-reglement > .titre {text-transform:uppercase; font-size:31px; font-weight: 400; }
#bouton-reglement > .titre > span {font-size:13px; color:#fff; font-weight:500; background:#009897; border-radius:60px; display: inline-block; vertical-align: middle; padding: 5px; letter-spacing: 0.6px; margin: 10px 0 3px; } 
#bouton-reglement > .icones {}
#bouton-reglement > .icones img {margin:3px !important; display: inline-block; vertical-align: middle; filter: invert(29%) sepia(53%) saturate(3175%) hue-rotate(338deg) brightness(102%) contrast(95%); }

#global #bouton-reglement:hover {background:#009897; }
#bouton-reglement:hover > .titre {color:#fff; }
#bouton-reglement:hover > .titre > span {color:#009897; background:#fff; }
#bouton-reglement:hover > .icones img {filter: brightness(0) invert(100%) sepia(0%) saturate(0%) hue-rotate(65deg) brightness(100%) contrast(103%); }

#checkout-button.stripe-button-el {cursor:pointer; background:none; border:none; margin:10px auto; max-width:542px; background:#0f557c; padding:10px 30px; text-align:center; border-radius: 80px; display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
#checkout-button.stripe-button-el::after {display:block; content:""; background:url(../images/icone-stripe.png) no-repeat center center; width:100px; height:45px; margin-left: 10px; -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto;  background-size: 100% auto;}
#checkout-button.stripe-button-el > span {height: 40px; font-weight:400; font-size:21px; color:#fef4e7; padding-left:50px; padding-bottom: 6px; background:url(../images/icone-cadenas.png) no-repeat left top; display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;}

#checkout-button.stripe-button-el:hover {background:#622d31;}

@media all and (max-width:580px) {
	#module-inscription form {margin-left:0;}
}

@media all and (max-width:400px) {
    #module-inscription {  padding: 10px 15px;}
    #module-inscription .form .inputText {width: 100%; height: 40px; box-sizing: border-box;}
}