body 
{
	color: #000000;
	background-color:#CCCCCC;
	font-family:Arial,Geneva,Helvetica,Verdana,"Trebuchet MS",sans-serif;
	font-size:small;
	margin: 10;
	padding: 0;
}


.simple 
{
	padding: 10px;
}


.centre 
{
	text-align: center;
}




.logo 
{
	display: flex;
	background-color: #EEEEEE;
	margin-bottom: 10px;
	font-size:10pt;
	padding: 10px;
	height: 180px;
}

.logo_gauche
{
	width: 30px;
	display: flex;
	justify-content: left; /* horizontal */
	align-items: center;	/* vertical */
	padding-left: 10px;
}

.logo_centre 
{
	flex: 1; /* prend tout l’espace restant */
	text-align: center;
}

.logo_droite  
{
	width: 30px;
	display: flex;
	justify-content: right; /* horizontal */
	align-items: center;	/* vertical */
	padding-right: 10px;
}




.titre_page
{
	display: flex;
	color: #EEEEEE;
	background-color: #777777;
	min-height: 34px; /* hauteur minimum, peut grandir */
}

.titre_page_centre
{
	display: flex;
	flex: 1; /* prend tout l’espace restant */
	font-size: 18pt;
	font-style: italic;
	font-weight: bold;
	justify-content: left; /* horizontal */
	align-items: center;	/* vertical */
}

.titre_page_droite
{
	display: flex;
  	justify-content: right; /* horizontal */
  	align-items: center;	/* vertical */
	padding-right: 10px;
}













.menutitre 
{
	color: #EEEEEE;
	background-color: #777777;
	font-size:14pt;
	font-style: italic;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	overflow: hidden;
}

.menu 
{
	background-color: #EEEEEE;
	margin-bottom: 10px;
	font-size:10pt;
	padding: 10px;
}

.menu a:link 
{
	color: #000000;
	text-decoration: none;
	margin-bottom: 0px;
}

.menu a:visited 
{
	color: #000000;
	text-decoration: none;
	margin-bottom: 0px;
}

.menu a:hover 
{
	background-color: #CCCCCC;
	color: #000000;
	text-decoration: none;
	display: block;
	margin-bottom: 0px;
}

.menu table
{
	font-size: 0px;
}

.menuacces
{
	font-size: 16px;
}

.menuracine
{
	float: left;
	width: 64px;
	height: 32px;
}

.menuicon
{
	float: left;
	width: 24px;
	height: 24px;
}

.menuracine
{
}

.menuicon
{
}

.menutext
{
	font-size: 14px;
}

.menutextselected
{
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}

.diagramme
{
	width: 100%;
}

.fill-window 
{
  position: fixed !important;
  top: 0; left: 0; right: 0; bottom: 0;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 9999;
  border: none !important;
  background: white;
}


.doc_prev
{
	display: inline-block;
	max-width: 100px;
  	max-height: 100px;
  	height: auto;
  	width: auto;
}

.page 
{
	background-color: #EEEEEE;
	color: #000000;
	padding: 10px;
	font-size: medium;
	text-align: justify;
}

.page h2 
{
	font-style: italic;
}

.page a 
{
	color: #000000;
	text-decoration: none;
}

.page a:hover 
{
	color: #CCCCCC;
	background-color:#777777;
	text-decoration: none;
}

.page small 
{
	font-size: 8pt;
}

.page p 
{
	text-align: justify;
}

.page li 
{
	display: list-item;
	padding-left: 10px;
	font-weight: 900;
}

.page th 
{
	color: #EEEEEE;
	background-color:#777777;
}

.page th a 
{
	color: #EEEEEE;
	background-color:#777777;
}

.page th a:hover 
{
	color: #CCCCCC;
	background-color:#777777;
}

.page td 
{
	color: #000000;
	background-color:#CCCCCC;
}

.page td a 
{
}

.page td a:hover
{
}



