@CHARSET "UTF-8";

/* Police sans-serif */
body { font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #212121;  background-color: #fafafa;}
a { color: #212121; text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }
button { margin-bottom: 10px; }
textarea {font-family: inherit; font-size: inherit; }

/* H1 */
h1 { color: #3f51b5; }

/* Taille de police JQuery UI */
.ui-widget { font-size: 0.9em; }

/* Tabulations */
.tabulation { padding-left: 10px; }

/* Padding global */
#body { padding: 0 10px;}

/* Entête */
#header { height: 50px; }

/* Menu de navigation */
/* #header-menu { margin-top: 10px; } */
#header-menu { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; }

#tablesorter-sticky { top: 55px !important; }
#body.popup #tablesorter-sticky { top: 0 !important; }

/* Filler de positionnement pour Ruban info et à défaut le Fil d'ariane */
#menu-filler { margin-top: 75px; }

/* Ruban info (affiché ou pas) */
#ribbon-info { width: 100%; text-align: center; background: rgb(255,100,100); color: white; padding: 4px; font-size: 0.8em; }

/* Fil d'ariane */
#breadcrumb { padding-top: 8px; margin-left: 10px; font-size: 0.7em; font-weight: bold; }

/* Encart utilisateur */
#infos-user { float: right !important; background-color: #cfd8dc;}
#a-logo { margin-top: 25px; margin-left: 25px; padding: 0px !important; width: 75px; height: 35px; background: transparent no-repeat bottom left; }
#a-logo:hover {background-position: top left; }

.limit-width {max-width: 1300px;}

/* Titre de la page */
#page-title { padding: 10px 0;}

/* Contenu */
#content { padding: 10px 0px; }

/* Pré-message aide formulaire */
.pre-message-form { margin: 5px auto; width: 620px; text-align: justify; line-height: 1.5em; font-size: 0.85em; color: #173797; }

/* Règles globales de formulaire */
.form { margin: 0 auto; border: 1px solid #ccc; padding: 10px 0 10px 50px; width: 570px; background-color: #ECEFF1; }
.form div { margin: 10px 0; }
.form-row { font-size: 0.9em; font-weight: bold; }
.form-row fieldset { border: 1px solid gray; padding: 10px; width: 90%; }
.form-row ul { list-style-type: none; text-align: center; font-size: 0.7em; font-weight: bold; color: red; }
.form-row > label, .form-row label > span { display: inline-block; margin-right: 10px; }
.form-row > label { min-width: 240px; }
.form-row > label > span { width: 240px; }
.form-row .required-mark { color: red; display: inline; }
.form-row input[type="text"], .form-row input[type="email"], .form-row input[type="password"], .form-row select, .form-row textarea { width: 250px; }
.form-row textarea { height: 50px; }
.form-row .demande-login { font-weight: normal; font-style: italic; }
.form-row .demande-login span { margin-left: 10px; }
.form-infos { text-align: center; font-size: 0.7em; font-weight: bold; color: red; }
.form-submit { text-align: center; }

/* Règles globales de filtres */
#div_filters { margin-bottom: 10px; border: 1px solid #ccc; background-color: #ECEFF1;}
#table_filters { border-collapse: collapse; width: 100%;}
#table_filters td { padding: 5px; font-size: 0.7em; font-weight: bold; }
#table_filters td.separator { width: 40px; }
#table_filters .filter_span { margin-right: 5px; font-weight: normal; white-space: nowrap;}
.ui-datepicker-trigger { margin-left: 5px; vertical-align: top; cursor: pointer; }
#table_filters .ui-datepicker-reset { vertical-align: middle; }
#filter_button, #reinit_filter_button { margin: 5px; }
#caption-dialog td { padding: 5px; font-size: 0.85em; }

/* Règles gloables de tablesorter */
.tablesorter-div { position: relative; }
.tablesorter-add { position: absolute; top: 0; left: 10px; }
.tablesorter-pager { width: 100%; text-align: center; }
.tablesorter-pager td { font-size: 0.75em; font-weight: bold; width: 33%; }
#tablesorter, #tablesorter-demandes { font-size: 0.8em; }
#tablesorter th, #tablesorter td, #tablesorter-demandes th, #tablesorter-demandes td { vertical-align: middle; }

/* Pied de page */
footer { margin-top: 10px; font-size: 0.6em; text-align:center}
#footer-separator {margin-bottom: 15px;}
footer ul { margin-bottom: 10px; }
.footerMenu {display: inline; margin:15px;}
.clear { clear: both; }
.ui-widget-overlay, .ui-dialog { z-index: 1000; }
.no-close .ui-dialog-titlebar-close { display: none; }
.float-left { float: left; }
.float-right { float: right; }
.margin-top-20 { margin-top: 20px; }

.parameters-global {font-size: 0.9em; font-weight: bold; padding-top: 5px; padding-bottom: 5px;}
.parameters-left {font-size: 0.8em; padding-left: 5px; padding-bottom: 5px;}
.parameters-right {font-size: 0.8em; padding-left: 5px; padding-bottom: 5px;}

.limit-width-delete {width: 215px !important;}
.column-center { text-align: center; }
.column-icon {width: 40px; max-width: 40px; overflow: hidden;}

.footer {
	padding-top: 13px;
	padding-bottom: 1px;
	border-top: solid lightgrey 1px;
}

.dllCGULink {font-weight: normal;}
.dllCGULink:hover {color: #3F51BD;}

.ui-datepicker-reset {
	vertical-align: middle;
    margin-left: 0px;
}