/******************
    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
*/

/* Taille et interligne de la police de caractères par défaut */
body {
    font-size: 15px;
    line-height: 1.4;
}
 
/*** Ajustement des marges de la zone relative au pré-enregistrement (accès restreint) ***/ 
.register-jumbotron {
    padding: 0px 20px 10px 20px !important;
}
.register-jumbotron .card-body {
    padding: 0px !important;
}
 
/***********************************************************/
/** Paramètres du header et de ses éléments de navigation **/
/***********************************************************/
 
/*** couleur de base du bandeau ***/
#survey-nav { 
    background-color: #446070 !important;
}
 
/* Couleur et taille du titre de l'enquête */ 
.navbar-brand {
    color: #fff !important;
    line-height: 52px;
    font-size:24px;
    text-align:left;
} 
 
/* Marge et mise en forme des menus de la barre de navigation */
.fruity .navbar-collapse {
    padding-top: 0 !important;
    box-shadow: none !important;
}
 
/*** Liens des menus de la barre de navigation ***/
/* couleur des liens "au repos" */
.fruity .navbar-collapse .navbar-nav > li > a {  
    color: #dde3dc !important;
}
/* couleur des liens "au survol" */ 
.fruity .navbar-collapse .navbar-nav > li > a:hover {    
        color: #f6863a !important;
}
/* animation des liens "au survol" */ 
.fruity .navbar-collapse .navbar-nav .nav-item::after {
    display:none;
}
 
/*** couleur des listes déroulantes ***/
.navbar-collaspe .navbar-nav .open .dropdown-menu > li{
    color: #000;
    background-color: #fff;
}
 
/*** couleur des éléments survolés dans les listes déroulantes ***/
.fruity .dropdown-menu > li > a:hover {
    color: #fff;
    background-color: #7390A1 !important;
}
 
/* Couleur de fond des entrées visualisées et de l'entrée courante dans l'index de navigation rapide */
.index-menu-full .dropdown-menu .index-item-seen a {
    background:#fff !important;
}
.index-menu-full .dropdown-menu .index-item-seen a:hover {
    background: #7390A1 !important;
    color: #fff !important;
}
.index-menu-full .dropdown-menu .index-item-current a {
    background:#ecf0f1 !important;
    color:#333 !important;
}
 
/* redimensionnement dynamique du logo */
.logo-container {               
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    text-align:center;
    min-width:190px; 
}
 
/* Couleur du menu sandwich (faibles largeurs) */
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-light .navbar-toggler {
    border: 2px solid white;
    color: #446070;
}
 
/*******************************/
/*** Paramètres des boutons ***/
/*******************************/
 
.btn:focus, .btn:hover { /* couleur du texte du bouton (sauf bouton de classe "default") au survol ou lorsque le clic est maintenu */
    color: #fff;
}
 
/*** bouton info ("Changer de langue") ***/
.fruity .btn-info {
    color: #fff;
    background-color: #446070;
    border: 1px solid #446070;
}
 
.fruity .btn-info:hover {       /* au survol */
    color: #fff;
    background-color: #7390A1;
    border: 1px solid #7390A1;
}
 
.fruity .form-control:focus {   /* lorsque le clic est maintenu */
    border: 1px solid #446070;
    box-shadow: none;
}
 
/*** bouton principal ("Suivant") ***/
.fruity .btn-primary {          /* au repos */
    color: #fff;
    background-color: #446070;
    border: 1px solid #446070;
}
 
.fruity .btn-primary:hover, .fruity .btn-primary:focus, .fruity .btn-primary:active, .fruity .btn-primary.active, .fruity .btn-primary.active:focus, .fruity .open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #7390A1;              /* lors d'une interaction (survol ou clic maintenu) */
    border: 1px solid #7390A1;
}
 
.fruity .btn-primary[disabled]:hover {  /* désactivé, au survol */
    background-color: #92a8b5;
    border: 1px solid #92a8b5;
}
 