.pied_page 
{
	padding: 10px;
	text-align: left;
	font-size: 8pt;	
	font-style: italic;
}

.pied_page a 
{
	color: #777777;
	background-color:#CCCCCC;
	text-decoration: none;
}

.pied_page a:hover 
{
	color: #EEEEEE;
	background-color:#777777;
	text-decoration: none;
}




/* Icone globale :
- dans les éléments du menu */
.icone
{
	width: 24px;
}

/* Icone dans la barre de titre */
.icone_titre
{
	width: 24px;
}

/* Icone dans un formulaire (check, radio...) */
.icone_form
{
	width: 16px;
}

/* Icone dans les listes */
.icone_list
{
	width: 24px;
}

/* Icone de navigation dans les pages des listes */
.icone_list_navigation
{
	width: 16px;
}

/* Icone de sélection des lignes des listes */
.icone_list_select
{
	width: 16px;
}

/* Icone d'information à côté d'un texte (?, *, ...) */
.icone_info
{
	width: 16px;
}

/* Icone pour les logos dans les listes */
.icone_list_logo
{
	height: 50px;
}

/* Icone pour les fonctions des locomotives */
.icone_fonction
{
	height: 50px;
}

/* Icone pour les commandes de la télécommande et du circuit */
.icone_commande
{
	height: 60px;
}

/* Icone pour les infos de l'état des PC de la télécommande et du circuit */
.icone_etat_pc
{
	height: 30px;
}




.mfxtableauplat td 
{
	background-color: #EEEEEE;
}

.mfxtableauplat td a
{
	background-color: #EEEEEE;
}

.mfxtableauplat td a:hover
{
	background-color: #CCCCCC;
}



.line_selected
{
	font-weight: bold;
}



.zonetexte
{
	width: 95%;
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
	padding: 10px;
}

.Code
{
	border: 1px solid #000000;
	padding-right: 5px;
	padding-left: 5px;
	color: #0000FF;
	font-family: 'Courier New' , Monospace;
	background-color: #FFFFFF;
}

.erreur 
{
	width: 100%;
	font-size: large;
	color: red;
}

.categories_photos_choix
{
	float: left;
	width: 30%;
}

.categories_photos_liste
{
	float: right;
	width: 70%;
}

.categories_photos_fin
{
	clear:both;
}

input 
{
	border: 1px solid #777777;
}

input.bouton 
{
	color: #777777;
	background-color: #CCCCCC;
	border:2px outset #CCCCCC;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	padding: 2px;
	margin-bottom: 2px;
}

input.bouton:hover 
{
	color: #000000;
	background-color: #CCCCCC;
	text-decoration: none; 
	font-weight: bold;
	text-align: center;
	padding: 2px;
	margin-bottom: 2px;
}

input.bouton:active 
{
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	padding: 2px;
	margin-bottom: 2px;
}

input.bouton_presse 
{
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	padding: 4px;
	display: block;
	margin-bottom: 2px;

}

input.bouton_presse:hover 
{
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	padding: 4px;
	display: block;
	margin-bottom: 2px;
}

input.bouton_presse:active 
{
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	padding: 4px;
	display: block;
	margin-bottom: 2px;
}


textarea 
{
}

select 
{
}

radio 
{
	border: 0px solid #000000;
	color: #000000;
	background-color: #C0C0FF;
}

checkbox 
{
	border: 0px solid #000000;
	color: #000000;
	background-color: #C0C0FF;
}






.mfxlist_afficher_colonnes
{
	overflow: hidden;
}

.mfxlist_afficher_colonne a
{
	float:left;
	color: #FFFFFF;
	background-color:#777777;
	margin-right: 10px;
	margin-top: 10px;
}

.mfxlist_afficher_colonne a:hover
{
	color: #FFFFFF;
	background-color:#777777;
}

.mfxlist_afficher_colonne_titre
{
	float:left;
	margin-right: 10px;
	margin-top: 10px;
}




