h1,h2,h3,h4,h5,h6 {font-family:Tahoma;font-style:normal;font-weight:normal;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;}
h1 {font-size:16pt;}
h2 {font-size:14pt;}
h3 {font-size:12pt;}
h4 {font-size:11pt;}
h5 {font-size:10pt;line-height:10pt;}
h6 {font-size:8pt;}
#blanc {color:white;}
a.bleuciel { FONT: arial, sans-serif; font-size: 9pt; font-weight: normal; color: #006699; font-style: normal; text-decoration:underline;}
a.lien	{ FONT: arial, sans-serif; font-size: 10pt; font-weight: bold; color: #000082; font-style: normal; text-decoration:none;}
a.lien:hover { FONT: arial, sans-serif; font-size: 10pt; font-weight: bold; color: #000082; font-style: normal; text-decoration: underline;}

a.bouton  	{font-family:Tahoma;font-style:normal;font-weight:normal; font-size:11pt;color: #000082; font-style: normal; text-decoration:none; background-color: #DDDDDD;border-style:solid; border-left-width:1px; border-right-width:1px; border-top-width:1px; border-bottom-width:1px; border-color:#708090;}
a.bouton:hover     { font-family:Tahoma;font-style:normal;font-weight:normal;font-size:11pt;  color: #000082; font-style: normal; text-decoration:none; background-color: #DDDDDD; border-color: #708090;border-style:solid; border-left-width:1px; border-right-width:1px; border-top-width:1px; border-bottom-width:1px; border-color:#708090;}
  .nomPage    		  { FONT: arial, sans-serif; font-size: 10pt; font-weight: bold; color: #000082; font-style: normal; text-decoration:none;}


.liseretTabBleu {border-style:solid; border-left-width:1px; border-right-width:1px; border-top-width:1px; border-bottom-width:1px; border-color:#708090;}
.liseretTabVert {border-style:solid; border-left-width:1px; border-right-width:0px; border-top-width:1px; border-bottom-width:0px; border-color:#66CC33;}
.liseretTabOrange {border-style:solid; border-left-width:1px; border-right-width:1px; border-top-width:1px; border-bottom-width:1px; border-color:#ffcc00;}
#grossepolice {font-size:16pt;}
#justifie {text-align:justify;}
#noir {color:black;}
#rouge {color:red;}
#vert {color:#008040;}
#vertgras {color:#008040;font-weight:bold;}
#justifiegras {text-align:justify;font-weight:bold}
#retrait1 {margin-left:10px;}
#retrait2 {margin-left:20px;}
#retjustifie {text-align:justify;margin-left:20px;margin-right:15px}
#retjustifiegras {text-align:justify;margin-left:20px;margin-right:15px;font-weight:bold}

/* ELEMENTS */
body {
  margin: 0;
  min-width: 980px;
  padding: 0 6px 10px;
}

/* Table */
.form-table textarea  {
  width: 100%;
}

.form-table .text-center {
  text-align: center;
}

/* CONTEXTUAL ACTIONS */
.action-links {
  border-bottom: 1px solid #999;
  margin-bottom: 10px;
  padding: 10px;
  text-align: right;
}

.action-links a {
  color: #006699;
  font-family: arial, sans-serif;
  font-size: 14px;
}

.action-links a img {
  vertical-align: middle;
  margin-right: 10px;
  transition: 0.2s;
}

.action-links a:hover img {
  margin-right: 5px;
}

/* ERROR CONTAINER */
.error-container {
  color: #f00;
  font-family: arial, sans-serif;
  font-size: 16px;
  padding: 5px;
  text-align: center;
}

/* MAIN MENU */
.menu {
  margin-bottom: 15px;
  text-align: center;
}

.menu > * {
  display: inline-block;
  font-family: arial, sans-serif;
  font-size: 12px;
}

.menu a {
  border: 1px solid #000;
  display: inline-block;
  height: 38px;
  line-height: 36px;
  min-width: 65px;
  padding: 0 10px;
  text-decoration: none;
}

.menu ul {
  font-size: 0;
  padding: 0;
}

.menu li {
  display: inline-block;
  font-size: 12px;
  margin-left: 1px;
}

.menu li a {
  background: #EDEBCB;
  border-radius: 10px 10px 0 0;
  color: #000;
}

.menu li a:hover, .menu li.current a {
  background: #006699;
  color: #fff;
}

.menu .logout {
  background: #006699;
  box-shadow: -4px 4px 1px 0 #666;
  color: #fff;
  margin-left: 20px;
}

/* CONTENT MENU */
.content-menu {
  background: #01538F;
  color: #fff;
  font-size: 0;
  list-style: none;
  text-align: right;
  padding: 0 10px 0 0;
}

.content-menu li {
  display: inline-block;
  font-size: 15px;
  vertical-align: middle;
}

.content-menu li.current {
  float: left;
}

.content-menu a {
  border-left: 1px solid #416c8c;
  color: #fff;
  display: inline-block;
  font-family: arial, sans-serif;
  height: 35px;
  line-height: 35px;
  padding: 0 10px;
  text-decoration: none;
}

.content-menu li:not(.current) a:hover {
  background: #fff;
  color: #01538F;
}

.content-menu .current a {
  border-left: none;
  cursor: default;
  font-size: 24px;
}

/* FORM */
.form-title {
  font-size: 24px;
  font-family: arial, sans-serif;
  margin: 10px 0 20px 10px;
}

fieldset {
  border-bottom: none;
  border-left: none;
  border-right: none;
}

legend {
  font-size: 18px;
  font-family: arial, sans-serif;
  padding: 0 1em;
  text-transform: uppercase;
}

.field-container {
  font-size: 0;
  margin: 0 0 10px 10px;
  max-width: 980px;
}
.field-container > * {
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  display: inline-block;
  font-size: 14px;
  font-family: arial, sans-serif;
  vertical-align: top;
}
.field-container .cke_chrome {
  display: inline-block;
}
.field-container label {
  line-height: 30px;
  width: 30%;
}
.field-container input[type="text"],
.field-container textarea,
.field-container select,
.field-container .cke,
.field-container .fake {
  margin-left: 2%;
  width: 68%;
}

.field-container input[type="text"] {
  height: 30px;
}

.field-container input[type="text"].small,
.field-container select.small {
  width: auto;
}

.field-container textarea {
  height: 100px;
  padding: 5px;
}

.field-container .picture-selector {
  overflow: auto;
}

.field-container .picture-selector + .picture-selector {
  margin-top: 5px;
}

.field-container .picture-selector img {
  float: left;
  margin-right: 10px;
}

.field-container .picture-selector img + div {
  margin-top: 20px;
}

.field-container .picture-selector img + div input {
  vertical-align: middle;
  margin-right: 5px;
}

.field-container .legend {
  font-size: 12px;
  font-style: italic;
  line-height: 30px;
  margin-left: 5px;
}


/* Guide tree */
.guide-tree {
  font-size: 16px;
  font-family: arial, sans-serif;
  max-width: 980px;
  padding-left: 30px;
}

.guide-tree dl,
.guide-tree ul {
  margin: 0;
}

.guide-tree dt,
.guide-tree li {
  border-left: 4px solid transparent;
  display: flex;
  height: 1.5em;
  line-height: 1.5em;
  padding: 0 3px;
}

.guide-tree dt:hover,
.guide-tree li:hover {
  border-left-color: #01538F;
}

.guide-tree .actions {
  align-items: center;
  display: flex;
  flex: 1;
  float: right;
  font-size: 1.2em;
}

.guide-tree .actions:before {
  align-self: center;
  border-bottom: 1px dotted #ccc;
  content: '';
  flex: 1;
  height: 0.6em;
  line-height: 0.5;
  margin: 0 5px;
}

.guide-tree a, .guide-tree i {
  color: #000;
  display: inline-block;
  line-height: 1.5em;
  text-decoration: none;
}

.guide-tree .actions a, .guide-tree .actions i {
  margin-left: 8px;
}

.guide-tree .actions a:first-child,
.guide-tree .actions a.no-space {
  margin-left: 0;
}

.guide-tree .actions a:hover {
  color: #01538F;
}

.guide-tree .actions .active {
  color: #090 !important;
}

.guide-tree .actions .indexable {
  color: #f97d11 !important;
}

.guide-tree .actions .inactive {
  color: #900 !important;
}

.guide-tree .actions .useless {
  visibility: hidden;
}

.guide-tree dl:first-child > dt .actions .no-first,
.guide-tree dl:last-child > dt .actions .no-last {
  visibility: hidden;
}

.guide-tree .separator {
  border-left: 1px solid #999;
  height: 1.2rem;
  font-size: 0;
  margin: 0 0 0 8px;
}

.guide-tree dl.inactive {
  background: #fee;
}

.guide-tree dl.indexable {
  background: #ffe7aa !important;
}

.guide-tree dd {
  border-left: 1px dashed #ccc;
  margin: 0 0 0 10px;
  padding-left: 15px;
}

.guide-tree ul {
  padding: 0;
}


.guide-tree dt.root {
  background: #edebcb;
  margin-top: 10px;
}


/*-------------------------*/
/*          List           */
/*-------------------------*/
.table-list {
  font-family: arial, sans-serif;
  margin: 0 auto;
  min-width: 970px;
  width: 80%;
}

.table-list td,
.table-list th {
  padding: 3px 5px;
}

.table-list thead th {
  background: #639ec9;
  color: #fff;
  text-align: left;
  border-bottom: 1px solid #333;
}

.table-list tbody tr:nth-child(odd) td {
  background: #e4e4e4;
}

.table-list tbody tr:hover td {
  background: #cec;
  cursor: pointer;
}

.table-list tbody tr .new {
  color: #090;
}

.table-list .action {
  text-align: center;
}

.table-list .action a {
  color: #000;
  font-size: 1.2em;
  margin: 0 5px;
  text-decoration: none;
}

.table-list .action a.icon-eye:hover {
  color: #006699;
}

.table-list .action a.icon-trash:hover {
  color: #f00;
}

.table-list .pager {
  border-top: 1px solid #333;
  padding-top: 10px;
  text-align: center;
}

.table-list .pager > * {
  display: inline-block;
  margin: 0 2px;
  padding: 3px;
}

.table-list .pager a {
  color: #000;
  text-decoration: none;
}

.table-list .pager a:hover {
  color: #006699;
}

.table-list .pager a.current {
  background: #006699;
  color: #fff;
  cursor: default;
}

.table-list .pager a.current:hover {
  color: #fff;
}

/*-------------------------*/
/*      Message view       */
/*-------------------------*/
.message-view {
  border-collapse: collapse;
  font-family: arial, sans-serif;
  margin: 0 auto;
  min-width: 970px;
  width: 60%;
}

.message-view td,
.message-view th {
  padding: 3px 5px;
}

.message-view thead tr > * {
  border-bottom: 1px solid #fff;
}

.message-view thead tr:last-child > * {
  border-bottom: 1px solid #333;
}

.message-view thead th {
  background: #639ec9;
  color: #fff;
  text-align: left;
}

.message-view iframe {
  border: none;
  min-height: 500px;
  width: 100%;
}

.message-view tfoot tr:first-child > * {
  border-top: 1px solid #333;
  text-align: right;
}

.message-view .btn {
  background: #edebcb;
  border-radius: 3px;
  color: #000;
  display: inline-block;
  font-family: arial, sans-serif;
  font-size: 20px;
  padding: 10px 15px;
  text-decoration: none;
}

.message-view .btn:hover {
  background: #006699;
  color: #fff;
}