/* generals */
/* .dc-cesl .mc-wrapper {max-width:1040px;} */
.dc-cesl .entry-wrapper { width: calc(100% - 24px);}
.dc-cesl .entry-content h3 {font-size:1.7em; padding:0}
.dc-cesl .entry-content h3,
.dc-cesl .entry-content p {margin:10px auto}

.dc-cesl .entry-content .w3-theme-d2 p,
.dc-cesl .entry-content .w3-theme-d4 p {color:#fff}
.dc-cesl .entry-content .w3-theme-l3 p {color:#225B8D}

.dc-cesl .entry-content .prenom-nom-enfant,
.dc-cesl .entry-content .titre-sejour {font-weight:600}



/* insc-resa-start */
#insc-resa-start-content {min-height:600px;}

.contact_email, .login_email, .login_pass, .sejour-selected-box, .login-box, .jeune-box {margin:16px auto}

.sejour-selected-box, .login-box, .jeune-box {width:100%; min-width:200px; max-width:400px}

.contact_email .form-error,
.login_email .form-error,
.login_pass .form-error {bottom:100%}

.login-box a {font-size:.9em}
.login-box a:hover {text-decoration:underline}



/* insc-resa-form steps */
.insc-resa-menu {}
.insc-resa-menu .w3-bar-item {font-weight:600}
.insc-resa-menu .w3-bar-item.cus-active {font-weight:600; border-color:#ffc107!important; color:#ffc107!important}
.insc-resa-menu .w3-bar-item.cus-active:after {background-color:#ffc107!important}

.insc-resa-menu .w3-bar-item .title {margin-right:8px;}
.insc-resa-menu .w3-bar-item .msg {padding:0 4px; background-color:#2980b9; display:inline-block;}

#frmResa .w3-bar,
#frmResa .cus-toggle-CodeCEAnswer-y {overflow:visible}
#frmResa .note {display:none}
#frmResa .cus-area {width:100%; max-width:740px}

#frmResa #CodeCE + .form-error {bottom:calc(100% - 4px)}


.msginfo-box h3 {color:#ffc107 !important; /* w3-amber */}

#bg-waiting {display:none; position:fixed; z-index:50001; background-color:#000; top:0; left:0; width:100%; height:100%;}
#msg-waiting {position:fixed; transform:translateX(-50%) translateY(-50%); top:50%; left:50%; text-align:center; color:#fff}
#msg-waiting div:nth-child(2) {font-size:2rem; font-weight:600}


/* insc-resa-form sejour options */
.w_title {}
.w_table {width:100%}
.w_table thead {display:none}
.w_table tr {display:flex; /*flex-wrap:wrap*/ margin-bottom:4px}

.w_value {min-width:120px; text-align:right; white-space:nowrap;}
.w_label {width:100%; text-align:left}
.w_help {min-width:200px}
.w_check {min-width:50px}

#resaAmount {color:#222;background-color:#70e000;border:none}