.fruity .btn-primary[disabled] {        /* désactivé, au repos */
    background-color: #92a8b5;
    border: 1px solid #92a8b5;
}
 
.fruity .btn-primary.active, .fruity .btn-check:active+.btn-primary, .fruity .btn-check:checked+.btn-primary{
    background-color:#ec740a;
    border: 1px solid #ec740a;
    z-index:0;
    box-shadow:none;
}
/* Pour éviter la couleur parasite lorsqu'on passe d'un bouton sélectionné à un bouton non sélectionné */
.fruity .btn-check:not(:checked)+.btn-primary {
    background-color:#446070 !important;
    border: 1px solid #446070 !important;
    box-shadow: none;
} 
 
/*** bouton défaut ("Précedent") ***/
 .fruity .btn-outline-secondary {
    color: #fff;
    background-color: #446070;
    border: 1px solid #446070;
}
 
.fruity .btn-outline-secondary:hover, .fruity .btn-outline-secondary:focus, .fruity .btn-outline-secondary:active, .fruity .btn-outline-secondary.active, .fruity .open .dropdown-toggle.btn-outline-secondary {
    color: #fff;
    background-color: #7390A1;              /* lors d'une interaction (survol ou clic maintenu) */
    border: 1px solid #7390A1;
}
 
.fruity .btn-danger{
    color: #fff;
    background-color: #446070;
    border: 1px solid #446070;    
}
 
.fruity .btn-danger:hover, .fruity .btn-danger:focus, .fruity .btn-danger:active, .fruity .btn-danger.active, .fruity .open .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #7390A1;              /* lors d'une interaction (survol ou clic maintenu) */
    border: 1px solid #7390A1;
}
 
/*******************************************/
/*** Paramètres de la fenêtre principale ***/
/*******************************************/
 
/* Ajout d'une marge sous la zone de changement de langue au niveau de la page d'accueil */
div.form-change-lang {
   margin-bottom:15px;
}
 
/* Marges au niveau du message sur le nombre de questions dans le questionnaire */
div.question-count-text {
    margin-top: 10px;
    margin-bottom: 10px;
}
 
/* Ajustement de la couleur du message de bienvenue et de description de l'enquête */
.fruity .survey-welcome.text-info,  .fruity .survey-description.text-info {
    color:#222 !important;
} 
 
/*** couleur textes ***/
.fruity .text-info {      /* titre de l'enquête sur la page de bienvenue, et noms des groupes de questions */
    color:  #2c3e50;
}
 
.fruity .text-primary {     /* messages et textes des questions */
    color: #2c3e50;
}
 
/*** couleurs liens <a> ***/
.fruity a {
    color: #18bc9c;     /* au repos */
}
 
.fruity a:hover {
    color: #fbb81f;     /* au survol */
}
 
/*****************************************************/
/*** Déplacer la barre de progression vers le haut ***/
/*****************************************************/
 
/* Marges autour de la barre de progression */
.fruity .top-container.space-col {
    margin-top: 20px !important;
    margin-bottom: 0 !important;
}
.fruity .top-container .top-content {
    padding-bottom:0 !important;
    padding-top:0 !important;
    margin-bottom: 20px !important;
}
 
/***********************************************/
/*** Paramètres du footer "Mentions légales" ***/
/***********************************************/
 
/*** Paramètres du conteneur ***/
div.footer-legal{
    position: fixed;        /* Paramètres pour    */
    left: 0;                /* fixer le conteneur */
    bottom: 0;              /* au bas de la page  */
    width: 100%;                                        /* le conteneur occupe toute la largeur de la page */
    padding-bottom: 0;                                  /* le conteneur touche le bas de la fenêtre */
    padding-top: 10px;                                  /* marge que l'on souhaite laisser entre le haut du footer et le texte qu'il contient */
    padding-left: 10px;     /* marge pour écran mobile */
    padding-right: 10px;    /* marge pour écran mobile */
    display: flex;                                      /* conteneur responsive en hauteur (pour s'adapter au mobile ou si ajout d'un logo dans le footer) */
    flex-direction: column;                             /* les éléments se réagencent verticalement lorsque la largeur d'écran diminue */
    background-color: #446070;  
}
 
