/******************************************************************************* Génériques *******************************************************************************/ table, tr, th, td { margin: 0; padding: 0; border: 0; } th { font-weight: bold; } img { border-width: 0; } label, .button-generic { cursor: pointer; } /* pour faire fonctionner le click sur les images dans un label sur IE11 - ajout d'un hack IE car sinon si on ajoute la regle partout, le title ne s'affiche pas sous chrome*/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { label img { pointer-events: none; } } label { display: inline-block; } textarea { overflow: auto; max-width: 100%; *max-width: none; /* IE6 - IE7 */ max-width: none\9; /* IE8 */ } textarea, input, select { font-family: inherit; font-size: inherit; vertical-align: baseline; } input[type=number], input[type=file], input[type=email], input[type=text], input[type=password], textarea, div.textarea, select { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Pour eviter d'afficher la petite croix qui efface le texte */ ::-ms-clear { display: none; } /******************************************************************************* * Remplacement des textarea par un div stylé pour adapter automatiquement la hauteur du champ au contenu et fournir le même style pour tous les * navigateurs. *******************************************************************************/ div.textarea { vertical-align: middle; } div.textarea { overflow: auto; max-width: 100%; font-family: inherit; font-size: inherit; border: 1px solid #dedede; border-radius: 4px; padding: 7pt; background-color: #efefef; min-height: 50pt; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .question-TEXTE div.textarea { margin: 0; width: 100%; *width: 97%; /*IE6 - IE7*/ } /************************************/ h3 { margin: 0; } .block { display: block; } .interview-header, .interview-footer { _display: inline-block; /*IE6*/ } .interview-name-parent, .interview-footer { text-align: center; } .interview-name, .interview-name-custom { width: 100%; } .pointer, .clickable { cursor: pointer; } .center { text-align: center; } /******************************************************************************* Choix version - Accroche - Remerciements - Clôture *******************************************************************************/ .interview-version-choice, .interview-catching { margin: 20px 0; } .interview-end, .interview-closing, .interview-end-reached { margin: 0; padding: 20px; } /******************************************************************************* Éléments questionnaire *******************************************************************************/ .accessibility { /* Pour la gestion de l'accessibilité */ _clear: both; /*IE6*/ position: absolute; left: -500000px; z-index: -1; overflow: hidden; color: transparent; } .interview-element { clear: both; margin: 1em 0; } /******************************************************************************* Partie *******************************************************************************/ .section-collapsible { cursor: pointer; } .section-heading { _display: inline-block; /*IE6*/ margin-top: 2em; } .section-heading p { margin: 0; padding: 0; } .section-expand, .section-collapse { background: transparent url("images/sprite-respondent.png?v=20160926") no-repeat; cursor: pointer; float: left; height: 16px; width: 16px; margin-top: 0.5em; } .section-collapse { background-position: 0 0; } .section-expand { background-position: -16px 0; } /******************************************************************************* Question *******************************************************************************/ .question-UNIQUE, .question-MULTIPLE, .question-NUMERIQUE, .question-FICHIER, .question-DATE, .question-TEXTE, .question-GROUPE { margin: 0 0 1em 0; } .question-heading-parent { margin-bottom: 0.5em; margin-top: 2em; } .question-heading-parent span { margin: auto; padding: 0; } .question-heading-parent p, .question-heading-parent p { /* Pour que Qn puisse s'afficher au texte saisie dans les éditeurs riche */ margin-top: 0; } .question-car-counter, .mfu-caption { text-align: left; font-size: 0.7em; margin: 0.3em 0 0.4em 0; } input[type="number"] { text-align: right; width: 5em; } .question-DATE input { text-align: center; } input.rank { width: 3em; } /******************************************************************************* Liste de choix *******************************************************************************/ .question-choices-parent { border: medium none; margin: 0; text-align: left; } .question-choices-parent ul { list-style: none; } .question-choices-parent table tr td, .question-choices-parent table tr th, .question-choice-horiz { word-wrap: break-word; } .question-choices { text-align: left; text-decoration: none; margin: 0; padding: 0; } .question-choices li { padding: 0.1em; display:table; } .question-choices-column { display:table; margin-right: 0.4em; } .question-choices-column > *{ display:table-cell; vertical-align:middle; } .question-choices-column > :first-child{ padding-right:0.5em; } .question-body, .question-instructions { margin: 0.5em 0.5em 0.5em 1em; } .question-reponse-brute, .question-reponse { font-style: italic; margin: 0.5em 0.5em 0.5em 0; } /******************************************************************************* Curseurs *******************************************************************************/ /** Styles du plugin jQuery ***/ /* * jQuery Mobile v1.3.2 * http://jquerymobile.com * * Copyright 2010, 2013 jQuery Foundation, Inc. and other contributors * Released under the MIT license. * http://jquery.org/license * */ .ui-btn { display: block; text-align: center; cursor:pointer; position: relative; margin: .5em 0; padding: 0; } .ui-mini { margin-top: .25em; margin-bottom: .25em; } .ui-btn-left, .ui-btn-right, .ui-input-clear, .ui-btn-inline, .ui-grid-a .ui-btn, .ui-grid-b .ui-btn, .ui-grid-c .ui-btn, .ui-grid-d .ui-btn, .ui-grid-e .ui-btn, .ui-grid-solo .ui-btn { margin-right: 5px; margin-left: 5px; } .ui-btn-inner { font-size: 16px; padding: .6em 20px; min-width: .75em; display: block; position: relative; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; zoom: 1; } .ui-btn input, .ui-btn button { z-index: 2; } .ui-btn-left, .ui-btn-right, .ui-btn-inline { display: inline-block; vertical-align: middle; } .ui-mobile .ui-btn-left, .ui-mobile .ui-btn-right, .ui-btn-left > .ui-btn, .ui-btn-right > .ui-btn { margin: 0; } /* .ui-mobile to increase specificity level */ .ui-btn-block { display: block; } .ui-header > .ui-btn, .ui-footer > .ui-btn { display: inline-block; margin: 0; } .ui-header .ui-btn-block, .ui-footer .ui-btn-block { display: block; } .ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-mini .ui-btn-inner { font-size: 12.5px; padding: .55em 11px .5em; } .ui-fullsize .ui-btn-inner, .ui-fullsize .ui-btn-inner { font-size: 16px; padding: .6em 20px; } .ui-btn-icon-notext { width: 24px; height: 24px; } .ui-btn-icon-notext .ui-btn-inner { padding: 0; height: 100%; } .ui-btn-icon-notext .ui-btn-inner .ui-icon { margin: 2px 1px 2px 3px; float: left; } .ui-btn-text { position: relative; z-index: 1; width: 100%; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } div.ui-btn-text { width: auto; } .ui-btn-icon-notext .ui-btn-text { position: absolute; left: -9999px; } .ui-btn-icon-left .ui-btn-inner { padding-left: 40px; } .ui-btn-icon-right .ui-btn-inner { padding-right: 40px; } .ui-btn-icon-top .ui-btn-inner { padding-top: 40px; } .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 40px; } .ui-header .ui-btn-icon-left .ui-btn-inner, .ui-footer .ui-btn-icon-left .ui-btn-inner, .ui-mini.ui-btn-icon-left .ui-btn-inner, .ui-mini .ui-btn-icon-left .ui-btn-inner { padding-left: 30px; } .ui-header .ui-btn-icon-right .ui-btn-inner, .ui-footer .ui-btn-icon-right .ui-btn-inner, .ui-mini.ui-btn-icon-right .ui-btn-inner, .ui-mini .ui-btn-icon-right .ui-btn-inner { padding-right: 30px; } .ui-header .ui-btn-icon-top .ui-btn-inner, .ui-footer .ui-btn-icon-top .ui-btn-inner { padding: 30px 3px .5em 3px; } .ui-mini.ui-btn-icon-top .ui-btn-inner, .ui-mini .ui-btn-icon-top .ui-btn-inner { padding-top: 30px; } .ui-header .ui-btn-icon-bottom .ui-btn-inner, .ui-footer .ui-btn-icon-bottom .ui-btn-inner { padding: .55em 3px 30px 3px; } .ui-mini.ui-btn-icon-bottom .ui-btn-inner, .ui-mini .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 30px; } /* Corner styling inheritance */ .ui-btn-inner { -webkit-border-radius: inherit; border-radius: inherit; } /*btn icon positioning*/ .ui-btn-icon-notext .ui-icon { display: block; z-index: 0;} .ui-btn-icon-left > .ui-btn-inner > .ui-icon, .ui-btn-icon-right > .ui-btn-inner > .ui-icon { position: absolute; top: 50%; margin-top: -9px; } .ui-btn-icon-top .ui-btn-inner .ui-icon, .ui-btn-icon-bottom .ui-btn-inner .ui-icon { position: absolute; left: 50%; margin-left: -9px; } .ui-btn-icon-left .ui-icon { left: 10px; } .ui-btn-icon-right .ui-icon { right: 10px; } .ui-btn-icon-top .ui-icon { top: 10px; } .ui-btn-icon-bottom .ui-icon { top: auto; bottom: 10px; } .ui-header .ui-btn-icon-left .ui-icon, .ui-footer .ui-btn-icon-left .ui-icon, .ui-mini.ui-btn-icon-left .ui-icon, .ui-mini .ui-btn-icon-left .ui-icon { left: 5px; } .ui-header .ui-btn-icon-right .ui-icon, .ui-footer .ui-btn-icon-right .ui-icon, .ui-mini.ui-btn-icon-right .ui-icon, .ui-mini .ui-btn-icon-right .ui-icon { right: 5px; } .ui-header .ui-btn-icon-top .ui-icon, .ui-footer .ui-btn-icon-top .ui-icon, .ui-mini.ui-btn-icon-top .ui-icon, .ui-mini .ui-btn-icon-top .ui-icon { top: 5px; } .ui-header .ui-btn-icon-bottom .ui-icon, .ui-footer .ui-btn-icon-bottom .ui-icon, .ui-mini.ui-btn-icon-bottom .ui-icon, .ui-mini .ui-btn-icon-bottom .ui-icon { bottom: 5px; } /*hiding native button,inputs */ .ui-btn-hidden { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-appearance: none; cursor: pointer; background: #fff; background: rgba(255,255,255,0); filter: Alpha(Opacity=0); opacity: .1; font-size: 1px; border: none; text-indent: -9999px; } /* Fixes IE/WP filter alpha opacity bugs */ .ui-disabled .ui-btn-hidden { display: none; } .ui-disabled { z-index: 1; } .ui-field-contain .ui-btn.ui-submit { margin: 0; } label.ui-submit { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; } @media all and (min-width: 28em){ .ui-field-contain label.ui-submit { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; } .ui-field-contain .ui-btn.ui-submit { width: 78%; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .ui-hide-label .ui-btn.ui-submit { width: auto; display: block; } } /* some unsets - more probably needed */ .ui-mobile, .ui-mobile body { height: 99.9%; } .ui-mobile fieldset, .ui-page { padding: 0; margin: 0; } .ui-mobile a img, .ui-mobile fieldset { border-width: 0; } .ui-mobile fieldset { min-width: 0; } /* responsive page widths */ .ui-mobile-viewport { margin: 0; overflow-x: visible; -webkit-text-size-adjust: 100%; -ms-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* Issue #2066 */ body.ui-mobile-viewport, div.ui-mobile-viewport { overflow-x: hidden; } /* "page" containers - full-screen views, one should always be in view post-pageload */ .ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page { top: 0; left: 0; width: 100%; min-height: 100%; position: absolute; display: none; border: 0; } .ui-mobile .ui-page-active { display: block; overflow: visible; } /* on ios4, setting focus on the page element causes flashing during transitions when there is an outline, so we turn off outlines */ .ui-page { outline: none; } /*orientations from js are available */ @media screen and (orientation: portrait){ .ui-mobile .ui-page { min-height: 420px; } } @media screen and (orientation: landscape){ .ui-mobile .ui-page { min-height: 300px; } } /* loading screen */ .ui-loading .ui-loader { display: block; } .ui-loader { display: none; z-index: 9999999; position: fixed; top: 50%; left: 50%; border:0; } .ui-loader-default { background: none; filter: Alpha(Opacity=18); opacity: .18; width: 46px; height: 46px; margin-left: -23px; margin-top: -23px; } .ui-loader-verbose { width: 200px; filter: Alpha(Opacity=88); opacity: .88; box-shadow: 0 1px 1px -1px #fff; height: auto; margin-left: -110px; margin-top: -43px; padding: 10px; } .ui-loader-default h1 { font-size: 0; width: 0; height: 0; overflow: hidden; } .ui-loader-verbose h1 { font-size: 16px; margin: 0; text-align: center; } .ui-loader .ui-icon { background-color: #000; display: block; margin: 0; width: 44px; height: 44px; padding: 1px; -webkit-border-radius: 36px; border-radius: 36px; } .ui-loader-verbose .ui-icon { margin: 0 auto 10px; filter: Alpha(Opacity=75); opacity: .75; } .ui-loader-textonly { padding: 15px; margin-left: -115px; } .ui-loader-textonly .ui-icon { display: none; } .ui-loader-fakefix { position: absolute; } /*fouc*/ .ui-mobile-rendering > * { visibility: hidden; } /*headers, content panels*/ .ui-bar, .ui-body { position: relative; padding: .4em 15px; overflow: hidden; display: block; clear:both; } .ui-bar { font-size: 16px; margin: 0; } .ui-bar h1, .ui-bar h2, .ui-bar h3, .ui-bar h4, .ui-bar h5, .ui-bar h6 { margin: 0; padding: 0; font-size: 16px; display: inline-block; } .ui-header, .ui-footer { position: relative; zoom: 1; } .ui-mobile .ui-header, .ui-mobile .ui-footer { border-left-width: 0; border-right-width: 0; } .ui-header .ui-btn-left, .ui-header .ui-btn-right, .ui-footer .ui-btn-left, .ui-footer .ui-btn-right, .ui-header-fixed.ui-fixed-hidden .ui-btn-left, .ui-header-fixed.ui-fixed-hidden .ui-btn-right { position: absolute; top: 3px; } .ui-header-fixed .ui-btn-left, .ui-header-fixed .ui-btn-right { top: 4px;} .ui-header .ui-btn-left, .ui-footer .ui-btn-left { left: 5px; } .ui-header .ui-btn-right, .ui-footer .ui-btn-right { right: 5px; } .ui-footer > .ui-btn-icon-notext, .ui-header > .ui-btn-icon-notext, .ui-header-fixed.ui-fixed-hidden > .ui-btn-icon-notext { top: 6px; } .ui-header-fixed > .ui-btn-icon-notext { top: 7px;} .ui-header .ui-title, .ui-footer .ui-title { min-height: 1.1em; text-align: center; font-size: 16px; display: block; margin: .6em 30% .8em; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; } .ui-footer .ui-title { margin: .6em 15px .8em; } /* content area*/ .ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 15px; } /* corner styling for dialogs and popups */ .ui-corner-all > .ui-header:first-child, .ui-corner-all > .ui-content:first-child, .ui-corner-all > .ui-footer:first-child { -webkit-border-top-left-radius: inherit; border-top-left-radius: inherit; -webkit-border-top-right-radius: inherit; border-top-right-radius: inherit; } .ui-corner-all > .ui-header:last-child, .ui-corner-all > .ui-content:last-child, .ui-corner-all > .ui-footer:last-child { -webkit-border-bottom-left-radius: inherit; border-bottom-left-radius: inherit; -webkit-border-bottom-right-radius: inherit; border-bottom-right-radius: inherit; } /* icons sizing */ .ui-icon { width: 18px; height: 18px; } /* non-js content hiding */ .ui-nojs { position: absolute; left: -9999px; } /* accessible content hiding */ .ui-hide-label label.ui-input-text, .ui-hide-label label.ui-select, .ui-hide-label label.ui-slider, .ui-hide-label label.ui-submit, .ui-hide-label .ui-controlgroup-label, .ui-hidden-accessible { position: absolute !important; left: -9999px; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } label.ui-slider { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0; display: block; } .ui-field-contain label.ui-slider { margin-bottom: .4em; } div.ui-slider { height: 30px; margin: .5em 0; zoom: 1; } div.ui-slider.ui-mini { margin: .25em 0; } .ui-field-contain div.ui-slider, .ui-field-contain div.ui-slider.ui-mini { margin: 0; } div.ui-slider:before, div.ui-slider:after { content: ""; display: table; } div.ui-slider:after { clear: both; } /* High level of specificity to override Textinput CSS. */ input.ui-input-text.ui-slider-input { display: block; float: left; margin: 0; padding: 4px; width: 40px; height: 22px; line-height: 22px; font-size: 14px; border-width: 0; background-image: none; font-weight: bold; text-align: center; vertical-align: text-bottom; outline: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; } .ui-slider-input::-webkit-outer-spin-button, .ui-slider-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .ui-slider-track, .ui-slider-switch { position: relative; overflow: visible; height: 15px; margin: 0 15px 0 68px; top: 6px; } .ui-slider-track.ui-mini { height: 12px; top: 8px; } .ui-slider-bg { border: none; height: 100%; } /* High level of specificity to override button margins in grids */ .ui-slider-track .ui-btn.ui-slider-handle, .ui-slider-switch .ui-btn.ui-slider-handle { position: absolute; z-index: 1; top: 50%; width: 28px; height: 28px; margin: -15px 0 0 -15px; outline: 0; } .ui-slider-track.ui-mini .ui-slider-handle { height: 14px; width: 14px; margin: -8px 0 0 -7px; } .ui-slider-handle .ui-btn-inner { padding: 0; height: 100%; } .ui-slider-track.ui-mini .ui-slider-handle .ui-btn-inner { height: 30px; width: 30px; padding: 0; margin: -9px 0 0 -9px; border-top: none; } select.ui-slider-switch { display: none; } div.ui-slider-switch { display: inline-block; height: 32px; width: 5.8em; margin: .5em 0; top: 0; } /* reset the clearfix */ div.ui-slider-switch:before, div.ui-slider-switch:after { display: none; clear: none; } div.ui-slider-switch.ui-mini { width: 5em; height: 29px; margin: .25em 0; top: 0; } .ui-field-contain .ui-slider-switch, .ui-field-contain .ui-slider-switch.ui-mini { margin: 0; } .ui-slider-inneroffset { margin: 0 16px; position: relative; z-index: 1; } .ui-slider-switch.ui-mini .ui-slider-inneroffset { margin: 0 15px 0 14px; } .ui-slider-switch .ui-btn.ui-slider-handle { margin: 1px 0 0 -15px; } .ui-slider-switch.ui-mini .ui-slider-handle { width: 25px; height: 25px; margin: 1px 0 0 -13px; padding: 0; } .ui-slider-handle-snapping { -webkit-transition: left 70ms linear; -moz-transition: left 70ms linear; } .ui-slider-switch.ui-mini .ui-slider-handle .ui-btn-inner { height: 30px; width: 30px; padding: 0; margin: 0; border-top: none; } .ui-slider-switch .ui-slider-label { position: absolute; text-align: center; width: 100%; overflow: hidden; font-size: 16px; top: 0; line-height: 2; min-height: 100%; border-width: 0; white-space: nowrap; cursor: pointer; } .ui-slider-switch.ui-mini .ui-slider-label { font-size: 14px; } .ui-slider-switch .ui-slider-label-a { z-index: 1; left: 0; text-indent: -1.5em; } .ui-slider-switch .ui-slider-label-b { z-index: 0; right: 0; text-indent: 1.5em; } @media all and (min-width: 28em){ .ui-field-contain label.ui-slider { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; } .ui-field-contain div.ui-slider { display: inline-block; width: 78%; } .ui-field-contain.ui-hide-label div.ui-slider { display: block; width: auto; } .ui-field-contain div.ui-slider-switch, .ui-field-contain.ui-hide-label div.ui-slider-switch { display: inline-block; width: 5.8em; } .ui-field-contain div.ui-slider-switch.ui-mini { width: 5em; } } label.ui-input-text { font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em; } input.ui-input-text, textarea.ui-input-text { background-image: none; padding: .4em; margin: .5em 0; min-height: 1.4em; line-height: 1.4em; font-size: 16px; display: block; width: 100%; outline: 0; } input.ui-mini, .ui-mini input, textarea.ui-mini { font-size: 14px; } div.ui-input-text input.ui-input-text, div.ui-input-text textarea.ui-input-text, .ui-input-search input.ui-input-text { border: none; width: 100%; padding: .4em 0; margin: 0; display: block; background: transparent none; outline: 0 !important; } .ui-input-search, div.ui-input-text { margin: .5em 0; background-image: none; position: relative; } .ui-input-search { padding: 0 30px; } div.ui-input-text { padding: 0 .4em; } div.ui-input-has-clear { padding: 0 30px 0 .4em; } input.ui-input-text.ui-mini, textarea.ui-input-text.ui-mini, .ui-input-search.ui-mini, div.ui-input-text.ui-mini { margin: .25em 0; } .ui-field-contain input.ui-input-text, .ui-field-contain textarea.ui-input-text, .ui-field-contain .ui-input-search, .ui-field-contain div.ui-input-text { margin: 0; } textarea.ui-input-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } input.ui-input-text { -webkit-appearance: none; } textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear; -moz-transition: height 200ms linear; -o-transition: height 200ms linear; transition: height 200ms linear; } textarea.ui-mini { height: 45px; } .ui-icon-searchfield:after { position: absolute; left: 7px; top: 50%; margin-top: -9px; content: ""; width: 18px; height: 18px; opacity: .5; } .ui-input-search .ui-input-clear, .ui-input-text .ui-input-clear { position: absolute; right: 0; top: 50%; margin-top: -13px; } .ui-mini .ui-input-clear { right: -3px; } .ui-input-search .ui-input-clear-hidden, .ui-input-text .ui-input-clear-hidden { display: none; } /* Resolves issue #5166: Added to support issue introduced in Firefox 15. We can likely remove this in the future. */ input::-moz-placeholder, textarea::-moz-placeholder { color: #aaa; } /* For IE10 */ :-ms-input-placeholder { color: #aaa; } /* Resolves issue #5131: Width of textinput depends on its type, for Android 4.1 */ input[type=number]::-webkit-outer-spin-button { margin: 0; } @media all and (min-width: 28em){ .ui-field-contain label.ui-input-text { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0 } .ui-field-contain input.ui-input-text, .ui-field-contain textarea.ui-input-text, .ui-field-contain .ui-input-search, .ui-field-contain div.ui-input-text { width: 78%; display: inline-block; } .ui-field-contain .ui-input-search, .ui-field-contain div.ui-input-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .ui-hide-label input.ui-input-text, .ui-hide-label textarea.ui-input-text, .ui-hide-label .ui-input-search, .ui-hide-label div.ui-input-text, .ui-input-search input.ui-input-text, div.ui-input-text input.ui-input-text { width: 100%; } } /* * jQuery Mobile v1.3.2 * http://jquerymobile.com * * Copyright 2010, 2013 jQuery Foundation, Inc. and other contributors * Released under the MIT license. * http://jquery.org/license * */ /* Swatches */ /* C -----------------------------------------------------------------------------------------------------------*/ .ui-bar-c { border: 1px solid #b3b3b3 /*{c-bar-border}*/; background: #eee /*{c-bar-background-color}*/; color: #3e3e3e /*{c-bar-color}*/; font-weight: bold; text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 0 /*{c-bar-shadow-radius}*/ #fff /*{c-bar-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 /*{c-bar-background-start}*/), to( #ddd /*{c-bar-background-end}*/)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* Opera 11.10+ */ background-image: linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); } .ui-bar-c .ui-link-inherit { color: #3e3e3e /*{c-bar-color}*/; } .ui-bar-c a.ui-link { color: #7cc4e7 /*{c-bar-link-color}*/; font-weight: bold; } .ui-bar-c a.ui-link:visited { color: #2489ce /*{c-bar-link-visited}*/; } .ui-bar-c a.ui-link:hover { color: #2489ce /*{c-bar-link-hover}*/; } .ui-bar-c a.ui-link:active { color: #2489ce /*{c-bar-link-active}*/; } .ui-bar-c, .ui-bar-c input, .ui-bar-c select, .ui-bar-c textarea, .ui-bar-c button { font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; } .ui-body-c, .ui-overlay-c { border: 1px solid #aaa /*{c-body-border}*/; color: #333 /*{c-body-color}*/; text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/; background: #f9f9f9 /*{c-body-background-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 /*{c-body-background-start}*/), to( #eee /*{c-body-background-end}*/)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/); /* Opera 11.10+ */ background-image: linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/); } .ui-overlay-c { background-image: none; border-width: 0; } .ui-body-c, .ui-body-c input, .ui-body-c select, .ui-body-c textarea, .ui-body-c button { font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; } .ui-body-c .ui-link-inherit { color: #333 /*{c-body-color}*/; } .ui-body-c .ui-link { color: #2489ce /*{c-body-link-color}*/; font-weight: bold; } .ui-body-c .ui-link:visited { color: #2489ce /*{c-body-link-visited}*/; } .ui-body-c .ui-link:hover { color: #2489ce /*{c-body-link-hover}*/; } .ui-body-c .ui-link:active { color: #2489ce /*{c-body-link-active}*/; } .ui-btn-up-c { border: 1px solid #ccc /*{c-bup-border}*/; background: #eee /*{c-bup-background-color}*/; font-weight: bold; color: #222 /*{c-bup-color}*/; text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #fff /*{c-bup-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #fff /*{c-bup-background-start}*/), to( #f1f1f1 /*{c-bup-background-end}*/)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Opera 11.10+ */ background-image: linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); } .ui-btn-up-c:visited, .ui-btn-up-c a.ui-link-inherit { color: #2f3e46 /*{c-bup-color}*/; } .ui-btn-hover-c { border: 1px solid #bbb /*{c-bhover-border}*/; background: #dfdfdf /*{c-bhover-background-color}*/; font-weight: bold; color: #222 /*{c-bhover-color}*/; text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 0 /*{c-bhover-shadow-radius}*/ #fff /*{c-bhover-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{c-bhover-background-start}*/), to( #e0e0e0 /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Opera 11.10+ */ background-image: linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); } .ui-btn-hover-c:visited, .ui-btn-hover-c:hover, .ui-btn-hover-c a.ui-link-inherit { color: #2f3e46 /*{c-bhover-color}*/; } .ui-btn-down-c { border: 1px solid #bbb /*{c-bdown-border}*/; background: #d6d6d6 /*{c-bdown-background-color}*/; font-weight: bold; color: #222 /*{c-bdown-color}*/; text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 0 /*{c-bdown-shadow-radius}*/ #fff /*{c-bdown-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 /*{c-bdown-background-start}*/), to( #dfdfdf /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Opera 11.10+ */ background-image: linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); } .ui-btn-down-c:visited, .ui-btn-down-c:hover, .ui-btn-down-c a.ui-link-inherit { color: #2f3e46 /*{c-bdown-color}*/; } .ui-btn-up-c, .ui-btn-hover-c, .ui-btn-down-c { font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; text-decoration: none; } /* Structure */ /* links within "buttons" -----------------------------------------------------------------------------------------------------------*/ a.ui-link-inherit { text-decoration: none !important; } /* Active class used as the "on" state across all themes -----------------------------------------------------------------------------------------------------------*/ .ui-btn-active { border: 1px solid #2373a5 /*{global-active-border}*/; background: #5393c5 /*{global-active-background-color}*/; font-weight: bold; color: #fff /*{global-active-color}*/; cursor: pointer; text-shadow: 0 /*{global-active-shadow-x}*/ 1px /*{global-active-shadow-y}*/ 0 /*{global-active-shadow-radius}*/ #3373a5 /*{global-active-shadow-color}*/; text-decoration: none; background-image: -webkit-gradient(linear, left top, left bottom, from( #5393c5 /*{global-active-background-start}*/), to( #6facd5 /*{global-active-background-end}*/)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* Opera 11.10+ */ background-image: linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; } .ui-btn-active:visited, .ui-btn-active:hover, .ui-btn-active a.ui-link-inherit { color: #fff /*{global-active-color}*/; } /* button inner top highlight -----------------------------------------------------------------------------------------------------------*/ .ui-btn-inner { border-top: 1px solid #fff; border-color: rgba(255,255,255,.3); } /* corner rounding classes -----------------------------------------------------------------------------------------------------------*/ .ui-corner-all { -webkit-border-radius: .6em /*{global-radii-blocks}*/; border-radius: .6em /*{global-radii-blocks}*/; } /* Form field separator -----------------------------------------------------------------------------------------------------------*/ .ui-br { border-color: rgb(130,130,130); border-color: rgba(130,130,130,.3); border-style: solid; } /* Interaction cues -----------------------------------------------------------------------------------------------------------*/ .ui-disabled { filter: Alpha(Opacity=30); opacity: .3; zoom: 1; } .ui-disabled, .ui-disabled a { cursor: default !important; pointer-events: none; } /* Alt icon color -----------------------------------------------------------------------------------------------------------*/ .ui-icon-alt .ui-icon, .ui-icon-alt .ui-icon-searchfield:after { background-color: #fff; background-color: rgba(255,255,255,.3); background-image: url(images/icons-18-black.png?v=20160926); background-repeat: no-repeat; } /* No disc -----------------------------------------------------------------------------------------------------------*/ .ui-icon-nodisc .ui-icon, .ui-icon-nodisc .ui-icon-searchfield:after, .ui-icon-nodisc .ui-icon-alt .ui-icon, .ui-icon-nodisc .ui-icon-alt .ui-icon-searchfield:after { background-color: transparent; } /* checks,radios */ .ui-checkbox .ui-icon, .ui-selectmenu-list .ui-icon { -webkit-border-radius: 3px; border-radius: 3px; } .ui-icon-checkbox-off, .ui-icon-radio-off { background-color: transparent; } .ui-checkbox-on .ui-icon, .ui-radio-on .ui-icon { background-color: #4596ce /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */ } /* Button corner class -----------------------------------------------------------------------------------------------------------*/ .ui-btn-corner-all { -webkit-border-radius: 1em /*{global-radii-buttons}*/; border-radius: 1em /*{global-radii-buttons}*/; } /* radius clip workaround for cleaning up corner trapping */ .ui-corner-all, .ui-btn-corner-all { -webkit-background-clip: padding; background-clip: padding-box; } /* Overlay / modal -----------------------------------------------------------------------------------------------------------*/ .ui-shadow { -moz-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/; -webkit-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/; box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/ } .ui-bar-a .ui-shadow, .ui-bar-b .ui-shadow , .ui-bar-c .ui-shadow { -moz-box-shadow: 0 1px 0 rgba(255,255,255,.3); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3); box-shadow: 0 1px 0 rgba(255,255,255,.3); } .ui-shadow-inset { -moz-box-shadow: inset 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.2); box-shadow: inset 0 1px 4px rgba(0,0,0,.2); } .ui-icon-shadow { -moz-box-shadow: 0 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/; box-shadow: 0 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/; } /* Focus state - set here for specificity (note: these classes are added by JavaScript) -----------------------------------------------------------------------------------------------------------*/ .ui-btn:focus, .ui-link-inherit:focus { outline: 0; } .ui-btn.ui-focus { z-index: 1; } .ui-focus, .ui-btn:focus { -moz-box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/; -webkit-box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/; box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/; } .ui-input-text.ui-focus, .ui-input-search.ui-focus { -moz-box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/; -webkit-box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/; box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/; } /* unset box shadow in browsers that don't do it right -----------------------------------------------------------------------------------------------------------*/ .ui-mobile-nosupport-boxshadow * { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } /* ...and bring back focus */ .ui-mobile-nosupport-boxshadow .ui-focus, .ui-mobile-nosupport-boxshadow .ui-btn:focus, .ui-mobile-nosupport-boxshadow .ui-link-inherit:focus { outline-width: 1px; outline-style: auto; } /******************* Custom mode répondant ****************/ .not-answered { filter: alpha(opacity=40); opacity: 0.4; } .not-answered:hover, .not-answered .ui-disabled { filter: alpha(opacity=100); opacity: 1; } .ui-slider-track { margin-left: 1.2em; min-width: 17em; *min-width: 7em; /* IE6 et 7 pour s'adapter à la place dispo sachant que c'est le conteneur global qui a un width */ } .ui-btn.ui-slider-handle { -webkit-border-radius: 2em; border-radius: 2em; border-bottom: none; } /** Small **/ .ui-slider.small .ui-slider-track { height: 0.5em; } .ui-slider.small .ui-btn.ui-slider-handle { height: 1em; width: 1em; margin-left: -0.5em; margin-top: -0.5em; } /** Medium **/ .ui-slider.medium .ui-slider-track { height: 1em; } .ui-slider.medium .ui-btn.ui-slider-handle { height: 2em; width: 2em; margin-left: -1em; margin-top: -1em; } /** Big **/ .ui-slider.big .ui-slider-track { height: 1.5em; } .ui-slider.big .ui-btn.ui-slider-handle { height: 3em; width: 3em; margin-left: -1.5em; margin-top: -1.5em; } .slider-choices-parent, .slider-choices-parent .question-choices { display: inline-block; vertical-align: bottom; } .slider-choices-parent > table { *width: 100%; } .slider-choices-parent > tr > td { *width: 40%; } .slider-choices-parent > div.question-choices { *max-width: 40%; } .slider-choices-parent label.img-container { width: 46%; max-width: 25em; display:inline-block; } .slider-choices-parent label.img-container > span { display:inline-block; } .slider-choices-parent .slider-value label.img-container { width: auto; } .slider-choices-parent, .slider-choices-parent .question-choices, .question-choices .slider-container, .slider-choices-parent .img-container span { text-align: center; } .slider-choices-parent { *text-align: left; } .first-choice { text-align: left; } .last-choice { text-align: right; } .slider-choices-parent .img-container table, .question-choices .slider-container table { width: 100%; } .question-choices .slider-container table { min-width: 17em\9; } .slider-choices-parent > table td, .slider-choices-parent .img-container table td, .question-choices .slider-container table td { vertical-align: bottom; border: none; padding: 0; } .slider-container input[type="range"] { width: 90%; margin: 0; padding: 0; min-width: 15em; background-color: transparent; font-size: 1.5em; border: none; } .slider-container { display: inline-block; *display: block;/* IE7 et inférieurs */ padding: 0.2em 3em; } /* Slider dans un tableau => on enlève le padding latérale pour avoir des curseurs plus larges */ .questions-table-body .slider-container { padding: 0.2em 0; } .slider-choices-parent .slider-value { padding: 0.4em; } .slider-choices-parent .slider-value { *text-align: center; } .slider-choices-parent .slider-hidden-values{ display: none; } .slider-choices-parent .slider-value.left { display: inline; } .slider-choices-parent .slider-value.right { display: inline-block; } .reset-answer { width: 20px; } .reset-answer img, .raty-cancel { cursor: pointer; width: 16px; } /* On force la police sur les étoiles pour contouner un bug d'affichage du pluging #7979 */ .rating{ font-family : arial; } /* On utilise ici des Medias Queries comme début de l'approche Responsive Design en attendant d'enlever l'analyse du UserAgent */ @media screen and (max-width: 640px) { /* Sur les mobiles la taille minimale des curseurs est équivalente à la taille "medium" pour une meilleure lisibilité */ .ui-slider.small .ui-slider-track { height: 1em; } .ui-slider.small .ui-btn.ui-slider-handle { height: 2em; width: 2em; margin-left: -1em; margin-top: -1em; } .ui-slider-track, .question-choices .slider-container table, .slider-container input[type="range"] { min-width: 8em; } .slider-choices-parent > table td { /* On utilise cette propriété pour être plus responsive s'il manque de la place pour l'affichage de la valeur sélectionnée à côté */ display: -webkit-inline-box; display: -moz-inline-box; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; } } /******************************************************************************* À la suite / affichage en horizontal / colonnes *******************************************************************************/ .table-spacing { border-collapse: separate; text-align: center; margin: 0; } .table-spacing-col { border-spacing: 0 0.05em; text-align: left; } .question-choices-horiz .img-container .table-spacing-col { *text-align: center; IE6 - IE7 } .element-side { overflow-x: auto; overflow-y: hidden; *padding-bottom: 20px; /* IE6 - IE7 - compense le défaut du boxmodel et des scrollbars internes */ *position: relative; /* IE6 - IE7 */ _width: 100%; /* IE6 */ } .element-side-container { border-spacing: 0 0; margin-left: 0; vertical-align: top; width: 100%; } .element-side-container td[class^=element-side-td] { max-width: 50%; vertical-align: top; width: auto; _width: 50%; /*IE6*/ } .element-side-container .question-UNIQUE, .element-side-container .question-MULTIPLE, .element-side-container .question-NUMERIQUE, .element-side-container .question-FICHIER, .element-side-container .question-DATE, .element-side-container .question-TEXTE { margin-top: 0; } /******************************************************************************* Question ordonnée *******************************************************************************/ .sortable-question-container ul.sortable { list-style-type: none; border: 1px solid #dddddd; display: inline-block; zoom: 1; margin: 0 1em 1em 0; vertical-align: top; min-height: 3em; min-width: 15em; max-width: 50%; *display: inline; /* IE6-7 */ _width: 15em; /*IE6*/ } .sortable-question-container ul.sortable-selected { border-color: #999999; background: transparent url("images/dnd-icon.png?v=20160926") no-repeat 50% bottom; padding-bottom: 28px; } .sortable-question-container ul.sortable-selected.sortable-hover { border-color: #000000; } .sortable-question-container ul.sortable li { border: 1px solid #cecece; display: block; margin: 5px; padding: 5px; cursor: move; } .sortable-question-container ul.sortable li label { padding: 0; margin: 0; cursor: move; } .sortable-question-container ul.sortable-selected li.last-child { margin-bottom: 3em; } .sortable-question-container ul.sortable li.sortable-placeholder { border: 1px dotted #bbbbbb; } .sortable-question-container ul.sortable li.ui-sortable-helper { border: 1px solid #000000; } .sortable-question-container ul.sortable li.sortable-error { border: 1px solid #ff0000; color: #ff0000; } /******************************************************************************* Tableaux (Communs) *******************************************************************************/ .questions-table-container, .tab-score-container table { border-spacing: 0; border-collapse: collapse; } /******************************************************************************* Groupe de questions - *******************************************************************************/ .question-GROUPE .error-container { min-height: 1.6em; margin-top: 5px; margin-bottom: 5px; } .question-GROUPE .questions-table-container { max-width: 100%; } .question-GROUPE .questions-table-parent { overflow-x: auto; overflow-y: hidden; *padding-bottom: 20px; /*IE6 - IE7 - compense le défaut du boxmodel et des scrollbars internes*/ *position: relative; /*IE6 - IE7*/ _width: 100%; /*IE6*/ } .question-GROUPE .question-choices { margin: 0; } .questions-table-container td, th { vertical-align: top; } .questions-table-container tbody .question-body { margin: 10px 0 0 0; } .question-choices-label .question-choice-horiz, thead .question-choice-horiz, .questions-table-container .column-criteria, .questions-table-container .question-heading-parent, .questions-table-container .column-criterias, .questions-table-container tfoot > tr > td { padding: 5px; } .questions-table-container table.table-spacing { width: 100%; } .questions-table-container .question-UNIQUE, .questions-table-container .question-MULTIPLE, .questions-table-container .question-NUMERIQUE, .questions-table-container .question-FICHIER, .questions-table-container .question-DATE, .questions-table-container .question-TEXTE, .questions-table-container tfoot td div { margin: 5px 10px; padding: 0; } .questions-table-container thead .question-heading-parent { text-align: center; } .questions-table-container thead th, .questions-table-container thead label { font-weight: bold; } .questions-table-container > thead .question-choice-horiz label { width: 100%; } .questions-table-container span.mandatory-icon { margin-top: 10px; } /**Le style des boutons radios et checkbox dans les tableaux */ .questions-table-container td.question-choice-horiz { height: 1px; } .questions-table-container td.question-choice-horiz input, .questions-table-container td.question-choice-horiz img { margin-top: 10px; } .criteria-name-container { margin-top: 5px; } .criteria-name { vertical-align: top; } /** On affiche pas l'entête des critères d'un tableau vide*/ .questions-table-container.criterias-title-empty thead th.column-criterias { border: none; background: transparent; visibility: hidden; } .questions-table-container.groupe-questions-titre-vide thead.header, .questions-table-container.groupe-cacher-header thead.header { display: none; } .questions-table-container.groupe-questions-titre-vide, .questions-table-container.groupe-cacher-header { *border-collapse: separate; /*IE6 - IE7*/ } /** Les bordure du style basique*/ .questions-table-container td.mandatory { border-left: 1px solid #cecece; } .questions-table-container td.column-criteria + td.mandatory { /** Pas de bordure pour la première colonne de réponses*/ border-left: none; } .questions-table-container > tbody > tr:first-child > td, .questions-table-container > tfoot td { border-top: 1px solid #cecece; } .questions-table-container { border-bottom: 1px solid #cecece; } /** Style des input html dans les tableaux de question */ .questions-table-container .question-TEXTE textarea, .questions-table-container .question-TEXTE input, .questions-table-container .question-NUMERIQUE input { margin: 0; width: 100%; *width: 97%; /*IE6 - IE7*/ } .questions-table-container .question-TEXTE .question-body, .questions-table-container .question-NUMERIQUE .question-body, .questions-table-container .question-DATE .question-body, .questions-table-container .question-choice-horiz, .questions-table-container > tfoot td { text-align: center; text-align: -webkit-center; /* Bug sous Chrome sinon */ } /**Les modalités aux extremité des curseurs dans les tableaux */ .questions-table-container .first-choice { text-align: left; padding-left: 2em; } .questions-table-container .last-choice { text-align: right; padding-right: 2em; } /** Gestion des lignes et colonnes vide*/ .questions-table-container > .empty-row, .questions-table-container .empty-col, .questions-table-container .empty-title { display: none; } /** Le footer s'affiche en gras*/ .questions-table-container > tfoot { font-weight: bold; } .questions-table-container .question-TEXTE textarea { *word-break: break-all; /* Correction du problème d'élargissement de la cellule de tableau contenant un textarea sous IE6 - IE7*/ } /******************************************************************************* Tableau des scores *******************************************************************************/ .tab-score-container td, .tab-score-container th { padding: 5px; } .tab-score-container tbody td + td, .tab-score-container th { text-align: center; } .tab-score-total td { background-color:#ececec; } .tab-score-section-total td { background-color:#f8f8f8; } .tab-score-section-entete { font-weight: bold; } .tab-score-question td:first-child, .tab-score-tableau td:first-child { padding-left: 20px; } .tab-score-question-tableau td:first-child { padding-left: 40px; } .tab-score-container th + th, .tab-score-container td { border: 1px solid #cecece; } .tab-score-container tr th:first-child { visibility: hidden; } /******************************************************************************* Commentaires *******************************************************************************/ .comment-parent { margin-top: 1em; } .element-side-container .comment-parent { margin-top: 0; } .question-heading-parent .efm-respondent-icon, .question-heading-parent .question-heading { vertical-align: middle; } .question-heading-parent .efm-respondent-icon.mandatory-icon { vertical-align: text-top; } /******************************************************************************* Icône obligatoire *******************************************************************************/ .mandatory-icon { border: none; display: inline-block; height: 16px; width: 16px; padding: 0; margin: 0; zoom: 1; *margin-top: -15px; /*IE7*/ _margin-top: 0; /*IE6*/ _line-height: 0; /*IE6*/ } .mandatory-footer-message, .mandatory-icon{ color: #ff0000; } .mandatory-footer-message, .mandatory-footer .mandatory-icon{ font-size: 70%; } .sum-control-error { color: #ff0000; } /******************************************************************************* Boutons *******************************************************************************/ #buttons-nav-container { margin-bottom: 20px; text-align: center; } /******************************************************************************* Gestion des erreurs *******************************************************************************/ .error-container { margin-top: 8px; } div.error, div.errorWicket, table.errorWicket, form label.error, form span.feedbackPanelERROR, form p.error, form span.error, form.unsubscribe span.feedbackPanelERROR { color: #ff0000; } form span.feedbackPanelWARNING, form.unsubscribe span.feedbackPanelWARNING { color: #fe5500; } form label.error, div.error, form p.error { display: none; } div.error, div.errorWicket, table.errorWicket { font-size: 90%; border: 1px solid #ff0000; margin: 0; padding: 0 1em; } div.error ul, div.errorWicket ul { list-style-type: none; margin: 0; padding-left: 0; } form span.feedbackPanelERROR, form span.feedbackPanelWARNING, form p.error, form span.error { background: transparent url("images/sprite-respondent.png?v=20160926") no-repeat -272px 0; font-size: 70%; padding-left: 18px; cursor: default; text-align: left; line-height: 16px; margin: 0; } form span.error, form span.feedbackPanelERROR, form span.feedbackPanelWARNING { /** Prise en compte du line-height*/ display: inline-block; } form span.feedbackPanelWARNING { background: none; font-size: 90%; padding-left: 8px; } form.unsubscribe div.errorWicket { min-height: 3em; } form.unsubscribe span.feedbackPanelERROR { font-size: 100%; background: none; padding-left: 0; } form ul.feedbackPanel { list-style-type: none; padding-left: 0; } .errorHead { margin: 0 -20px !important; } .error-title { text-align: center; color: #DE5A39; font-size: 150%; font-weight: bold; margin-top: 0; padding-top: 1em; } .error-img-link { float: left; margin-top: 0.8em; } .error-img-link:active, .error-img-link:link, .error-img-link:visited { text-decoration: none; border: none; } input[type="text"].error, input[type="file"].error, input[type="number"].error, input[type="email"].error, input[type="password"].error, textarea.error, select.error { border: 1px solid #ff0000; padding : 2px; } /************************************** * Selecteur de langue et Chronometre **************************************/ .chronometer, .chronometer-message, .language-switcher { top: 0; z-index: 10; background: #FFFFFF; border-bottom: 1px solid #CECECE; border-left: 1px solid #CECECE; box-shadow: 0 0 5px #999999; padding: 0.5em 1em; } .language-switcher { position: fixed; right: 0; border-radius: 0 0 0 0.3em; } .chronometer-dialog .ui-dialog-titlebar { display: none; } .chronometer { position: fixed; left: 0; border-radius: 0 0 0.3em 0; min-width: 2em; } .chronometer-timer { font-size: 1.5em; } .chronometer-message { position: fixed; left: 150px; font-size: 1.5em; } .chronometer-label { margin-bottom: 7px; } .chronometer.not-started { visibility: hidden; } /** * Classe sprite commune. */ .sprite16, .sprite24 { display: inline-block; *display: inline; /* IE6 - IE7 */ zoom: 1; vertical-align: middle; /* cursor: default; */ } /** * Sprite 16x16 du mode répondant. */ .sprite16 { background-image: url(images/sprite-respondent.png?v=20160926); width: 16px; height: 16px; } .sprite16-add { background-position: -64px 0; } .sprite16-print { background-position: -80px 0; } .sprite16-print-custom { background-position: -96px 0; } .sprite16-attachment { background-position: -112px 0; } .sprite16-trash { background-position: -128px 0; } .sprite16-save { background-position: -144px 0; } .sprite16-help { background-position: -160px 0; } .sprite16-error { background-position: -192px 0; } .sprite16-language { background-position: -208px 0; } .sprite16-datetime { background-position: -224px 0; } .sprite16-mandatory-star { background-position: -240px 0; } .sprite16-mandatory-arrow { background-position: -256px 0; } .sprite16-remove { background-position: -272px 0; } /** * Sprite 24x24 du mode répondant. */ .sprite24 { background-image: url(images/sprite-respondent-24.png?v=20160926); width: 24px; height: 24px; } .sprite24-print { background-position: 0 0; } .sprite24-language { background-position: -24px 0; } .sprite24-rotation { background-position: -48px 0; } .sprite24-config { background-position: -24px -48px; } button .sprite16 { margin-right: 0.5em; } /************************************** * Question fichier **************************************/ .mfu-container li { list-style: none; } .mfu-container .sprite16 { margin : 0 0 0 0.5em; } .mfu-container ul { padding: 0; margin-bottom: 0.5em; margin-top: 0; } .mfu-container a { text-decoration: none; outline: none; } .mfu-container-uploaded a span:not(.sprite16) { border-bottom-style: dotted; border-bottom-width: 1px; } .img-preview { max-height: 400px; } /************************************** * Page d'authentification **************************************/ .interview-login>ul { list-style-type: none; padding-bottom: 0; } .interview-login .interview-identifier-heading { height: 2em; } .interview-login>ul>li { height: 2em; } .interview-login li.interview-username { margin-bottom: 1em; } .interview-login li.interview-button { margin-bottom: 2em; } .interview-login>ul>li label { width: 45%; text-align: right; float: left; margin-right: 0.5em; font-weight: bold; line-height: 1.5em; } .interview-login .side-feedback { display: inline-block; } .interview-login span.error { margin-left:5px } .interview-login-message { text-align: center; } form.interview-login div.input input { width: 150px !ie7; } /******************************************************************************* JQuery UI spécifique *******************************************************************************/ /************************************** * Datepicker [#3697] **************************************/ .ui-datepicker { padding: 0.3em 0.7em 0.7em; display: none; background: #f7f7f7; border-radius: 2px; box-shadow: 0 0 3px #777777; border: 1px solid #aaaaaa; font-family: arial,verdana,sans-serif; font-size: 10pt; line-height: 1.1em; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-state-default { color: #3b3b3b; } .ui-datepicker .ui-state-hover { color: #BF3155; } .ui-datepicker .ui-state-disabled .ui-state-default { color: #ababab; } .ui-datepicker .ui-datepicker-today, .ui-datepicker .ui-datepicker-current-day { box-shadow: 0 2px 2px #cecece; border-radius: 2px; } .ui-datepicker .ui-datepicker-today { border: 1px solid #BF3155; display: block; } .ui-datepicker .ui-datepicker-current-day { background: #545454; } .ui-datepicker .ui-datepicker-current-day a { color: #f7f7f7; } .ui-widget-header .ui-icon { background-image: url("images/sprite-respondent.png?v=20160926"); overflow: hidden; text-indent: -99999px; width: 16px; height: 16px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { height: 1.8em; position: absolute; top: 2px; width: 1.8em; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-icon-circle-triangle-w { background-position: -48px 0; } .ui-icon-circle-triangle-e { background-position: -16px 0; } .ui-datepicker .ui-datepicker-week-col { border-right: 1px dotted #dedede; font-size: 90%; vertical-align: middle; padding-right: 0.6em; } .ui-datepicker th { border: none; color: #3b3b3b; font-size: 90%; font-weight: bold; padding-bottom: 1em; text-align: center; } .ui-datepicker td { border: none; padding: 0.3em 0.5em; text-align: center; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { background: none repeat scroll 0 0 #F7F7F7; border: 1px solid #CECECE; color: #3B3B3B; font-size: 90%; width: 49%; *width: auto; /* IE6 - IE7 */ } .ui-datepicker table { font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-decoration: none; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; position: relative; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; border: 0; background:none; color: inherit; font: inherit; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } .hide-calendar .ui-datepicker-calendar, .hide-month .ui-datepicker-month, .hideTodayButton .ui-datepicker-buttonpane .ui-datepicker-current { display:none; visibility:hidden; } .ui-datepicker.hide-month .ui-datepicker-year { width:100%; } /************************************** * Dialogues (options d'impression [#4246]) **************************************/ /* Overlays ----------------------------------*/ .ui-widget-overlay { position: fixed; overflow: auto; top: 0; left: 0; width: 100%; height: 100%; background: #3b3b3b; background: -moz-radial-gradient(center 50%, ellipse cover, #999999 0%, #3b3b3b 50%, #000000 100%); background: -webkit-radial-gradient(center 50%, ellipse cover, #999999 0%, #3b3b3b 50%, #000000 100%); background: -o-radial-gradient(center 50%, ellipse cover, #999999 0%, #3b3b3b 50%, #000000 100%); background: -ms-radial-gradient(center 50%, ellipse cover, #999999 0%, #3b3b3b 50%, #000000 100%); background: radial-gradient(center 50%, ellipse cover, #999999 0%, #3b3b3b 50%, #000000 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b3b3b', endColorstr='#000000', GradientType=0 ); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; cursor: not-allowed; } .ui-front { z-index: 1003; } .ui-dialog { position: absolute; margin: 0; overflow: hidden; padding-bottom: 1em; border-radius: 0.3em; background-color: rgb(60, 60, 60); background-color: rgba(60, 60, 60, 0.95); box-shadow: 0 2px 4px #3b3b3b; outline: 0px solid transparent; } .ui-dialog.java-buttonpane { padding-bottom: 4em; } .ui-dialog-titlebar { color: #F7F7F7; font-size: 1.5em; line-height: 1.5em; margin-bottom: 1em; padding: 0.3em 1em; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-dialog .ui-dialog-title { margin: .1em 0 .2em; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; text-align: center; } .ui-dialog .ui-dialog-titlebar-close span { display: none; margin: 1px; } .ui-dialog-content { padding: 0; font-size: 1em; color: #f7f7f7; } .ui-dialog .adaptable-content { overflow: auto; height: 100%; padding: 0 2em; margin-top: 1em; margin-bottom: 1em; } .ui-dialog .ui-dialog-buttonpane { text-align: center; font-size: 1em; padding: 3em 0 0 0; margin: 0; } .ui-dialog .ui-dialog-buttonpane.java-buttonpane { position: absolute; width: 100%; bottom: 0; padding: 2em 0; } .ui-dialog button { background-color: transparent; border-style: solid; border-color: #cecece; border-width: 1px; padding: 3px 5px; margin: 0 5px; color: #f7f7f7; outline: none; border-radius: 4px; min-width: 5em; *min-width: 0; /* IE7 */ cursor: pointer; background-color: #3b3b3b; -moz-transition: all 500ms; -webkit-transition: all 500ms; -o-transition: all 500ms; -ms-transition: all 500ms; transition: all 500ms; } .ui-dialog .big-button { padding: 1em; width: 100%; margin: 0.5em 0; font-size: 1.2em; } .ui-dialog .ui-dialog-buttonpane .no-style, .ui-dialog .ui-dialog-buttonpane .no-style:hover { border: none; background: transparent; } .ui-dialog button span { outline:none; } .ui-dialog button:hover { background-color: #545454; } .ui-dialog button:active { background-color: #cecece; color: #545454; } .ui-dialog .information-table { width: 100%; height: 100%; } .ui-dialog .information-table .image-holder, .ui-dialog .information-table td.information-content { vertical-align: top; padding: 10px 10px 10px 0; } .ui-dialog .information-table .image-holder { text-align: center; width: 75px; } .ui-dialog .information-table td.information-content { line-height:150%; white-space:normal; } /* Resizable ----------------------------------*/ .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; top: 0; width: 100%; height: 5px; } .ui-resizable-e { cursor: e-resize; right: 0; top: 0; height: 100%; width: 5px; } .ui-resizable-s { cursor: s-resize; bottom: 0; width: 100%; height: 5px; } .ui-resizable-w { cursor: w-resize; left: 0; top: 0; height: 100%; width: 5px; } .ui-resizable-sw { cursor: sw-resize; bottom: 0; left: 0; width: 5px; height: 5px; } .ui-resizable-ne { cursor: ne-resize; top: 0; right: 0; width: 5px; height: 5px; } .ui-resizable-se { cursor: se-resize; right: 0; bottom: 0; width: 10px; height: 10px; background-color: #3b3b3b; } .ui-resizable-nw { cursor: nw-resize; top: 0; left: 0; width: 5px; height: 5px; } /* Aperçu d'impression ----------------------------------*/ .dialog-print-preview .ui-dialog-titlebar { line-height: 0.5em; margin-bottom: 0; padding: 0; } .dialog-print-preview .adaptable-content { text-align: center; padding: 0; margin: 0; } .dialog-print-preview .ui-dialog-buttonpane { padding-top: 1em; } .dialog-print-preview iframe { width: 99%; height: 99%; border: none; } .loading-container { background: #F7F7F7; position: absolute; border-radius: 3px; margin: 2em 0 0 -3.4em; padding: 0.8em; left: 50%; width: 5em; box-shadow: 0 2px 4px #3B3B3B; } input.choices-truncate { width: 45px; } .print-adaptations { font-style: italic; color: #545454; } /************************************** * Barre de progression [#1980] **************************************/ /* Générique ----------------------------------*/ .disabled { color: #888888; } .ui-state-disabled { cursor: default !important; opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-corner-all, .ui-corner-left { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } /* Image Associée *-----------------------------*/ .img-container{ display:table; vertical-align: middle; } .img-container > span > span{ vertical-align:middle; display:table-row; } .img-container > span > span:first-child{ padding-right:2px; } .img-container.side-by-side > span > span{ display:table-cell !important; /* !important car certains styles apliquent un autre display à .questions-table-container thead .question-choice-horiz span => on perd alors l'alignement des images associées à côté des modalités */ } .img-container td { vertical-align: middle; border: none; } div.question-heading-parent .img-container, .question-choice-horiz .img-container { margin: auto; } /*Pour les questions ordonnées*/ .question-choice-status .img-container > div { display: inline; } .question-choice-status .img-container { display: inline-block; height: 100%; } /* Barre progression ----------------------------------*/ .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("images/animated-overlay.gif?v=20160926"); height: 100%; filter: alpha(opacity=25); opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } /* Tooltip ----------------------------------*/ .ui-tooltip { background-color: #e9e9e9; border: solid 1px #d6d6d6; color: #545454; -moz-box-shadow: 1px 1px 5px #aaaaaa; -webkit-box-shadow: 1px 1px 5px #aaaaaa; box-shadow: 1px 1px 5px #aaaaaa; font-size: 0.9em; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; margin: 0; padding: 10px; position: absolute; height: auto; width: auto; max-width: 200px; z-index: 15000; word-wrap: break-word; -x-system-font: none; } .preview-tooltip { padding: 0; max-width: none; } /* Propriétés par défaut ----------------------------------*/ .interview-progress-parent { margin: 1em 0; } .interview-progress-label { height: 2em; line-height: 2em; margin-bottom: -2em; text-align:center; *position:relative; } #interview-progress { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png?v=20160926) 50% 50% repeat-x; color: #222222; } #interview-progress .ui-progressbar-value { background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png?v=20160926) 50% 50% repeat-x; color: #222222; font-weight: bold; } .question-choice-horiz { padding-bottom: 4px; } /* Page de correction */ /*--------------------*/ div.icone-modalite-checked { width: 16px; height: 16px; float: left; } div.icone-modalite-checked.ranked { width: 35px; } div.icone-modalite-checked .libelle-ordonne { color: #8BC53F; } .question-choice-horiz .icone_modalite_empty { display : none; } .question-choice-horiz-right { border: 1px solid #8BC53F; } /* Page de quiz */ .note-parent { text-align: center; } .interview-quiz-end .note-parent .note-container { border-radius:0 20px; } .note-parent .note-container { font-weight: bold; display: inline-block; cursor: default; } .note-container .note { font-size: 2.3em } .note-container .base { font-size: 1.5em } /******************************************************************************* Font de symbole *******************************************************************************/ @font-face { font-family: 'efm-respondent-icon'; src:url('fonts/efm-respondent-icon.eot?v=20160926'); src:url('fonts/efm-respondent-icon.eot?v=20160926#iefix') format('embedded-opentype'), url('fonts/efm-respondent-icon.woff?v=20160926') format('woff'), url('fonts/efm-respondent-icon.ttf?v=20160926') format('truetype'), url('fonts/efm-respondent-icon.svg?v=20160926#efm-respondent-icon') format('svg'); font-weight: normal; font-style: normal; } .efm-respondent-icon { font-family: efm-respondent-icon; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* POUR IE7 */ .efm-respondent-icon { *-ie7-icon: ' '; *zoom: expression(this.runtimeStyle [ 'zoom' ] = '1', this.innerHTML = this.currentStyle [ '-ie7-icon' ] .substr ( 1, 1)+ ' '); } .efm-respondent-check { -ie7-icon: "\e600"; } .efm-respondent-cross { -ie7-icon: "\e601"; } .efm-respondent-asterix, .mandatory-icon { -ie7-icon: "\e602"; } .efm-respondent-thumbs-up { -ie7-icon: "\e603"; } .efm-respondent-thumbs-down { -ie7-icon: "\e604"; } .efm-respondent-diameter { -ie7-icon: "\e605"; } .efm-respondent-paperclip { -ie7-icon: "\e606"; } /* POUR LES AUTRES */ .efm-respondent-check:before { content: "\e600"; } .efm-respondent-cross:before { content: "\e601"; } .efm-respondent-asterix:before, .mandatory-icon:before { content: "\e602"; } .efm-respondent-thumbs-up:before { content: "\e603"; } .efm-respondent-thumbs-down:before { content: "\e604"; } .efm-respondent-diameter:before { content: "\e605"; } .efm-respondent-paperclip:before { content: "\e606"; } .sms-icon:before { content: "\e607"; color: #29303c; font-size: 1.4em; } .phone-icon:before { content: "\e608"; color: #29303c; font-size: 1.4em; } /* Les tailles */ .efm-respondent-size-24 { font-size: 1.9em; } .efm-respondent-size-16 { font-size: 1.3em; } /* Les couleurs */ .efm-respondent-color-normal { color: #454545; } .efm-respondent-color-green { color: #8BC53F; } .efm-respondent-color-red { color: #FF2F12; } /************* PwC - Burgundy Light *************/body {background: #fff;margin: 0;padding: 0;font-family: Georgia;font-size: 13px;color: #444;word-break: break-word;}.print-toolbar {position: absolute;top: 71px;right: 50px;padding: 10px;background: #fff;}a, a:visited {color: #a32020;text-decoration: none;}a:hover {text-decoration: underline;color: #a32020;}.classForradio {border-radius: 50% !important;}input.labelauty + label {background-color: #fff!important;padding: 3px !important;-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.1);box-shadow: 0 2px 4px rgba(0,0,0,0.1);border-collapse: separate !important;margin-top: 3px !important;margin-bottom: 3px !important;}.select2-container, .select2-drop, .select2-search, .select2-search input {width: 100%;}.question-DATE .select2-container {width: inherit;}.element-side-container td[class^=element-side-td] {background: #f9f9f9;}input.labelauty + label {display: inline-block !important;}.question-choices-parent ul:not(.select2-selection__rendered) {width: 100%;padding-top: 10px;padding-bottom: 10px;}textarea {width: 100% !important;}.question-choices li {padding-left: 10px;padding-right: 10px;}.select2-choices {min-width: 25em;}.select2-container-multi .select2-choices .select2-search-choice {margin-top: 6px;}input.labelauty:checked + label {background: #a32020!important;}.select2-drop-active {border: 1px solid #a32020!important;}.select2-results .select2-highlighted {background: #a32020!important;}.select2-container-active .select2-choice, .select2-container-active .select2-choices {border: 1px solid #a32020!important;}.slider-choices-parent.question-choices-parent ul.slider-hidden-values:not(.select2-selection__rendered) {display: none;}.interview-name-parent {display: none;}.interview-header,.interview-footer {background: #fff;padding-top: 54px;padding-bottom: 20px;}.interview-header {padding-left: 50px;}.question-heading-parent {margin-top: 1em;}.question-instructions {margin: 0px;margin-bottom: 10px;}.interview-footer {padding: 10px;padding-bottom: 20px;margin-bottom: -7px;font-size: 12px;font-family: Georgia;text-align: left;padding-left: 50px;padding-right: 50px;}.interview-footer p {text-align: left !important;}.questions-table-container .question-heading {font-family: Georgia;}.form-box {padding-top: 1px;}.section-heading {font-family: Georgia;font-size: 15px;font-weight: bold;color: #a32020;}.section-expand, .section-collapse {margin-top: 0px;}.question-heading {font-family: Georgia;font-size: 13px;font-weight: bold;color: #444;}.question-body {margin: 0;}.form-box {background: #fff;padding-left: 0px;padding-right: 0px;}.form-core {padding-left: 0px !important;;padding-right: 0px !important;;}input[type='text'], input[type='password'], input[type='number'] {width: 100%;border: 0;font-family: Georgia;font-size: 12px;font-weight: bold;height: 30px;line-height: 30px;padding-left: 5px;-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.1);box-shadow: 0 2px 4px rgba(0,0,0,0.1);border-collapse: separate;border: 1px solid #f2f2f2;}.mandatory-footer {float: left;line-height: 54px;}#buttons-nav-container {text-align: right;padding-right: 50px;background: #e2e2e2;margin-bottom: -0px;padding-top: 10px;padding-bottom: 10px;margin-top: 10px;}button {font-weight: bold;font-family: Georgia;font-size: 12px;color: #a32020;border: 0;background: #fff;padding: 7px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.1);box-shadow: 0 2px 4px rgba(0,0,0,0.1);border-collapse: separate;border: 1px solid #f9f9f9;text-align: center;min-width: 150px;}button:hover {background: #a32020;border: 1px solid transparent;color: #fff;}textarea:focus,select:focus,radio:focus,checkbox:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,.select2-selection:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus {border-color: rgba(220, 105, 0, 1);box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(220, 105, 0, 0.8);outline: 0 none;}select.question-choices {min-width: 25em;}#interview-progress {border: 0px;border-radius: 0px;padding: 5px;border: 1px solid #f2f2f2;background: #fff;}#interview-progress .ui-progressbar-value {background-image: inherit;border-radius: 3px;box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;background-color: #ffb600;background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb600), to(#ffb400));background-image: -webkit-linear-gradient(top, #ffb600, #ffb400);background-image: -moz-linear-gradient(top, #ffb600, #ffb400);background-image: -ms-linear-gradient(top, #ffb600, #ffb400);background-image: -o-linear-gradient(top, #ffb600, #ffb400);background-image: linear-gradient(top, #ffb600, #ffb400);}.select2-container--default .select2-search--inline .select2-search__field {display: none;}input.hasDatepicker, input.question-time-hour {width: inherit;}.questions-table-container {border: 0px;width: 100% !important;border-collapse: collapse;border-spacing: 0px;}.questions-table-container > tbody > tr:first-child > td, .questions-table-container > tfoot td {border: 0px;}.interview-header {color: #a32020;}.questions-table-parent {border-collapse: separate;margin-bottom: 20px;}.questions-table-container .even tr {background: #f5f5f5;}input[type="text"].error, input[type="file"].error, input[type="number"].error, input[type="email"].error, input[type="password"].error, textarea.error, select.error {border: 1px solid #e0301e;padding: 0px;}.questions-table-container .odd tr {background: #f9f9f9;}form span.feedbackPanelERROR, form span.feedbackPanelWARNING, form p.error, form span.error {font-family: Georgia;font-weight: bold;font-size: 11px;color: #e0301e;}.question-GROUPE .questions-table-container {border: 10px solid #f9f9f9;background: #f9f9f9;}.questions-table-container .header tr {background: transparent;}.mandatory-footer-message {font-weight: bold;font-size: 12px;color: #e0301e;}.interview-end {font-family: Georgia;font-size: 15px;font-weight: bold;color: #444;}.mandatory-footer-message, .mandatory-icon {color: #e0301e;}.custoRadio:before {content: "";display: inline-block;width: 16px;height: 16px;margin-right: 10px;background-color: #aaa;box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);border-radius: 8px;}input[type=radio]:checked + .custoRadio:before {content: "\2022";color: #f3f3f3;font-size: 18px;text-align: center;line-height: 18px;}.questions-table-container thead .question-heading-parent {text-align: center;}th.question-heading-parent, td.question-heading-parent, .column-criteria, .question-choice-horiz {padding: 7px;color: #444;}.question-choices-parent ul:not(.select2-selection__rendered) {display: inline-block;background: #f9f9f9;}textarea {border: 1px solid #f2f2f2;-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.1);box-shadow: 0 2px 4px rgba(0,0,0,0.1);border-collapse: separate;}/* green */.icheckbox_square-green,.iradio_square-green {display: inline-block;vertical-align: middle;margin: 0;padding: 0;width: 2px;height: 2px;border: none;cursor: pointer;}.icheckbox_square-green {background-position: 0 0;}.icheckbox_square-green.hover {background-position: -24px 0;}.icheckbox_square-green.checked {background-position: -48px 0;}.icheckbox_square-green.disabled {background-position: -72px 0;cursor: default;}.icheckbox_square-green.checked.disabled {background-position: -96px 0;}.iradio_square-green {background-position: -120px 0;}.iradio_square-green.hover {background-position: -144px 0;}.iradio_square-green.checked {background-position: -168px 0;}.iradio_square-green.disabled {background-position: -192px 0;cursor: default;}.iradio_square-green.checked.disabled {background-position: -216px 0;}/* Retina support */@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (min-device-pixel-ratio:1.5) {.icheckbox_square-green, .iradio_square-green {background-image: url(green@2x.png);-webkit-background-size: 240px 24px;background-size: 240px 24px;}}.select2-container--default .select2-selection--single, .select2-selection--multiple {border: 0px !important;-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;border-collapse: separate !important;}.select2-dropdown {border: 0px !important;-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;border-collapse: separate !important;}.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #a32020!important;}.select2-drop {.select2-search {display: none !important;}}.form-box {padding-left: 50px;padding-right: 50px;}.interview-header, #buttons-nav-container, .interview-footer {margin-left: -50px;margin-right: -50px;}@media handheld, only screen and (max-width:640px) {.interview-header, #buttons-nav-container, .interview-footer {margin-left: -0.5em;margin-right: -0.5em;padding-left: 1em;padding-top: 20px;}.interview-progress-parent {margin: 0px;margin-left: -0.5em;margin-right: -0.5em;padding: 0px;}.interview-element,.question-body {margin-left: 0 !important;margin-right: 0 !important;margin: 0 !important;}button:not(.button-question-now) {min-width: 70px;width: auto;padding: 1em 1em !important;margin: 0px;box-shadow: none;border-radius: 0px;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}#interview-progress {border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}#buttons-nav-container {padding: 0px;background: transparent;}.mandatory-footer-message, .mandatory-footer .mandatory-icon {font-size: 1em;}select.question-choices {min-width: inherit;}.button-questions-prev {margin-bottom: -18px !important;border-bottom: 0px !important;display: block;}}/************* end of PwC - Burgundy Light *************/