/* CSS Document */

/* Style utilisé dans l'ensemble de l'application */

/* Dans certains cas le Bootstrap utilise l'instruction '!important' */
/* Il faut ajouter cette instruction, ici, pour donner plus d'importance aux instructions du CSS */
/* NOTE: Ce fichier CSS doit être chargé après le CSS du Bootstrap pour que ça fonctionne */

/********************
*	Paramètres généraux
********************/
* {
	color:#014A99!important; /* Couleur par défaut. Affecte principalement le portail d'administration */
	font-weight:normal!important;	/* Par défaut la police est en gras */
	line-height:140%!important;	/* L'espacement entre les lignes est augmenté */
}
body {
	font-family: Helvetica, Arial, sans-serif;
}
html {
	scroll-behavior: smooth;
}
h1 {
	font-family: Helvetica!important;
	font-size:46px!important;	/* Personnalisation de la grosseur des éléments 'header' */
	font-weight:900!important;
}
.css_textes {
	font-size:20px!important;
	font-weight:bold!important;
	line-height:160%!important;
	color:#f7e917!important; /* jaune */
}
.css_icones {
	font-size:17px!important;
	font-weight:bold!important;
	line-height:160%!important;
	color:#f58b3d!important; /* orange */
}
.css_icones_textes {
	font-size:17px!important;
	font-weight:bold!important;
	color:#f7e917!important; /* jaune */
}
hr {
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-style: solid none;
	border-width: 2px 0;
	margin: 18px auto;
	width:50px;
}
/* Permet de centrer les images contenant cette classe */
.css_img_responsive {
    margin: 0 auto;
}
.css_text_decoration_underline {
	text-decoration:underline;
}
.css_clear_both {
	clear:both;
}
.css_sections_max_width {
	max-width:1920px;
	float: none;
}

/****************
*	Options mobiles
****************/
/* Pour un affichage de moins de 768px (xs) */

/* Pour un affichage de 768px et plus (sm) */
@media screen and (min-width: 768px) {
}
/* Pour un affichage de 992px et plus (md) */
@media screen and (min-width: 992px) {
}
/* Pour un affichage de 2500px et plus (lg) */
@media screen and (min-width: 1200px) {
}

/**************************************************
 **************************************************
* Portail d'administration
**************************************************
**************************************************/

.css_commentaire_sous_le_champ {
	padding-left:15px!important;
	font-size:12px!important;
}

/* border */
.css_border_par_defaut {
	border:2px solid #81a1ca!important; /* #CBA900 */
	-moz-border-radius:2px!important;
	-webkit-border-radius:2px!important;
	-o-border-radius:2px!important;
	border-radius:2px!important;
}
.css_titre_page_h3_ajustement {
	margin:0px 0 10px 0!important;
}
/* Section filtres et plus... */
.css_data_toogle_niveau_1 {
	margin-top:5px!important;
	padding-left:15px!important;
}
.css_data_toogle_niveau_2 {
	padding-left:15px!important;
}
.css_cadre_recherche {
	margin-top:5px!important;
}
.css_champ_recherche {
	margin-bottom:10px!important;
}
.css_btn {
	margin-left:4px!important;
}
.css_recherche_btn_ok {
	margin-left:1px!important;
	margin-top:3px!important;
}
.css_recherche_btn_x {
	margin-left:3px!important;
	margin-top:3px!important;
}
.css_tri_btn_defaut {
	margin-left:1px!important;
	margin-top:1px!important;
}
.css_data_toogle_boutons_choix {
	cursor: pointer;
	margin-left:3px!important;
	margin-top:1px!important;	
}
.css_lgn_par_page_champ_nbr_ligne {
	width:100px!important;
}
.css_lgn_par_page_btn_ok,
.css_lgn_par_page_btncss_FONCTION_affichage_des_boutons_de_pages _defaut {
	margin-left:3px!important;
}
.css_btns_bas_pages_espacement {
	margin-bottom:5px!important;
}
.css_btns_bas_pages {
	margin-top:10px!important;
	margin-bottom:-5px!important;
}
.css_btns_changement_de_pages {
	margin:10px 0!important;
}
.css_btns_deplacements {
	margin-top:3px!important;
}

