/* CSS pour le front-office */
/* Text base ---------------------------------------------------------------- */
.txt-center { text-align:center; }
.txt-left { text-align:left; }
.txt-right { text-align:right; }
.txt-justify { text-align:justify; }
.txt-normal { font-size:100%; line-height:normal; } 
.txt-small { font-size:85%; line-height:normal; }
.txt-big { font-size:120%; line-height:normal; }
.txt-bold { font-weight:bold; }
.txt-wght200 { font-weight:200; }
.txt-wght300 { font-weight:300; }
.txt-wght400 { font-weight:400; }
.txt-wght500 { font-weight:500; }
.txt-wght600 { font-weight:600; }
.txt-italic { font-style:italic; }    
.txt-size70 { font-size:70%; }     
.txt-size75 { font-size:75%; }     
.txt-size80 { font-size:80%; }     
.txt-size85 { font-size:85%; }     
.txt-size90 { font-size:90%; }     
.txt-size95 { font-size:95%; }
.txt-size100 { font-size:100%; }
.txt-size110 { font-size:110%; }
.txt-size120 { font-size:120%; }
.txt-size130 { font-size:130%; }
.txt-size140 { font-size:140%; }
.txt-size150 { font-size:150%; }
.display-none { display:none; }
.on-middle { float:none; margin-left:auto; margin-right:auto; width:auto; text-align:center; }
.on-left { float:left; margin-left:auto; margin-right:5%; }
.on-right { float:right; margin-left:5%; margin-right:auto; }
ol, ul { margin: 0 0 1.2em 1.2em; }
p + .on-middle { margin-top:-0.5em; }
/* Forms base --------------------------------------------------------------- */
.radiobutton input[type="radio"] { display:none; }
.radiobutton input[type="radio"] + label { display:inline-block; margin:5px 20px 5px 0; padding:10px 20px; background:#f8f8f8; border:1px solid #8b8b8b; color:#8b8b8b; text-align:center; }
.radiobutton input[type="radio"]:hover + label { background:#f7f8f9; border-color:#000; color:#000; cursor:pointer; }
.radiobutton input[type="radio"]:checked + label { background:#000; border-color:#000; color:#fff; }
.field-text.field-email { display:none; }
.field-text.field-email + .field-text.field-email { display:block; }
/* Uploadbox section -------------------------------------------------------- */
.uploadbox_icon { display:block; margin:10px auto 30px auto; width:100px; height:100px; fill:#92b0b3; }
.uploadbox_file + label { display:none; }
.uploadbox_file + label:hover strong, .uploadbox_file:focus + label strong, .uploadbox_file.has-focus + label strong { color:#39bfd3; }
.uploadbox_file:focus + label, .uploadbox_file.has-focus + label { background:none; outline:none; }
.uploadbox_file + label * { cursor:pointer; }
.has-advanced-upload .uploadbox_file { position:absolute; overflow:hidden; z-index:-1; opacity:0; width:0.1px; height:0.1px; }
.has-advanced-upload .uploadbox_file + label { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.uploadbox_area { position:relative; padding:30px 10px; background-color:#c8dadf; font-size:14px; text-align:center; }
.uploadbox_area.has-advanced-upload { padding:50px 20px; outline:2px dashed #92b0b3; outline-offset:-10px; -webkit-transition:outline-offset .15s ease-in-out, background-color .15s linear; transition:outline-offset .15s ease-in-out, background-color .15s linear; }
.uploadbox_area.is-dragover { outline-offset:-20px; outline-color:#c8dadf; background-color:#fff; }
.uploadbox_area.has-advanced-upload .uploadbox_dragndrop { display:inline; }
@media only screen and (max-width: 420px) {
  .uploadbox_file + label { font-size:75%; }
}
/* Live section ------------------------------------------------------------- */
.live-container { position:relative; overflow:hidden; margin-left:auto; margin-right:auto; width:100%; max-width:640px; }
.live-container > iframe, .live-container > div { position:absolute; top:0; left:0; width:100%; height:100%; border:0; }
.vm-container-live, .vm-container-chat { position:relative; overflow:hidden; margin:0 auto; padding:0; width:100%; background:transparent; border:2px solid #000; }
.vm-container-live { max-width:640px; background:#000 url('assets/img/player_live_poster.png') center center no-repeat; }
.vm-container-chat { max-width:380px; min-height:420px; }
.vm-container-live > iframe, .vm-container-live > div, .vm-container-chat > iframe, .vm-container-chat > div { position:absolute; top:0; left:0; width:100%; height:100%; border:0; }
/* Theme custom ------------------------------------------------------------- */
.form-container p.msg-error, .form-container p.msg-notice, .form-container p.msg-succes { margin:0 0 20px 0; padding:10px 15px; font-size:15px; font-weight:400; color:#fff; }
.form-container p.msg-notice { background:#1aa2cf; }
.form-container p.msg-succes { background:#8fb914; }
.form-container p.msg-error { background:#ec6f70; }
.form-container p label span.required { display:none; }
.form-container p.field-text label, .form-container p.field-select label { display:block; margin:0; font-size:15px; font-weight:500; color:#646464; }
.form-container p.field-text input, .form-container p.field-select select { display:block; margin:0; padding:10px 12px; width:100%; height:auto; background-color:#fef3ee; border:none; border-radius:0; box-shadow:none; font-size:18px; font-weight:400; line-height:22px; color:#000; }
.form-container p.field-text input:focus, .form-container p.field-select select:focus { border:1px solid #8b3089; box-shadow:none; }
.form-container p.field-checkbox { margin-top:20px; }
.form-container p.field-checkbox span { font-size:14px; color:#646464; line-height:normal; }
.form-container p.field-submit input[type="submit"] { display:inline-block; padding:10px 25px; width:175px; background-color:#f1865d; border:none; border-radius:6px; font-size:16px; font-weight:500; color:#fff; vertical-align:middle; }
.form-container p.field-submit input[type="submit"]:hover { background-color:#8b3089; border:none; color:#fff; }
.form-container p.field-submit { margin:0; padding:20px 0 10px; }
.form-container.user-form { margin:25px 0; padding:0; }
.form-container.user-form > h4 + p { margin-top:-2px; font-size:14px; line-height:normal; }
.form-container.user-form > form { margin:0; padding:25px; border:2px solid #f1865d; border-radius:6px; }
.form-container.user-form .webinar-call-to { margin:0; padding:20px 0 0 0; }
.form-container.user-form .webinar-call-to > p { margin:0; }
.form-container.user-form .webinar-call-to .head-title { font-size:15px; font-weight:500; color:#000; }
.form-container.user-form .webinar-call-to .button-link { font-size:15px; font-weight:500; }
.form-container.user-form [type="checkbox"]:not(:checked) + label:before, .form-container.user-form [type="checkbox"]:checked + label:before { top:4px; border:1px solid #f1865d; }
.form-container.user-form [type="checkbox"]:not(:checked) + label:after, .form-container.user-form [type="checkbox"]:checked + label:after { top:5px; color:#f1865d; }
.webinar-message { margin:30px 0; padding:25px; background:none; border:2px solid #f1865d; border-radius:6px; }
.webinar-message :first-child { margin-top:0; }
.webinar-message :last-child { margin-bottom:0; }
.webinar-message.register_pending { background-color:rgba( 26, 162, 207, 0.1 ); border-color:#1aa2cf; }
.webinar-message.register_denied { background-color:rgba( 241, 134, 93, 0.1 ); border-color:#f1865d; }
.webinar-message.register_approved { background-color:rgba( 186, 227, 71, 0.1 ); border-color:#bae347; }
.webinar-message.live_finish { background-color:rgba( 139, 48, 137, 0.1 ); border-color:#8b3089; }
.webinar-streaming { margin:30px 0; padding:0 20px; background:none; border:2px solid #f1865d; border-radius:6px; }
.webinar-streaming .webinar-player > div, .webinar-streaming .webinar-chat > div { margin:20px auto; }
.webinar-streaming .webinar-player > div { margin-bottom:35px; }
/*EOF*/