.page form.tableau td 
{
}

.page form.tableau td a 
{
}

.page form.tableau th a 
{
}

.page form.tableau td.record_checked
{
	color: #CCCCCC;
	background-color:#777777;
}

.page form.tableau td.record_checked a
{
	color: #CCCCCC;
	background-color:#777777;
}

.page form.photos td 
{
}

.page form.photos td a 
{
}

.page form.photos td:hover 
{
}

.page form.photos td a:hover 
{
}




.photo img
{
	border: 0px solid #FF00FF;
}

.photo img:hover
{
	background-color:#FFFF00;
	border: 0px solid #FF00FF;
}








.mfxform th 
{
	color: #EEEEEE;
	background-color:#777777;
}

.mfxform th a 
{
	color: #EEEEEE;
	background-color:#777777;
}

.mfxform th a:hover 
{
	color: #CCCCCC;
	background-color:#777777;
}

.mfxform td 
{
	background-color: #EEEEEE;
}

.mfxform td a
{
}

.mfxform td a:hover 
{
	text-decoration: none;
}

.mfxform a 
{
	text-decoration: none;
}

.mfxform a:hover 
{
	text-decoration: none;
}



.mfxsousform th 
{
	color: #EEEEEE;
	background-color:#777777;
}

.mfxsousform th a 
{
	color: #EEEEEE;
	background-color:#777777;
}

.mfxsousform th a:hover 
{
	color: #CCCCCC;
	background-color:#777777;
}

.mfxsousform td
{
	color: #000000;
	background-color:#CCCCCC;
}

.mfxsousform td a
{
}


a.validateur:hover 
{ 
	background-color: #FFFF00;
	display: inline; 
}

















.bulle
{
	color: #000000;
	font-size: 13px;
	text-align: left;
	background-color: #FFFFE8;
}

.bulle_border
{
	background-color: #000000;
}

.menu_contextuel_items
{
	padding-left:12px; 
	padding-right:7px;
	color: #000000;
}

.menu_contextuel_items hr
{
	background-color: #FFFFE8;
	color: #000000;
	width: 100%;
	height: 1px;
	border: 0;
}

.menu_contextuel_items:hover
{
	background-color: #FFFF00;
	color: #000000;
}

.menu_contextuel_box
{
	z-index: 500;
	position: absolute;
	width: 200px;
	border: 1px solid #000000;
	background-color: #FFFFE8;
	font-family:Arial,Geneva,Helvetica,Verdana,"Trebuchet MS",sans-serif;
	font-size: 13px;
	cursor: default;
	visibility: hidden;
}

.menu_contextuel_ombre
{
	z-index: 400;
	position: absolute;
	width: 200px;
	border: 1px solid #FFFFE8;
	background-color: #FFFFE8;
	font-family:Arial,Geneva,Helvetica,Verdana,"Trebuchet MS",sans-serif;
	font-size: 13px;
	color: #000000;
	cursor: default;
	visibility: hidden;
}




img 
{
	border: 0px;
}

.img_gauche 
{
	float: left;
	margin-right: 1em;
}

.img_centre 
{
	float: none;
	margin-left: 1em;
}

.img_droite 
{
	float: right;
	margin-left: 1em;
}



.mfxfiltre table
{
	border-collapse: collapse;
}

.mfxfiltre td
{
	border: none;
	padding: 2px;
	color: #000000;
	background-color:#CCCCCC;
}

.mfxfiltreoperation
{
	border: none;
	padding: 0px;
	margin: 0px;
	color: #000000;
	background-color:#EEEEEE !important;
}



.mfxhorloge
{
	background-color: #EEEEEE;
	margin-bottom: 10px;
	font-size:10pt;
	padding: 10px;
	padding-left: 22px;
	height: 230px;
}


/* +++++++++++++++++++++++++++++ CalendarControl ++++++++++++++++++++++++++ */