/********** A changer si les boutons "précédent" et "suivant" passent derrière le footer *************/
#dynamicReloadContainer{    /* tag de la fenêtre principale (entre le header et le footer)  */
    padding-bottom: 70px; /* augmenter cette valeur jusqu'à ce que les boutons se retrouvent au dessus du footer, penser à vérifier aussi la version mobile */
    padding-left: 10px;     /* marge pour écran mobile */    
    padding-right: 10px;    /* marge pour écran mobile */
}
 
/*** mise en page du texte du footer ***/
p.footer-legal{
    text-align: center;
    color: #fff;
    background-color: #446070;
}
 
/*** couleur des liens du footer ***/    
a.footer-legal{
    color: #fff;         /* au repos */
    text-decoration: none;
}
 
a.footer-legal:visited{
    color:#fff !important;
    text-decoration: none;
}
 
a.footer-legal:hover{
    color: #f6863a !important;            
}
 
/*********************************************************************************/
/***** Paramètres du menu de navigation mobile (affichage horizontal <712px) *****/
/*********************************************************************************/
 
/*** couleurs des éléments du menu de navigation sur mobile ***/
.fruity .nav .open > a {
    color: #fff;
    background-color: #7390A1;
    border-bottom: 1px solid #fff;
}
 
.fruity .nav .open > a:focus {  /* lorsque le clic est maintenu */
    color: #fff;
    background-color: 
    #7390A1;
}
 
.fruity .nav .open > a:hover {  /* au survol */
    color: #fff;
    background-color: 
    #7390A1;
}
 
/***couleur des listes déroulantes sur mobile au survol et lorsque le clic est maintenu ***/
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #fff;
    background-color: #7390A1;
}
 
/*** couleurs du hamburger menu sur mobile ***/
.fruity .navbar-toggle {
    border: solid 1px #446070; /* couleur du carré externe */
}
.fruity .navbar-toggle .icon-bar {
    background-color: #446070; /* couleur des 3 barres horzontales */
}
 
/**************************************************************************************************************************************/
 
/****************************************************/
/******** Paramètres des groupes de questions *******/
/****************************************************/
 
/* Ajustement des espacements au niveau des groupes */
.group-title{
    text-align:left !important;
    margin-top: 5px;
    margin-bottom: 20px;
    font-size:24px;
}
.group-container{
    margin-top:0;
    margin-bottom:0;
}
div.group-outer-container.space-col {
    margin-bottom:0px;
}
.group-container > .group-description {
    margin-bottom: 10px;
} 
 
/*couleur des blocs de titre de question */
.question-title-container{
    color: #fff;
    background-color: #446070;
}
 
/* décalage des asterisques par rapport au texte */
.asterisk{
    margin-right:0.25em;
}
 
/* couleur et marge du texte dans l'aide de question */
.ls-questionhelp{
        color:#0779C5;
        padding-top:5px;
        padding-bottom:6px;
}
.question-help-container .ls-questionhelp::before {
    color:#0779C5;
}
/* Couleur de l'icône d'information dans les titres des questions */
.ls-questionhelp:before {
    color: #18BC9C;
}
 
/*********************************************************************/
/**********Changement de couleurs item par item **********************/
/*********************************************************************/
 
.fruity .well{                      /*couleur des blocs de description */
    background-color: #ecf0f1;
}
 
.fruity .text-danger {              /*couleur de texte danger, notamment les astérisques */
    color:  #EC740A !important;
    padding-bottom:0.3em;
}
 