/* Personnalisation de la boîte qui affiche les messages à l'utilisateur*/
.css_boite_message_utilisateur_validation {
	border:1px solid red!important;
	-moz-border-radius:3px!important;
	-webkit-border-radius:3px!important;
	-o-border-radius:3px!important;
	border-radius:3px!important;
	background-color:#ff9999!important;
	margin-top:1px;
	padding:5px 5px;
}

/**************************************
*	Personnalisation des tables Bootstrap
**************************************/

/* Personalisation des tables servant à l'affichage des listes */
.table-hover tbody tr:hover td {
        background-color: #ceebfd;
}
.css_panel_liste {
	/* La table est incluse dans l'instruction 'panel' pour personnaliser les bordures plus simplement */
	border-radius: 5px!important;
}
.css_table_liste th {
    background-color: #ceebfd!important;
}

/*****************************
* Personnalisations des tables
*****************************/
.css_table {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.css_table_row {
	display: table-row;
}
.css_table_heading {
	display: table-header-group;
	background-color: #ceebfd; /* bleu pâle */
	font-weight: bold;
}
.css_table_head {
	font-weight: bold!important;
}
.css_table_cell,
.css_table_head {
	display: table-cell;
	padding: 3px 0px;
	border: 1px solid #999999; /* gris */
	word-wrap: break-word;
}
.css_table_body {
	display: table-row-group;
}
.css_table_foot {
	display: table-footer-group;
	font-weight: bold;
	background-color: #999999; /* #ddd gris pâle */
}

/**********************************************
* Personnalisations incluses dans les FONCTIONS
**********************************************/
.css_FONCTION_affichage_message_champ_obligatoire {
	color:grey!important;
	padding-left:15px!important;
	font-size:10px!important;
}
.css_FONCTION_affichage_message_erreur,
.css_FONCTION_creer_instruction_select_standard {
	color:red!important;
	padding-left:15px!important;
	font-size:12px!important;
}
.css_FONCTION_message_champ_vide_avec_valeur_defaut {
	color:green!important;
	font-weight:bold!important;
}
.css_FONCTION_affichage_des_boutons_de_pages {
	cursor: pointer;
	margin-top:1px!important;
	margin-right:10px!important;
}
.css_FONCTION_affichage_des_boutons_de_pages_nbr_enrg {
	margin-top:-5px!important;
}

/******************
*	Option Toggle box
******************/
.css_toggle_box {
  display: none;
}
.css_toggle_box + label {
  cursor: pointer;
  display: block;
  font-weight: bold;
  line-height: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 5px;
}
.css_toggle_box + label + div {
  display: none;
  margin-bottom: 0px;
}
.css_toggle_box:checked + label + div {
  display: block;
}
.css_toggle_box + label:before {
  background-color: #4F5150; /* gris */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: #FFFFFF; /* blanc */
  content: "+";
  display: block;
  float: left;
  font-weight: bold;
  line-height: 15px; /* Permet de centrer verticalement le signe '+' dans le cercle */
  height: 15px;
  width: 15px;
  margin-top: 5px;
  margin-right: 0px;
  text-align: center;
}
.css_toggle_box:checked + label:before {
  content: "\2212";
}
/* Ces instructions pour le 'Toggle box' ne fonctionneront pas avec 'Safari' sans le 'patch' suivant.
Attention: Ce 'patch' va occasionner une plus grande utilisation du processeur, utiliser seulement
           si le support pour 'Safari' est nécessaire. */
body { -webkit-animation: bugfix infinite 2s; }
@-webkit-keyframes bugfix { from { padding: 0; } to { padding: 0; } }

/**************************************************
*	Transfert multiple de fichiers avec drag and drop
**************************************************/
.css_dropzone {
	width:200px;
	height:108px;
	border:2px dashed #ccc;
	color:#ccc;
	line-height:35px;
	text-align:center;
}
.css_dropzone_mini {
	width:250px;
	height:108px;
	border:2px dashed #ccc;
	color:#ccc;
	line-height:52px;
	text-align:center;
}
.css_spinner {
	background-image: url("../images/loading_spinner_200x200.gif");
}
.css_spinner_mini {
	background-image: url("../images/loading_progress_230x105.gif");
}
.css_dropzone.dragover,
.css_dropzone_mini.dragover {
	border-color:#000;
	color:#000;
}