/* NetQuiz web - CSS Document * * @author CCDMD * @version 1.0 * @package NetquizWeb+ * @license Tous droits réservés © Centre collégial de développement de matériel didactique, 2020. Toute distribution, transmission ou reproduction de tout contenu sont strictement interdites sans l'autorisation écrite du CCDMD. * */ /* Couleurs du site : #D6301A (rouge) - Etoile sup champ obligatoire #141215 (gris) - Textes-defaut, menu principal, Sous-menu, H2 #251E20 (gris) - Textes dans TD #2B282D (gris) - Texte des onglets #343434 (gris) - Formulaires #353237 (gris) - Background TH #666666 (gris) - Bordures images themes selected #757575 (gris) - frmRech input placeholder ??? #DEDEDF (gris) - Bordure box formulaire login, bordures tableau et cellules, bordures images #E6E6E6 (gris) - Bordures sous-menu ul, Background box formulaire login, background onglet details top et bottom, menus contexte hover #E5E5E5 (gris) - Background onglets inactifs #F3F3F3 (gris) - Texte dans TH #F3F6F7 (gris) - Background box droite page Index --- Nouvelles couleurs 2017 -- #317BAA (bleu) - Tous les liens #5CA344 (vert) - BG titre dans menus déroulants, icones FA #328129 (vert) - Texte vert #D4FFCD (vert pale) - Sous-menu background li actif, Background ligne de tableau hover et on click #D8F8CD (vert pale) - Background hover li dans menus déroulants #CCF7C6 (vert pale) - Background ss-menu1 et ss-menu2 (col gauche) li hover #CE8331 (orange) - H1, H3, certains titres ou textes, separateurs #353237 (gris) - Pied de page #515553 (gris) - Pied de page #737875 (gris) - Pied de page #ededed (gris) - border bottom entete -> blanc #D5D6D7 (gris) - Bordure corps Index, Bordure section Questionnaires colD, Bordures menus déroulants, HR, bordure cadre Contenu Paramètres #E6E6E6 (gris) - Background box formulaire login, background onglet details top et bottom, menus contexte hover #EAEAEA (gris) - Bordure section dans menus déroulants, bg Contenu Paramètres #F5F5F5 (gris clair)- BG entete -> blanc #F3F3F3 (gris pale) - Background onglets details #FAFAFA (gris pale) - Background menus déroulants Bouton inactif : color: #e8e8e8 background: #c5ccc7 border: #c5ccc7 Polices de caractères : Google Droid Sans, 400, 700 Font Awesome */ /* GENERAL */ * { font-family:'Droid Sans', Arial, Helvetica, sans-serif; font-weight:400; font-size:13px; line-height:1.54em; color:#141215; } html { margin:0px; padding:0px; background:#FFFFFF; } body { margin:0px; padding:0px; } /* Note : si les largeurs ci-dessous sont modifiees, ajuster aussi .piedpageContenu et .enteteContenu */ #bodyContenu { width:95%; min-width:825px; margin:0px auto; padding:10px 0px 100px 0px; } body#bIndex .bodyContenu { width:95%; xmin-width:600px; max-width:990px; margin:0px auto; } body#bIndexOptions .bodyContenu { width:95%; min-width:320px; max-width:600px; margin:0px auto; } body#bErreur .bodyContenu { width:95%; min-width:600px; max-width:990px; margin:0px auto; } body#bImprime #bodyContenu { width:95%; min-width:700px; max-width:1200px; } body#bInstall .bodyContenu { width:95%; min-width:600px; max-width:990px; margin:0px auto; } body#bMediaPresenter #bodyContenu { padding-top:20px; } h1, h2, h3, h4, h5 { font-family: 'Droid Sans', Arial, Helvetica, sans-serif; font-weight:700; } h1 { font-size:18px; color:#CE8331; margin:0px; padding:10px 0px 0px 0px; } h2 { font-size:16px; color:#141215; margin:0px; padding:10px 0px 10px 0px; } h3 { font-size:14px; color:#CE8331; margin:0px; padding:10px 0px 0px 0px; } h3.noir14 { font-size:14px; color:#141215; margin:0px; padding:10px 0px 0px 0px; } h4 { font-size:13px; color:#141215; margin:0px; padding:5px 0px 0px 0px; } p { margin:0px 0px 0px 0px; padding:5px 0px 5px 0px; } ul { margin:5px 0px 5px 20px; padding:0px 0px 0px 0px; } ul.noMarg { margin:0px 0px 0px 20px; } li { margin:0px 0px 0px 0px; padding:3px 0px 3px 0px; } li.noPad { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } a, a:visited, a:hover, a:focus, a:active { font-family:'Droid Sans', Arial, Helvetica, sans-serif; font-weight:400; } a, a:visited { color:#317BAA; text-decoration:none; } a:hover, a:focus, a:active { text-decoration:underline; cursor:pointer; } a.gras, a.gras:visited, a.gras:hover, a.gras:focus, a.gras:active { font-weight:700; } a.tools { color:#328129; } /* h1 a.lnkVersionNqw, h1 a.lnkVersionNqw:visited, h1 a.lnkVersionNqw:hover, h1 a.lnkVersionNqw:focus, h1 a.lnkVersionNqw:active { font-size:18px; font-weight:700; text-decoration:underline; color:#CE8331; } h1 a.lnkVersionNqw:hover, h1 a.lnkVersionNqw:focus, h1 a.lnkVersionNqw:active { color:#A16606; } */ img { border:none; } a img, a:visited img, a:hover img, a:focus img, a:active img { text-decoration:none; } hr { margin:15px 0px 10px 0px; border:none; border-top:1px solid #D5D6D7; } hr.t25b25 { margin:25px 0px 25px 0px; } small { font-size:85%; } input, select, textarea { font-family:'Droid Sans', Arial, Helvetica, sans-serif; font-size:inherit; line-height:inherit; color:#343434; } /* Icones Font-Awesome */ i.fa { color:#5CA344; } i.fa.fa-link { color:#737875; } i.fa.fa-star { color:#737875; } i.fa-star.suiviActive { color:#CE8331; } /* Pour forcer la visibilite du scrollbar dans Mac Lion */ ::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } ::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0,0,0,.5); -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5); } /* ENTETE */ .enteteCommun { background:#FFFFFF; /*F5F5F5;*/ border-bottom:1px solid #FFFFFF; /*EDEDED*/ padding:10px 0px; margin-bottom:5px; } .enteteCommun .enteteContenu { min-height:75px; } .enteteCommun .logoNqw img { padding:17px 20px 17px 0px; } .enteteCommun .logoCcdmd { float:right; } .enteteCommun .logoCcdmd img { padding:0px 0px 0px 20px; } .enteteCommun .enteteSsMenu { float:right; padding:29px 10px 0px 10px; } .enteteCommun .enteteSsMenu label { margin-top:0px; line-height:inherit; } .enteteCommun .enteteSsMenu a { color:#141215; } .enteteCommun .enteteSsMenu.connexion { display:none; } .enteteCommun .enteteSsMenu.connexion .sepVertical { border-left:1px solid #D5D6D7; padding-left:15px; margin-left:15px; } #bIndex .enteteCommun .enteteSsMenu.connexion { display:inline-block; } .enteteContenu { width:95%; min-width:825px; margin:0px auto; padding:0px; } body#bIndex .enteteContenu { width:95%; min-width:600px; max-width:990px; } body#bIndexOptions .enteteContenu { width:95%; min-width:320px; max-width:990px; } body#bErreur .enteteContenu { width:95%; min-width:700px; max-width:1200px; } body#bImprime .enteteContenu { width:95%; min-width:700px; max-width:1200px; } body#bInstall .enteteContenu { width:95%; min-width:600px; max-width:990px; } /* MENU PRINCIPAL dans l'ENTETE */ .enteteMenu #menu { margin:30px 0px 0px 275px; } #menu { margin:50px 0px 0px 0px; padding:5px 0px 0px 0px; } #menu ul { list-style:none; margin:0px; padding:0px; } #menu ul li { display:inline; margin:0px; padding:0px 25px 0px 0px; color:#141215; } #menu ul li.last { padding-right:0px; } #menu ul li.sepVertical { border-left:1px solid #D5D6D7; padding-left:25px; } #menu ul li a, #menu ul li a:visited { display:inline-block; margin:0px; padding:0px 0px 0px 0px; font-size:18px; line-height:1.6em; color:#141215; text-decoration:none; } #menu ul li a:hover, #menu ul li a:focus, #menu ul li a:active { text-decoration:underline; } /* Identification du menu actif */ #bQuestionnaires #menu-questionnaires a, #bQuestionnaire #menu-questionnaires a, #bQCorbeille #menu-questionnaires a, #bBItems #menu-bibliotheque a, #bBMedias #menu-bibliotheque a, #bBLangues #menu-bibliotheque a, #bBTermes #menu-bibliotheque a, #bBCollections #menu-bibliotheque a, #bBCategories #menu-bibliotheque a, #bBCorbeille #menu-bibliotheque a, #bCProfil #menu-compte a, #bCMdp #menu-compte a, #bCProjets #menu-compte a, #bCCorbeille #menu-compte a, #bAProjets #menu-admin a, #bAUtilisateurs #menu-admin a, #bATextes #menu-admin a, #bAOutils #menu-admin a, #bACorbeille #menu-admin a, /*#bGroupes #menu-groupes a,*/ #bEEvaluations #menu-resultats a, #bEEvaluation #menu-resultats a, #bEEvalParticipants #menu-resultats a, #bEEvalQuestions #menu-resultats a, #bEGroupes #menu-resultats a, #bECorbeille #menu-resultats a { font-weight:700; } /* PIED DE PAGE */ .piedpageContenu { color:#F5F5F5; font-size:14px;} .piedpageContenu sup { color: #f5f5f5; top: -.5em; position: relative; font-size: 80%; line-height: 0; vertical-align: baseline; } .piedpageContenu div, .piedpageContenu p, .piedpageContenu span, .piedpageContenu a, .piedpageContenu a:hover, .piedpageContenu a:focus, .piedpageContenu a:visited, .piedpageContenu a:active { font-size:inherit; line-height:inherit; color:inherit; } .piedpageContenu { width:95%; min-width:825px; margin:0px auto; padding:0px;} body#bIndex .piedpageContenu { width:95%; min-width:600px; max-width:990px; } body#bIndexOptions .piedpageContenu { width:95%; min-width:320px; max-width:990px; } body#bErreur .piedpageContenu { width:95%; min-width:700px; max-width:1200px; } body#bImprime .piedpageContenu { width:95%; min-width:700px; max-width:1200px; } body#bInstall .piedpageContenu { width:95%; min-width:600px; max-width:990px; } .piedpageMenu { clear:both; background:#FFFFFF; /*F5F5F5;*/ padding:10px 0px 30px 0px; } .piedpageMenu .piedpageContenu { text-align:center; color:#141215; } .piedpageMenu .piedpageContenu span { display:inline-block; } .piedpageMenu .piedpageContenu a { font-weight:bold; } .piedpageMenu .piedpageContenu i { color:#F5F5F5; background:#41A634; border-radius:50%; margin:20px 35px 8px 35px; font-size:35px; line-height:70px; width:70px; height:70px; } .piedpageMenu .piedpageContenu i.fa-question-circle { font-size:40px;} .piedpageMenu .piedpageContenu a:hover i, .piedpageMenu .piedpageContenu a:focus i { background:#378C2B; } .piedpageCommunL1 { clear:both; background:#515553; padding:0px 0px; } .piedpageCommunL1:after { clear:both; } .piedpageLangues { display:inline-block; background:#353237; padding:20px 20px; } .piedpageAide { float:right; padding:20px 0px; background:#515553; } .piedPageVersion { display:none; } #bIndex .piedPageVersion { display:inline-block; padding-left:5px; } #bIndexOptions .piedPageVersion { display:inline-block; padding-left:5px; } .piedpageCommunL2 { clear:both; background:#737875; padding:20px 0px; } .piedpageCommunL2 img { padding:3px 0px; } /*** Bouton Return to top ***/ #returnToTop { display: none; position: fixed; bottom: 30px; right: 10px; z-index: 99; cursor: pointer; } #returnToTop a { width:36px; height:36px; padding-top:2px; border-radius:50%; border:5px solid #F5F5F5; display:inline-block; text-align:center; vertical-align:middle; color:#FFFFFF; } #returnToTop a .fa-2x { font-size:1.4em; padding-top:6px; color:#FFFFFF; } #returnToTop a, #returnToTop a:visited { color:#FFFFFF; background-color:#747875; } #returnToTop a:hover, #returnToTop a:focus, #returnToTop a:active { color:#FFFFFF; background-color:#525553; text-decoration:none; } /* CONTENEURS PRINCIPAUX */ #corps { } #corps #jqxSplitter { height:600px; border:none; } #corps #colG { float:left; width:15%; } #corps #colD { float:left; width:85%; } #corps #colD #zoneContenu { min-width:705px; min-height:600px; background-color:#FFFFFF; border-top:1px solid #D5D6D7; border-right:1px solid #D5D6D7; border-bottom:1px solid #D5D6D7; } #corps #colD #contenu { padding:12px 15px 40px 16px; } /* Conteneurs principaux - Page Erreur */ #bErreur .section1 { padding:45px 0px 100px 0px; min-height:400px; } /* Conteneurs principaux - Page Impression */ #bImprime #corps { zoom:1; /*padding:26px 38px; border:1px solid #D5D6D7;*/ background:#FFFFFF;/* border-top:15px solid #D5D6D7; */ padding:30px 0px; } #bImprime #corps:after { content:""; display:block; clear:both; } /* Conteneurs principaux - Page Media Presenter */ #bMediaPresenter #corps { zoom:1; padding:0px 20px 50px 0px; border:none; background:#FFFFFF ; } #bMediaPresenter #corps:after { content:""; display:block; clear:both; } /* Conteneurs principaux - Pages Installation */ #bInstall .section1 { padding:45px 0px 100px 0px; min-height:400px; } /* SOUS-MENUS DANS LA COLONNE DE GAUCHE */ #ssMenu1 { margin:0px; padding:0px; white-space:nowrap; } #ssMenu1 h1 { padding:60px 0px 5px 0px; font-size:18px; color:#141215; } #ssMenu1 ul { list-style:none; margin:0px; padding:10px 0px 10px 0px; border-top:1px solid #D5D6D7; border-bottom:1px solid #D5D6D7; } #ssMenu1 ul li { margin:0px; padding:0px; line-height:18px; } #ssMenu1 li:hover { background:#CCF7C6; } #ssMenu1 ul li a, #ssMenu1 ul li a:visited { display:block; padding:3px 0px 3px 25px; line-height:18px; color:#141215; text-decoration:none; } /* Afficher les icones des menus contextuels*/ #ssMenu1 ul li .tools { float:right; padding:2px 0px; display:none; background:#CCF7C6; position:relative; /* bg+position relative pr bg opaque */ } #ssMenu1 ul li:hover .tools { display:block;} #ssMenu2 { margin:0px; padding:10px 0px 0px 0px; white-space:nowrap; } #ssMenu2 ul { list-style:none; margin:0px; padding:0px 0px 0px 0px; } #ssMenu2 ul:first-child { padding:0px 0px 10px 0px; border-bottom:1px solid #D5D6D7; } #ssMenu2 ul ul:first-child { border-bottom:none; } #ssMenu2 ul ul { margin:0px; padding:0px 0px 0px 25px; } #ssMenu2 ul li { margin:0px; padding:0px; line-height:18px;} #ssMenu2 ul li div:hover { background:#CCF7C6; } #ssMenu2 ul li div:hover div div { background:transparent; } #ssMenu2 ul li a, #ssMenu2 ul li a:visited { display:block; padding:3px 0px 3px 25px; line-height:18px; color:#141215; text-decoration:none; } /* Afficher les icones à droite pour les menus contextuels*/ #ssMenu2 ul li .tools { display:none; float:right; padding:2px 0px; background:#CCF7C6; position:relative; /* bg+position relative pr bg opaque */} #ssMenu2 ul li:hover .tools { display:block; } /* Identification du sous-menu1 actif */ /* #bQ...=Questionnaires - #bB...=Bibliotheque - #bC...=Compte - #bA...=Administration - #bE...-Evaluations - #bG...=Groupes(usage futur) */ #bQuestionnaires #ssMenu1 li.ssm-questionnaires, #bQCorbeille #ssMenu1 li.ssm-corbeille, #bBCorbeille #ssMenu1 li.ssm-corbeille, #bCCorbeille #ssMenu1 li.ssm-corbeille, #bBItems #ssMenu1 li.ssm-items, #bBMedias #ssMenu1 li.ssm-medias, #bBLangues #ssMenu1 li.ssm-langues, #bBTermes #ssMenu1 li.ssm-termes, #bBCollections #ssMenu1 li.ssm-collections, #bBCategories #ssMenu1 li.ssm-categories, #bCProfil #ssMenu1 li.ssm-profil, #bCMdp #ssMenu1 li.ssm-mdp, #bCProjets #ssMenu1 li.ssm-projets, #bCCorbeille #ssMenu1 li.ssm-corbeille, #bAProjets #ssMenu1 li.ssm-projets, #bAUtilisateurs #ssMenu1 li.ssm-utilisateurs, #bATextes #ssMenu1 li.ssm-textes, #bAOutils #ssMenu1 li.ssm-outils, #bACorbeille #ssMenu1 li.ssm-corbeille, #bEEvaluations #ssMenu1 li.ssm-evaluations, #bEGroupes #ssMenu1 li.ssm-groupes, #bECorbeille #ssMenu1 li.ssm-corbeille /*#bGroupes #ssMenu1 li.ssm-groupes*/ { background:#D4FFCD; } #bQuestionnaires #ssMenu1 li.ssm-questionnaires a span, #bQCorbeille #ssMenu1 li.ssm-corbeille a span, #bBCorbeille #ssMenu1 li.ssm-corbeille a span, #bBItems #ssMenu1 li.ssm-items a span, #bBMedias #ssMenu1 li.ssm-medias a span, #bBLangues #ssMenu1 li.ssm-langues a span, #bBTermes #ssMenu1 li.ssm-termes a span, #bBCollections #ssMenu1 li.ssm-collections a span, #bBCategories #ssMenu1 li.ssm-categories a span, #bCProfil #ssMenu1 li.ssm-profil a span, #bCMdp #ssMenu1 li.ssm-mdp a span, #bCProjets #ssMenu1 li.ssm-projets a span, #bCCorbeille #ssMenu1 li.ssm-corbeille a span, #bAProjets #ssMenu1 li.ssm-projets a span, #bAUtilisateurs #ssMenu1 li.ssm-utilisateurs a span, #bATextes #ssMenu1 li.ssm-textes a span, #bAOutils #ssMenu1 li.ssm-outils a span, #bACorbeille #ssMenu1 li.ssm-corbeille a span, #bEEvaluations #ssMenu1 li.ssm-evaluations a span, #bEGroupes #ssMenu1 li.ssm-groupes a span, #bECorbeille #ssMenu1 li.ssm-corbeille a span /*#bGroupes #ssMenu1 li.ssm-groupes a span*/ { font-weight:bold; } /* Identification du sous-menu2 actif */ #ssMenu2 li div.actif { background:#D4FFCD; } #ssMenu2 li div.actif a { font-weight:bold; } /* Identification du sous-menu2 actif - Resultats */ #bEEvaluation #ssMenu2 .ssmEvaluation, #bEEvalParticipants #ssMenu2 .ssmEvalParticipants, #bEEvalQuestions #ssMenu2 .ssmEvalQuestions, #bEGroupe #ssMenu2 .ssmGroupe, #bEGroupeParticipants #ssMenu2 .ssmGroupeParticipants, #bEGroupeQuestions #ssMenu2 .ssmGroupeQuestions { background:#D4FFCD; } #bEEvaluation #ssMenu2 .ssmEvaluation a, #bEEvalParticipants #ssMenu2 .ssmEvalParticipants a, #bEEvalQuestions #ssMenu2 .ssmEvalQuestions a, #bEGroupe #ssMenu2 .ssmGroupe a, #bEGroupeParticipants #ssMenu2 .ssmGroupeParticipants a, #bEGroupeQuestions #ssMenu2 .ssmGroupeQuestions a { font-weight:bold; } /* AFFICHAGE DES ICONES pour les ELEMENTS - ATTENTION - ordre hierarchique important ??? */ #ssMenu1 li.ssm-questionnaires a { background:url("../images/ic-questionnaires.png") 1px center no-repeat; } #ssMenu1 li.ssm-corbeille a { background:url("../images/ic-corbeille.png") 1px center no-repeat; } #ssMenu1 li.ssm-items a { background:url("../images/ic-items.png") 1px center no-repeat; } #ssMenu1 li.ssm-medias a { background:url("../images/ic-medias.png") 1px center no-repeat; } #ssMenu1 li.ssm-langues a { background:url("../images/ic-langues.png") 1px center no-repeat; } #ssMenu1 li.ssm-termes a { background:url("../images/ic-termes.png") 1px center no-repeat; } #ssMenu1 li.ssm-collections a { background:url("../images/ic-collection.png") 1px center no-repeat; } #ssMenu1 li.ssm-categories a { background:url("../images/ic-categorie.png") 1px center no-repeat; } #ssMenu1 li.ssm-profil a { background:url("../images/ic-utilisateur.png") 1px center no-repeat; } #ssMenu1 li.ssm-mdp a { background:url("../images/ic-mot-de-passe.png") 1px center no-repeat; } #ssMenu1 li.ssm-projets a { background:url("../images/ic-projet.png") 1px center no-repeat; } #ssMenu1 li.ssm-utilisateurs a { background:url("../images/ic-utilisateur.png") 1px center no-repeat; } #ssMenu1 li.ssm-textes a { background:url("../images/ic-textes.png") 1px center no-repeat; } #ssMenu1 li.ssm-outils a { background:url("../images/ic-outils.png") 1px center no-repeat; } #ssMenu1 li.ssm-evaluations a { background:url("../images/ic-resultat-evaluations.png") 1px center no-repeat; } #ssMenu1 li.ssm-groupes a { background:url("../images/ic-resultat-groupes.png") 1px center no-repeat; } #ssMenu2 li.ssm-questionnaire a { background:url("../images/ic-questionnaire.png") 1px center no-repeat; } #ssMenu2 li.ssm-accueil a { background:url("../images/ic-accueil.png") 1px center no-repeat; } #ssMenu2 li.ssm-section a { background:url("../images/ic-section.png") 1px center no-repeat; } #ssMenu2 li.ssm-fin a { background:url("../images/ic-fin.png") 1px center no-repeat; } #ssMenu2 li.ssm-associations a, #ssMenu1 .menuContexte li.ssm-associations a, #ssMenu2 .menuContexte li.ssm-associations a, .menuContexte li.ssm-associations a, .menuContexteGa li.ssm-associations a { background:url("../images/ic-association.png") 1px center no-repeat; } #ssMenu2 li.ssm-choix-multiples a, #ssMenu1 .menuContexte li.ssm-choix-multiples a, #ssMenu2 .menuContexte li.ssm-choix-multiples a, .menuContexte li.ssm-choix-multiples a, .menuContexteGa li.ssm-choix-multiples a { background:url("../images/ic-choix-multiples.png") 1px center no-repeat; } #ssMenu2 li.ssm-classement a, #ssMenu1 .menuContexte li.ssm-classement a, #ssMenu2 .menuContexte li.ssm-classement a, .menuContexte li.ssm-classement a, .menuContexteGa li.ssm-classement a { background:url("../images/ic-classement.png") 1px center no-repeat;/* background-size: 17px 13px;*/} #ssMenu2 li.ssm-damier a, #ssMenu1 .menuContexte li.ssm-damier a, #ssMenu2 .menuContexte li.ssm-damier a, .menuContexte li.ssm-damier a, .menuContexteGa li.ssm-damier a { background:url("../images/ic-damier.png") 1px center no-repeat; } #ssMenu2 li.ssm-developpement a, #ssMenu1 .menuContexte li.ssm-developpement a, #ssMenu2 .menuContexte li.ssm-developpement a, .menuContexte li.ssm-developpement a, .menuContexteGa li.ssm-developpement a { background:url("../images/ic-developpement.png") 1px center no-repeat; } #ssMenu2 li.ssm-dictee a, #ssMenu1 .menuContexte li.ssm-dictee a, #ssMenu2 .menuContexte li.ssm-dictee a, .menuContexte li.ssm-dictee a, .menuContexteGa li.ssm-dictee a { background:url("../images/ic-dictee.png") 1px center no-repeat; /*background-size: 17px 13px; */} #ssMenu2 li.ssm-marquage a, #ssMenu1 .menuContexte li.ssm-marquage a, #ssMenu2 .menuContexte li.ssm-marquage a, .menuContexte li.ssm-marquage a, .menuContexteGa li.ssm-marquage a { background:url("../images/ic-marquage.png") 1px center no-repeat; } #ssMenu2 li.ssm-mise-ordre a, #ssMenu1 .menuContexte li.ssm-mise-ordre a, #ssMenu2 .menuContexte li.ssm-mise-ordre a, .menuContexte li.ssm-mise-ordre a, .menuContexteGa li.ssm-mise-ordre a { background:url("../images/ic-mise-ordre.png") 1px center no-repeat; } #ssMenu2 li.ssm-reponse-breve a, #ssMenu1 .menuContexte li.ssm-reponse-breve a, #ssMenu2 .menuContexte li.ssm-reponse-breve a, .menuContexte li.ssm-reponse-breve a, .menuContexteGa li.ssm-reponse-breve a { background:url("../images/ic-reponse-breve.png") 1px center no-repeat; } #ssMenu2 li.ssm-reponses-multiples a, #ssMenu1 .menuContexte li.ssm-reponses-multiples a, #ssMenu2 .menuContexte li.ssm-reponses-multiples a, .menuContexte li.ssm-reponses-multiples a, .menuContexteGa li.ssm-reponses-multiples a { background:url("../images/ic-reponses-multiples.png") 1px center no-repeat; } #ssMenu2 li.ssm-revision a, #ssMenu1 .menuContexte li.ssm-revision a, #ssMenu2 .menuContexte li.ssm-revision a, .menuContexte li.ssm-revision a, .menuContexteGa li.ssm-revision a { background:url("../images/ic-revision.png") 1px center no-repeat; } #ssMenu2 li.ssm-texte-lacunaire a, #ssMenu1 .menuContexte li.ssm-texte-lacunaire a, #ssMenu2 .menuContexte li.ssm-texte-lacunaire a, .menuContexte li.ssm-texte-lacunaire a, .menuContexteGa li.ssm-texte-lacunaire a { background:url("../images/ic-texte-lacunaire.png") 1px center no-repeat; } #ssMenu2 li.ssm-vrai-faux a, #ssMenu1 .menuContexte li.ssm-vrai-faux a, #ssMenu2 .menuContexte li.ssm-vrai-faux a, .menuContexte li.ssm-vrai-faux a, .menuContexteGa li.ssm-vrai-faux a { background:url("../images/ic-vrai-faux.png") 1px center no-repeat; } #ssMenu2 li.ssm-zones-identifier a, #ssMenu1 .menuContexte li.ssm-zones-identifier a, #ssMenu2 .menuContexte li.ssm-zones-identifier a, .menuContexte li.ssm-zones-identifier a, .menuContexteGa li.ssm-zones-identifier a { background:url("../images/ic-zone-identifier.png") 1px center no-repeat; } #ssMenu2 li.ssm-page a, #ssMenu1 .menuContexte li.ssm-page a, #ssMenu2 .menuContexte li.ssm-page a, .menuContexte li.ssm-page a, .menuContexteGa li.ssm-page a { background:url("../images/ic-page.png") 1px center no-repeat; } #ssMenu2 .ssmEvaluation a { background:url("../images/ic-resultat-evaluations.png") 1px center no-repeat; } #ssMenu2 .ssmEvalParticipants a { background:url("../images/ic-resultat-groupes.png") 1px center no-repeat; } #ssMenu2 .ssmEvalQuestions a { background:url("../images/ic-questionnaire.png") 1px center no-repeat; } #ssMenu2 .ssmGroupe a { background:url("../images/ic-resultat-groupes.png") 1px center no-repeat; } #ssMenu2 .ssmGroupeParticipants a { background:url("../images/ic-resultat-groupes.png") 1px center no-repeat; } #ssMenu2 .ssmGroupeQuestions a { background:url("../images/ic-questionnaire.png") 1px center no-repeat; } /* SOUS-MENU SORTABLE */ .placeholder { background-color:#f5f5f5; border:1px dashed #bbbbbb; } .ui-nestedSortable-error { background:none; border:none; } .sortable li div { cursor:move; } /* BARRE DE NAVIGATION */ #barreNav { height:26px; padding:14px 15px 14px 16px; background:#F5F5F5; border-bottom:1px solid #D5D6D7; } #barreNavNiv2 { height:26px; padding:0px 0px 10px 0px; } /* FORMULAIRES - frmLogin, frmRech */ abbr, fieldset, form, label, legend { margin:0px; padding:0px; border:0px; vertical-align: baseline; text-align:left; color:#343434; } abbr { color:#D6301A; font-weight:bold; border-bottom:none; text-decoration:none; } label { display:block; margin:5px 0px 0px 0px; line-height:1.8em; font-weight:bold; /*color:#141215; */ } label a { } label a, label a:visited { font-weight:400; } label a:hover, label a:focus, label a:active { font-weight:400; } label.inline { display:inline-block; } label.niv2 { font-weight:normal; } label.specific { color:#CE8331; } label img { vertical-align:text-bottom; } input { padding:0px 0px 0px 5px; border:1px solid #D0D0D0; /*B1B1B1;*/ } h2 input { padding-left:0px; padding-right:0px; } input.flGa { padding: 0px 0px 0px 5px; } input.chk { padding:0px; border:none; } input[type="radio"] { vertical-align:text-bottom; } textarea { padding: 3px 0px 4px 5px; display:block; border:1px solid #D0D0D0; /*B1B1B1;*/ } select, option { margin-right:10px; } select { min-height:22px; border-color:#D0D0D0; } /* Boutons Submit */ input.btnSubmit, input.btnReset, input.btnApercu { font-size:13px; line-height:20px; margin:0px; padding:5px 10px; font-weight:bold; cursor:pointer; } input.btnSubmit, input.btnEnregistrer { color:#FFFFFF; background:#5CA344; border:1px solid #5CA344; } input.btnSubmit:hover, input.btnSubmit.btnEnregistrer:hover { background:#378C2B; border:1px solid #378C2B; } input.btnReset, input.btnApercu { color:#FFFFFF; background:#747875; border:1px solid #747875; } input.btnReset:hover, input.btnApercu:hover { background:#525553; border:1px solid #525553; } input#btnReset1, input#btnReset2 { margin-right:10px; } input#btnApercu1, input#btnApercu2 { margin-right:30px; } /* PAGE ACCUEIL - HERO */ #bIndex .sectionHero { background: #323b40 url("../images/banderole.png") center no-repeat; background-size: cover; padding: 100px 0; margin-top: 30px; } #bIndex .sectionHero p { border-left: 16px solid #378d2c; color: #fff; font-size: 45px; font-weight: 700; line-height: 1.2; max-width: 360px; padding: 0 0 0 25px; } /* PAGE ACCUEIL */ #bIndex h1 { font-size:26px; padding-bottom:45px; color:#141215; text-align:center; } @media (max-width: 1023px) { #bIndex h1 br { display: none; } } #bIndex .section1:before, #bIndex .section1:after, #bIndex .section2:before, #bIndex .section2:after, #bIndex .section3:before, #bIndex .section3:after, #bIndex .section4:before, #bIndex .section4:after { display: table; content: " "; } #bIndex .section1:after, #bIndex .section2:after, #bIndex .section3:after, #bIndex .section4:after { clear:both; } #bIndex .section1 { padding:80px 0px; } #bIndex .section1 .col-0, #bIndex .section1 .col-1, #bIndex .section1 .col-2, #bIndex .section1 .col-3 { float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; width: 33.33333333%; box-sizing: border-box; } #bIndex .section1 .col-0 { width:100%; } #bIndex .section1 .col-1 > div { border-radius: 4px; background:#378d2c; color:#FFFFFF; font-size:19px; padding:15px 50px; min-height: 190px; text-align: center; display: flex; align-items: center;} #bIndex .section1 .col-2 > div { border-radius: 4px; background:#14648b; color:#FFFFFF; font-size:19px; padding:15px 50px; min-height: 190px; text-align: center; display: flex; align-items: center;} #bIndex .section1 .col-3 > div { border-radius: 4px; background:#d16f11; color:#FFFFFF; font-size:19px; padding:15px 50px; min-height: 190px; text-align: center; display: flex; align-items: center;} @media (max-width: 767px) { #bIndex .section1 .col-1 > div, #bIndex .section1 .col-2 > div, #bIndex .section1 .col-3 > div { padding-left: 100px; padding-right: 100px; } } #bIndex .section1 .col-0 .msgBienvenueSupp { padding-top:45px; } #bIndex .section1 .col-0 .msgBienvenueSupp * { font-size:16px; } #bIndex .section1 .col-0 .msgBienvenueSupp h1 { font-size:26px; } #bIndex .section1 .col-0 .msgBienvenueSupp h2 { font-size:24px; } #bIndex .section1 .col-1 > div:before, #bIndex .section1 .col-2 > div:before, #bIndex .section1 .col-3 > div:before { position:relative; content: ''; width: 0px; height: 0px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 13px solid #28252A; display: inline-block; position:absolute; top:0px; left:50%; margin-left:-20px; } #bIndex .section2 { background:#f6f6f6; padding:80px 0px; } #bIndex .section2 h1 { color:#141215; line-height:1.25; } #bIndex .section2 .col-1, #bIndex .section2 .col-2 { float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; box-sizing: border-box; width:50%; } #bIndex .section2 .col-1 ul, #bIndex .section2 .col-2 ul { list-style:none; } #bIndex .section2 .col-1 li, #bIndex .section2 .col-2 li { position:relative; padding:0px 0px 20px 20px; font-size:17px; } #bIndex .section2 .col-1 li:before, #bIndex .section2 .col-2 li:before { position: absolute; font-family: 'FontAwesome'; top: 0px; left: 4px; content: "\f0da"; color: #D16F11; } #bIndex .section3 { padding:80px 0px; } #bIndex .section3 .col-1, #bIndex .section3 .col-2, #bIndex .section3 .col-3 { float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; width: 33.33333333%; box-sizing: border-box; text-align: center; } #bIndex .section3 p { font-size:17px; } #bIndex .section3 p.titre { font-size:18px; font-weight: 700; padding-bottom:10px; } #bIndex .section3 .icone { width:100px; height:100px; background:#f6f6f6; border:1px solid #ececec; text-align:center; border-radius:50%; margin:0 auto; margin-bottom:25px; position: relative;} #bIndex .section3 .icone img { max-height: 44px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} #bIndex .section3 .icone i.fa { display:inline-block; line-height:100px; color:#D16F11; } #bIndex .section4 { background:#f6f6f6; margin-top:15px; padding:0px 0px 45px 0px; } #bIndex .section4:before{ position:relative; display:block; background-image:url("../images/deco-index.png"); background-size: 32px 37px; width:32px;height:37px; left:50%; top:-17px; margin-left:-16px; content:""; } #bIndex .section4 .col-1 { float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; width: 100%; box-sizing: border-box; text-align:center; } #bIndex .section4 h1 { padding-bottom:15px; } #bIndex .section4 p { max-width:550px; margin:0 auto; padding-bottom:15px; font-size:18px; } #bIndex .section4 a.btnSubmit { font-size:14px; line-height:1.8; margin:0px; padding:10px 25px; font-weight:bold; cursor:pointer; color:#FFFFFF; background:#5CA344; border:1px solid #5CA344; display:inline-block; } #bIndex .section4 a.btnSubmit:hover { background:#378C2B; border:1px solid #378C2B; text-decoration:none; } @media (max-width: 767px) { #bIndex .section1 .col-1, #bIndex .section1 .col-2, #bIndex .section1 .col-3 { width:100%; margin-bottom:30px; } #bIndex .section2 .col-1 { width:100%; } #bIndex .section2 .col-2 { width:100%; } #bIndex .section3 .col-1, #bIndex .section3 .col-2, #bIndex .section3 .col-3 { width:100%; margin-bottom:45px; } } /* PAGES D'IDENTIFICATION (demande compte, mot de passe oublié, nouveau projet ) */ #bIndexOptions .bodyContenu { padding:45px 0px 100px 0px; min-height:400px; } #bIndexOptions .bodyContenu > div.cadre { /*margin:0 auto; max-width:580px; */ background:#F5F5F5; padding:20px 45px 20px 45px; font-size:15px; line-height:1.8; border:1px solid #EDEDED; } #bIndexOptions h1 { font-size:28px; padding-top:0px; padding-bottom:15px; text-align:center; color:#CE8331; } #bIndexOptions input[type=text], #bIndexOptions input[type=password], #bIndexOptions input[type=submit] { width:100%; font-size:15px; line-height:1.8; box-sizing: border-box; } #bIndexOptions input[type=submit] { margin:15px 0px; width:40%; min-width:60px; } /* Formulaire de recherche */ #frmRech #rechMots { float:left; height:24px; line-height:24px; margin:0px; padding:0px 0px 0px 3px; background:#FFFFFF; /*color:#757575; /* couleur remplacee en JS */ border:1px solid #D5D6D7; border-right:none; border-radius:0; -webkit-appearance: none; /* overwriting default on ios */ } /* .fa-times f00d */ #frmRech #btnRechRes { float:left; width:25px; margin:0px; padding:0px 2px 0px 3px; border-left:none; border-right:none; border-top:1px solid #D5D6D7; border-bottom:1px solid #D5D6D7; font-family:FontAwesome; font-size:14px; line-height:22px; height:26px; color:#747875; background:#FFFFFF; font-weight:normal; border-radius:0; } #frmRech #btnRechRes:hover { color:#525553; } #frmRech #btnRechSub { height:26px; line-height:24px; margin:0px; padding:0px 10px; background:#747875; border:1px solid #747875; border-radius:0; } #frmRech #btnRechSub:hover { color:#FFFFFF; background:#525553; border:1px solid #525553; } /* Boutons de navigation Precedent (fa-caret-left f0d9) et Suivant (fa-caret-right f0da) */ input.btnPrev, input.btnPrevOff, input.btnNext, input.btnNextOff, table.tblListe tr.tblNav td input.btnPrev, table.tblListe tr.tblNav td input.btnPrevOff, table.tblListe tr.tblNav td input.btnNext, table.tblListe tr.tblNav td input.btnNextOff { font-family:FontAwesome; font-size:16px; line-height:19px; height:20px; } input.btnPrev, input.btnNext, table.tblListe tr.tblNav td input.btnPrev, table.tblListe tr.tblNav td input.btnNext { background:#747875; border:1px solid #747875; color:#FFFFFF; } input.btnPrev:hover, input.btnNext:hover, table.tblListe tr.tblNav td input.btnPrev:hover, table.tblListe tr.tblNav td input.btnNext:hover { background:#525553; border:1px solid #525553;color:#FFFFFF; } input.btnPrevOff, input.btnNextOff, input.btnPrevOff:hover, input.btnNextOff:hover, table.tblListe tr.tblNav td input.btnPrevOff, table.tblListe tr.tblNav td input.btnNextOff, table.tblListe tr.tblNav td input.btnPrevOff:hover, table.tblListe tr.tblNav td input.btnNextOff:hover { /*background:#C5CCC7; border:1px solid #C5CCC7; color:#E8E8E8;*/ background:#DEDEDE; border:1px solid #DEDEDE; color:#F3F3F3; } input.btnSubmit.btnPrev, input.btnSubmit.btnPrevOff, table.tblListe tr.tblNav td input.btnSubmit.btnPrev, table.tblListe tr.tblNav td input.btnSubmit.btnPrevOff { padding:0px 10px 0px 8px; margin:0px 5px 0px 5px; } input.btnSubmit.btnNext, input.btnSubmit.btnNextOff, table.tblListe tr.tblNav td input.btnSubmit.btnNext, table.tblListe tr.tblNav td input.btnSubmit.btnNextOff { padding:0px 8px 0px 10px; margin:0px 0px 0px 5px; } input.btnPrevOff:hover, input.btnNextOff:hover { cursor:default; } /* Formulaire de navigation */ #frmNav { text-align:right; padding:2px 0px; } #frmNav input[type=text] { /*font-family:'Droid Sans', Arial, Helvetica, sans-serif;*/ font-weight:400; } #frmNav input { vertical-align:middle; } #frmNav input.btnPrev { } #frmNav input.btnNext { } #frmNav input.btnPrev:hover { } #frmNav input.btnNext:hover { } #frmNav input.btnPrevOff { } #frmNav input.btnNextOff { } #frmNav input.btnPrevOff:hover { } #frmNav input.btnNextOff:hover { } #frmNav input.noPage { width:30px; height:18px; text-align:center; margin:0px; padding:0px 0px 0px 0px; border:1px solid #D5D6D7; } #frmNav div.txt { display:inline-block; height:20px; line-height:20px; vertical-align:middle; } /* pour navigation de 2e niveau. Ex. Resultats, participants */ #frmNavNiv2 { text-align:right; padding:2px 0px; } #frmNavNiv2 input[type=text] { /*font-family:'Droid Sans', Arial, Helvetica, sans-serif;*/ font-weight:400; } #frmNavNiv2 input { vertical-align:middle; } #frmNavNiv2 input.noPage { width:30px; height:18px; text-align:center; margin:0px; padding:0px 0px 0px 0px; border:1px solid #D5D6D7; } #frmNavNiv2 div.txt { display:inline-block; height:20px; line-height:20px; vertical-align:middle; } /* Formulaire des elements dans item */ /* #frmElement input.btnPrev { } #frmElement input.btnNext { } #frmElement input.btnPrev:hover { } #frmElement input.btnNext:hover { } #frmElement input.btnPrevOff { } #frmElement input.btnNextOff { } #frmElement input.btnPrevOff:hover { } #frmElement input.btnNextOff:hover { } */ /* Formulaire frm - Classement */ /* #frm input.btnPrev { } #frm input.btnNext { } #frm input.btnPrev:hover { } #frm input.btnNext:hover { } #frm input.btnPrevOff { } #frm input.btnNextOff { } #frm input.btnPrevOff:hover { } #frm input.btnNextOff:hover { } */ /* TABLES */ table { width:100%; border-collapse:collapse; } td { /*font-family:'Droid Sans', Arial, Helvetica, sans-serif;*/ color:#141215; padding:5px 5px; } table td.alGa { text-align:left; } table td.vAlMi { vertical-align:middle; } table th { padding:5px 5px; } /* TABLES POUR LES LISTES (items, questionnaires, medias, etc...) */ table.tblListe { width:100%; border-collapse:separate; border-spacing:0px; } table.tblListe tr { border:1px solid #DEDEDF; } table.tblListe tr:hover { background-color:#D4FFCD; } table.tblListe tr.selected { background:#D4FFCD; } table.tblListe td { padding:5px 7px 5px 5px; text-align:left; color:#251E20; border-bottom:1px solid #DEDEDF; } table.tblListe td i.fa.fa-link { color:#737875; } table.tblListe td.alCe { padding:5px 7px 5px 5px; text-align:center; } table.tblListe td.alDr { padding:5px 7px 5px 5px; text-align:right; } table.tblListe td a, table.tblListe td a:visited, table.tblListe td a:hover, table.tblListe td a:focus, table.tblListe td a:active { } table.tblListe tr td:first-child { border-left:1px solid #DEDEDF; } table.tblListe tr td.last { border-right:1px solid #DEDEDF; } table.tblListe tr.lgLast { } table.tblListe th { padding:5px 0px 5px 5px; background-color:#353237; color:#cdc8c8; border-right:2px solid #F3F3F3; text-align:left; } table.tblListe th i.fa, table.tblListe th i.fa.fa-link { color:#cdc8c8; } table.tblListe th:first-child { border-left:1px solid #353237; } table.tblListe th a, table.tblListe th a:focus, table.tblListe th a:visited, table.tblListe th a:active { padding:0px 12px 0px 0px; color:#cdc8c8; text-decoration:none; position:relative; } table.tblListe th a:hover, table.tblListe th a:hover .fa, table.tblListe th a:hover .fa.fa-link { color:#FFFFFF; text-decoration:none; } table.tblListe th a:hover:after { /*chevron-up*/ position: absolute; right: 0px; font-family: 'FontAwesome'; content: "\f077"; font-size:0.8em; color:#FFFFFF; } table.tblListe th a.triAsc { display:inline-block; color:#FFFFFF; text-decoration:none; } table.tblListe th a.triAsc:after { /*chevron-up*/ position: absolute; right: 0px; font-family: 'FontAwesome'; content: "\f077"; font-size:0.8em; color:#FFFFFF; } table.tblListe th a.triDesc { display:inline-block; color:#FFFFFF; text-decoration:none; } table.tblListe th a.triDesc:after { /*chevron-down*/ position: absolute; right: 0px; font-family: 'FontAwesome'; content: "\f078"; font-size:0.8em; color:#FFFFFF; } table.tblListe th.last { border-right:none; } table.tblListe th.cCheck { width:4%; padding:5px 0px 5px 0px; text-align:center; } table.tblListe td.cCheck { text-align:center; } table.tblListe th.cCheck input, table td.cCheck input { padding:0px; } table.tblListe th.cCode { width:5%; } table.tblListQuest th.c3 { width:35%; } table.tblListQuest th.c9 { width:4%; padding:5px 0px 5px 11px; min-width:28px; text-align:center; } table.tblListQuest td.c9 { padding:5px 1px 5px 0px; text-align:center; } table.tblListeProjets { } table.tblListCorb th.cType { width:30%; } table.tblListeItems th.c3 { width:25%; } table.tblListeItems th.c4 { width:10%; } table.tblListeItems th.c5 { width:8%; } table.tblListeItems th.c6 { width:19%; } table.tblListeItems th.c7 { width:14%; } table.tblListeItems th.c8 { width:4%; padding:5px 0px 5px 12px; min-width:28px; text-align:center; } table.tblListeItems th.cLink { width:4%; padding:5px 0px 5px 0px; min-width:28px; text-align:center; } table.tblListeItems td.c8 { padding:5px 2px 5px 0px; text-align:center; } table.tblListeItems td.cLink { padding:5px 0px 5px 0px; text-align:center; } table.tblListeMedias th.c8 { width:4%; padding:5px 0px 5px 12px; min-width:28px; text-align:center; } table.tblListeMedias th.cLink { width:4%; padding:5px 0px 5px 0px; min-width:28px; text-align:center; } table.tblListeMedias td.c8 { padding:5px 2px 5px 0px; text-align:center; } table.tblListeMedias td.cLink { padding:5px 0px 5px 0px; text-align:center; } /* Ligne pour la Navigation dans une table - Listes */ table.tblListe tr.tblNav { } table.tblListe tr.tblNav:hover { background-color:#FFFFFF; } table.tblListe tr.tblNav td { font-family:'Droid Sans', Arial, Helvetica, sans-serif; height:32px; line-height:32px; margin:0px; padding:0px 0px; border-left:none; border-right:none; border-bottom:none; vertical-align:middle; } table.tblListe tr.tblNav td:hover { cursor:default; } table.tblListe tr.tblNav td select, table tr.tblNav td option { /*font-family:'Droid Sans', Arial, Helvetica, sans-serif;*/ color:#343434; } table.tblListe tr.tblNav td input { /*font-family:'Droid Sans', Arial, Helvetica, sans-serif;*/ color:#343434; vertical-align:middle; } /* table.tblListe tr.tblNav td input.btnPrev { } table.tblListe tr.tblNav td input.btnNext { } table.tblListe tr.tblNav td input.btnPrev:hover { } table.tblListe tr.tblNav td input.btnNext:hover { } table.tblListe tr.tblNav td input.btnPrevOff { } table.tblListe tr.tblNav td input.btnNextOff { } table.tblListe tr.tblNav td input.btnPrevOff:hover { } table.tblListe tr.tblNav td input.btnNextOff:hover { } */ table.tblListe tr.tblNav td input.noPage { width:30px; height:20px; line-height:20px; text-align:center; margin:0px; padding:0px 0px 0px 0px; border:1px solid #D5D6D7; } table.tblListe tr.tblNav select { height:22px; margin:0px 0px 0px 5px; vertical-align:middle; border:1px solid #D5D6D7; } table.tblListe tr.tblNav td div.txt { display:inline-block; height:22px; line-height:22px; vertical-align:middle; } /* UTILISATION DE TABLES POUR MISES EN FORME DIVERSES */ /* Items, onglet CONTENU */ table.tblItemDesc td.alDrBot { text-align:right; vertical-align:bottom; } table.tblItemDesc td.minW36 { min-width:36px; } table.tblItemDesc td.icDelAdd { width:40px; min-width:40px; } table.tblItemDesc td { padding:5px 5px 25px 5px; } table.tblItemDesc td td { padding:0px; } table.tblItemDesc td.noPadBot { padding:5px 5px 5px 5px; } table.tblItemDesc td.padBotZero { padding-bottom:0px; } table.tblItemDesc td.padBot50 { padding-bottom:50px; } table.tblItemDesc td.padTopZero { padding-top:0px; } table.tblItemDesc tr.titre td { padding:5px 5px 5px 5px; vertical-align:top; } table.tblItemDesc tr.titre td.padTopZero { padding-top:0px; } table.tblItemDesc tr.titre td.padBotZero { padding-bottom:0px; } table.tblItemDesc tr.titre label { line-height:1.4em; } /* Items PARAMETRES avec CADRE */ .lnkCadre, .lnkCadre a { height:22px; line-height:22px; margin:5px 0px 0px 0px; } /* Pour utilisation si aligne vis a vis un label height:12px*1.8 */ .cadreTitre, .cadreTitre label { height:22px; line-height:22px; white-space:nowrap; } table.tblItemParam td.cadreContenu { min-width:260px; padding:0px 20px 10px 20px; background:#EAEAEA; border:1px solid #D5D6D7; vertical-align:top; text-align:left; } table.tblItemParam td.cadreLnkDisable { width:20px; padding:0px 5px; vertical-align:middle; } .classeurLibelle { text-transform:uppercase; } /* Pour l'item DAMIER dans .tblItemDesc */ .damierMasque { display:inline-block; position:relative; } .damierMasque img { border:1px solid #ADADAD; } .damierMasque .icBtnDel { position:absolute; top:0px; right:-8px; } .damierMasque .icBtnDel img { border:none; } /* Pour les items dans .tblItemDesc */ .elementImage { display:inline-block; position:relative; } .elementImage img { border:1px solid #ADADAD; } .elementImage .icBtnDel { position:absolute; top:0px; right:-8px; } .elementImage .icBtnDel img { border:none; } /* Pour l'item MARQUAGE */ table.tblItemDesc td td.colCarre { width:30px; } table.tblItemMarquage td.cadreContenu { padding:0px 20px 10px 20px; background:#EAEAEA; border:1px solid #D5D6D7; vertical-align:top; text-align:left; } table.tblItemMarquage td.cadreLnkDisable { width:20px; padding:0px 5px; vertical-align:middle; } /* Pour l'item CLASSEMENT */ .fauxOnglet { background:#FFFFFF; margin-bottom:0px; padding:10px 10px; border:1px solid #CCCCCC; border-bottom:0px; position:relative /*requis pour PIE.htc */ ; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px; behavior:url("../css/PIE.htc"); margin-right:390px; } .fauxOngletActions { float:right; width:390px; text-align:right; } table.tblItemClassement { } table.tblItemClassement td.cadreContenu { padding:5px 20px 20px 20px; background:#EAEAEA; border:1px solid #D5D6D7; vertical-align:top; text-align:left; } table.tblItemClassement td.cadreLnkDisable { width:20px; padding:0px 5px; vertical-align:middle; } table.tblItemClasseurs { background:#FFFFFF; border:1px solid #CCCCCC; padding:10px 10px; } table.tblItemClasseurs tr { background-color:#FFFFFF; } table.tblItemClasseurs tr:hover { background-color:#D4FFCD; } table.tblItemClasseurs tr.inactif { background-color:#FFFFFF; } table.tblItemClasseurs tr.actif { background-color:#D4FFCD; } /* Pour l'item ZONE A IDENTIFIER */ .zonesImage { background:#FFFFFF; border:1px solid #CCCCCC; padding:10px 10px; text-align:center; vertical-align:middle; margin-bottom:5px; } .zonesImage #item_image_affichage { text-align:left; vertical-align:top; } .zonesZone { background:#FFFFFF; border:1px solid #CCCCCC; height:17px; width:17px; text-align:center; vertical-align:middle; display:inline-block; } .zoneBordureFFFFFF { border:1px solid #FFFFFF; } .zoneBordure0000FF { border:1px solid #0000FF; } .zoneBordure000000 { border:1px solid #000000; } .zoneBordureFFFF00 { border:1px solid #FFFF00; } .zoneBordureFF0000 { border:1px solid #FF0000; } .zoneBordure00CC00 { border:1px solid #00CC00; } .zoneBordureA6A8AB { border:1px solid #A6A8AB; } .zoneBordure9B2079 { border:1px solid #9B2079; } .zoneBordureD16F11 { border:1px solid #D16F11; } .zoneBordure14648B { border:1px solid #14648B; } .zoneBordure378D2C { border:1px solid #378D2C; } .zoneBordure49ADA2 { border:1px solid #49ADA2; } /* Pour la CATEGORIE et Langue/Theme de l'APERCU */ table.tblCategorieApercu { width:100%; border-collapse:collapse; } table.tblCategorieApercu td { padding:0px 0px; text-align:left; vertical-align:top; } table.tblCategorieApercu td.c1 { width:85%; } table.tblCategorieApercu td.c2 { padding-right:20px; white-space:nowrap; } table.tblCategorieApercu td.c3 { white-space:nowrap; } /* Pour Compte, Projets, Liste des collaborateurs */ table.tblListeCollaborateurs { margin-bottom:10px; } table.tblListeCollaborateurs tr { background-color:#FFFFFF; } table.tblListeCollaborateurs tr:hover { background-color:#FFFFFF; } table.tblListeCollaborateurs tr.tblNav { background-color:#F3F3F3; } table.tblListeCollaborateurs tr.tblNav:hover { background-color:#F3F3F3; } table.tblListeCollaborateurs tr.tblNav td { /*height:25px; line-height:25px;*/ } /* Pour la liste des termes dans le lexique du questionnaire */ table.tblListeLexique th { padding:5px 5px 5px 5px; } table.tblListeLexique td { padding:5px 5px 5px 5px; } table.tblListeLexique th.cCode { min-width:5%; } /* Pour Utilisateur, Projets */ table.tblListeUserProjets { margin-bottom:35px; } table.tblListeUserProjets tr { background-color:#FFFFFF; } table.tblListeUserProjets tr:hover { background-color:#FFFFFF; } /* Questionnaire - Onglet Evaluation */ .evaluationPeriode .fa { margin-left:5px; margin-right:20px; } /* Pour Evaluations */ table.tblListeEvaluations { } table.tblListeEvaluations th.alCe { text-align:center; } table.tblListeEvaluations .tblNav td .fa { color:#5CA344; } table.tblListeEvaluations td .fa { color:#CE8331; padding-right:5px; } /* Pour Evaluations, Vue d'ensemble */ table.tblEvaluationDetail { max-width:600px; margin-top:5px; margin-bottom:25px; } table.tblEvaluationDetail tr { border:1px solid #D5D6D7; } table.tblEvaluationDetail tr:first-child { border:none; } table.tblEvaluationDetail th { font-weight:bold; text-align:left; background-color:#353237; color:#F3F3F3; padding-left:10px; padding-right:10px; } table.tblEvaluationDetail td { vertical-align:top; background:#FFFFFF; padding-left:10px; padding-right:10px; } table.tblEvaluationDetail td:first-child { width:45%; text-align:right; padding-right:0px; } table.tblEvaluationDetail td .sep { /*color:#CE8331;*/ padding-left:10px; } table.tblEvaluationDetail span.tools { color:#328129; cursor:pointer; } /* Pour Évaluations, Liste de participants */ table.tblListeParticipants { } table.tblListeParticipants tr { background-color:#FFFFFF; } table.tblListeParticipants tr.tblNav { background-color:#F3F3F3; } table.tblListeParticipants tr.tblNav:hover { background-color:#F3F3F3; } table.tblListeParticipants th.alCe { text-align:center; } table.tblListeParticipants th.cCode { min-width:60px; } table.tblListeParticipants td:nth-child(6), table.tblListeParticipants td:nth-child(7), table.tblListeParticipants td:nth-child(8), table.tblListeParticipants td:nth-child(9) { max-width:60px; text-align:center;} /* Pour Évaluations, Liste de question */ table.tblListeQuestions { } table.tblListeQuestions tr { background-color:#FFFFFF; } table.tblListeQuestions tr.tblNav { background-color:#F3F3F3; } table.tblListeQuestions tr.tblNav:hover { background-color:#F3F3F3; } table.tblListeQuestions th.alCe { text-align:center; } table.tblListeQuestions th.cCode { min-width:60px; } table.tblListeQuestions .tblNav td .fa { color:#5CA344; } table.tblListeQuestions td .fa { color:#CE8331; padding-right:5px; } /* Pour Resultats, Réponses données */ .resultatsReponses { background:#FDFDFD; border:1px solid #E9E9E9; padding:10px 15px; border-radius:5px; } .resultatsReponses .itemMediaImg { margin-right:5px; } .resultatsReponses .lacune { font-weight:bold; color:#000000; } /* RESULTATS */ #participantDetail #barreNavNiv2Haut { float:right; height:32px; margin-top:7px; padding:0px; } #participantDetail #barreNavNiv2Bas { float:none; height:32px; padding:0px; } #participantDetail .participantInfo { margin-bottom:15px; padding-bottom:15px; } #participantDetail .titreResultat, #participantDetail .titreResultat label { font-size:18px; } #participantDetail label { margin:0px; } #participantDetail .question { margin-bottom:30px; padding:20px 30px 30px 30px; background:#FFFFFF; border:1px solid #E6E6E6; border-radius:5px; } #participantDetail .question .titre { font-size:18px; font-weight:700; color:#CE8331; padding-bottom:5px; } #participantDetail .question .fa { padding-left:5px; padding-right:5px; } #participantDetail .question .fa-times { color:#D6301A; } #participantDetail .question .fa-exclamation-triangle { color:#CE8331; } #participantDetail .question .fa-pencil { color:#CE8331; } #participantDetail .resultStats { padding:15px 0px 0px 0px; } #participantDetail .resultStats > div { display:inline-block; margin-right:30px; } #participantDetail .resultStats > div:last-child { margin-right:0px; } #participantDetail .questionDetail > div { padding-top:5px; } #participantDetail .questionDetail input[type="text"] { text-align:center; padding:0px 4px 0px 3px; } #participantDetail .questionDetail .btnEnregistrer { margin-left:10px; margin-right:10px; } #questionDetail #barreNavNiv2Haut { float:right; height:32px; margin-top:7px; padding:0px; } #questionDetail #barreNavNiv2Bas { float:none; height:32px; padding:0px; } #questionDetail .questionInfo { margin-bottom:15px; padding-bottom:15px; } #questionDetail .questionInfo .questDetail { padding-bottom:5px; } #questionDetail .questionInfo .questDetail:last-child { padding-bottom:0px; } #questionDetail .titreResultat, #questionDetail .titreResultat label { font-size:18px; } #questionDetail label { margin:0px; } #questionDetail .participant { margin-bottom:30px; padding:20px 30px 30px 30px; background:#FFFFFF; border:1px solid #E6E6E6; border-radius:5px; } #questionDetail .participant .identifiant { font-size:18px; font-weight:700; color:#CE8331; padding-bottom:5px; } #questionDetail .participant .partDetail { padding-bottom:5px; } #questionDetail .participant .partDetail:last-child { padding-bottom:0px; } #questionDetail .participant .fa { padding-left:5px; padding-right:5px; } #questionDetail .participant .fa-times { color:#D6301A; } #questionDetail .participant .fa-exclamation-triangle { color:#CE8331; } #questionDetail .participant .fa-pencil { color:#CE8331; } #questionDetail .resultStats { padding:15px 0px 0px 0px; } #questionDetail .resultStats > div { display:inline-block; margin-right:30px; } #questionDetail .resultStats > div:last-child { margin-right:0px; } #questionDetail .questionDetail > div { padding-bottom:5px; } #questionDetail .questionDetail > div:last-child { padding-bottom:0px; } #questionDetail .questionDetail input[type="text"] { text-align:center; padding:0px 4px 0px 3px; } #questionDetail .questionDetail .btnEnregistrer { margin-left:10px; margin-right:10px; } /* Pour Groupes, Liste des groupes - NOT-USED */ /*table.tblListeGroupes { } table.tblListeGroupes th.alCe { text-align:center; }*/ /* Pour Groupes, Liste des etudiants - NOT-USED */ /*table.tblListeGroupesEtudiants { } table.tblListeGroupesEtudiants th.alCe { text-align:center; } table.tblListeGroupesEtudiants th.cCode { width:auto; } table.tblListeGroupesEtudiants th.c4 { width:5%; }*/ /* Pour Évaluations par groupes - NOT-USED table.tblListeResultatsGroupes { } table.tblListeResultatsGroupes th.alCe { text-align:center; } */ /* FIL D'ARIANE */ .filAriane h2 { padding:20px 0px 20px 0px; } .filAriane, .filAriane h2, .filAriane h2 div, .filAriane span, .filAriane .id, .filAriane h2 a, .filAriane h2 a:visited, .filAriane h2 a:hover, .filAriane h2 a:focus, .filAriane h2 a:active { font-size:17px; font-weight:700; color:#141215; text-decoration:none; } .filAriane h2 a:hover, .filAriane h2 a:focus, .filAriane h2 a:active { text-decoration:underline; } .filAriane img { float:left; padding:3px 5px 0px 0px; vertical-align:baseline; } .filAriane img.padTo4 { padding-top:4px; } .filAriane div { margin-left:-25px; padding-left:50px; } .filAriane span.sep { color:#CE8331; font-size:13px; padding:0px 7px; } .filAriane span.id { color:#969296; font-weight:400; } .filAriane span.date { color:#969296; font-size:14px; font-weight:400; } .filAriane a.tools, .filAriane a.tools:visited, .filAriane a.tools:hover, .filAriane a.tools:focus, .filAriane a.tools:active { padding:0px 14px; font-weight:400; font-size:13px; color:#328129; text-decoration:none; } .filAriane a.tools:hover, .filAriane a.tools:focus, .filAriane a.tools:active { text-decoration:underline; } /* ONGLETS */ .onglets { } .onglets a, .onglets a:visited, .onglets a:hover, .onglets a:focus, .onglets a:active { display:block; text-decoration:none; } .ongletActif { float:left; display:inline-block; margin-right:6px; text-align:center; background-color:#E5E5E5; } .ongletActif div { background-color:#E5E5E5; border-left:1px solid #E6E6E6; border-right:1px solid #E6E6E6; border-top:1px solid #DEDEDE; border-bottom:1px solid #E5E5E5; } .ongletActif a, .ongletActif a:visited { background:#E5E5E5; color:#2B282D; font-weight:bold; padding:5px 20px; } .ongletInactif { float:left; display:inline-block; margin-right:6px; text-align:center; background-color:#F5F5F5; } .ongletInactif div { background-color:#F5F5F5; border-left:1px solid #E6E6E6; border-right:1px solid #E6E6E6; border-top:1px solid #DEDEDE; border-bottom:1px solid #F5F5F5; } .ongletInactif a, .ongletInactif a:visited { background-color:#F5F5F5; color:#2B282D; font-weight:normal; padding:5px 20px; } .ongletInactif a:hover { background-color:#E5E5E5; } .onglets .tools { float:right; padding-top:10px; height:20px; line-height:20px; } .onglets.ongletsVides { margin-top:-10px; } .onglets.ongletsVides .tools { padding-top:0px; } /* MENUS CONTEXTUELS DEROULANTS */ .menuContexte { z-index:10; } .menuContexte .menuDeroul { display:none; z-index:10; position:absolute; margin:0px; padding:2px; text-align:left; font-family: 'Droid Sans', Arial, Helvetica, sans-serif; } .menuContexte:hover .menuDeroul, .menuContexte:focus .menuDeroul, .menuContexte:active .menuDeroul { display:block; } .menuContexte .menuTitre { height:25px; line-height:25px; margin:0px; padding:0px 10px; font-weight:700; color:#FFFFFF; background:#5CA344; border:1px solid #D5D6D7; border-bottom:none; } .menuContexte .menuTitre .fa { color:#FFFFFF; font-size:0.8em; } .menuContexte ul { margin:0px; padding:5px 0px; list-style:none; background:#FAFAFA; border:1px solid #D5D6D7; border-top:none; } .menuContexte li { margin:0px; padding:0px; } .menuContexte li:hover { background:#D8F8CD; } .menuContexte li a { background:url("../images/ic-bullet.png") 10px center no-repeat; } .menuContexte li a, .menuContexte li a:visited, .menuContexte li a:hover, .menuContexte li a:focus, .menuContexte li a:active { display:block; margin:0px; padding:2px 10px 2px 25px; /*height:21px; line-height:21px;*/ color:#141215; text-decoration:none; font-family: 'Droid Sans', Arial, Helvetica, sans-serif; } .menuContexte li.inactif a { color:#9A9B9D; cursor:default; background:url("../images/ic-bullet-inactif.png") 10px center no-repeat; } .menuContexte li.inactif:hover { background:transparent; } .menuContexte li.section { border-top:1px solid #EAEBEB; padding-top:5px; margin-top:5px; } .menuContexte li.section:hover { background:transparent; } .menuContexte ul.sansTitre { padding:5px 0px; border-top:1px solid #D5D6D7; } .menuContexte ul.sansTitre li a, .menuContexte ul.sansTitre li a:visited, .menuContexte ul.sansTitre li a:hover, .menuContexte ul.sansTitre li a:focus, .menuContexte ul.sansTitre li a:active { padding:3px 10px 3px 25px } .menuContexte li ul a { background:none; } .menuContexte ul ul { padding:0px 0px 0px 20px; border:none; } .menuContexte ul li.items2cols { width:360px; overflow: hidden; } .menuContexte ul li.items2cols ul.flGa { width:175px; padding:0px 0px 0px 20px; } .menuContexte ul li.items2cols ul.niv1 { width:175px; padding:0px 0px 0px 10px; } .menuContexte ul li.items2cols ul.flDr { width:175px; padding:0px 0px 0px 0px; } .menuContexte a.tools:hover, .menuContexte a.tools:focus, .menuContexte a.tools:active { text-decoration:none; cursor:default; } /* Pour menu deroulant sur deux colonnes dont les nombres d'elements ne sont pas identiques */ .menuContexte li.items2cols:hover { background-color:#FAFAFA;} .menuContexte li.items2cols:hover a { background-color:#D8F8CD;} .menuContexte li.items2cols:hover li a { background-color:#FAFAFA;} .menuContexte li.items2cols:hover li:hover a { background-color:#D8F8CD;} .menuContexteGa li.items2cols:hover { background-color:#FAFAFA;} .menuContexteGa li.items2cols:hover a { background-color:#D8F8CD;} .menuContexteGa li.items2cols:hover li a { background-color:#FAFAFA;} .menuContexteGa li.items2cols:hover li:hover a { background-color:#D8F8CD;} #ssMenu1 .menuContexte li.items2cols:hover { background-color:#FAFAFA;} #ssMenu1 .menuContexte li.items2cols:hover a { background-color:#D8F8CD;} #ssMenu1 .menuContexte li.items2cols:hover li a { background-color:#FAFAFA;} #ssMenu1 .menuContexte li.items2cols:hover li:hover a { background-color:#D8F8CD;} #ssMenu2 .menuContexte li.items2cols:hover { background-color:#FAFAFA;} #ssMenu2 .menuContexte li.items2cols:hover a { background-color:#D8F8CD;} #ssMenu2 .menuContexte li.items2cols:hover li a { background-color:#FAFAFA;} #ssMenu2 .menuContexte li.items2cols:hover li:hover a { background-color:#D8F8CD;} /* Menu Contexte Marquage Couleurs */ .menuContexteCouleurs li { padding:2px 0px; } .menuContexteCouleurs li a, .menuContexteCouleurs li a:visited { padding:0px 10px 0px 10px; background:none; } .menuContexteCouleurs li a:hover, .menuContexteCouleurs li a:focus, .menuContexteCouleurs li a:active { padding:0px 10px 0px 10px; } /* Dans la colonne du menu de gauche ssMenu1 - deroulant a droite */ #ssMenu1 .menuContexte ul { margin:0px; padding:5px 0px; border:1px solid #D5D6D7; border-top:none; } #ssMenu1 .menuContexte li a, #ssMenu1 .menuContexte li a:visited, #ssMenu1 .menuContexte li a:hover, #ssMenu1 .menuContexte li a:focus, #ssMenu1 .menuContexte li a:active { padding:3px 10px 3px 25px; } #ssMenu1 li div.actif .menuContexte a { font-weight:normal; } #ssMenu1 .menuContexte li a { background:url("../images/ic-bullet.png") 10px center no-repeat; } #ssMenu1 .menuContexte li a:hover, #ssMenu1 .menuContexte li a:focus, #ssMenu1 .menuContexte li a:active { color:#141215; } #ssMenu1 .menuContexte li:hover { background:#D8F8CD; } #ssMenu1 .menuContexte ul ul { padding:0px 0px 0px 20px; border:none; } #ssMenu1 .menuContexte ul li.items2cols { width:355px; overflow: hidden; } #ssMenu1 .menuContexte ul li.items2cols ul.flGa { width:175px; padding:0px 0px 0px 5px; border:none; } #ssMenu1 .menuContexte ul li.items2cols ul.flDr { width:175px; padding:0px 0px 0px 0px; border:none; } #ssMenu1 .menuContexte li.section { border-top:1px solid #EAEBEB; padding-top:5px; margin-top:5px; } #ssMenu1 .menuContexte li.section:hover { background:transparent; } #ssMenu1 .menuContexte i { padding:2px 5px; } /* Dans la colonne du menu de gauche ssMenu2 - deroulant a droite */ #ssMenu2 .menuContexte ul { margin:0px; padding:5px 0px; } #ssMenu2 .menuContexte li a, #ssMenu2 .menuContexte li a:visited, #ssMenu2 .menuContexte li a:hover, #ssMenu2 .menuContexte li a:focus, #ssMenu2 .menuContexte li a:active { padding:3px 10px 3px 25px; } #ssMenu2 li div.actif .menuContexte a { font-weight:normal; } #ssMenu2 .menuContexte li a { background:url("../images/ic-bullet.png") 10px center no-repeat; } #ssMenu2 .menuContexte li a:hover, #ssMenu2 .menuContexte li a:focus, #ssMenu2 .menuContexte li a:active { color:#141215; } #ssMenu2 .menuContexte ul ul { padding:0px 0px 0px 0px;} #ssMenu2 .menuContexte ul li.items2cols { width:375px; overflow: hidden; } #ssMenu2 .menuContexte ul li.items2cols ul.flGa { width:175px; padding:0px 0px 0px 25px; border:none; } #ssMenu2 .menuContexte ul li.items2cols ul.flDr { width:175px; padding:0px 0px 0px 0px; border:none; } #ssMenu2 .menuContexte li.section { border-top:1px solid #EAEBEB; padding-top:5px; margin-top:5px; } #ssMenu2 .menuContexte li.section:hover { background:transparent; } #ssMenu2 .menuContexte i { padding:2px 5px; } /* Dans le fil d'Ariane - deroulant a droite */ .filAriane .menuContexte ul { margin:0px; padding:5px 0px; } .filAriane .menuContexte li a, .filAriane .menuContexte li a:visited, .filAriane .menuContexte li a:hover, .filAriane .menuContexte li a:focus, .filAriane .menuContexte li a:active { font-weight:normal; font-size:13px; } .filAriane .menuContexte li a:hover, .filAriane .menuContexte li a:focus, .filAriane .menuContexte li a:active { color:#141215; } .filAriane .menuContexte ul ul.flGa { width:150px; padding:0px 0px 0px 20px; } .filAriane .menuContexte ul ul.niv1 { width:150px; padding:0px 0px 0px 0px; } .filAriane .menuContexte ul ul.flDr { width:150px; padding:0px 0px 0px 0px; } /* Deroulant a gauche */ .menuContexteGa { z-index:10; } .menuContexteGa .menuDeroul { display:none; z-index:10; position:absolute; width:275px; margin:0px 0px 0px -260px; padding:2px; text-align:left; font-family: 'Droid Sans', Arial, Helvetica, sans-serif; } .menuContexteGa:hover .menuDeroul, .menuContexteGa:focus .menuDeroul, .menuContexteGa:active .menuDeroul { display:block; } .menuContexteGa .menuTitre { height:25px; line-height:25px; margin:0px; padding:0px 10px; font-weight:700; color:#FFFFFF; background:#5CA344; border:1px solid #D5D6D7; border-bottom:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .menuContexteGa ul { margin:0px; padding:5px 0px; list-style:none; background:#FAFAFA; border:1px solid #D5D6D7; border-top:none; } .menuContexteGa li { margin:0px; padding:0px; } .menuContexteGa li:hover { background:#D8F8CD; } .menuContexteGa li a { background:url("../images/ic-bullet.png") 10px center no-repeat; } .menuContexteGa li a, .menuContexteGa li a:visited, .menuContexteGa li a:hover, .menuContexteGa li a:focus, .menuContexteGa li a:active { display:block; margin:0px; padding:2px 10px 2px 25px; color:#141215; text-decoration:none; font-family: 'Droid Sans', Arial, Helvetica, sans-serif; } .menuContexteGa li.inactif a { color:#9A9B9D; cursor:default; background:url("../images/ic-bullet-inactif.png") 10px center no-repeat; } .menuContexteGa li.inactif:hover { background:transparent; } .menuContexteGa li.section { border-top:1px solid #EAEBEB; padding-top:5px; margin-top:5px; } .menuContexteGa li.section:hover { background:transparent; } .menuContexteGa ul.sansTitre { padding:5px 0px; border-top:1px solid #D5D6D7; } .menuContexteGa ul.sansTitre li a, .menuContexteGa ul.sansTitre li a:visited, .menuContexteGa ul.sansTitre li a:hover, .menuContexteGa ul.sansTitre li a:focus, .menuContexteGa ul.sansTitre li a:active { padding:3px 10px 3px 25px } .menuContexteGa li ul a { background:none; } .menuContexteGa ul ul { padding:0px 0px 0px 20px; border:none; } .menuContexteGa ul li.items2cols { width:360px; overflow: hidden; } .menuContexteGa ul li.items2cols ul.flGa { width:175px; padding:0px 0px 0px 10px; } .menuContexteGa ul li.items2cols ul.niv1 { width:175px; padding:0px 0px 0px 10px; } .menuContexteGa ul li.items2cols ul.flDr { width:175px; padding:0px 0px 0px 0px; } .menuContexteGa a.tools:hover, .menuContexteGa a.tools:focus, .menuContexteGa a.tools:active { text-decoration:none; cursor:default; } /* Menu deroulant pour statut d'un questionnaire */ .statut .menuContexteGa .menuDeroul { width:275px; margin:0px 0px 0px -210px; } /*.statut .txtStatut { font-size:14px; }*/ .statut .txtTitre { color:#5CA344; font-size:14px; font-weight:bold; } .statut i.fa { color:#CE8331; margin-right:5px; vertical-align:0px; } /* Menu deroulant pour le type d'item */ .itemType { float:right; line-height:1.4em; } .itemType .menuContexteGa .menuDeroul { width:362px; margin:0px 0px 0px -230px; } .itemType .txtTitre { font-weight:bold; } .itemType div { } .itemType div .txtType { color:#328129; font-weight:bold; } /* Menu deroulant pour les tools dans les items - au niveau des onglets */ .itemTools .menuDeroul { width:362px; margin:0px 0px 0px -340px; } /* Menu deroulant pour les projets */ .projetTools .menuDeroul { width:162px; margin:0px 0px 0px -140px; } .projetTools .menuDeroulLarge { width:270px; margin:0px 0px 0px -248px; } .menuDeroul .fa-star { padding-left:5px; } /* FIN DES MENUS CONTEXTUELS DEROULANTS */ /* CONTENU DETAIL */ .detail { clear:both; } .detailTop { background:#E6E6E6; border-left:1px solid #E6E6E6; border-right:1px solid #E6E6E6; border-top:1px solid #DEDEDE; border-bottom:1px solid #DEDEDE; height:28px; line-height:28px; } .detailTop div { padding:0px 28px 0px 28px; text-align:right; margin-top:-1px; } .detailTop div.flGa { margin-top:0px; padding:0px; clear:both; } .detailTop div.txt { margin-top:0px; line-height:28px; } .detailTop div.txtInfo { display:inline-block; margin-top:0px; line-height:28px; padding:0px 0px 0px 28px; } .detailTop div.txtInfo span { color:#CE8331; font-weight:bold; } .detailTop div i.fa { padding:10px 10px 0px 0px; font-size:1.1em; color:#747875; } .detailTop div i.fa-star.suiviActive { color:#CE8331; } .detailContenant { background:#F3F3F3; border-left:1px solid #E6E6E6; border-right:1px solid #E6E6E6; } .detailContenant div.detailContenu { padding:0px 28px 43px 28px; background-color:#F3F3F3; } .zoneMsg { min-height:35px; margin:0px; padding:5px 0px 0px 0px; } .zoneMsgListe { min-height:35px; margin:0px; padding:5px 0px 0px 0px; } .zoneMsgListe ul { margin:0px; padding:0px; } .detailBot { clear:both; background:#E6E6E6; border-left:1px solid #E6E6E6; border-right:1px solid #E6E6E6; border-top:1px solid #DEDEDE;border-bottom:1px solid #DEDEDE; height:28px; line-height:28px; } .detailBot div { padding:0px 28px 0px 28px; text-align:right; margin-top:-1px;} .detailTop input.btnSubmit, .detailTop input.btnReset, .detailTop input.btnApercu, .detailBot input.btnSubmit, .detailBot input.btnReset, .detailBot input.btnApercu { padding:4px 10px; /* l-h 20px + border 2px + padding 6px = 30px */} /*IMAGES */ label.theme img { margin-right:8px; padding:2px; background-color:#FFFFFF; border:1px solid #DEDEDF; } label.themeSelected img { margin-right:8px; padding:2px; background-color:#FFFFFF; border:1px solid #666666; -moz-box-shadow: 1px 1px 5px #666666; -webkit-box-shadow: 1px 1px 5px #666666; box-shadow: 1px 1px 5px #666666; } /* PLACEHOLDER pour les champs INPUT, TEXTEAREA, SELECT OPTION */ .champPlaceholder { color:#808086; font-size:12px; } ::-webkit-input-placeholder { color:#808086; font-size:12px; /* WebKit browsers */ } ::-webkit-textarea-placeholder { color:#808086; font-size:12px; /* WebKit browsers */ } :-moz-placeholder { color:#808086; font-size:12px; /* Mozilla Firefox 4 to 18 */ } ::-moz-placeholder { color:#808086; font-size:12px; /* Mozilla Firefox 19+ */ } :-ms-input-placeholder { color:#808086; font-size:12px; /* Internet Explorer 10+ */ } :-ms-textarea-placeholder { color:#808086; font-size:12px; /* Internet Explorer 10+ */ } /* MESSAGES A L'UTILISATEUR - dans zoneMsg H.35px */ /*.msgOk*/ .boxMsgOk { padding:10px 15px; background:#525553; position:relative /*requis pour PIE.htc et bg .fa */ ; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; behavior:url("../css/PIE.htc"); } .boxMsgOk p { padding:0px 0px 0px 30px; color:#FFFFFF; font-weight:bold; } .boxMsgOk span { /*color:#687827;*/ color:#FFFFFF; font-weight:bold; } .boxMsgOk ul { margin-left:0px; padding:0px 0px 0px 50px; color:#FFFFFF; font-weight:bold; } .boxMsgOk ul li { padding:0px 0px 0px 0px; color:#FFFFFF; } .boxMsgOk p:before, .boxMsgOk ul:before { position: absolute; left:15px; font-family: 'FontAwesome'; content: "\f058"; /*.fa-check-circle*/ color:#80c56f; font-size:2em; } .boxMsgOk a, .boxMsgOk a:visited, .boxMsgOk a:hover, .boxMsgOk a:focus, .boxMsgOk a:active { color:#FFFFFF; } /*.msgWarn*/ .boxMsgWarn { padding:15px 15px; margin-bottom: 3px; background:#525553; position:relative /*requis pour PIE.htc et bg .fa */ ; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; behavior:url("../css/PIE.htc"); } .boxMsgWarn p { padding:3px 0px 3px 30px; color:#FFFFFF; font-weight:bold; } .boxMsgWarn span { color:#FFFFFF; font-weight:bold; } .boxMsgWarn ul { margin-left:0px; padding:0px 0px 0px 50px; color:#FFFFFF; font-weight:bold; } .boxMsgWarn ul li { padding:0px 0px 0px 0px; color:#FFFFFF; } .boxMsgWarn p:before, .boxMsgWarn ul:before { position: absolute; left:10px; font-family: 'FontAwesome'; content: "\f075"; /*.fa-comment*/ color:#FBAE6D; font-size:2em; } .boxMsgWarn a, .boxMsgWarn a:visited, .boxMsgWarn a:hover, .boxMsgWarn a:focus, .boxMsgWarn a:active { color:#FFFFFF; } /*.msgWarn*/ .boxMsgWarnIndex { margin-bottom:45px; padding:15px 30px; background:#525553; position:relative /*requis pour PIE.htc et bg .fa */ ; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; behavior:url("../css/PIE.htc"); } .boxMsgWarnIndex div.bg { padding-left:30px; } .boxMsgWarnIndex div.bg:before { position: absolute; left:15px; font-family: 'FontAwesome'; content: "\f075"; /*.fa-comment*/ color:#FBAE6D; font-size:2em; } .boxMsgWarnIndex div.bg, .boxMsgWarnIndex div.bg p, .boxMsgWarnIndex div.bg ul, .boxMsgWarnIndex div.bg * { color:#FFFFFF; font-weight:bold; font-size:14px; } .boxMsgWarnIndex a, .boxMsgWarnIndex a:visited, .boxMsgWarnIndex a:hover, .boxMsgWarnIndex a:focus, .boxMsgWarnIndex a:active { color:#FFFFFF; } /*.msgErr*/ .boxMsgErr { padding:10px 15px; background:#525553; position:relative /*requis pour PIE.htc et bg .fa */ ; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; behavior:url("../css/PIE.htc"); } .boxMsgErr p { padding:0px 0px 0px 30px; color:#FFFFFF; font-weight:bold; } .boxMsgErr span { color:#FFFFFF; font-weight:bold; } .boxMsgErr ul { margin-left:0px; padding:0px 0px 0px 50px; color:#FFFFFF; ont-weight:bold; } .boxMsgErr ul li { padding:0px 0px 0px 0px; color:#FFFFFF; } .boxMsgErr p:before, .boxMsgErr ul:before { position: absolute; left:10px; font-family: 'FontAwesome'; content: "\f071"; /*.fa-exclamation-triangle */ color:#f07858; font-size:1.75em;} .boxMsgErr a, .boxMsgErr a:visited, .boxMsgErr a:hover, .boxMsgErr a:focus, .boxMsgErr a:active { color:#FFFFFF; } /* Pour les messages avant les tableaux */ .boxMsgTableaux { width:98%; margin-top:0px; } /* INFO-BULLES */ .infobulle, a.infobulle, table.tblListe td a.infobulle { display:inline-block; } .infobulle span { visibility:hidden; position:absolute; z-index:999; width:230px; margin-left:10px; padding:10px; text-align:left; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; opacity:.95; color:#FFFFFF; background:#5CA344; } .infobulle:hover span { visibility:visible; } a.infobulle:hover { text-decoration:none; } .infobulleGa span { margin-left:-265px; margin-top:-10px; } /* FENETRES JAILLISSANTES - Avec Fancybox */ .boxBottom input.btnSubmit, .boxBottom input.btnReset { padding:3px 10px; } .boxBottom { height:28px; } /* Fenetres simples avec texte (class=lnk-fancybox) */ .boxApropos { width:750px; height:500px; background:#FAFAFA; border:2px solid #121415; } .boxApropos .boxTitre { height:45px; } .boxApropos .boxTitre p { height:45px; line-height:45px; font-weight:700; color:#FAFAFA; background:#5CA344; padding:0px 20px; } .boxApropos .boxTitre p sup { color: #fff;} .boxApropos h1 { line-height:22px; color:#141215; margin:0px 0px 15px 0px; padding:10px 0px 10px 0px; border-bottom:1px solid #D5D6D7; } .boxApropos h2 { color:#141215;} .boxApropos .boxContenu { padding:20px 20px 20px 20px; overflow-y:scroll; height:415px; } .boxApropos .sep .fa { color:#CE8331; padding:0px 7px; } .boxApropos ul { float:right; list-style:none; padding:10px 0px 0px 0px; margin-top:0px; } .boxApropos ul li { display:inline; } .boxApropos ul li a { padding:0px 0px 0px 30px; } .boxApropos ul li.actif a { color:#A2A7A9; } /* Fenetres avec iframe standard avec barre défilante sur le contenu seulement (class=fenetreIframe) - hauteur correspondante+bordure dans netquiz.js et specification largeur */ .boxStd { height:546px; background:#FAFAFA; border:2px solid #121415; } .boxStd .boxTitre { height:45px; } .boxStd .boxTitre p { height:45px; line-height:45px; padding:0px 20px; font-weight:700; color:#FAFAFA; background:#5CA344; } .boxStd .boxContenu { height:453px; padding:0px; overflow-y:scroll; } .boxStd .boxContenu .boxPrincipal { padding:0px 20px 20px 20px; } .boxStd .boxBottom { height:28px; padding:10px 30px; background:#E6E6E6; text-align:right; } .boxStd table.tblListe tr.tblNav:hover { background-color:#FAFAFA; } .boxSession { height:226px; background:#FAFAFA; border:2px solid #121415; } .boxSession .boxTitre { height:45px; } .boxSession .boxTitre p { height:45px; line-height:45px; padding:0px 20px; font-weight:700; color:#FAFAFA; background:#5CA344; } .boxSession .boxContenu { height:133px; padding:0px; overflow-y:scroll; } .boxSession .boxContenu .boxPrincipal { padding:10px 20px 20px 20px; } .boxSession .boxBottom { height:28px; padding:10px 30px; background:#E6E6E6; text-align:right; } .boxSession table.tblListe tr.tblNav:hover { background-color:#FAFAFA; } /* Fenetres de navigateur (Window) */ .boxStdWindow { display:block; position:absolute; height:auto; min-width:600px; min-height:400px; bottom:0px; top:0px; left:0px; right:0px; margin:0px; background:#FAFAFA; border:3px solid #141215; } * html .boxStdWindow { height:100%; } .boxStdWindow .boxTitre { height:45px; } .boxStdWindow .boxTitre p { height:45px; line-height:45px; padding:0px 20px; font-weight:700; color:#FAFAFA; background:#5CA344; } .boxStdWindow .boxContenu { display:block; position:absolute; top:50px; left:0px; right:0px; padding:0px; } .boxStdWindow .boxContenu .boxPrincipal { padding:0px 20px 20px 20px; } .boxStdWindow .boxBottom { position:absolute; bottom:0px; left:0px; right:0px; height:28px; padding:10px 30px; background:#F0F0F0; border-top:1px solid #F4F5F5; text-align:right; } /* IMPRESSION DES ITEMS */ #bImprime * { font-family: 'Droid Sans', Arial, Helvetica, sans-serif; font-weight:400; font-size:11px; line-height:1.2em; color:#141215; } #bImprime h1, #bImprime h2, #bImprime h3, #bImprime h4, #bImprime h5 { font-family: 'Droid Sans', Arial, Helvetica, sans-serif; font-weight:700; } #bImprime h1 { font-size:17px; color:#CE8331; margin:0px; padding:15px 0px 15px 0px; } #bImprime h2 { font-size:15px; color:#CE8331; margin:0px; padding:15px 0px 10px 0px; } #bImprime h3 { font-size:14px; color:#CE8331; margin:0px; padding:15px 0px 5px 0px; } #bImprime h4 { font-size:13px; color:#CE8331; margin:0px; padding:10px 0px 0px 0px; } #bImprime h5 { font-size:12px; color:#CE8331; margin:0px; padding:4px 0px 4px 0px; } #bImprime b { font-weight:bold; } #bImprime .champTitre { font-size:12px; font-weight:bold; } #bImprime .champTitre2 { font-size:11px; font-weight:bold; } #bImprime .champValeur {} /* Icones Font-awesome */ #bImprime .fa { font:normal normal normal 14px/1 FontAwesome; } #bImprime i.fa { color:#5CA344; } #bImprime i.fa.fa-link { color:#737875; } #bImprime i.fa.fa-star { color:#737875; } #bImprime i.fa-star.suiviActive { color:#CE8331; } /* EXPORTATION DES RESULTATS D'UNE EVALUATION EN PDF (avec wkhtmltopdf) */ .sautPage { page-break-before: always; } #bImprime.imprimeEvaluation table.tblListe tr { page-break-inside: avoid; } #bImprime.imprimeEvaluation * { line-height:1.4em; } #bImprime.imprimeEvaluation .questDetail > div { padding-bottom:8px; } #bImprime.imprimeEvaluation .questDetail > div.itemTitre { padding-bottom:15px; } #bImprime.imprimeEvaluation .questDetail > div:last-child { padding-bottom:0px; } #bImprime.imprimeEvaluation #corps { margin-top:0px; padding-top:0px; } #bImprime.imprimeEvaluation .filAriane h2 { padding-bottom:5px; } #bImprime.imprimeEvaluation .filAriane h2 span { font-size:15px; font-weight:bold; color:#CE8331; } #bImprime.imprimeEvaluation h3 span { font-size:14px; font-weight:bold; color:#CE8331; } #bImprime.imprimeEvaluation div.txtInfo { display:inline-block; margin-top:0px; line-height:28px; padding:0px 0px 0px 28px; } #bImprime.imprimeEvaluation div.txtInfo:first-child { padding-left:0px; } #bImprime.imprimeEvaluation div.txtInfo span { font-weight:bold; } #bImprime.imprimeEvaluation table.tblEvaluationDetail { max-width:none; margin-top:30px; margin-bottom:0px; } #bImprime.imprimeEvaluation table.tblEvaluationDetail:nth-of-type(1) { margin-top:15px; } #bImprime.imprimeEvaluation table.tblEvaluationDetail tr:first-child { border:1px solid #DEDEDF; } #bImprime.imprimeEvaluation table.tblEvaluationDetail th { background-color:#F5F5F5; font-weight:bold; } #bImprime.imprimeEvaluation table.tblListe { border-collapse:collapse; } #bImprime.imprimeEvaluation table.tblListe th { background-color:#F5F5F5; font-weight:bold; border-top:1px solid #DEDEDF; border-bottom:1px solid #DEDEDF; border-right-width:0px; } #bImprime.imprimeEvaluation table.tblListe th:first-child { border-left:1px solid #DEDEDF; } #bImprime.imprimeEvaluation table.tblListe th.last { border-right:1px solid #DEDEDF; } #bImprime.imprimeEvaluation table.tblListe td { border-bottom:1px solid #DEDEDF; border-right-width:0px; } #bImprime.imprimeEvaluation table.tblListe tr td:first-child { border-left:1px solid #DEDEDF; } #bImprime.imprimeEvaluation table.tblListe tr td.last { border-right:1px solid #DEDEDF; } #bImprime.imprimeEvaluation table.tblListe td label { margin-top:0px; font-weight:bold; } #bImprime.imprimeEvaluation table.tblListe tr.sommaireParticipant td { width:33%; background-color:#F5F5F5; line-height:1.6em; } #bImprime.imprimeEvaluation table.tblListe tr.sommaireParticipant td:last-child { width:34%; vertical-align:middle; font-size:15px; } #bImprime.imprimeEvaluation table.tblListe tr.sommaireParticipant td:last-child label { font-size:15px; } #bImprime.imprimeEvaluation table.tblListe .itemTitre { font-size:12px; font-weight:bold; color:#CE8331; } #bImprime.imprimeEvaluation table.tblListe label.itemEnonce { vertical-align:text-top; } #bImprime.imprimeEvaluation table.tblListe span.itemEnonce { display:inline-block; vertical-align:text-top; } #bImprime.imprimeEvaluation table.tblListe label.itemReponse { vertical-align:text-top; } #bImprime.imprimeEvaluation table.tblListe span.itemReponse { display:inline-block; vertical-align:text-top; } #bImprime.imprimeEvaluation table.tblListe label.itemInfo { vertical-align:text-top; } #bImprime.imprimeEvaluation table.tblListe span.itemInfo { display:inline-block; vertical-align:text-top; } #bImprime.imprimeEvaluation .fa { padding-left:5px; padding-right:5px; } #bImprime.imprimeEvaluation .fa-times { color:#D6301A; } #bImprime.imprimeEvaluation .fa-exclamation-triangle { color:#CE8331; } #bImprime.imprimeEvaluation .fa-pencil { color:#CE8331; } /* DIVERS */ .aide { font-size:12px; color:#757575; padding-left:10px; padding-right:10px; } .alCe { text-align:center; } .alDr { text-align:right; } .alGa { text-align:left; } .alMid { vertical-align:middle; } .alBot { vertical-align:bottom; } .alTexBot { vertical-align:text-bottom; } .btnRadioMedia { padding:10px 0px 0px 0px; } .carre { display:inline-block; width:16px; height:16px; margin-right:5px; border:1px solid #FFFFFF; outline:1px solid #ADADAD; } .clear { clear:both; } .clearGa { clear:left; } .displayCol1 { float:left; padding-right:30px; } .displayCol2 { float:left; } .displayInline { display:inline-block;} /*.errProfil li { color:#7A1F1F; }*/ .flDr { float:right; } .flGa { float:left; } .gras { font-weight:bold; } i.fa.icAdd, i.fa.icDelete { color:#FFFFFF; background:#5CA344; border-radius:3px; padding:1px 2px; margin:0px 2px; } a:hover i.fa.icAdd, a:hover i.fa.icDelete{ background:#378C2B; } .fa.icFleche, .fa.icFlecheBas { padding-right:5px; color:#317BAA; } img.icToolsBg { } input.btnRadioTermes { padding:0px; margin-left:2px; vertical-align:text-bottom; } .lnkColor { color:#317BAA; } .margBot1 { margin-bottom:1px; } .margBot5 { margin-bottom:5px; } .margBot20 { margin-bottom:20px; } .margTop20 { margin-top:20px; } .margTop35 { margin-top:35px; } .margTop40 { margin-top:40px; } .margTop85 { margin-top:85px; } .margTop105 { margin-top:105px; } .margDr0 { margin-right:0px; } .margGa20 { margin-left:20px; } .margGa30 { margin-left:30px; } .nod { display:none; } .nowrap { white-space:nowrap; } .ocre { color:#CE8331; } .padGa0 { padding-left:0px; } .padGa25 { padding-left:25px; } .padGa30 { padding-left:30px; } .padDr15 { padding-right:15px; } .padBot0 { padding-bottom:0px; } .padBot5 { padding-bottom:5px; } .padBot10 { padding-bottom:10px; } .padBot20 { padding-bottom:20px; } .padTo10 { padding-top:10px; } .padTo4 { padding-top:4px; } .padTo5 { padding-top:5px; } .padTo15 { padding-top:15px; } .padTo20 { padding-top:20px; } .padTo35 { padding-top:35px; } .padTo40 { padding-top:40px; } .sep .fa { color:#CE8331; } .top-16 { margin-top:-16px; } .txt95pc { font-size:0.95em; } .txtMajus { text-transform:capitalize; } .txtUpCase { text-transform:uppercase; } .vAlTop { vertical-align:top; } .w15 { width:15px; } .w75 { width:75px; } .w100 { width:100px; } .w150 { width:150px; } .w175 { width:175px; } .w200 { width:200px; } .w250 { width:250px; } .w300 { width:300px; } .w375 { width:375px; } .w400 { width:400px; } .w500 { width:500px; } .w600 { width:600px; } .wdemi { width:45%; } .wmax { width:99%; } .wmax100 { width:100%; } .w25pc { width:25%; } .w33pc { width:33%; } .w40pc { width:40%; } .w44pc { width:44%; } .w50pc { width:50%; } .w60pc { width:60%; } .w75pc { width:75%; } .w90pc { width:90%; } input.wmax { width:99%; } div.wdemiGa input.wmax { width:98%; } div.wdemiDr input.wmax { width:98%; } textarea.wmax { width:100%; } /* POUR LES ITEMS */ /* Combinaisons possibles : wdemiGa - wdemiDr wmax w2tiersGa - w1tiersDr w1tiers - w1tiers - w1tiersDr */ div.wdemiGa { width:49%; float:left; margin-right:2%; } div.wdemiDr { width:48%; float:left; } div.wmax { width:99%; } div.w2tiersGa { width:64%; float:left; margin-right:2%; } div.w1tiersDr { width:33%; float:left; } div.w1tiers { width:31%; float:left; margin-right:2%; } /* min-width ==> min-height:100px; height:auto !important; height:100px; */ .itemMediaImg { max-height:80px; max-width:200px; } /* PERSONNALISATION DE L'EDITEUR TINYMCE : voir dans le bas du fichier \js\tiny_mce\themes\advanced\skins\o2k7\ui.css et ui_silver-nqw.css */ /* PERSONNALISATION POUR JWPLAYER (VIDEO) */ #container { z-index:-100; } #apercuMedia { z-index:-100; height:200px; } /* RD20200225 Passé à une solution responsive /* #apercuMedia div { height:200px; line-height:200px; display:table-cell; vertical-align:middle; } */ #apercuMedia img { background-color:#FFFFFF; padding:5px; border:1px solid #ADADAD; display:inline-block; vertical-align:middle; } @media (max-width: 767px) { #bIndexOptions .bodyContenu div { padding-left:30px; padding-right:30px; } } @media print { .enteteCommun { background:#FFFFFF; } .enteteCommun #menuSec { display:none; } .enteteMenu {display:none; } .piedpageMenu, .piedpageCommunL1, .piedpageCommunL2 { display:none; } #returnToTop { display:none; visibility:hidden; } .filAriane a.tools { display:none; } #corps #colG {display:none; } .jqx-splitter-splitbar-horizontal { display:none; } #corps #colD.jqx-splitter-panel { float:none; width:auto !important; } #corps #colD #zoneContenu { min-width:none !important; min-height:none !important; border-width:0px !important; } #corps #colD #contenu { height:auto !important; min-height:none !important; padding:0px !important; } #corps #colD #barreNav { display:none; } /* Accueil */ #bIndex .section1 .col-1 > div { border:1px solid #378D2C; } #bIndex .section1 .col-2 > div { border:1px solid #14648b; } #bIndex .section1 .col-3 > div { border:1px solid #d16f11; } #bIndex .section4 .btnSubmit { display:none; } } /* MEDIAS IMAGE, SON (videoJS plugin), VIDEO (videoJS plugin) */ .mediaImage img { } .mediaSon { height: 400px; width: 410px; font-family: Arial,Helvetica,sans-serif !important; color: #FFF !important; } .mediaSon span { color: #FFF !important; font-size: 13px !important; line-height: 40px !important; } .mediaSon .video-js { background:#242C34 url(../images/client/ic-media-audio.png) no-repeat; background-size:3rem; background-position: center 2rem; border-radius:0.5rem; height:9rem; } .mediaSon .video-js.vjs-audio .vjs-big-play-button { display:none; } .mediaSon .video-js.vjs-audio .vjs-control-bar { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; border-bottom-left-radius:0.5rem; border-bottom-right-radius:0.5rem; } .mediaSon .audio-dimensions, .mediaSon .lecteur-audio-46-dimensions { max-width:100%; } .mediaVideo { height: 400px; width: 410px; font-family: Arial,Helvetica,sans-serif !important; color: #FFF !important; } .mediaVideo span { color: #FFF !important; font-size: 13px !important; line-height: 40px !important; } .mediaVideo .video-js .vjs-control-bar { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; } .mediaVideo .vjs-fluid {width:auto!important; } .vjs-remaining-time-display {color: #FFF !important; line-height: 40px !important;} .video-js .vjs-play-progress::before { color: #FFF; position: absolute; right: -.5em; top: -.7em !important; z-index: 1; } .vjs-slider-horizontal .vjs-volume-level::before { color: #FFF; top: -.7em !important; right: -.5em; } /* Correctif Netquiz Web + : mettre le plus en blanc */ sup { color: #FFF; } .boxMsgErr sup { color: #FFF !important; } .bodyContenu sup, .boxApropos sup, .boxPrincipal sup{ color: #000; } .supOrange { color: #CE8331 !important; } .supNoir { color: #000 !important; }