/* CSS pour le front-office */
/* 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-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; }
p + .on-middle { margin-top:-0.5em; }
/* Forms -------------------------------------- */
.msg-error, .msg-notice, .msg-succes { padding:10px 15px; font-size:1em; font-weight:500; color:#545454; }
.msg-notice { background:#baeff1; }
.msg-succes { background:#bae347; }
.msg-error { background:#bd1919; color:#fff; }
span.required, span.invalid { color:#bd1919; }
span.info { display:block; margin:5px 0; font-size:0.8em; color:#999; }
span.invalid { display:none; font-size:12px; }
.field-text label, .field-select label, .field-radiobutton  > label, .field-checkbox label.checkbox-title, .field-editor > label, .field-file > label, 
.field-range > label { display:block; font-size:0.9em; font-weight:600; color:#545454; }
.field-editor > label + div, .field-file > label + div { margin:5px 0; }
.field-checkbox label:not(.checkbox-title) { display:inline-block; margin:5px 10px 5px 0; color:#545454; }
.field-checkbox label:not(.checkbox-title):hover { cursor:pointer; }
.field-checkbox span { color:#545454; }
.field-text input, .field-text textarea, .field-select select { display:block; margin:5px 0; width:100%; border-radius:3px; font-size:1em; }
.field-submit input[type="submit"] { display:inline-block; padding:10px 25px; width:auto; border-radius:3px; line-height:1.3; vertical-align:middle; }
.field-submit { margin:20px 0; text-align:left; }
.field-text.field-invalid input, .field-text.field-invalid textarea, .field-select.field-invalid select { background-color:#fcdcd5; border-color:#bd1919; }
.field-invalid .invalid { display:block; }
p + .field-submit { margin-top:40px; }
.field-editor, .field-file { margin-bottom:1.5em; }
.field-file:after { display:block; content:""; clear:both; }
.field-file > div { float:left; margin:5px 0; padding:10px 15px; width:50%; }
@media only screen and (max-width: 660px) { .field-file > div { float:none; width:100%; } }
.field-file .file-image { border:1px solid #e8e8e8; }
.field-file .file-image .image-none { position:relative; width:100%; height:150px; background:#e8e8e8; }
.field-file .file-image .image-none > span { display:block; position:absolute; top:60px; left:0; width:100%; font-size:0.85em; color:#999; text-align:center; }
.field-file .file-image .image-delete { text-align:center; }
.field-file .file-image .image-delete > input[type="submit"] { padding:4px 10px; width:auto; font-size:0.85em; line-height:normal; }
.field-file .file-input > label { display:block; margin:0 0 10px 0; font-size:0.9em; font-weight:600; color:#545454; }
.radiobutton input[type="radio"], .radiobutton input[type="checkbox"] { display:none; }
.radiobutton input[type="radio"] + label, .radiobutton input[type="checkbox"] + 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, .radiobutton input[type="checkbox"]:hover + label { background:#f7f8f9; border-color:#000; color:#000; cursor:pointer; }
.radiobutton input[type="radio"]:checked + label, .radiobutton input[type="checkbox"]:checked + label { background:#000; border-color:#000; color:#fff; }
.fieldset { margin:10px 0; padding:10px 0; }
.fieldset .fieldset-legend { margin:-10px 0 25px 0; padding:10px 10px 7px 10px; background:#fff; border-top:1px solid #e8e8e8; }
.field-text.field-email { display:none; }
.field-text.field-email + .field-text.field-email { display:block; }
/* Uploadbox ---------------------------------- */
.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:0.9em; 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:0.8em; } }
/* Navigations -------------------------------- */
.list-tabs, .list-tabs:target ~ .list-tabs:last-of-type { display:none; }
.list-tabs:last-of-type, .list-tabs:target { display:block; }
/*EOF*/