.fruity .progress-bar {             /*couleur de la barre de progression */
    color: #fff;
    background-color: #EC740A;
}
 
/* couleur du menu déroulant politique de confidentialité */
.fruity .panel-primary > .panel-heading {
    color: #fff;
    background-color: #446070;
    border: #446070;
}
 
.fruity .panel-primary {
    border: 1px solid #446070;
}
 
/* texte d'information de la question (icone (!)) */
.question-valid-container {
    color:#b9cc14;
    background-color:#446070;
}
 
/* mise en page des questions à sliders */
.slider-item{
    margin-bottom:-15px;
}
 
/*mise en page des items de question */
.fruity .question-item{
    padding-top:0;
}
 
/* mise en forme message d'erreur */
#block_error div h2 {
    color: #446070;
}
 
/* mise en page de la question 5 radios "étoiles" */
.star-rating {
    font-size: 50px;
    line-height: 36px;
    cursor: pointer;
    display: block;
    float: left;
    height: auto;
    overflow: hidden;
    width: 60px;
}
 
/***********************************************/
/*********Mises en pages diverses **************/
/***********************************************/
 
/* Couleurs, marges et entourage du lien hypertexte d'impression des réponses  */
.url-wrapper-survey-print {
    padding: 10px;
    border: 1px solid #446070;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 10px;
    width: 200px;
    background-color:#446070;
}
.url-wrapper-survey-print a {
    color:#fff;
}
.url-wrapper-survey-print:hover {
    background-color: #7390A1;
    border: 1px solid #7390A1;
}
.url-wrapper-survey-print a:hover {
    color:#fff;
}
 
/* Couleurs, marges et entourage du lien de retour */
.url-wrapper-survey-return a {
    background-color:#446070;
    border: 1px solid #446070;
    border-radius: .25rem;
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    line-height: 3.5;
    padding: .5rem .75rem;
    /* height:32px; */
}
.url-wrapper-survey-return a:hover {
    background-color: #7390A1;
    color:#fff;
    border: 1px solid #7390A1;
}
 
/* mise en page de l'écran de bienvenue */
.survey-description{
    margin-bottom:10px;
}
 
/* mise en page des textes sur la page de confirmation de l'effacement des réponses */
.return-to-survey{
    margin-top:10px;
    text-align:center;
}
 
/* mise en page des textes sur la page de dépassement des quotas */
.quotamessage{
    margin-bottom:10px;
}
 
.url-wrapper-survey-quotaurl{
    margin-top:15px;
}
 
#register_button{                    /*bouton Continuer de l'écran d'inscription à un questionnaire public */
    margin-top:10px;
    width:100%;
}
 
@media screen and (min-width:768px) {
.input-group {
    position: relative;
    display: -webkit-inline-box;
    border-collapse: separate;
    margin-left: 5%;
}
 
#loadsecurity {
    z-index: 0;
    margin-left: 5%;
    margin-top: 2.5%;
    width: 50%;
}
}
 
.url-wrapper-survey-return{         /* lien de retour sur l'écran charger un questionnaire non terminé */
    text-align:center;
 
}
 
.save-survey-input{
    display:flex;
    justify-content:center;
    margin-top:10px;
}
 
.save-survey-row{
    margin-bottom:0;
    margin-top:10px;
}
 
/* mise en page du lien sur page de chargement d'un questionnaire*/
.return-to-survey-load-form{
    margin-top:10px;
}
 
/* mise en page de l'écran de fin de questionnaire */
.completed-text{
    text-align:center;
}
 
.url-wrapper-survey-print{
    margin-top:20px;
}
 
/* correction d'éléments passant au dessus du footer */
.input-group .form-control {
    z-index: 0;
}
 
.fruity .tooltip-main {
    z-index: 0;
}
 
.ls-input-group .form-control {
    z-index: 0;
}
 
#loadsecurity{
    z-index:0;
}
 
