/* Supprimer les commentaires et sur les parties que vous voulez activer*/
/* Vous pouvez aussi copier/coller les parties voulues sur les options du thème : par questionnaire ou par groupe*/
/* Le modèle base-advantages n'utilise que les options de thème */ 
/* Les couleurs par défaut sont basées sur le gris */

/* Police (attention aux Safe Web Fonts : https://www.push-xp.fr/blog/les-polices-de-caracteres-pour-internet-safe-webfonts/ ) */
@font-face {
  font-family: 'Aptos';
  font-style: 'bold';
  font-weight:300;
  src: url('../files/Aptos-Display.ttf');
}
body {font-family: 'Aptos', sans-serif;
}

/* Fond */
body{background:#fff;}
/* Image de fond : a envoyer dans les fichier du modèle : sur le coté droit --> (Autres fichiers) */
body{background: url("../files/SAF2017_background.jpg") no-repeat center center fixed}}
/* Image de fond : étaler sur la page (le plus commun sans doute) */
body{background-size: cover;}
/* Pour l'image de fond, taille et positionnement : voir https://developer.mozilla.org/fr/docs/Web/CSS/background */
/* Image de fond : répeter */
/* body{background-repeat: repeat;}*/

/* pour modifier l'opacité de l'arrière plan blanc*/
.container { background-color: rgba(255,255,255);opacity:0.95;}.
group-container { background-color: rgba(255,255,255);opacity:0.9;}

/* Couleur de la barre d'entête (avec la bannière) */
.navbar-default {
  background-color: #f8f8f8;
  border-color: #f8f8f8;
}
/* La barre de progression */
.progress{background-color: #c3c3c3;/* fond a progresser */}
.progress-bar {
  color: #fff; /* police d'écriture */
  background-color: #0c79ce;/* fond de progression */
}
/* Texte des questions : couleur du texte */
.text-primary{color: #000000;}
.h4 {font-size:1.2rem}

/* couleur des titres de groupes */
.panel-primary .panel-heading {
  color: #fff;
  background-color: #02172c;/*#0c79ce;*/
  border-color: #fff;
}
.panel-primary {
    border-color: #fff;
}
.panel-primary .panel-heading .panel-title {font-size:2rem}

/* couleur des titres secondaires : question de type Affichage de texte */
.panel-info .panel-heading {
  color: #18466E;
  background-color: #D9D9D9;
  border-color: #fff;
}
.panel-info .panel-heading .panel-title {font-size:1.5rem}
/* Fond des blocs de questions */
.panel {
    background-color: #FFF;
}
/* Correction sur les tableaux due au changement de fond de bloc de question*/
/* 1 ligne sur deux */
.ls-even {
  background-color: rgb(61, 176, 250, 0.1);
}
/* Passage au-dessus à la souris*/
/* ici un peu plus sombre, devrait fonctionner pour tout fond clair */
/* le dernier chiffre est la transparence de 0 à 1 (0 à 100%)*/
/* 0 : transparence totale, 1 couleur franche */
/* passage souris sur Ligne des tableaux */
.table-hover tbody tr:hover {
  background-color: rgb(0, 0, 0, 0.2);
}
/* passage souris sur colonne des tableaux */
.table-hover col.hover {
  background:  rgb(0, 0, 0, 0.05);
}
/* passage souris sur Cellule des tableaux */
.table-hover  tbody tr td:hover {
  background:  rgb(0, 0, 0, 0.15);
}
/* Les entêtes de tableaux : obligatoirement en couleur franche */
.table-fixed-header .panel table.ls-answers > thead > tr > td, .table-fixed-header .panel table.ls-answers > thead > tr > th, .table-fixed-header .panel table.ls-answers > tbody > tr.ls-header > td, .table-fixed-header.panel table.ls-answers > thead > tr > td, .table-fixed-header.panel table.ls-answers > thead > tr > th, .table-fixed-header.panel table.ls-answers > tbody > tr.ls-header > td {
  background-color: #fff;
}
/* le bouton suivant */
.btn-primary {
  color: #fff;
  background-color: #3DB0FA;
  border-color: #666;
}
/* le bouton précédent */
.btn-default {
  color: #fff;
  background-color: #02172c;
  border-color: #02172c;
}

/* Les checkbox et bouton radio lorsqu'ils sont cochés (thème par défaut ou awesome) */
.radio-item label::after {
  background: #3DB0FA;
  color: #3DB0FA;
}
.checkbox-item label::after {
  background: #666;
  color: #fff;
}

/* L'astérisque des questions obligatoires */
.asterisk .text-danger{
    color: #ED0000;
}
.asterisk small{
    font-size: 75%;
}
/* Sur les modifications suivantes : il faut supprimer les /** au début et les ** / à la fin pour retirer le mode commentaire */
/* Ces parties sont moins utilisées ou non effective avec le modèle par défaut/
/* Les boutons des questions oui.Non ou genre */
/**
.button-item.btn-primary.active,
.button-item.btn-primary.active.active{
    color: #fff;
    background-color: #4d4d4d;
    border-color: #474747;
}
**/

/* Le fond des boutons lors de l'utilisation d'un thème buttons */
/**
.skelvanilla-button .checkbox-item input[type="checkbox"]:checked + label,
.skelvanilla-button .radio-item input[type="radio"]:checked + label
 {
  background: #4d4d4d;
  color: #fff;
}
.skelvanilla-button .checkbox-item input[type="checkbox"]:checked + label.ls-label-xs-visibility,
.skelvanilla-button .radio-item input[type="radio"]:checked + label.ls-label-xs-visibility{
  background: 0 0;
  color: initial;
}
**/

/* Le fond des cellules avec les variations en buttons  */
/**
.js .skelvanilla-button table.ls-answers tbody tr td.radio-item.answer-checked {
  background: #4d4d4d;
  color: #fff;
}
.js .skelvanilla-button table.ls-answers tbody tr td.noanswer-item.answer-checked {
  background-color: transparent;
  color: inherit;
}
.js .skelvanilla-button table.ls-answers tbody tr td.checkbox-item.answer-checked {
  background: #4d4d4d;
  color: #fff;
}
**/