/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

/* couleurs
BLEU
#1f6ab1
BLEU foncé
#164e8c

ORANGE
#fd9d31


/*  TEST    */





/****************** Classes CSS pour styliser les questions *******************/
/******************************************************************************/

/* ---- Modèle de classe perso ---- */
/*----------------------------------------------------------------------------*/

.ClassePerso .question-title-container, 
.ClassePerso .question, 
.ClassePerso .question-container, 
.ClassePerso .question-help-container,
.ClassePerso .answer-container, 

/*texte sur demande : btn add line à gauche*/
/*----------------------------------------------------------------------------*/

.AddLineLeft .text-right {
    text-align: left;
}

/*agrandir zone de texte de l'input pour "autre" */
/*----------------------------------------------------------------------------*/

.long .form-group.text-item.other-text-item {width:65%;}
.long input.form-control {width:100%;}


/*police par défaut différente*/
/*----------------------------------------------------------------------------*/

.TextDiff .question-text {
    font-weight: normal;
    color : black;
    font-size:11pt;
}
.TextDiff .question-title-container {
    padding-bottom:0em;
}

.TextDiff .answer-container {
    padding-bottom:0em;
    padding-top:0em;
}

.TextAl .question-text {
    font-weight: normal;
    color: firebrick;
    font-size:11pt;
}
.TextAl .question-title-container {
    padding-bottom:0em;
}

/*text info - p.ex. pour indiquer token*/
/*----------------------------------------------------------------------------*/

.fruity .text-info {
    color:firebrick;
}


/*cacher le tip automatique*/
/*----------------------------------------------------------------------------*/

.fruity .HideTip .question-valid-container, 
.fruity .HideTip .question-valid-container:hover {
	font-size:0pt;
}

/*différencier sans réponse */
/*----------------------------------------------------------------------------*/

/* ---- version PC ---- */

/* la nouvelle version permet de modifier le format des en-têtes répétés également*/
.fruity .no-answer .ls-answers .ls-heading th:last-child {
    color: grey; !important;
    font-style: italic;
}

/* ---- version phone ----*/

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
    .no-answer-phone table.ls-answers:last-child .radio-item:last-child .ls-label-xs-visibility:last-child {
        color: grey;
        font-style: italic;
        margin-top: 8px;
    }
}

/* ---- anciennes versions ---- */

/* old 2*/
/*.fruity .no-answer .table-bordered>thead>tr>th:last-child {
    color: grey; !important;
    font-style: italic;
}*/

/* old 1*/
/* pour l'instant, sont en commentaire les backgrounds différents pairs et impairs car nuit à la lisibilité sur smartphone.*/
/* Bordure gauche aussi pour la ligne header */
.fruity .no-answer-border .table-bordered>thead>tr>th:last-child {
    border-left: 2px solid #aaa !important;
    font-style: italic;
}

/* Ligne paire + sans réponse */
.fruity .no-answer-border tr.ls-even td.answer-item:last-child {
    /*background-color: #cfcfcf; */
    border-left: 2px solid #aaa !important;
}

/* Ligne impaire + sans réponse */
.fruity .no-answer-border tr.ls-odd td.answer-item:last-child {
    /*background-color: #ebebeb; */
    border-left: 2px solid #aaa !important;
}

/* Hover sur cellule "sans réponse" ligne paire */
.fruity .no-answer-border tr.ls-even:hover td.answer-item:last-child {
    /*background-color: #aacce6; */
    border-left: 2px solid #aaa !important;
}

/* Hover sur cellule "sans réponse" ligne impaire */
.fruity .no-answer-border tr.ls-odd:hover td.answer-item:last-child {
    /*background-color: #bbd8ee; */
    border-left: 2px solid #aaa !important;
}



/*styles de background des questions*/
/*----------------------------------------------------------------------------*/

.fruity .white .answer-container,
.fruity .white .ls-answers tbody .answertext,
.fruity .white .question-valid-container,
.fruity .white .ls-answers .answertextright,
.white td.answer-item {
        background-color: white;
}


