/* 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:#000000!important; /* (bleu) 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 Neue", Helvetica, Arial, sans-serif !important;
}
h1 {
	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;
}
.css_input_file {
	width:0.1px;
	height:0.1px;
	opacity:0;
	overflow:hidden;
	position:absolute;
	z-index:-1;
}
/****************
*	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:0px 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_ajustement {
	text-transform:uppercase;
	font-weight:bold!important;
	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:25px 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,
.css_boite_message_utilisateur_validation_enfants,
.css_boite_message_utilisateur_validation_paiements_tdb {
	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;
	margin-bottom:1px;
	padding:5px 5px;
}
/* Personnalisation de la boîte qui affiche un message sous un champ */
.css_boite_message_sous_un_champ {
	color:grey!important;
	padding-left:15px!important;
	font-size:12px!important;
}

/**************************************
*	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:#f3c266; /* or */
	font-weight:bold;
}
.css_table_head,
.css_table_cell {
	display:table-cell;
	word-wrap:break-word;
}
.css_table_head {
	font-weight:bold!important;
	border:0px;
	padding:5px 0px!important;
}
.css_table_cell {
	border:0px;
	border-bottom:1px solid #999999; /* gris */
	padding:0px!important;
}
.css_table_body {
	display:table-row-group;
	background-color:#ffffff; /* blanc */
}
.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";
}
.css_toggle_box_details {
  margin-left:30px;
}
/* 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;
}