#CalendarControlIFrame 
{
	display: none;
	left: 0px;
	position: absolute;
	top: 0px;
	height: 250px;
	width: 250px;
	z-index: 99;
}

#CalendarControl 
{
	position:absolute;
	margin:0;
	padding:0;
	display:none;
	z-index: 100;
}

#CalendarControl table 
{
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 8pt;
	border: 1px solid #777777;
}

#CalendarControl th 
{
	text-align: center;
	font-weight: bold;
	background-color: #777777;
	color: #EEEEEE;
}

#CalendarControl th a 
{
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	padding: 1px;
	background-color: #777777;
	color: #EEEEEE;
}

#CalendarControl th a:hover 
{
	background-color: #CCCCCC;
	color: #EEEEEE;
}

#CalendarControl td 
{
	text-align: center;
}

#CalendarControl .header 
{
}

#CalendarControl .weekday,
#CalendarControl .weekday_today 
{
	border: 1px solid #FFFFFF;
	background-color: #EEEEEE;
	color: #000000;
}

#CalendarControl .saturday, 
#CalendarControl .saturday_today
{
	border: 1px solid #FFFFFF;
	background-color: #EEEEEE;
	color: #777777;
}

#CalendarControl .sunday, 
#CalendarControl .sunday_today
{
	border: 1px solid #FFFFFF;
	background-color: #EEEEEE;
	color: #FF0000;
}

#CalendarControl .current,
#CalendarControl .current_today 
{
	border: 1px solid #FFFFFF;
	background-color: #FF0000;
	color: #FFFFFF;
}

#CalendarControl .weekday_today,
#CalendarControl .sunday_today,
#CalendarControl .saturday_today,
#CalendarControl .current_today,
#CalendarControl .weekday,
#CalendarControl .sunday,
#CalendarControl .saturday,
#CalendarControl .current 
{
	display: block;
	text-decoration: none;
	width: 2em;
}

#CalendarControl .current:hover, 
#CalendarControl .current_today:hover 
{
	color: #000000;
	background-color: #FFFF00;
}


#CalendarControl .weekday:hover,
#CalendarControl .saturday:hover,
#CalendarControl .sunday:hover,
#CalendarControl .weekday_today:hover,
#CalendarControl .saturday_today:hover,
#CalendarControl .sunday_today:hover

{
	background-color: #FFFF00;
	border: 1px solid #FFFF00;
}

#CalendarControl .current_today,
#CalendarControl .weekday_today, 
#CalendarControl .saturday_today,
#CalendarControl .sunday_today,
#CalendarControl .current_today:hover,
#CalendarControl .weekday_today:hover, 
#CalendarControl .saturday_today:hover,
#CalendarControl .sunday_today:hover 
{
	border: 1px solid #000000;
}

#CalendarControl .previous 
{
	text-align: left;
}

#CalendarControl .next 
{
	text-align: right;
}

#CalendarControl .previous,
#CalendarControl .next 
{
	padding: 1px 3px 1px 3px;
	font-size: 1.4em;
	background-color: #CCCCCC;
}

#CalendarControl .previous a,
#CalendarControl .next a 
{
	text-decoration: none;
	font-weight: bold;
}

#CalendarControl .previous a:hover,
#CalendarControl .next a:hover 
{
	color: #EEEEEE;
	background-color: #777777;
}

#CalendarControl .title 
{
	text-align: center;
	font-weight: bold;
	color: #000000;
	background-color: #CCCCCC;
}

/* Cases des jours en dehors du mois */
#CalendarControl .empty 
{
	background-color: #CCCCCC;
	border: 1px solid #FFFFFF;
}



/* +++++++++++++++++++++++++++++ Select2 ++++++++++++++++++++++++++ */

.select2-container--default .select2-selection--single
{
	background-color: #FFFFFF;
	border: 1px solid #777777; 
	padding-left: 2px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered
{
    color: #000000;
    line-height: 19px; 
    font-size: small;
}