/*pas de bordure aux tableaux*/
/*----------------------------------------------------------------------------*/

.noborder .answer-container .table-bordered,
.noborder .answer-container .table-bordered tr td,
.noborder .answer-container .table-bordered tr th {
	border: 0 none;
}

/*dotted underline*/
/*----------------------------------------------------------------------------*/

.dotted{
  border-bottom: 1px dashed #999;
  text-decoration: none; 
}

/*dotted underline + couleur hyperlink*/
/*----------------------------------------------------------------------------*/

.ttc {
  border-bottom: 1px dashed #999;
  text-decoration: none;
  color: #0000ee;
}


/*single-choice question : no margin bot*/
/*----------------------------------------------------------------------------*/
.no-margin-bot .answer-container {
    padding-bottom: 0;
  }


/*table - ajouter espace au fond de la question*/
/*----------------------------------------------------------------------------*/

.margin-bot .answer-container {
  padding-bottom: 1em;
}


/*forcer les tableaux sur téléphone*/
/*----------------------------------------------------------------------------*/

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
 
  .array-phone table.ls-answers {
    display: table;
  }
 
  .array-phone table.ls-answers thead {
    display: table-header-group;
  }
 
  .array-phone table.ls-answers tbody {
    display: table-row-group;
  }
 
  .array-phone table.ls-answers tr {
    display: table-row;
  }
 
  .array-phone table.ls-answers tr.ls-hidden {
    display: none;
  }
 
  .array-phone table.ls-answers th,
  .array-phone table.ls-answers td {
    display: table-cell;
  }
 
  .dir-ltr .array-phone table.ls-answers th,
  .dir-ltr .array-phone table.ls-answers td {
    text-align: center;
  }
 
  .dir-ltr .array-phone table.ls-answers tbody th.answertext {
    text-align: right;
  }
 
  .array-phone table.ls-answers tbody td {
    text-align:left;
  }
 
 
  .dir-ltr .array-phone .ls-answers td.radio-item,
  .dir-ltr .array-phone .ls-answers td.checkbox-item {
    padding: 8px 0;
  }
 
  .array-phone table.ls-answers tbody .control-label {
    text-align:left
  }
 
  .array-phone table.ls-answers .ls-label-xs-visibility {
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 17px;
    height: 17px;
    line-height: 21px;
    text-indent: 21px;
    left: auto;
    margin-left: -20px;
  }
 
  .dir-ltr .array-phone table.ls-answers .radio-item label.ls-label-xs-visibility::before,
  .dir-ltr .array-phone table.ls-answers .checkbox-item label.ls-label-xs-visibility::before {
    margin-left: 0px;
  }
 
  .dir-ltr .array-phone table.ls-answers .radio-item label.ls-label-xs-visibility::after,
  .dir-ltr .array-phone table.ls-answers .checkbox-item label.ls-label-xs-visibility::after {
    margin-left: 0px;
  }
 
  .array-phone table.ls-answers > tbody > tr:hover {
    background-color: inherit;
  }
}


/*********************** Eléments fixes du template *************************/
/******************************************************************************/

/*message d'erreur LimeSurvey*/
/*----------------------------------------------------------------------------*/

.fruity .alert-warning {
    background-color: #FEF7F7;
    border: 1px solid red;
    color: red;
}


/*forcer le logo sur smartphone*/
/*----------------------------------------------------------------------------*/

.logo-container.hidden-xs {
    display: block !important;
    background-color: #f8f8f8; 
}