/* Suppression espace de début et de fin dans les conteneurs des questions */
div.answer-container { 
    padding-bottom:10px;
}
.ls-answers {
    padding-top:7px;
    padding-bottom:0px;
}
div.text-item {
    padding-top:5px;
    padding-bottom:5px;
}
 
/* Espace entre les différentes options */
li.radio-item, li.checkbox-item, li.radio-text-item, li.checkbox-text-item {
    margin-bottom:0.2em;
}
 
/* Alignement vertical au niveau des multiples zones de texte (court et zones variables) */
.subquestion-list li.question-item {
    align-items: center;
} 
 
/* Alignement vertical des boutons radio et checkbox avec le texte attaché */
li.radio-item label::before, li.radio-text-item label::before, li.checkbox-item label::before, li.checkbox-text-item label::before {
    margin-top: 1px !important;
}
li.radio-item label::after, li.radio-text-item label::after {
    margin-top: 1px !important;
}
li.checkbox-item label::after, li.checkbox-text-item label::after {
    padding-left:0px !important;
    padding-top:0px !important;
}
div.multiple-opt-comments div.checkbox-item {
    padding-top:7px;
}
 
/* Alignement checkbox politique de confidentialité */
input#datasecurity_accepted {
    margin-top: 3px !important;
}
 
/* Marge de fin de liste ordonnée ou non ordonnée */
ol, ul {
    margin-bottom:5px;
}
 
/* Suppression de la couleur de fond des réponses pour la question de type affichage de texte */
div.boilerplate div.answer-container {
    background-color:#fff;
}
 
/* Couleur de fond de l'entête et des lignes impaires dans les questions de type tableau */
table.ls-answers th, table.ls-answers td {
    background-color:#f9f9f9;
}
table.ls-answers tr:nth-child(even) td,  table.ls-answers tr:nth-child(even) th {
    background-color:#e4ebed !important;
}
table.ls-answers tr.ls-heading td, table.ls-answers tr.ls-heading th {
    background-color:#446070 !important;
    color:#fff;
    border-width: 2px 1px;
}
 
/* Ajustement de la marge sous les questions de type tableau */
table.ls-answers {
    margin-bottom:5px;
    margin-top:5px;
}
 
/* Ajustement de la couleur de fond dans les blocs de questions */
div.answer-container {
    background-color:#f0f0f0;   
}
 
/* Espace sous l'avis relatif à la sécurité des données (page d'accueil) */
div#datasecurity_notice {
    margin-bottom:10px;
}
 
/* Ajustement des marges au niveau du bloc de titre de la question */
div.question-title-container {
    padding-top: 12px;
    padding-bottom: 12px;
}
 
/* Couleur et alignement des informations de contrôles dans les titres des questions */
div.ls-question-message {
    color: #18BC9C;  
    text-align: left;
}
 
/* Applat et marge des messages d'erreur/d'alerte*/
.ls-question-help .alert-danger {
    margin-top:5px;
    color:#fff;
    background-color:#e25454;
}
 
/* Ajustement du thème de question bootstrap_dropdown */
div.dropdown.bootstrap-select > .dropdown-toggle.bs-placeholder  {
    color:#fff;    
}
div.dropdown.bootstrap-select .dropdown-menu .active {
    background-color:#7390a1 !important;
}
 
/* Ajustement de l'alignement pour les questions numériques */
input.numeric {
    text-align:left;   
}
 
/* Largeur et couleurs de la question de type Date */
input.date-control {
    width: auto !important;
}
 
/* Couleur et marges du message de sauvegarde pour reprendre plus tard */
div.save-message .text-info {
    color: #222 !important;
}
div.save-message .h2 {
    margin-top: 0;
}

/* Taille et position du champ de saisie du jeton/token (adresse générique d'un questionnaire sur invitation) */
div.load-survey-input div.input-group {
    margin-left:0;
}
div.load-survey-input input#token {
    width: 90%;
}