label::after{background-color:#1f6ab1}

/*ajuster les marges gauche et droite*/
/*----------------------------------------------------------------------------*/

/* but : éviter que les questions soient collées au bord du smartphone*/
.row {
    margin-right:0;
    margin-left:0;
}

/*Couleur des boutons radio - tableaux*/
/*----------------------------------------------------------------------------*/

.fruity .answer-item.radio-item :before {
outline: none !important;
}

.fruity .answer-item.radio-item :after {
background-color: #1f6ab1;
outline: none !important;
}

/* marges des boutons radio */
/*----------------------------------------------------------------------------*/

ol, ul {
    margin-bottom:0;
    margin-top:0;
}


/* en-tête*/
/*----------------------------------------------------------------------------*/

.fruity .navbar {
    background-color: #f8f8f8; 
    display: block !important;
}

.fruity .navbar-header {
    background-color: #f8f8f8; 
    display: block !important;
}


/*titre du sondage*/
/*----------------------------------------------------------------------------*/

.fruity .survey-name {
    font-size: 26pt;
    color:#fd9d31;
    padding-bottom: 0.5em;
}

/*message de bienvenue*/
/*----------------------------------------------------------------------------*/

.fruity .survey-welcome {
    font-size: 11pt;
    color:black;
    background-color: white; 
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    border: 1px solid #1f6ab1;
    border-radius: 6px;
    /*box-shadow: 0 1px 2px rgb(0 0 0 / 20%);*/
    box-shadow: 0 0 0;
}

/*description du sondage*/
/*----------------------------------------------------------------------------*/

.fruity .survey-description {
    font-size: 11pt;
    color:black;
}


/*Séparateur de texte*/
/*----------------------------------------------------------------------------*/

.fruity hr {
    border-top:1px solid #d6d6d6;
}


/*bouton dans la navbar*/
/*----------------------------------------------------------------------------*/

.fruity .navbar-toggle .icon-bar {
    background-color: #1f6ab1;
}

.fruity .navbar-toggle {
    border: solid 1px #1f6ab1;
    background-color: white;
}


/*titres de groupe*/
/*----------------------------------------------------------------------------*/

.fruity .group-title {
    color:#fd9d31;
    font-size:20pt;
    padding-bottom: 1em;
    margin-block: unset;
    text-align: justify;
  }
  
  
/*description de groupe*/
/*----------------------------------------------------------------------------*/

.fruity .well {
    background-color: white;
    border: 1px solid #1f6ab1;
    /*box-shadow: 0 1px 2px rgb(0 0 0 / 20%);*/
    box-shadow: 0 0 0;
    margin-top:0em;
    border-radius: 6px;
    padding-top: 0.75em;
  }
  

/*barre de progression*/
/*----------------------------------------------------------------------------*/

.fruity .progress-bar {
    background-color: #1f6ab1  ;
 }
.fruity .progress {
    background-color: white  ;
 }

/*encart question + astérisque obligatoire*/
/*----------------------------------------------------------------------------*/
 .fruity .question-container {
     border: 1px solid #1f6ab1;
     /*box-shadow: 0 1px 2px rgba(0,0,0,.2);*/
     box-shadow: 0 0 0;
     background-color: #ffffff;
 }
 
 
/*encart question + astérisque obligatoire*/
/*----------------------------------------------------------------------------*/

.question-title-container {
    font-size:10pt;
    color:firebrick;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    background-color: #1f6ab1;
}

/*encart question : coins arrondis*/
/*----------------------------------------------------------------------------*/
.question-title-container {
    border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.answer-container, .question-container {
    border-radius: 6px;
}
 
/*aides*/
/*----------------------------------------------------------------------------*/

.fruity .question-help-container {
    font-size:11pt;
    color:firebrick;
    background-color: #f5f5f5;
}

.fruity .ls-question-help, .ls-questionhelp {
    margin-bottom:0.3em;
    margin-top:0.3em;
}

/*tip / validation*/
/*----------------------------------------------------------------------------*/

.fruity .question-valid-container:hover {
	font-size:11pt;
	color:firebrick;
	background-color: #f5f5f5;
}

.fruity .question-valid-container {
	font-size:11pt;
	color:firebrick;
	background-color: #f5f5f5;
}

/*police des questions*/
/*----------------------------------------------------------------------------*/

.question-text {
    font-size: 11pt;
    color: white;
    font-weight: normal;
}

/*police du texte (sous-questions et msg fin)*/
/*----------------------------------------------------------------------------*/

body {
    color: black !important;
    font-size:11pt;
    background-color: aliceblue !important;
}

/*police des textes de fenêtres pop up*/
/*----------------------------------------------------------------------------*/

.fruity .modal-body {
    color: black;
    font-size:11pt;
    font-weight: normal;
    padding-top: 0;
    padding-bottom: 0;
}

.fruity .modal-footer {
    padding-top: 7px;
    padding-bottom: 7px;
}

/*bordures des fenêtres pop up*/
/*----------------------------------------------------------------------------*/

.fruity .modal-header {
    border-bottom: 1px solid white;
    border-radius: 4px;
    padding:10px;
}

.fruity .modal-footer {
    border-bottom: 1px solid white;
    border-radius: 4px;
}

/*supprimer tous les messages d'aide en cas de non réponse*/
/*----------------------------------------------------------------------------*/

.question-valid-container .text-danger {display:none}

/*Couleurs des boutons radio*/
/*----------------------------------------------------------------------------*/

.checkbox-item input[type="checkbox"]:checked + label::after, .checkbox-item input[type="radio"]:checked + label::after {
    background-color: #1f6ab1  ;
}

/* et pour l'option "autre"*/
/*----------------------------------------------------------------------------*/

.radio-item input[type="radio"]:checked + label::after {
    background-color:#1f6ab1;
}


/*Boutons bootstrap*/
/*----------------------------------------------------------------------------*/

/*NORMAL*/
.btn-primary {
  border-color: #3d1100 !important;
  color: white !important;
  background-color: #1f6ab1 !important;
}

/*ACTIF*/
.btn-primary.active, .btn-primary:active {
  background-color: #083870 !important;
  color: lightgrey !important;
  border-color: #3d1100 !important;
}

/*NORMAL ET SOURIS DESSUS*/
.btn-primary:hover {
  background-color: #0A488F !important;
  color: gainsboro !important;
  border-color: #3d1100 !important;
}

/*ACTIF ET SOURIS DESSUS*/
.btn-primary.active:hover {
  background-color: #083870 !important;
  color: lightgrey !important;
  border-color: #3d1100 !important;
}

/* Bouton Bootstrap précédent*/
/*----------------------------------------------------------------------------*/

/*NORMAL*/
.ls-move-previous-btn {
  border-color: #1f6ab1 !important;
  color: #1f6ab1 !important;
  background-color: #fbfbfb !important;
}

/*NORMAL ET SOURIS DESSUS*/
.ls-move-previous-btn:hover {
  border-color: #00499C !important;
  color: #00499C !important;
  background-color: #f0f0f0 !important;
}


/* Bouton Bootstrap fermer (boite de dialogue ET précédent)*/
/*----------------------------------------------------------------------------*/

/*NORMAL*/
.fruity .btn-default {
  border-color: #1f6ab1 !important;
  color: #1f6ab1 !important;
  background-color: #f0f0f0 !important;
}

/*NORMAL ET SOURIS DESSUS*/
.fruity .btn-default:hover {
  border-color: #00499C !important;
  color: #00499C !important;
  background-color: #e6e6e6 !important;
}


/*boutons changement langue*/
/*----------------------------------------------------------------------------*/

/*NORMAL*/
.btn-info {
  border-color: #3d1100 !important;
  color: white !important;
  background-color: #1f6ab1 !important;
}

/*NORMAL ET SOURIS DESSUS*/
.btn-info:hover {
  background-color: #0A488F !important;
  color: gainsboro !important;
  border-color: #3d1100 !important;
}


/*boite de dialogue*/
/*----------------------------------------------------------------------------*/

.modal-footer {
    background-color:white;
}

.modal-header {
    background-color:white;
}

.modal-body {
    color:black;
}

/*alignement gauche des questions (array)*/
/*----------------------------------------------------------------------------*/

.fruity .ls-answers tbody .answertext {
    text-align: left;
}


/*alignement milieu des boutons radio (array)*/
/*----------------------------------------------------------------------------*/

.fruity td.answer-item {
	vertical-align: middle !important;
}


/*espace entre les items*/
/*----------------------------------------------------------------------------*/

.fruity .question-item {
    padding-top:0.5em;
}

li.radio-item, li.checkbox-item, li.radio-text-item, li.checkbox-text-item {
    margin-bottom: 0.5em;
} 

/*espace avant/après question*/
/*----------------------------------------------------------------------------*/

.ls-answers {
    padding-top: 5px;
    padding-bottom: 5px;
}

/*padding zone de texte courtes*/
/*----------------------------------------------------------------------------*/

.ls-input-group-extra {
    padding:0;
}


/*interligne du texte de bienvenue*/
/*----------------------------------------------------------------------------*/

.fruity .survey-welcome {
    line-height: 1.5;
}

/*interligne header tableau*/
/*----------------------------------------------------------------------------*/

.ls-answers .ls-heading th {
    line-height: 1;
    vertical-align: bottom;
}

/* Changer couleur alternée dans les tableaux*/
/*----------------------------------------------------------------------------*/

tr.ls-even {
    background-color:#e8e8e8; /* avant f2f2f2 mais trop clair */
}
/*tr.ls-odd {
    background-color:white;
}*/


/* changer couleur hover dans tableau -- INACTIF*/
/*----------------------------------------------------------------------------*/

.fruity .table-hover>tbody>tr:hover>td {
    background-color: #deedfa;
}

.fruity .table-hover>tbody>tr:hover>th {
    background-color: #deedfa;
}
/*d8e3ed*/

/*changer couleur hypertexte*/
/*----------------------------------------------------------------------------*/

.fruity a {
    color:#0000EE;
    text-decoration: none;
}

.fruity a:hover {
    color:#0000EE;
    text-decoration: underline;
}

.fruity a:visited {
    color:#0000EE;
    text-decoration: none;
}

/*charger couleur animation "charger un questionnaire non terminé*/
/*----------------------------------------------------------------------------*/

.fruity .navbar a.animate:after {
background-color:#fd9d31;
}


/*charger couleur bordure des box sélectionnées (texte, dropdown)*/
/*----------------------------------------------------------------------------*/

.fruity .form-control:focus {
    border: 1px solid #000;
    box-shadow: inset 0 1px 1px rgba(5,87,180,0.075),0 0 8px rgba(5,87,180,0.6);
}  


/*texte "cette question est obligatoire"*/
/*----------------------------------------------------------------------------*/

.question-valid-container .text-danger {
    font-weight:normal;
}

.fruity .text-danger {
    color: red;
    font-size: 8pt;
}

/*écran ajout de pièce jointe*/
/*----------------------------------------------------------------------------*/

.fruity .alert-info {
    border: solid 1px firebrick;
    color:firebrick;
}

/*NORMAL*/
.fruity .btn-success {
  border-color: #3d1100 !important;
  color: white !important;
  background-color: #1f6ab1 !important;
}

/*NORMAL ET SOURIS DESSUS*/
.btn-success:hover {
  background-color: #0A488F !important;
  color: gainsboro !important;
  border-color: #3d1100 !important;
}

/*police des sous-questions*/
/*----------------------------------------------------------------------------*/

.ls-answers .ls-heading th {
    font-weight: 500;
}

/* couleur de slider */
/*----------------------------------------------------------------------------*/

.fruity .slider-handle {
    background-color : #1f6ab1;
}

.fruity .slider-selection {
    background-image: linear-gradient(to right, #CDE0F0  0%, #1f6ab1 100%);
}

/* dropdown (bootstrap) */
/*----------------------------------------------------------------------------*/

.fruity .dropdown-menu>.active>a {
    background-color:#1f6ab1;
}

.fruity .dropdown-menu>.hover {
    background-color:#1f6ab1;
}