/*** --------------------- ***/
/***   BEIJI OFFICE 2025   ***/
/*** --------------------- ***/

   /******  COULEURS  ******
	Texte : #193219
	Highlight : #008080 
	Hover : #50d0c0 
	Active : #808000
	gris normal : #aa9
	gris clair : #ddc
	gris fonce : #554

   /* bleu JT    : #06b    */
   /* gris clair : #dcd0b6 */
   /* gris JT    : #aca38e */
   /* gris fonce : #5d594d */
   /* gris texte : #33312a */
   /* vert       : #808000    */
   /* magenta    : #b06    */
   /* jaune      : #ec1    */

/******* DECO SPECIALE *******/
.header-top {background:#008080 url('') repeat-x;} 
 	.header-start {background-color:#f4f5f0; padding:.2rem 0;}
 	.header-login {padding:.2rem; border-radius:.2rem; background:rgba(245, 244, 240, 0.8);}

/******* HTML *******/
a {color:#008080; text-decoration:none;}
	a:hover {color:#50d0c0;}
	a:active {color:#808000;}
body {margin:0; padding:0; background-color:#f4f5f0; font-family:"Roboto", sans-serif; font-size:100%; color:#000;}
	.iframe, .blank {background-color:transparent;}
div {position:relative; box-sizing:border-box;}
h1, h2 {font-family:"Roboto", sans-serif;}
	.iframe-title {margin-top:0;}
h1 {margin:0; padding:0; font-size:2em; font-weight:800;}
table {border-spacing:0; border:1px #d4d5d0 solid; background-color:#f4f5f0;}
	th {padding:.3em .5em; border-top:1px #f4f5f0 solid; border-bottom:1px #d4d5d0 solid; background-color:#e4e5e0; text-align:left;}
	thead th {border-top:none; background-color:#646560; border-bottom:1px #545550 solid; color:#fff;}
	td {padding:.3em .5em; border-top:1px #fff solid; border-bottom:1px #e4e5e0 solid;}
	caption {padding:.2em; background-color:#d4d5d0;}
blockquote {margin-left:3em;}
textarea {font-family:Arial, sans-serif;}
fieldset {border:1px #aa9 solid; margin:1em 0; padding:.5em; background-color:#ffd;}
	fieldset legend {font-weight:bold; color:#554;}
	fieldset fieldset {border:1px #d4d5d0 solid; background-color:#fff;}

input, textarea, select, button {font-size:100%;}
	@media screen and (max-width:1000px) {
		input, textarea, select, button {font-size:inherit;}
	}	


/***** CLASSES GENERIQUES  *****/

/* messages */
.help, .info {font-weight:normal; font-style:italic;}
.error {font-weight:bold; font-style:normal; color:#b60;}
.technicalError {padding:1em; border:.2em #f30 solid; background-color:#fdc; font-weight:bold; color:#f30;}
.warning {background-color:#fc6;}
.alert {background-color:#f66;}

/* boutons, liens & panneaux d'action */
.actions, .buttons, .formAction {width:fit-content; margin:1em 0; padding:.5em; background-color:#f4f5f0; border:1px #d4d5d0 solid;}
.actions:empty {display:none;}
.linkButtons {width:fit-content; margin:.5em 0; border:1px #008080 solid;}
.buttons input, .actions input, .formAction input, .actions .button, .formAction .button, .actions select, .formAction select {margin:.25em;}
.button, .buttons input[type="submit"], .formAction input[type="submit"], .buttons input, .formAction input[type="button"], .actions input[type="submit"], .actions input[type="button"] {padding:.4em 1em; background-color:#008080; border:none; color:#fff; text-transform:uppercase; font-size:85%;}
input[type="submit"].button, input[type="button"].button {border:none;}
a.button {vertical-align:bottom;} /* calage du loader - 11.2021 */

.button:disabled, .buttons input[type="submit"]:disabled, .formAction input[type="submit"]:disabled, .buttons input:disabled, .formAction input[type="button"]:disabled, .actions input[type="submit"]:disabled, .actions input[type="button"]:disabled {background-color:#e4e5e0; color:#a4a5a0;}


.adminAction, .adminActions input[type="submit"], .adminActions input[type="button"], .adminActions button {background-color:#b60!important;}

.actions h2, .buttons h2, .actions h3, .buttons h3 {margin:0 0 .5em 0;}
.actions p, .buttons p {margin:0 0 .5em 0;}
.linkButtons a, a.button {display:inline-block;}
.linkButtons a {padding:.5em; background-color:#008080; color:#fff;}

.button:hover, .buttons input[type="submit"]:hover, .buttons input[type="button"]:hover, 
	.actions input[type="submit"]:hover, .action input[type="button"]:hover, 
	.linkButtons a:hover {background-color:#50d0c0; color:#fff;}
.button:active, .buttons input[type="submit"]:active, .buttons input[type="button"]:active, 
	.actions input[type="submit"]:active, .actions input[type="button"]:active, 
	.linkButtons a:active {background-color:#808000; color:#fff;}
	
.action {display:flex; flex-direction:column; margin-right:.5em;} /*label + element de formulaire*/
.actions label {margin-left:.5em; text-transform:uppercase; font-size:85%;}
	.actions label:first-child, .actions br+label {margin-left:0;}

.cancel {background-color:#848580!important;}
	.cancel:hover {background-color:#636260!important;}
	.cancel:active {background-color:#808000!important;}
.delete {background-color:#f33!important;}
	.delete:hover {background-color:#f99!important;}
	.delete:active {background-color:#808000!important;}
.hidden, .Hidden {display:none;}

/* icones */
.icone {display:inline-block; max-width:24px; margin:0 .2em; padding:.2em .5em;}
.icone-delete {background-color:#eee; border:1px #ddd solid; color:#f30;}
	.icone-delete:hover {background-color:#f30; color:#fff;}
	.icone-delete:active {background-color:#808000; color:#fff;}
.icone-download {background-color:#008080; border:1px #fff solid; color:#fff;}
	.icone-download:hover {background-color:#50d0c0;}
	.icone-download:active {background-color:#808000;}

.icon, .close, .copy, .cut, .offset, .view, .edit, .trash, .print, .process, .settings, .move, .add, .up, .down, .time, .refresh, a.delete, .map
{display:inline-block; min-height:1.2em; padding:.2em 1em; border-radius:.2em; border:1px #e4e5e0 solid;}
.icon {background:#fff;} /* sans image */
.add {background:#fff url('/images/bo/16/add.png') no-repeat center;}
.close {background:#fff url('/office/images/icons/close.png') no-repeat center;}
.copy {background:#fff url('/office/images/icons/copy_page.png') no-repeat center;}
.cut {background:#fff url('/office/images/icons/cut.png') no-repeat center;}
.down {background:#fff url('/images/bo/16/arrow_down.png') no-repeat center;}
.edit {background:#fff url('/images/bo/16/edit.png') no-repeat center;}
.map {background:#fff url('/office/images/icons/map.png') no-repeat center;}
.move {background:#fff url('/office/images/icons/move.png') no-repeat center;}
.offset {background:#fff url('/office/images/icons/offset.png') no-repeat center;}
.print {background:#fff url('/office/images/icons/print.png') no-repeat center;}
.process {background:#fff url('/images/bo/16/process.png') no-repeat center;}
.refresh {background:#fff url('/office/images/icons/refresh.png') no-repeat center!important;}
.settings {background:#fff url('/office/images/icons/tools.png') no-repeat center;}
.time {background:#fff url('/images/bo/16/clock.png') no-repeat center;}
.trash, a.delete {background:#fff url('/images/bo/16/trash.png') no-repeat center;}
.up {background:#fff url('/images/bo/16/arrow_up.png') no-repeat center;}
.view {background:#fff url('/images/bo/16/info.png') no-repeat center;}

.refresh:disabled {background-color:#e4e5e0!important;}


.icon:hover, .close:hover, .copy:hover, .cut:hover, .offset:hover, .view:hover, .edit:hover, .print:hover, .process:hover, .settings:hover, .move:hover, .add:hover, .up:hover, .down:hover, .time:hover, .refresh:hover, .map:hover {background-color:#aef!important; border:1px #8ef solid;}
.trash:hover, a.delete:hover {background-color:#f44; border:1px #c44 solid;}
.icon:active, .view:active, .close:active, .copy:active, .cut:active, .offset:active, .edit:active, .trash:active, .print:active, .process:active, .settings:active, .move:active, .add:active, .up:active, .down:active, .time:active, .refresh:active, a.delete:active, .map:active {background-color:#fe8!important; border:1px #dc6 solid;}

.autosuggest {max-height:40em; overflow-y:scroll;}
.linkFollow {font-style:italic; text-align:right;}
	.linkFollow::after {content:"\203A"; margin-left:.3em; font-weight:bold;}
.linkBack {font-style:italic; text-align:left;}
	.linkBack::before {content:"\2039"; margin-right:.3em; font-weight:bold;}
.avatar-image {display:block; max-width:80px;}

/* tableaux */
.row-separator {height:.5em; background-color:#d4d5d0; border:none;}
.row-comment {background-color:#b4b5b0; color:#fff; font-style:italic;}
.figure, .price, .currency, .number, .quantity, .money {text-align:right;}
td.figure, td.price, td.currency, td.money {white-space:nowrap;}
.table-actions, .tableActions {text-transform:uppercase; font-size:80%;}
td .button {background-color:#a4a5a0;}
.row-total {text-align:right; font-weight:bold;}

.rotate {height:140px; white-space: nowrap;}
.rotate > div {transform:translate(16px, 57px) rotate(315deg); width:15px;}
.rotate > div > span {border-bottom: 1px solid #ccc; padding: 5px 10px; background-color: #e4e5e0;}

.sticky th {position:sticky; top:0;}

/* Tableaux de données */	
	.list th {background-color:#ddc; border-top:none; border-bottom:1px #aa9 solid;}
	.list thead th {position:sticky; top:0; z-index:20; background-color:#7a705b; border-bottom:1px #554 solid;}
	.list tr:nth-child(even) {background-color:#e4e5e0;}
	.list tr:nth-child(odd) {background-color:#f4f5f0;}
	.list td {border-top:none; border-bottom:1px #d4d5d0 solid;}
	.list .row-total th, .list .row-total td {background-color:#65640; color:#fff;}
	
/* Tableaux de données larges avec filtre */	
.listData {width:100%; table-layout:fixed;}
	.listData th {text-align:left; font-size:85%;}
	.listData th, .listData td {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.listData .LD-row:hover td {background-color:#008080; color:#fff;}
	.listData .LD-row:hover a {color:#fff;}
	.LD-expandedRow{background-color:#fff;}
		.LD-expandedRow table {margin-top:0;}
	.LD-filters {}
		.LD-filters th {padding:.2em;}
		.LD-filtersActions {text-align:right!important;}
		.LD-filters input, .LD-filters select {max-width:100%; box-sizing:border-box; font-size:80%;}
		.LD-filters input[name='filtId'] {}
		.LD-filters input[type='date'] {width:auto;}
		.LD-filters select[name='filtStatus'] {}
		.LD-filters input[type='submit'], .LD-filters input[type='button'] {margin-left:1em; padding:.1em 2em;}	

/* Tableaux de données alternatif - PROTOS - fonction expand/collapse 
	2022-08 : utilisé dans RB2 charterRequestOffer
*/
.dataList {}
	.dataList th,.dataList td {}
	.dataList th {background-color:#008080; color:#fff; text-align:left; text-transform:uppercase; font-weight:normal;}
	.dataList th.dataSeparator {background-color:#49d;color:#fff;text-align:left;text-transform:uppercase;border-bottom: 1px #000 solid;}
	.dataList td {border-top:1px #fff solid; border-bottom:1px #f4f5f0 solid;}
	.dataHeader+.dataRow {border:0;}
	.dataRow:hover td, .expanded td {background-color:#e5effa; border-bottom:1px #d5dfea solid; color:#008080;}
	.expanded td {background-color:#d5dfea;}
	.dataList h2 {margin:0;}
	.expanded td {border-top:1px #008080 solid;}
	.collapsed {visibility:collapse;}
	.dataSelect {width:1%;}
		.dataSelect a {display:block; width:1.2em; height:1.2em; margin-right:1em;}
			a.dataExpand, a.dataCollapse {color:#193219;}
			a.dataExpand:hover, a.dataCollapse:hover {color:#008080;}
			a.dataExpand:active, a.dataCollapse:active {color:#808000;}
			a.dataExpand:before {content:"\002bc8";}
			a.dataCollapse:before {content:"\002bc6";}

/* Vue en tuiles pour tableaux de bord */
.tile-group {width:29%; margin:1em 2%; background-color:#f4f5f0;}
	.tile-group-heading {display:flex; justify-content:space-between; padding:.5em; border-top:.2em #aa9 solid;}
		.tile-group-title {margin:0; text-transform:uppercase; font-size:150%; color:#aa9;}
	.tile-container {display:flex; flex-wrap:wrap; justify-content:center; }
	.tile {width:18vw; height:18vw; max-width:300px; max-height:300px; margin:1em; background-color:#e4e5e0; font-size:120%;}
		.tile > a {display:block; width:100%; height:100%;}
		.tile-content {position:absolute; display:none; width:96%; height:96%; top:2%; left:2%; overflow:hidden;}
		.tile-content .live-slide {position:absolute; display:flex; flex-direction:column; justify-content:space-between; width:100%; height:100%; top:0; left:0; overflow:hidden;}
		.tile-content:first-child {display:block;}		

@media screen and (max-width:800px) {
	.tile {width:25vw; height:25vw;}
}

@media screen and (max-width:600px) {
	.tile-group {width:100%; margin:1em 0;}
	.tile-group-title {padding:.3em; font-size:100%;}
	.tile {width:40vw; height:40vw;}
}

@media screen and (max-width:500px) {
	.tile {width:60vw; height:60vw;}
}
	
/* tableaux MVC */
.formLabel {background-color:#c4c5c0;}
.MVCControl {}
	.MVCControl label {padding-right:.5em; color:#646560;}
	.MVCControl input+label {padding-left:1em;}

.readOnly {background-color:transparent; border:1px #d4d5d0 solid; outline:none;}

.nav-pages {padding-top:.3em; border-top:1px #ccc solid;}
.page-selected {font-weight:bold; color:#000;} /*CRM.VIEW.1*/

/* divers */
.gmap3 div {position:unset;}
.loader {border:.5em solid #f4f5f0; border-radius:50%; border-top:.5em solid #008080; width:.25em; height:.25em; -webkit-animation:spin 2s linear infinite; animation:spin 2s linear infinite;}
/* Safari */
@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

.label {margin:0; color:#646560; text-transform:uppercase; font-size:85%;}

/******* SKIN *******/

/* Header */
.header {}
	.header-top {padding:.2rem 1rem; display:flex; justify-content:space-between;}
		.header-start {display:flex; border-radius:.3em;}
			.header-logo {width:50px; padding-left:5px;}
				.header-logo img {width:100%;}
		.startMenu {position:absolute; z-index:100; width:60px; height:50px; text-align:right; align-self:flex-end; }
			.startMenu:hover {border:1px #ddc solid; border-radius:.3em; box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,0.1); transition: all ease-in-out 400ms;}
				.startMenu-checkbox {display:none;}
				.startMenu-label {display:block; padding:28px 5px 0 50px; color:#aa9;}
				.startMenu-label:hover {color:#008080;}
				.startMenu-list {min-width:8em; margin:0; padding:0; border:1px #aa9 solid; border-radius:.3em; text-align:left; background-color:#fff; box-shadow:inset 0px 0px 15px 0px rgba(0,0,0,0.2);}
					.startMenu-list small {font-size:70%; padding-left:1rem;}
					.startMenu-list li {list-style-type:none; border-bottom:1px #f4f5f0 solid;}
						.startMenu-list li a {display:block; padding:.3em;}
						.startMenu-list li a:hover {background-color:#008080; color:#fff;}
			.startMenu-checkbox:not(:checked) + .startMenu-label span {display:inline-block; transition: all ease-in-out 200ms; transform:rotate(0deg);}
				.startMenu-checkbox:checked + .startMenu-label	{padding-top:5px;}
				.startMenu-checkbox:checked + .startMenu-label span	{display:inline-block; margin-top:25px; transition: all ease-in-out 200ms; transform:rotate(90deg);}
				.startMenu-checkbox:not(:checked) ~ .startMenu-list {display:none;}
				.startMenu-checkbox:checked ~ .startMenu-list {display:block;}

	.header-searchForm {margin:0 .5em 0 2em; align-self:center;}
		.header-searchForm form {white-space:nowrap;}
		.header-searchForm-text {max-width:10em; padding:.4em; border:1px #d4d5d0 solid; border-radius:.3em 0 0 .3em;}
		.header-searchForm-submit {border:1px #193219 solid; border-radius:0 .3em .3em 0; padding:.4em; background-color:#193219; color:#fff; text-transform:uppercase; }
		.header-searchForm-submit:hover {background-color:#008080;}
		.header-searchForm-submit:active {border:1px #000 solid; background-color:#000;}
	.header-login {font-size:80%; align-self:center;}

	.header-nav {}
		.toggle-nav, .toggle-nav-label {display:none;}
		.header-nav ul {display:flex; margin:0; padding:0}
		.header-nav li {list-style-type:none; text-transform:uppercase;}
			.nav1 ul {padding:.2em .5em 0 .5em; background-color:#193219; color:#fff; font-weight:bold; box-sizing:border-box;}
				.nav1 a {display:block; padding:.3em .9em; color:#fff;}
				.nav1 a:hover {text-decoration:none;}
				.nav1 .LinkSelected {background-color:#aa9; border-top-left-radius:.3em; border-top-right-radius:.3em;}
				.nav1 .LinkStandard:hover {background-color:#554; border-top-left-radius:.3em; border-top-right-radius:.3em;}
			.nav2 {min-height:.4em; background-color:#aa9;}
			.nav2 ul {background-color:#aa9; /*box-shadow: inset 0px -5px 10px 0px rgba(0,0,0,0.2);*/ color:#193219; font-size:.9em; font-weight:bold;}
				.nav2 a {display:block; padding:.3em .9em; color:#193219;}
				.nav2 .LinkSelected a {color:#fff;}
				.nav2 a:hover {color:#fff; text-decoration:none;}
				.nav2 .LinkSelected {background-color:#ddc;  box-shadow: inset 0px -5px 10px 0px rgba(0,0,0,0.2);}
				.nav2 .LinkStandard:hover {background-color:#ddc;  box-shadow: inset 0px -5px 10px 0px rgba(0,0,0,0.2);}

	.heading {display:flex; justify-content:space-between; align-items:center; padding-top:.5rem; background-color:#fff;}
	.heading-main, .heading-extra {display:flex;}

		.header-appIcon {width:4em; margin-left:1rem;}
		.header-title {display:flex; flex-direction:column; flex-grow:1; align-items:flex-start; margin-left:1.5rem; color:#193219;}
			.breadcrumb {padding-top:.2em; border-top:1px #aa9 solid; color:#aa9; font-size:75%; text-transform:uppercase;}
			.breadcrumb a {color:#aa9;}
				.breadcrumb a:hover {color:#008080;}
				.breadcrumb a:active {color:#50d0c0;}

/* menu hamburger */
.menu {display:flex; margin-right:1rem; padding:.5em; background-color:#f4f5f0; border-radius:2em;}
.menu-name {}
.menu-content {text-align:right;}
	.menu-content-checkbox {display:none;}
	.menu-content-label {border-radius:1em; padding:.2em .4em; font-size:160%; line-height:1em;}
	.menu-content-label:hover {color:#008080;}
	.menu-content-list {visibility:hidden; position:absolute; right:1rem; z-index:200; width:max-content; margin:0; padding:.5em; border:1px #d4d5d0 solid; background-color:#fff; box-shadow: 0.2em 0.2em 0.3em 0em #848580;}
	.menu-content-list li {list-style:none; padding:.1em 0; text-transform:uppercase; font-size:85%; text-align:left; color:#aa9;}
	.menu-content-checkbox:checked ~ .menu-content-list {visibility:visible;}
	.menu-content-list a {color:#000!important;}
	.menu-content-list a:hover {color:#008080!important;}
	.menu-content-list label {text-transform:uppercase; font-size:75%}
	
/* impressions */
header {display:flex; justify-content:space-between; align-items:flex-start; font-family: 'Myriad Pro', Calibri, sans-serif;}
	.header-mentions {font-size:8pt; color:#a4a5a0;}
	.companyLogo {max-width:4cm;}
	
@media screen and (max-width:1000px) {
	.nav1 a, .nav2 a {padding:.4em .6em; font-size:85%;}
}	

@media screen and (max-width:600px) {
	.header-top {flex-direction:column; align-items:center;}
		.header-logo {width:70px;}
		.startMenu {width:90px;}
			.startMenu-label {padding-left:75px;}
		.header-searchForm {font-size:75%;}
			.header-searchForm-text {width:70%;}
		.header-login {padding:0 .2rem;}

	.header-nav div {transform: translateZ(0); -webkit-transition:max-height .4s, overflow .4s; transition:max-height .4s, overflow .4s; will-change:max-height, overflow;}
		.header-nav > input:not(:checked) ~ div {max-height:0; min-height:0; overflow:hidden;}
		.header-nav > input:checked ~ div {overflow:visible;}
		.header-nav > label {display:block; position:absolute; top:-4em; right:.2em; z-index:1; height:4.5em; width:4.5em; 
		background:#000; border:0; border-radius:50%; text-align:center; font-size:.8em; color:#fff; 
		-webkit-tap-highlight-color:rgba(0, 0, 0, 0); -webkit-transition:.2s -webkit-transform cubic-bezier(0, 1.8, 1, 1.2); transition:.2s transform cubic-bezier(0, 1.8, 1, 1.2);}
		.header-nav > label:before {content:""; display:block; z-index:1; height:1.6em; width:2em; background-color:transparent; 
		background-image:-webkit-gradient(linear, left top, right top, from(#fff), to(#fff)), -webkit-gradient(linear, left top, right top, from(#fff), to(#fff)), -webkit-gradient(linear, left top, right top, from(#fff), to(#fff));
		background-image: -webkit-linear-gradient(left, #fff, #fff), -webkit-linear-gradient(left, #fff, #fff), -webkit-linear-gradient(left, #fff, #fff);
		background-image: linear-gradient(to right, #fff, #fff), linear-gradient(to right, #fff, #fff), linear-gradient(to right, #fff, #fff);
		background-position:center top, center, center bottom; background-repeat:no-repeat; -webkit-background-size:2em .3em; background-size:2em .3em;
		margin:.8em auto 0; padding:0; outline:0; border:0; cursor:pointer;
		-webkit-tap-highlight-color:rgba(0, 0, 0, 0); -webkit-transition:.2s cubic-bezier(0, 1.8, 1, 1.2); transition:.2s cubic-bezier(0, 1.8, 1, 1.2); transition-property:background;}
		.header-nav > label:hover {background-color:#554;}
		.header-nav > input:checked + label {-webkit-transform:scale(.8); transform:scale(.8); background-color:#554;}
		.header-nav > input:checked + label::before {background-position: center, center, center;}
		.header-nav {display:flex; align-items:flex-start; background-color:#554;}
		.nav1, .nav2 {width:50%; min-height:0; }
		.header-nav ul {flex-direction:column; padding:0;}
		.header-nav li, .nav1 a {float:none; text-align:center;}
		.nav1 a {padding:1em; border-bottom:1px #554 solid;}
		.nav1 li.LinkSelected {-moz-border-radius:0; border-radius:0;}
		.nav1 li.LinkStandard:hover {-moz-border-radius:0; border-radius:0;}
		.nav2 li {padding:0; border-left:1px #554 solid;}
		.nav2 a {display:block; padding:.6em 1em; border-bottom:1px #fff solid;}
		.nav2 a:hover {background-color:#554;}	
	
	.heading {font-size:80%;}
		.heading h1 {line-height:1.2em; font-size:160%;}
	.header-appIcon {width:2.5em; margin-left:1rem;}
	.header-title {margin-left:.5rem; }
	.menu {margin-right:.5rem;}

}	
	
/* Footer */
.footer {background-color:#008080;}
	.footer-copyright {margin:0; padding:.6em 1rem; text-align:right; background-color:#646560; font-size:75%; color:#fff;}

/* Content */
.content {background-color:#fff; padding:1em 1rem;}

@media screen and (max-width:1000px) {
	.content {padding:1em .5rem; font-size:85%;}
	.blank .content {padding:0;}
}	

/* ecran partage - 11.2021 */
.sideview  {background-color:#fff;} /* old - protos? */
	.sideview  #content {width:100%;} /* old - protos? */
	.sideview  #content h1 {min-height:auto;} /* old - protos? */

.splitview  {display:flex; flex-wrap:wrap; justify-content:space-between; width:100%;}
	.mainview  {width:49%;}
	.sideview  {width:49%; min-height:70vh;}
		.sideview-tabs {display:flex; width:100%; list-style:none; margin:0; padding:0; border-bottom:2px #343530 solid; font-size:85%;}
			.sideview-tabs li {margin-left:.3em; text-transform:uppercase; color:#fff;}
				.sideview-tabs li a {display:block; height:100%; border-radius:.4em .4em 0 0; padding:.3em .5em .2em .5em; background-color:#aa9; color:#fff; text-decoration:none; box-sizing: border-box;}
				.sideview-tabs li:hover a {display:block; background-color:#008080;}
			.sideview-tabs li.LinkSelected a, .sideview-tabs li.LinkStandard:hover a {background-color:#343530;}
		.sideview-content {height:96%; background-color:#fff; padding:.5em; border:1px #343530 solid;} 
			.sideview-iframe {width:100%; height:100%; border:0;} 
		.sideview-body {background-color:transparent; font-size:85%;}
			.sideview-container {}

@media screen and (max-width:1000px) {
	.splitview  {flex-direction:column;}
	.mainview, .sideview  {width:100%;}
	.sideview  {margin-top:2em;}
}

/* filter UI */
.filterUI {display:flex;}
.actions.filterUI {padding:0;}
	.filterUI-section {padding:.1em .3em; border-right:1px solid #e4e5e0; border-left:1px solid #fff;}
	.filterUI-section:first-child {border-left:none;}
	.filterUI-section:last-child {border-right:none;}
	.filterUI label+input[type=checkbox] {margin-left:1em;}
	.filterUI input[type=submit] {margin-left:1em;}
	.filterUI-section a.button {vertical-align:inherit;}

@media screen and (max-width:1000px) {
	.filterUI {flex-wrap:wrap;}
		.filterUI-section {border-right:none;}
}

/* Transitions */
.allowedTransition {list-style-type:none;}

/*** Media Print ***/
/*-----------------*/
@media print {
	body {background-color:transparent;}
	h1 {font-size:1.6em;}
	.header-top, .header-nav, .LinkStandard, .actions, .BO-formAction, .linkButtons, .BC-actions, .menu-content {display:none;}
	.header-appIcon {width:3em;}
	.content {font-size:85%;}
	.footer {background-color:transparent; border-top:1px solid #646560;}
		.footer-copyright {background-color:transparent; color:#000; text-align:center;}

}

/******* LOGIN *******/

.ikUserID {display:flex; justify-content:space-between; margin-top:2em;}
	.ikUserIDExisting, .ikNewAccount {}
	.ikFormItem {display:flex; justify-content:flex-end; margin-bottom:1em; text-align:right;}
	.ikFormItem label {margin-right:.5em; text-align:right; text-transform:lowercase;}
	.ikFormItem input, .ikFormItem select, .ikFormItem textarea {width:75%; padding:.4em; box-sizing:border-box;}	

	.ikUserIDExisting {width:40%;}
		.ikUserIDExisting h3 {margin:0 0 .5em 0; padding:0; border:0; background-color:transparent;}
		.ikUserLogin {margin-bottom:1em; padding:.5em; border:1px #ddd solid;background-color:#fafafa;}
			.ikUserLogin-OAuth2 {padding:.5em; border:1px #ccc solid; border-radius:0 0 1em 0; background-color:#e4e5e0; text-align:center;}
			.ikUserLogin-OAuth2:hover {background-color:#008080; color:#fff;}
				.ikUserLogin-OAuth2 p {margin:0;}
				.ikUserLogin-OAuth2 p+p {margin-top:.5em;}
		.ikUserLogin .errorMessage:empty {display:none;}

	.ikNewAccount {width:57%;}
		.ikUserIDImage {width:100%;}

@media screen and (max-width:800px) {
	.ikUserID {flex-direction:column; align-items:stretch;}
		.ikUserIDExisting, .ikNewAccount {width:100%;}
}
	
/************  APPLIS  ************/
/**********************************/	


/******* Admin Jacqueson : ADM *******/
	
/* Admin portal */
.ADM-portal {}
	.ADM-portal .header-top {border-bottom:1px #e4e5e0 solid;}
	.ADM-portal .content {background-color:#f4f5f0;}

.ADM-home {display:flex; flex-direction:row-reverse; justify-content:flex-end; align-items:flex-start;}
	.ADM-home-appIcons {flex:1; position:sticky; top:0;}
		.ADM-home-appIcon {max-width:200px; max-height:200px; border:1px #ccc solid; border-radius:.5em; background:url('/office/images/appicons/appli.png') no-repeat; background-size:100% 100%; box-shadow: 0.2em 0.2em 0.6em #ccc; overflow:hidden; font-size:120%;}
			.ADM-home-appIcon:hover {border:1px #008080 solid; background:url('/office/images/appicons/appli-hover.png') no-repeat; background-size:100% 100%; box-shadow: 0.2em 0.2em 0.6em #008080;}
		.ADM-home-appIcon img {position:absolute; width:100%;}
		.ADM-home-appIcon p {position:absolute; bottom:0; width:100%; margin:0; padding:.5em 1em; background-color:rgba(255, 255, 255, 0.7); text-align:center; box-sizing:border-box;}
		.ADM-home-appIcon:hover p {background-color:rgba(0, 102, 187, 0.7);}
		.ADM-home-appIcon:hover a {color:#fff;}
	.ADM-home-appList {width:fit-content;margin:-1em 3% -1em -1rem; padding:.5em 1em; background-color:#e4e5e0;}
	.ADM-home-appList-table {width:100%; border:none; background-color:#e4e5e0;}
		.ADM-home-appList-group {padding-top:1.5em; background-color:transparent; border-top:none; color:#aa9; font-size:85%; text-transform:uppercase;}
		.ADM-home-appList-link {border:none; padding:.1em 0;}
			.ADM-home-appList-link img {width:1em; margin-right:.5em; vertical-align:-.1em;}
			.ADM-home-appList-link .spacer {padding-right:1.5em;}
			.ADM-home-appList-link-page {font-weight:bold;}
			.ADM-home-appList-link a {display:block; padding:.1em .5em; border-radius:1em; color:#000;}
			.ADM-home-appList-link a:hover {background-color:#d4d5d0;}
.ADM-links-table {}
	.ADM-links-section {border-left:1px solid #d4d5d0;}
	.ADM-links-sections th {border-left:1px solid #c4c5c0; background-color:#d4d5d0;}


.ADM-link-table input, .ADM-link-table select {width:100%; box-sizing:border-box;}
	.ADM-link-table label {display:block;}
	.ADM-link-name {font-weight:bold;}
	.ADM-link-page {max-width:15em;}
	.ADM-link-iconOrder, .ADM-link-listOrder {max-width:5em;}
	
@media screen and (max-width:600px) {
	.ADM-portal .header-top {width:100%;}
	.ADM-portal .header-login {}
	.ADM-home {flex-direction:column;}
		.ADM-home-appIcons {position:relative ;width:100%;}
			.ADM-home-appIcon {width:40vw; height:40vw; margin:1vw;}
		.ADM-home-appList {width:100%; margin:2em 0 0 0;}
			.ADM-home-appList-group {padding-top:2em;}
			.ADM-home-appList-link {border-bottom:1px solid #e4e5e0; padding:.2em 0;}

}	

/* Admin Dashboard */

.ADM-dashboard {display:flex; flex-wrap:wrap;}
	.ADM-dashboard-tile-name {margin:0; font-weight:normal; line-height:1em;}
	.ADM-dashboard-tile-value {margin:0; font-weight:bold; font-size:140%; color:#554; text-align:center;}
		.ADM-dashboard-tile-value small {font-weight:normal; font-size:70%; vertical-align:text-top; color:#aa9;}
	.ADM-dashboard-tile-graph {margin:0; padding:.5em; background-color:#fff; text-align:center;}
	.ADM-dashboard-tile-label {margin:0; text-align:right; font-size:85%;}
	.ADM-dashboard-settings {width:100%;}

.ADM-dashboard .dc-chart {float:none!important; padding:.5em;}
.dc-table-label {border-top:none; font-weight:bold;}
.dc-table-column {border-top:none;}
.dc-data-table {}
	.dc-data-table .dc-table-label {background-color:#f4f5f0;}
	.dc-data-table .dc-table-column._0, .dc-table-column._1 {font-size:85%;}
	.dc-data-table .dc-table-column._4 {text-align:center;}
	.dc-data-table .dc-table-column._6 {text-align:right;}
.dc-sumup-table {}
.dc-sumup-table .dc-table-column._1 {text-align:right;}
	
@media screen and (min-width:1200px) {
	.dashboard-tile-name {font-size:150%;}
	.dashboard-tile-value {font-size:300%;}
}

@media screen and (max-width:700px) {
	.dashboard-tile-name {font-size:85%;}
	.dashboard-tile-value {font-size:160%;}
	.dc-data-table {overflow-x:scroll;}
}

/* Admin short URLs */
.ADM-shortURLs-table {}
	.ADM-shortURLs-name, .ADM-shortURLs-usageCount {font-weight:bold;}
	.ADM-shortURLs-validity, .ADM-shortURLs-lastUse {font-size:85%; color:#646560;}
	.ADM-shortURLs-usageCount {font-family:monospace; font-size:120%;}

.ADM-shortURL-table {}
	.ADM-shortURL-table #Code {font-weight:bold;}
	.ADM-shortURL-table #UsageCount {width:5em; border:none; font-weight:bold;}
	.ADM-shortURL-table #ValidityStartCell input {width:7em;}
	.ADM-shortURL-table #URLCell {width:40em;}
		.ADM-shortURL-table #Name, .ADM-shortURL-table #URL {width:100%; box-sizing:border-box;}
		.ADM-shortURL-table #Code {width:8em;}
.ADM-shortURL-qr {display:flex; flex-direction:column; align-items:center; width:fit-content; margin:0 2em; border:2px solid #000; padding:2em;}
	.ADM-shortURL-qr p {margin-bottom:0; font-size:85%;}


/******* Extranet agence : XNA *******/
/*-----------------------------------*/

.XNA-agencyContacts-options {max-width:500px;}

.XNA-hrTasks {}
	.XNA-hrTasks-overdue {background-color:#fdc; font-weight:bold; border-bottom:1px #fcb solid;}
	.XNA-hrTasks-overdue a {color:#930;}
	.XNA-hrTasks-status {display:inline-block; width:1em; height:1em; line-height:1em; font-size:1em; background-color:#fff; border:1px #ddd solid;}
	.XNA-hrTasks-status-check {color:#3f0;}
	.XNA-hrTasks-overdue .XNA-hrTasks-status-uncheck {border:1px #c30 solid;}

	.XNA-hrAlerts {}
		td.XNA-hrAlerts-status {color:#fff;}

/* Bons cadeaux */
.XNA-presents {}
.XNA-presents-list {}
	.XNA-presents-list-actions {display:flex; justify-content:space-between;}
		.XNA-presents-list-action-edit {font-family:monospace; font-size:100%; margin-right:.5em;}
		.XNA-presents-list-action-print {font-size:140%; line-height:1;}
	.XNA-presents-list-used {text-align:center;}
	.XNA-presents-list-used-non {background-color:rgb(255,180,200,.5);}
	.XNA-presents-list-used-non a {font-weight:bold;}

/**** Planning RH ****/

/* hrPlanning home */
.XNA-hrPlanning-teams {display:flex; flex-wrap:wrap; justify-content:center; margin:0 0 1em 0; padding:0; border-bottom:2px solid #646560;}
	.XNA-hrPlanning-team {list-style-type:none; margin:.4em .2em 0 .2em; text-transform:uppercase; font-size:85%;}
		.XNA-hrPlanning-team a {display:block; padding:.3em .5em; background-color:#e4e5e0; border-radius:0 .5em 0 0;}
		.XNA-hrPlanning-team a:hover {background-color:#008080; color:#fff;}
		.XNA-hrPlanning-team.LinkSelected a {background-color:#646560; border-radius:0 .3em 0 0; color:#fff;}

.XNA-hrPlanning {display:flex; flex-direction:row-reverse; justify-content:space-between;}
.XNA-hrPlanning-actions {margin-left:2em;}
	.XNA-hrPlanning-actions-dateForm {width:100%;}
		.XNA-hrPlanning-actions-dateForm input[type="submit"] {margin-left:.4em;}
	.XNA-hrPlanning-actions-dateNav {width:100%; margin-top:.5em;}
		.XNA-hrPlanning-actions-dateNav-isAdmin {background-color:#e4e5e0;}
		.XNA-hrPlanning-actions-dateNav-previous {white-space:nowrap;}
		.XNA-hrPlanning-actions-dateNav-label {text-transform:uppercase; text-align:center;}
		.XNA-hrPlanning-actions-dateNav-next {text-align:right;white-space:nowrap;}
	.XNA-hrPlanning-actions-links {padding:0;}
		.XNA-hrPlanning-actions-links li {list-style-type:none; text-align:center; margin-bottom:.5em;}
		.XNA-hrPlanning-actions-links li a {display:block; border:1px solid #d4d5d0; padding:.2em;}
		.XNA-hrPlanning-actions-links li a:hover {border:1px solid #008080; background-color:#008080; color:#fff;}
		.XNA-hrPlanning-actions-links li a:active {border:1px solid #808000; background-color:#808000; color:#fff;}

.XNA-hrPlanning-form {flex:1;}
.XNA-hrPlanning-table {border:none;}
	.XNA-hrPlanning-table-invisibleCell {border-right:1px #ccc solid; background-color:#fff;}
	.XNA-hrPlanning-table-dayRow {}
		.XNA-hrPlanning-table-dayRow-date {position:sticky; top:0; z-index:100; padding:.1em; border-top:1px #c4c5c0 solid; border-right:1px #c4c5c0 solid; font-weight:normal; text-align:center; line-height:1em; background-color:#f4f5f0; box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4); color:#000;}
			.XNA-hrPlanning-table-dayRow-dayName {font-size:85%;}
			.XNA-hrPlanning-table-dayRow-dayNumber {font-size:140%; color:#008080;}
			.XNA-hrPlanning-table-dayRow-monthName {text-transform:uppercase; font-size:85%;}
			.XNA-hrPlanning-table-dayRow-today {background-color:#646560; color:#fff;}
			.XNA-hrPlanning-table-dayRow-today .XNA-hrPlanning-table-dayRow-dayNumber {color:#fff;}
	.XNA-hrPlanning-table-groupRow {}
		.XNA-hrPlanning-table-groupRow-title {padding:.1em .5em; border-top:2px #848580 solid;}
	.XNA-hrPlanning-table-dispatchRow {}
		.XNA-hrPlanning-table-dispatchRow-employee {font-weight:normal;}
			.XNA-hrPlanning-table-dispatchRow-employee-lastName {text-transform:uppercase;}
		.XNA-hrPlanning-table-dispatchCell {width:13%; vertical-align:top; padding:.2em; border-right:1px #d4d5d0 solid;}
		.XNA-hrPlanning-table-dispatchCell:hover {background-color:#008080;}
		.XNA-hrPlanning-table-dispatchCell-today {background-color:#848580;}
		.XNA-hrPlanning-editMode .XNA-hrPlanning-table-dispatchCell {font-size:85%;}
		.XNA-hrPlanning-table-dispatchCell-content {max-width:400px;}
			.XNA-hrPlanning-table-dispatchCell-activity {min-height:4em; padding:.2em; background-color:#50d0c0; border-radius:.4em; color:#fff; text-align:center;}
				.XNA-hrPlanning-table-dispatchCell-activity h3 {margin:0; font-size:100%;}
				.planningTime {display:inline-block; width:7em; padding:.2em;background-color:rgba(255, 255, 255, .2); border-radius:.4em; font-size:90%; font-family:monospace;}
			.XNA-hrPlanning-table-dispatchCell-activity0 {min-height:6.2em;} /* journee */
			.XNA-hrPlanning-table-dispatchCell-activity1 {min-height:3em;} /* matin */
			.XNA-hrPlanning-table-dispatchCell-activity2 {min-height:3em; margin-top:.2em;} /* apres-midi */
			.XNA-hrPlanning-table-dispatchCell-sourceLayer0 {} /* indefini */
			.XNA-hrPlanning-table-dispatchCell-sourceLayer1 {} /* d'apres roulement */
			.XNA-hrPlanning-table-dispatchCell-sourceLayer2 {} /* demande de changement */
			.XNA-hrPlanning-table-dispatchCell-sourceLayer3 {border:2px #a03 solid;} /* modification manuelle */
			.XNA-hrPlanning-table-dispatchCell-status-rest {color:#803; background-color:#f69;}
			.XNA-hrPlanning-table-dispatchCell-status-rest2 {color:#fff; background-color:#c69;}
			.XNA-hrPlanning-table-dispatchCell-status-holiday, .XNA-hrPlanning-table-dispatchCell-status-other {color:#840; background-color:#fc0;}
			.XNA-hrPlanning-table-dispatchCell-status-sick {background-color:#9c3;}
			.XNA-hrPlanning-table-dispatchCell-status-emptyday {background-color:#fff; color:#848580;}
		.XNA-hrPlanning-table-dispatchCell-location {text-align:center; font-size:85%; text-transform:uppercase;}
		.XNA-hrPlanning-table-dispatchCell-today .XNA-hrPlanning-table-dispatchCell-location {color:#fff;}
		.XNA-hrPlanning-table-dispatchCell-pendingChange {}
			.XNA-hrPlanning-table-dispatchCell-pendingChange a {display:block; background-color:#c30; animation:ST25 3s infinite; margin-top:.2em; padding:.1em .2em; font-size:70%; color:#fff;}
				.XNA-hrPlanning-table-dispatchCell-pendingChange strong {font-size:125%;}

.XNA-hrPlanning-table-dispatchCell-edit {}
	.XNA-hrPlanning-table-dispatchCell-edit-activity {padding-bottom:.4em; border-bottom:1px solid #c4c5c0; text-align:center;}
	.XNA-hrPlanning-table-dispatchCell-edit-activity + .XNA-hrPlanning-table-dispatchCell-edit-activity {padding-top:.4em; border-top:1px solid #fff; border-bottom:none;}
	.XNA-hrPlanning-table-dispatchCell-today .XNA-hrPlanning-table-dispatchCell-edit-activity {border-bottom:1px solid #686460;}
	.XNA-hrPlanning-table-dispatchCell-today .XNA-hrPlanning-table-dispatchCell-edit-activity + .XNA-hrPlanning-table-dispatchCell-edit-activity {border-top:1px solid #a4a5a0;}
	.XNA-hrPlanning-table-dispatchCell:hover .XNA-hrPlanning-table-dispatchCell-edit-activity {border-bottom:1px solid #038;}
	.XNA-hrPlanning-table-dispatchCell:hover .XNA-hrPlanning-table-dispatchCell-edit-activity + .XNA-hrPlanning-table-dispatchCell-edit-activity {border-top:1px solid #69b;}
		.XNA-hrPlanning-table-dispatchCell-edit-activity-times {margin-top:.2em; text-align:center;}
		.XNA-hrPlanning-table-dispatchCell-edit-activity-times input {width:3em; text-align:center;}
		.XNA-hrPlanning-table-dispatchCell-edit-activity-location {width:100%; box-sizing:border-box;}
.XNA-hrPlanning-table-dispatchRow-total {}
.XNA-hrPlanning-table-dispatchRow-total-value {width:3em; text-align:center; font-weight:bold;}


/* hrPlanning mode view */
.XNA-hrPlanning-recapForm {}
	.XNA-hrPlanning-recapForm label {display:inline-block; padding-right:.5em;}

.XNA-hrPlanning-period {margin-top:0; text-align:center;}
.XNA-hrPlanning-dispatch {display:flex;}

.XNA-hrPlanning-view {margin-bottom:1em;}

.XNA-hrPlanning-view-dayRow-date {border-right:1px #fff dotted; font-weight:normal!important; text-align:center; line-height:.9em;}
	.XNA-hrPlanning-view-dayRow-date a {color:#000;}
	.XNA-hrPlanning-view-dayRow-date:hover {background-color:#008080;}
	.XNA-hrPlanning-view-dayRow-date:hover a {color:#fff;}
	.XNA-hrPlanning-view-dayRow-dayName {font-size:85%;}
	.XNA-hrPlanning-view-dayRow-dayNumber {font-size:140%; color:#008080;}
		.XNA-hrPlanning-view-dayRow-date:hover a .XNA-hrPlanning-view-dayRow-dayNumber {color:#fff;}
	.XNA-hrPlanning-view-dayRow-monthName {text-transform:uppercase; font-size:85%;}
.XNA-hrPlanning-view-dayRow-date-sunday {background-color:#c4c5c0; border-right: 4px #fff solid;}
.XNA-hrPlanning-view-dayRow-today {background-color:#008080; color:#fff;}
	.XNA-hrPlanning-view-dayRow-today a {color:#fff;}
	.XNA-hrPlanning-view-dayRow-today a .XNA-hrPlanning-view-dayRow-dayNumber {color:#fff;}
.XNA-hrPlanning-view-weekRow th {background-color:#d4d5d0; padding:.1em .4em; border-right:4px #fff solid; color:#fff;}
.XNA-hrPlanning-view-weekRow-even {background-color:#aa9!important;}
.XNA-hrPlanning-view-weekRow-odd {background-color:#554!important;}

.XNA-hrPlanning-view-dispatchRow-groupRow-title {padding:.2rem .2rem .2rem 1em; background-color:#d4d5d0; font-size:85%; border-top:1px #b4b5b0 solid;}

.XNA-hrPlanning-view-dispatchCell {width:2.5em; height:1em; padding:.1rem; border-right:1px #fff dotted; font-size:85%; font-weight:bold; text-transform:uppercase; text-align:center;}
.XNA-hrPlanning-view-dispatchRow-morning td {border-top:1px #fff solid; border-bottom:0;}
 .XNA-hrPlanning-view-dispatchRow-morning th {border-top:1px #fff solid; border-bottom:1px #fff solid;}
.XNA-hrPlanning-view-dispatchRow-afternoon td, .XNA-hrPlanning-view-dispatchRow-afternoon th {border-bottom:1px #fff solid; border-top:0;}

.XNA-hrPlanning-view-dispatchRow-employee {border-right:4px #fff solid; white-space:nowrap;}

.XNA-hrPlanning-status-emptyday {background-color:#fff; border-right:1px solid #fff;}
.XNA-hrPlanning-status-tour {background-color:#8f8; text-overflow: ellipsis;white-space: nowrap; overflow:hidden}
.XNA-hrPlanning-status-work {background-color:#50d0c0;}
.XNA-hrPlanning-status-workext {background-color:#9df;}
.XNA-hrPlanning-status-rest {background-color:#f69;}
.XNA-hrPlanning-status-rest2 {background-color:#f69;}
.XNA-hrPlanning-status-holiday {background-color:#fc0;}
.XNA-hrPlanning-status-sick {background-color:#9c3; color:#fff;}
.XNA-hrPlanning-status-other {background-color:#eee;}
.XNA-hrPlanning-status-sunday {background-color:#c39; border-right: 4px #fff solid;}

th.tour {white-space: nowrap; text-overflow: ellipsis; text-align:left}

.XNA-hrPlanning-view-statusLegend {margin:0 .0 1em .5em;}
	.XNA-hrPlanning-view-statusLegend td {padding:.1em .2em; font-size:85%;}

.XNA-hrPlanning-counters td, .XNA-hrPlanning-counters th {padding:.1em .2em;}
.XNA-hrPlanning-counters th {}
.XNA-hrPlanning-counters td {border-top:1px solid #fff; border-bottom:1px solid #c4c5c0; border-left:1px solid #c4c5c0; text-align:right;}
.XNA-hrPlanning-counters tr:nth-child(odd) {background-color:#e4e5e0;}
.XNA-hrPlanning-counters tr:nth-child(even) {background-color:#d4d5d0;}
.XNA-hrPlanning-counters-activity {background-color:transparent; white-space:nowrap;}
.XNA-hrPlanning-counters-employee {max-width:6em; background-color:#cec5af; border-left:1px solid #aa9; text-align:center;}
.XNA-hrPlanning-counters-employeesActivities {background-color:#cec5af!important;}
.XNA-hrPlanning-counters-employeesTimes {background-color:#dfd6bf!important; border-left:none!important;}
.XNA-hrPlanning-counters .row-total th, .XNA-hrPlanning-counters .row-total td {background-color:#646560!important; color:#fff;}
	
/* hrReport */
.XNA-hrPlanning-report {}
	.XNA-hrPlanning-report .XNA-hrPlanning-table-dispatchCell-activity {min-height:auto;}

/* demandes */
.XNA-hrPlanning-requests {}
	.XNA-hrPlanning-requests-employee {font-weight:bold;} 
	td.XNA-hrPlanning-requests-status {text-transform:uppercase; font-size:85%; color:#fff;} 
		.hrRequestStatus0 {background-color:#666;}  
		.hrRequestStatus1 {background-color:#008080;}  
		.hrRequestStatus10 {background-color:#808000;}  
		.hrRequestStatus11 {background-color:#b30;}  
		.hrRequestStatus20 {background-color:#aa9;}

/* collaborateurs */
.XNA-hrPlanning-employees {}
  .XNA-hrPlanning-employees-firstname, .XNA-hrPlanning-employees-lastname {font-weight:bold;}

.XNA-hrPlanning-employee {width:100%; max-width:600px;}
	.XNA-hrPlanning-employee input {width:100%;}
	.XNA-hrPlanning-employee #FirstName, .XNA-hrPlanning-employee #LastName {font-weight:bold;}
	.XNA-hrPlanning-employee-Id {color:#666;}
	.XNA-hrPlanning-employee #Address {width:100%; box-sizing:border-box;}
  	.XNA-hrPlanning-employee-City-container, .XNA-hrPlanning-employee-Birth-container, .XNA-hrPlanning-employee-Dates-container {display:flex;}
	.XNA-hrPlanning-employee #Zip {width:4em;}
	.XNA-hrPlanning-employee #DateBegin, .XNA-hrPlanning-employee #DateEnd, .XNA-hrPlanning-employee #BirthDate {width:6em;}

	
@media screen and (max-width:1600px) {
	.XNA-hrPlanning-editMode {flex-direction:column-reverse;}
		.XNA-hrPlanning-editMode .XNA-hrPlanning-actions {margin-left:0;}
	.XNA-hrPlanning-dispatch {flex-direction:column; align-items:flex-start;}
}

@media screen and (max-width:1100px) {
	.XNA-hrPlanning {flex-direction:column-reverse;}
	.XNA-hrPlanning-actions {margin-left:0;}
}

@media screen and (max-width:800px) {
	.XNA-hrPlanning-form {overflow-x:scroll;}
	  .XNA-hrPlanning-employee-City-container, .XNA-hrPlanning-employee-Birth-container, .XNA-hrPlanning-employee-Dates-container {flex-wrap:wrap;}
}

@media print {
	.XNA-hrPlanning-actions, .XNA-hrPlanning-period {display:none;}
}

/* HR Roulement */
.HR-roster-edit {display:flex; flex-wrap:wrap; justify-content:space-between;}
	.HR-roster-day {width:14.285%; background-color:#fff; border:1px solid #fff;}
		.HR-roster-day-heading {padding:.2em .5rem; background-color:#ddc; text-transform:uppercase; text-align:center;}
		.HR-roster-week-even .HR-roster-day-heading {padding:.2em .5rem; background-color:#aa9; color:#fff;}
			.HR-roster-day-heading label {font-size:85%;}
		.HR-roster-day-activities {padding:.5rem; background-color:#f4f5f0; text-align:center;}
		.HR-roster-week-even .HR-roster-day-activities {background-color:#e4e5e0;}
		.HR-roster-day-1 .HR-roster-day-activities {background-color:#d4d5d0;}
		.HR-roster-week-even.HR-roster-day-1 .HR-roster-day-activities {background-color:#c4c5c0;}
			.HR-roster-day-activity +.HR-roster-day-activity {margin-top:.5em; padding-top:.5em; border-top:2px solid #b4b5b0;}
			.HR-roster-day-activity select {width:100%; border:none; background-color:transparent;}
			.HR-roster-day-activity-location {width:100%; box-sizing:border-box; margin:.2em 0; border:none; background-color:transparent; color:#554; text-align:center;}
			.HR-roster-day:hover .HR-roster-day-activity-location {background-color:#fff;}
			.HR-roster-day-activity-times {margin:.2em 0;}
				.HR-roster-day-activity-time {width:4em; text-align:center;}
		.HR-roster-week-total {padding:.2em .5rem; background:linear-gradient(to bottom, #848580, #a4a5a0 15%, #b4b5b0); border-radius: 0 0 1em 1em; text-align:center;}
			.HR-roster-week-total-value {width:6em;}

@media screen and (max-width:1100px) {
	.HR-roster-day {width:20%;}
}	
		
@media screen and (max-width:750px) {
	.HR-roster-day {width:33.3%;}
}	

@media screen and (max-width:500px) {
	.HR-roster-day {width:50%;}
}	

/* Extranet/Bocage non trié*/
.BO-formAction {display:flex; margin-top:1em;}
	.BO-formAction input {margin:0 .2em;}
	.BO .BO-formAction {padding:.4em; background-color:#aa9; color:#fff;}

.BO-content {}
	.BO-tabs {display:flex; justify-content:space-between; align-items:flex-end; list-style:none; margin:0; padding:0 .5em;}
		.BO-tabs-group {display:flex; flex-wrap:wrap; margin:0; padding:0 .5em;}
		.BO-tabs-group-sideTabs {justify-content:flex-end;}
	.BO-tabs a {display:block; padding:.6em; color:#fff; line-height:1.4em;}
			.BO-tabs a:hover {text-decoration:none;}
		.BO-tab {margin-right:.1em; background-color:#554; 
			-moz-border-radius-topright:4px; border-top-left-radius:4px; border-top-right-radius:4px;} 
			.BO-tabs .LinkSelected {background-color:#aa9;}
			.BO-tabs .LinkStandard:hover {background-color:#aa9;}
			.tabProtos {background-color:#c06;}
			.tabProtos.LinkSelected {background-color:#e066a3;}
			.tabProtos.LinkStandard:hover {background-color:#008080;}
			.tabProd {background-color:#008080;}
			.tabProd.LinkStandard:hover {background-color:#8cf;}
			.BO-sideTab {align-self:flex-end; margin:0 0 0 .1em; background-color:#000;}
			.BO-sideTab.LinkStandard:hover {background-color:#888;}
	.BO-tabContent, #BO-tabContent {width:100%; padding:.5em; border:3px #aa9 solid; background-color:#fff;}
		.BO-saleContract-main {display:flex; justify-content:space-between; width:100%;}	

		.BO-formCol {padding:.5em; border:1px #d4d5d0 solid; background-color:#f4f5f0; box-sizing:border-box;}	
		.BO-formBox {width:100%; padding:3px 0; border-top:1px #fff solid; border-bottom:1px #d8d7d3 solid;}	
			.BO-formBox h2 {margin-bottom:6px; text-transform:uppercase; font-weight:bold; font-size:80%;}	
		.BO-formRow {display:flex; justify-content:space-between; width:100%; margin:.3em 0;}	
			.BO-formRow p {margin:0;}
			.BO-formRow label {display:block; width:33%;}
			.BO-formRow input, .BO-formRow textarea, .BO-formRow select , .BO-formRow p {display:block; width:65%; box-sizing:border-box;}
			.BO-formRow input.SideButton {width:10%; padding:.2em .5em; font-weight:bold; font-size:120%;}
		.BO-formRow:hover {background-color:#fff;}
			.BO-formRow:hover label {color:#008080;}
				.BO-formRow label span {font-size:80%;}

		.BO-tabContent iframe {width:100%; margin-bottom:.5em; padding:.5em; border:1px #e8e7e3 solid; background-color:#fff;
							-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
		.BO-tabContent iframe:last-child {margin-bottom:0;}
		
.iframe {font-size:75%;}
	.iframe h2 {margin:0;}
	.iframe th {padding:2px; font-weight:bold; text-align:left;}
	.iframe td {padding:2px;}

.BO-form {width:fit-content; background-color:#ddc;}
	.BO-form .BO-formAction {margin-top:0; padding:.4em 2em; background-color:#aa9;}
	.BO-formGroup {display:flex; border-top:1px #e4e5e0 solid; border-bottom:1px #aa9 solid;}
	.BO-formItem {padding:.4em;}
	.BO-formItem label {display:block; font-size:80%;}
	.BO-formItem input, .BO-formItem select, .BO-formItem textarea {min-height:2em;}
	.BO-form .actions {width:100%; margin:0; background-color:#aa9;}
	.BO-form .readOnly {background-color:#eee; border:1px #bbb solid; outline:none; color:#666;}

.BO-compactTable td {max-width:8em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.BO-viewContract {display:flex;}
	.BO-tabContent .A4Printout {max-width:798px; height:600px; margin:0; padding:0;}
.BO-contractActions {margin-left:1em;}
.BO-contractActions input[type='submit'] {width:170px; margin:10px 0; padding:10px;}
.BO-contractActions h3 {margin-bottom:.3em; font-weight:bold; font-size:120%;}
.BO-contractActions ul {margin-top:0; padding-left:1em;}

.BO-adminData {color:#a4a5a0; font-size:85%;}
	.BO-adminData td {padding:.1em .3em;}
	.BO-adminData .formLabel {color:#fff;}

.BO-tunnel {width:fit-content; padding:.6em ; border:.6em #008080 solid; background-color:#f2f3fa;}	
	.BO-tunnel h2 {margin-top:0; color:#008080;}
	.BO-tunnel h3 strong {color:#008080;}
		.confJustification {width:50%; height:8em;}
.BO-tunnel-error {border:.4em #b60 solid; background-color:#faf3f2;}	
	.BO-tunnel-error h2 {margin-top:0; color:#b60;}
.BO-tunnel-sub {width:100%; padding:.5em; border:.1em #008080 solid; background-color:#fff; box-sizing:border-box;}	

/*** BACKOFFICE Home ***/

.BO-home {display:grid; grid-template-columns:1fr 1fr; grid-template-rows:auto 1fr; grid-gap:2em 2%; align-items:start;}
	.BO-home #appointments {grid-column:1; grid-row:1; width:100%; overflow:hidden; border:0;}
	.BO-home-item {padding:1em; border:1px #ccc solid; background-color:#fff;}
	.BO-home-item-title {margin-top:0;}
	.BO-home-alerts {grid-column:1; grid-row:2; background-color:#f63; border:1px #c30 solid;}
	.BO-home-alerts h2 {color:#fff;}
	.BO-home-tasks {grid-column:2; grid-row:1 / span 2; background-color:#f4f5f0;}

@media screen and (max-width:1100px) {
	.BO-home {grid-template-columns:1fr; grid-template-rows:1fr ; grid-gap:2em 0;}
	.BO-home-tasks {grid-column:1; grid-row:3;}
	
}

/* à supprimer? 
.BO-homePlanning {float:left; margin-right:2%;}
	.BO-homePlanning th {border-bottom:1px #e4e5e0 solid; text-transform:uppercase; font-size:120%; text-align:center;}
	.BO-homePlanning-date {margin:.2em 0;}
	.BO-homePlanning td {width:50%; text-align:center; padding:0 0 .3em 0;}
	.HP-agency {width:100%; height:6em;}
		.BO-homePlanning p {margin:0;}
		.PlanningSite {margin:.3em .3em 0 .3em; padding:.3em 0; border-top:1px #193219 solid; font-size:1.2em;}
		.PlanningSite:first-child {margin-top:0;}
	.PlanningClosed {color:#008080;}
*/

/***** BOCAGE *****/

.BO {}
.BC-memo {cursor:help;}

/* Demandes */
.bo-customerRequest-form {}
	.bo-customerRequest-form-dateDetails textarea {width:100%; height:100%; box-sizing:border-box;}
	.bo-customerRequest-form-dateDuration input {width:100%; box-sizing:border-box;}
	.bo-customerRequest-form-partAdultsCount input {width:2em; box-sizing:border-box; text-align:right;}
	.bo-customerRequest-form-partChildrenCount input {width:2em; box-sizing:border-box; text-align:right;}
	.bo-customerRequest-form-participants textarea {width:100%; height:100%; box-sizing:border-box;}
	.bo-customerRequest-form-destinationDetails textarea {width:100%; height:100%; box-sizing:border-box;}
	.bo-customerRequest-form-flightDetails textarea {width:100%; box-sizing:border-box;}
	.bo-customerRequest-form-budgetDetails textarea {width:100%; height:2em; box-sizing:border-box;}
	.bo-customerRequest-form-carCategory input {width:100%; box-sizing:border-box;}
	.bo-customerRequest-form-carDates input {width:100%; box-sizing:border-box;}
	.bo-customerRequest-form-carDuration input {width:100%; box-sizing:border-box;}
	.bo-customerRequest-form-stayDetails textarea {width:100%; height:100%; box-sizing:border-box;}
	.bo-customerRequest-form-roomDetails textarea {width:100%; height:4em; box-sizing:border-box;}
	.bo-customerRequest-form-themeDetails textarea {width:100%; height:100%; box-sizing:border-box;}
	.bo-customerRequest-form-notes textarea {width:100%; height:7em; box-sizing:border-box;}

.bocage-requests {}
	.BR-ID {width:5%;}
	.BR-customer {width:10%;}
	.BR-agency {width:5%;}
	.BR-email {width:10%;}
	.BR-tel {width:10%;}
	.BR-requestDate {width:10%;}
	.BR-status {width:9%;}
	.BR-wishedAnswerDate {width:10%;}
	.BR-answerDate {width:10%;}

.BR-status, .bo-customerRequest-form-status {background-color:#000; color:#fff; text-transform:uppercase; font-size:80%; text-align:center;}
th.BR-status {background-color:#e4e5e0; text-transform:none; font-size:100%; color:inherit;}
	.request-ST0 {background-color:#f60;} /* non traité */
	.request-ST10, .request-ST25 {background-color:#008080;} /* en cours / modif */
	.request-ST20, .request-ST30 {background-color:#808000;} /* répondu / accepté */
	.request-ST90 {background-color:#aa9;} /* sans suite */

/* Dossiers */
.bocage-contracts {}
	.BC-ID {width:7%; font-weight:bold;	text-overflow:unset!important;}
	.BC-ID a:hover {color:#6cf!important;}
	.BC-ID small {color:#fff; font-weight:normal;}
	.BC-ID small a {display:inline-block; margin-left:.2em; padding:.1em .4em; border-radius:.3em; background-color:#39e; color:#fff;}
	.BC-ID small a:hover {background-color:#6cf; color:#fff!important;}
	.BC-customer {width:13%; font-weight:bold;}
	.BC-agency {width:4%; font-size:85%;}
	.BC-contractDate {width:6%; font-size:85%;}
	.BC-destination {width:10%;}
	.BC-TO {width:10%;}
		.BC-TO span, .BC-TO img {display:inline-block; margin-left:.3em;}
	.BC-desc {width:18%; font-size:85%;}
	.BC-price, th.BC-price {width:8%; text-align:right;}
	.BC-pax {width:3%; text-align:right!important;}
	.BC-status {width:10%; font-size:85%;}
	.BC-departureDate {width:7%;}	
	.BC-reviewStatus  {width:4%;}	
	#filtCustomerName {width:90%;}

.bocage-startContract {border:1px #554 solid;}
	.bocage-startContract th, .bocage-startContract td {padding:.4em; vertical-align:middle;}	
	.bocage-startContract th {background-color:#aa9; border-top:1px #ddc solid; border-bottom:1px #554 solid; color:#fff; font-weight:normal; text-align:left;}
	th.startContractTO, td.startContractTO {border-bottom:none;}
	td.startContractAction {border-top:none; background-color:#008080; text-align:right;}
	.bocage-startContract input, .bocage-startContract select {padding:.4em;}
	.startContractAction input {padding:.4em 2em;}

.bocage-genPackage th, .bocage-genPackage td {border-bottom:1px #d4d5d0 solid;}
.bocage-genPackage th {text-align:left;}
td.genPackageAction {border:none; background-color:#008080; text-align:right;}
 .genPackageAction input {margin-left:1em; padding:.4em 2em;}
 
#bocage-summary, #bocage-options {width:49%;}
#bocage-iframes {width:48%; margin:0 1%;}
	#bocage-iframes  iframe {overflow:scroll;}	
	.iframePax {height:12em;}
	.iframeRooming {height:9em;}
	.iframeTransport {height:14em;}
	.iframeHosting {height:11em;}
	.iframe h2 a {padding-left:2em; font-size:60%; text-transform:uppercase;}

.BO-form-editPax {}
	
.BO-form-editAccommodation {}
	.BO-form-editAccommodation-name input {width:100%;}
	.BO-form-editAccommodation-description textarea {width:100%; min-height:4em; box-sizing:border-box;}
	
.BO-form-editRoom {}

.BO-form-editTransport {}
	.BO-form-editTransport-departureTime input, .BO-form-editTransport-arrivalTime input, .BO-form-editTransport-meetingTime input {/*max-width:5em; text-align:center;*/}
	.BO-form-editTransport-origin input, .BO-form-editTransport-via input, .BO-form-editTransport-destination input {min-width:20em;}

.bocage-updTransportation {width:100%;}

@media screen and (max-width:1400px) {
	.bocage-contracts .BC-desc {display:none;}
}
@media screen and (max-width:1200px) {
	.bocage-contracts .BC-contractDate {display:none;}
}
@media screen and (max-width:1000px) {
	.bocage-contracts .BC-price {display:none;}
}
@media screen and (max-width:800px) {
	.bocage-contracts .BC-pax {display:none;}
}
@media screen and (max-width:700px) {
	.bocage-contracts .BC-destination {display:none;}
}
@media screen and (max-width:600px) {
	.bocage-contracts .BC-agency {display:none;}
}
@media screen and (max-width:500px) {
	.bocage-contracts .BC-status, .bocage-contracts .BC-reviewStatus {display:none;}
}
/*Bocage Fournisseurs*/
.bo-supplies {display:flex; flex-direction:row-reverse; justify-content:space-between; width:100%;}
	.bo-supplies-sumup {margin-left:1em;}
	.bo-supplies-form {display:flex; flex-direction:column;}
	.bo-supplyCart {margin-bottom:2em;}
		.bo-supplyCart h2 , .bo-supplyStatusDetail {margin-top:0;}
		.bo-supplyStatus, .bo-supplyStatusDetail {color:#aa9;}

.bo-supplies-attachments {width:fit-content; margin:.5em 0 1em 0; padding:.5em; border:1px #d4d5d0 solid; background-color:#f4f5f0; box-sizing:border-box;}
	.bo-supplies-attachments  h3 {margin-top:0;}
	.bo-supplies-attachments ul {padding-left:1em;}
	.bo-supplies-attachments  li {margin-bottom:.2em;}
.bo-supplies-attachments .linkButtons {margin:0;}

/*Bocage Documents*/
.bo-contract-attachments  ul {margin-top:0;}
	
/*Bocage Panier*/
.bo-cart-wizboShuttles {}

.bocage-cart {}
	.bocage-cart th , .bocage-cart td {padding:4px;}
	.BC-name, .BC-totalPrice , .BC-totalRow, .BC-netAmount, .BC-subtotalRow td {font-weight:bold;}
	.BC-name {min-width:30%; text-align:left;}
	.BC-name small {font-weight:normal;}
	.BC-nameDesc {font-weight:normal; font-size:90%;}
	.BC-unitPrice, .BC-quantity, .BC-totalPrice, .BC-action, .BC-rate, .BC-netAmount, .BC-VAT, .BC-rawCommission {text-align:right; white-space:nowrap;}
	.BC-totalRow td {font-size:120%; background-color:#d4d5d0; border-top:1px #b4b5b0 solid; border-bottom:1px #b4b5b0 solid;}
	.BC-subtotalRow td {background-color:#ddc; border-top:1px #b4b5b0 solid; border-bottom:1px #b4b5b0 solid;}
	.BC-totalRow .BC-name {border-left:1px #b4b5b0 solid;}
	.BC-totalRow .BC-action {border-right:1px #b4b5b0 solid;}
	.BC-addRow, .BC-editRow {}
	.BC-addRow td, .BC-editRow td {background-color:#008080; border:none;}
	.BC-unitPrice input {max-width:80px;}
	.BC-quantity input {max-width:40px;}
	td.BC-description  {padding-top:0;}
	.BC-description textarea {width:100%; min-height:2.5em;}
	.BC-actions {text-align:right;}
	div.BC-actions, .BC-transitionActions {margin-right:1em; padding:.4em; border:1px #d4d5d0 solid; background-color:#f4f5f0;}
	.BC-actions input, .BC-transitionActions input {margin:0 .2em;}
	div.BC-actions {border:1px #008080 solid; border-top:none; background-color:#008080;}
	.BC-addSupply {width:auto; padding:.5em; background-color:#f4f5f0; border:1px #d4d5d0 solid;}
		.BC-addSupply select {margin-right:.5em;}
	td.BC-editAction {}
	
.BO-TransitionsLog {}
	.BO-TransitionsLog th {font-weight:bold;}
	.historyRow td {border:none; border-top: 1px #c4c5c0 solid;}
	.supRow td {border:none; font-style:italic;}
	.BO-transitionDate {width:10%;}
	.BO-transitionUser {width:15%;}
	.BO-transitionObject {width:5%;}
	.BO-transitionFromStatus {width:10%;}
	.BO-transitionToStatus {width:10%;}
	.BO-transitionSubject {width:50%; font-weight:bold;}

.BO-contractSumup {margin-right:.5em;}
	.BO-contractSumup-status, .boContractSumupStatus, .BC-status, .BC-reviewStatus {padding:.2em .4em; background-color:#000; color:#fff; text-transform:uppercase; font-size:80%; text-align:center;}
	td.BC-reviewStatus a {padding:.2em .4em; color:#fff; text-transform:uppercase; font-size:80%; text-align:center;}
	th.BC-status {padding:0; background-color:#e4e5e0; text-transform:none; color:inherit;}
	th.BC-reviewStatus {padding:0; background-color:#e4e5e0; text-transform:none; color:inherit;}

		.BO .ST10, .BO .ST20, .XNA .ST10, .XNA .ST20 {background-color:#008080;} /* devis */
		@-webkit-keyframes ST25 {
			0% {background-color:#008080;}
			3% {background-color:#8cf;}
			6% {background-color:#cef;}
		} 
		.BO .ST25, .BO .ST26, .XNA .ST25, .XNA .ST26  {background-color:#008080; animation:ST25 2s infinite;} /* devis accepté / avenant */
		.BO .ST30, .BO .ST40, .BO .ST50, .XNA .ST30, .XNA .ST40, .XNA .ST50  {background-color:#808000;} /* signé / confirmé TO / pret pour départ */
		.BO .ST60, .BO .ST70, .XNA .ST60, .XNA .ST70 {background-color:#380;} /* en voyage / retour */
		.BO .ST80, .BO .ST81, .BO .ST90, .XNA .ST80, .XNA .ST81, .XNA .ST90 {background-color:#aa9;} /* cloturé / sans suite */
		.BO .ST100, .BO .ST101, .BO .ST102, .BO .ST103, .XNA .ST100, .XNA .ST101, .XNA .ST102, .XNA .ST103 {background-color:#b30;} /* annulation */

		.BO .RST0, .XNA .RST0 {background-color:#aa9;}
		.BO .RST10, .XNA .RST10 {background-color:#808000;}
		.BO .RST20, .XNA .RST20  {background-color:#380;}
		.BO .RST30, .XNA .RST30 {background-color:#b30;}

	.boContractSumupTotal{text-align:right; white-space:nowrap;}
.boContractSumupCustomer {display:inline;}

.bo-wizboShuttles-tables  table {width:100%}

/*Bocage Remises en banque*/
.BO-bankRemittance {display:flex; }
.BO-bankRemittance div {float:none;}
	.BO-bankRemittance-actions {margin-left:2em;}

@media screen and (max-width:1200px) {
	.BO-bankRemittance {flex-direction:column-reverse;}
		.BO-bankRemittance-actions {margin:0 0 1em 0;}
}

/* Sélection agences */
.BO-selectCurrentAgency {width:fit-content; min-width:250px; padding:.5em; background-color:#e4e5e0; border:1px #d4d5d0 solid;}
	.BO-selectCurrentAgency-radios {font-size:120%;}
	.BO-selectCurrentAgency .actions {margin-bottom:0;}

/* Audit */
.BO-audit {column-count:2; column-rule:1px solid #000;}

@media screen and (max-width:1500px) {
	.BO-audit {column-count:1;}
}

/* Utilitaires */
.BO-expectedPayments-month {margin-bottom:0;}

/*JSON FRAM*/
.JSON-result {width:100%;}
	.JSON-resultSize {margin:2em 0 0 0;}
	.JSON-resultContent {width:100%; margin:1em 0; height:20em;}
	.JSON-product {width:100%; margin-top:2em; border-top:1px #193219 solid;}
		
/*Operations / Destinations Map*/

.destinationsMap {display:flex; flex-wrap:wrap;}
.destinationsMap-years {display:flex; margin:0; padding:0; width:100%;}
	.destinationsMap-years li {display:block; margin:.5em; list-style-type:none; color:#fff;}
	.destinationsMap-years a {display:block; padding:.3em .5em; background-color:#666; color:#fff;}
	.destinationsMap-years a:hover {background-color:#008080;}
	.destinationsMap-years .destinationsMap-year-selected { padding:.3em .5em; background-color:#008080; font-weight:bold;}

.operationsMap-container {display:flex; width:100%; max-width:1400px; margin:1em auto; padding:1em; border:1px #193219 solid; box-sizing:border-box;}
.lg-map {background-color:#eef4ff;}

.graph-legend {margin:1em;}
.graph-legend-color {border:1px solid #000;}

/*Inventory Monitor*/
.BO-inventoryMonitor {width:fit-content; column-count:2; font-size:80%;}
.BO-inventoryMonitor-wrapper {display:flex; flex-wrap:wrap; align-items:stretch; overflow-x:scroll; }
	.BO-inventoryMonitor-month {width:49%; margin:.5em .5%; background-color:#f4f5f0;}
		.BO-inventoryMonitor-table {width:100%;}
		.BO-inventoryMonitor-table tr {break-inside:avoid-column;}
		.BO-inventoryMonitor-table th {border-top:1px #b4b5b0 solid; border-bottom:1px #c4c5c0 solid; background-color:#d4d5d0; font-size:120%;}
		.BO-inventoryMonitor-table-code {max-height:1em; white-space:nowrap;}
			.BO-inventoryMonitor-table-code-content {display:flex; justify-content:space-between;}
				.BO-inventoryMonitor-table-G1 {background-color:#222; padding:.1em .4em; border-radius:.3em; font-family:Consolas, monospace; font-size:85%; color:#ff0;}
				.BO-inventoryMonitor-table-G1:hover {background-color:#444; color:#ff8;}
				.BO-inventoryMonitor-table-G1:active {background-color:#660;}
				.BO-inventoryMonitor-table-history {padding-left:.5em;}
					.BO-inventoryMonitor-table-history img {width:1.2em;}
	.BO-inventoryMonitor-table-dayFirstRow td {border-top:.5rem solid #fff;}			
		.BO-inventoryMonitor-table-day {background-color:#e4e5e0; vertical-align:top; font-weight:bold;}
		.BO-inventoryMonitor-table-name {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:bold; font-size:110%; line-height:1em;}
		.BO-inventoryMonitor-table-journee {font-weight:normal;}
		.BO-inventoryMonitor-table-status {width:1%; font-size:70%;}
			.BO-inventoryMonitor-table-status strong {font-size:125%; line-height:1em;}
			.BO-inventoryMonitor-table-status-tendancy-good {color:#0a0;}
			.BO-inventoryMonitor-table-status-tendancy-ok {color:#6f3;}
			.BO-inventoryMonitor-table-status-tendancy-flat {color:#f80;}
			.BO-inventoryMonitor-table-statusBar {width:1%;}
			.BO-inventoryMonitor-table-statusBar-nbp {display:flex; height:1em; border:1px #d4d5d0 solid; border-radius:.2em; background-color:#fff;}
				.BO-inventoryMonitor-table-statusBar-piece {height:100%;}
				.BO-inventoryMonitor-table-statusBar-nbiold {}
				.BO-inventoryMonitor-table-statusBar-nb14 {border-left:1px #fff dotted;}
				.BO-inventoryMonitor-table-statusBar-nb7 {border-left:1px #fff solid;}
				.BO-inventoryMonitor-table-statusBar-nbo {border-left:1px #fff solid; background-color:#aaa;}
				.BO-inventoryMonitor-status-good {background:linear-gradient(180deg, rgba(51,187,0,1) 10%, rgba(102,204,68,1) 50%, rgba(34,136,0,1) 90%);}
				.BO-inventoryMonitor-status-ok {background:linear-gradient(180deg, rgba(102,238,51,1) 10%, rgba(136,255,102,1) 50%, rgba(68,204,17,1) 90%);}
				.BO-inventoryMonitor-status-cancelled {background-color:#444;}
				.BO-inventoryMonitor-status-unknown {background-color:#f80;}
				.BO-inventoryMonitor-status-uncertain {background-color:#f66;}
				.BO-inventoryMonitor-status-risk {background:linear-gradient(180deg, rgba(255,51,51,1) 10%, rgba(255,136,136,1) 50%, rgba(204,51,51,1) 90%);}

		.BO-inventoryMonitor-table-nbp, .BO-inventoryMonitor-table-totalSales {text-align:right;}
		.BO-inventoryMonitor-table-nbp {width:1%;}
		.BO-inventoryMonitor-table-totalLabel, .BO-inventoryMonitor-table-totalSales {background-color:#545550!important; border-top:none!important; border-bottom:1px solid #000!important; color:#fff; font-size:120%;}
	.BO-inventoryMonitor-actions {margin-top:1em; padding:1em; border:1px #aa9 solid; background-color:#f8f4f0;}
		.BO-inventoryMonitor-actions p {margin:.5em 0 .2em 0;}
		.BO-inventoryMonitor-genDate {font-size:85%; color:#aa9;}
		.BO-inventoryMonitor-actions-buttons {display:flex; flex-wrap:wrap; margin:0; padding:0; text-transform:uppercase;}
			.BO-inventoryMonitor-actions-buttons li {list-style-type:none; margin:0 1em .2em 0;}
			.BO-inventoryMonitor-actions-buttons a {display:block; padding:.2em .4em; background-color:#008080; color:#fff;}
			.BO-inventoryMonitor-actions-buttons a:hover {background-color:#aa9;}
		.BO-inventoryMonitor-actions-hashtags {display:flex; flex-wrap:wrap; margin:0; padding:0;}
			.BO-inventoryMonitor-actions-hashtags li {list-style-type:none; margin:0 .2em .2em 0;}
			.BO-inventoryMonitor-actions-hashtags a {display:block; padding:.2em .4em; border-radius:.5em; background-color:#aa9; color:#fff;}
			.BO-inventoryMonitor-actions-hashtags a:hover {background-color:#008080;}

@media screen and (max-width:1900px) {
	.BO-inventoryMonitor-month {width:100%; max-width:1000px; margin:.5em 0;}
}

@media screen and (max-width:1400px) {
	.BO-inventoryMonitor {column-count:auto;}
		.BO-inventoryMonitor-table-status {display:none;}

}


/*Operations Monitor*/
.BO-operationsMonitor-table {}
	.BO-operationsMonitor-table td {background-color:#f4f5f0;}
	.BO-operationsMonitor-duration {height:1em; border:1px #c4c5c0 solid; background-color:#fff; box-sizing:content-box;}
	.BO-operationsMonitor-pastDays {height:100%;}

#TourOperatorProductId{width:55%;}
/* supprimer la classe compactTable de l'HTML */	
.BO-compactTable td {max-width:inherit; white-space:inherit; overflow:auto; text-overflow: inherit;}

/* rendez-vous agences */
.STD-banner {width:100%; margin-bottom:1em;}
	.STD-banner img {width:100%;}	
.STD-banner + .crmFindAppointment-form {z-index:10; width:96%; max-width:1000px; margin:-6em auto 0 auto; position:relative; box-sizing:border-box;}

.crmFindAppointment-form {padding:2em; background-color:#f4f5f0;}
	.crmFindAppointment-form input, .crmFindAppointment-form select {font-size:120%;}
	.crmFindAppointment-form select + label {margin-left:1em;}
	.crmFindAppointment-form textarea {width:100%; max-width:50em; height:5em; box-sizing:border-box;}
.crmFindAppointment-form input[type=submit] {padding:.5em 1em; text-transform:uppercase;}
	.crmFindAppointment-form-reminder {font-weight:bold;}
	.crmFindAppointment-form-reminder label {font-weight:normal; color:#646560;}

 .crmFindAppointment-suggestions {display:flex; width:fit-content; margin-bottom:1em; padding:1em; background-color:#fff;}
	.crmFindAppointment-suggestions-day {border-right:1px #888 solid; margin-right:2em; padding-right:2em;}
	.crmFindAppointment-suggestions-day:last-child {border-right:0; margin-right:0; padding-right:0;}
		.crmFindAppointment-suggestions-day h3 {margin-top:0;}

.BO-appointments {border:1px #dde2ee solid; padding:.5em; background-color:#eef2ff;}
	.BO-appointments-reason strong {padding-left:.5rem; font-size:200%; line-height:1rem; color:#f63;}
	.BO-appointments-actions {text-align:right;}


@media screen and (max-width:1000px) {
	.crmFindAppointment-form-customer {display:flex; flex-direction:column; align-items:flex-start;}
		.crmFindAppointment-form-customer input {margin-top:.5em;}
}	

@media screen and (max-width:750px) {
	.STD-banner + .crmFindAppointment-form {margin:-3em auto 0 auto;}
	.crmFindAppointment-form {font-size:80%;}
	.crmFindAppointment-form label {display:block; margin-left:0!important; margin-top:1em;}
	.crmFindAppointment-suggestions {flex-direction:column; width:100%;}
		.crmFindAppointment-suggestions-day {border-right:0; margin-right:0; padding-right:0;}
		.crmFindAppointment-suggestions-day  label {display:inline; margin-top:0;}
}

/***** G1 WEB *****/
/******************/

.G1-selectBro-calendar {display:flex; flex-wrap:wrap;}
	.G1-selectBro-calendar-month {margin:1em; flex-grow:1; max-width:650px; background-color:#d4d5d0;}
		.G1-selectBro-calendar-monthName {margin:0; padding:.2em; background-color:#aa9; border-bottom:1px #848580 solid; color:#fff; font-size:85%; text-transform:uppercase; font-family:'Source Sans Pro', sans-serif;}
		.G1-selectBro-calendar-travel {margin:0; padding:.2em; border-left:1px #d4d5d0 solid;}
		.G1-selectBro-calendar-travel:nth-child(even) {background-color:#f4f5f0;}
		.G1-selectBro-calendar-travel:nth-child(odd) {background-color:#eae9e5;}
		.G1-selectBro-calendar-travel:hover {background-color:#f0f6ff;}
			.G1-selectBro-calendar-travel-date {display:inline-block; width:3em; color:#848580; text-align:right;}			
			.G1-selectBro-calendar-travel-date-unknown {color:#c00!important; font-weight:bold; text-transform:uppercase;}			
			.G1-selectBro-calendar-travel-code {display:inline-block; width:7em; font-size:80%; color:#000;}			
			.G1-selectBro-calendar-travel-name {font-weight:bold; color:#000;}			
		.G1-selectBro-calendar-travel:hover .G1-selectBro-calendar-travel-code,
		.G1-selectBro-calendar-travel:hover .G1-selectBro-calendar-travel-name {color:#008080;}
		.G1-selectBro-calendar-travel-journee .G1-selectBro-calendar-travel-code {color:#646560;}
		.G1-selectBro-calendar-travel-journee .G1-selectBro-calendar-travel-name {color:#646560; font-weight:normal;}
		.G1-selectBro-calendar-travel-status-PRESALE .G1-selectBro-calendar-travel-date,
		.G1-selectBro-calendar-travel-status-PRESALE .G1-selectBro-calendar-travel-code,
		.G1-selectBro-calendar-travel-status-PRESALE .G1-selectBro-calendar-travel-name {color:#39e;}
		.G1-selectBro-calendar-travel-status-WAITINGLIST .G1-selectBro-calendar-travel-date,
		.G1-selectBro-calendar-travel-status-WAITINGLIST .G1-selectBro-calendar-travel-code,
		.G1-selectBro-calendar-travel-status-WAITINGLIST .G1-selectBro-calendar-travel-name {color:#93e;}
	.G1-selectBro-calendar-travel-statusTag {display:inline-block; padding:0 .5em; border-radius:.5em; background-color:#848580; color:#fff; text-transform:uppercase; font-size:67%;}
	.G1-selectBro-calendar-travel-status-PRESALE .G1-selectBro-calendar-travel-statusTag {background-color:#39e;}
	.G1-selectBro-calendar-travel-status-WAITINGLIST .G1-selectBro-calendar-travel-statusTag {background-color:#93e;}
	.G1-selectBro-calendar-travel-status-FULL .G1-selectBro-calendar-travel-statusTag {background-color:#f33;}
	.G1-selectBro-calendar-travel-status-REQUEST .G1-selectBro-calendar-travel-statusTag {background-color:#f90;}
		.G1-selectBro-calendar-travel-status-SALE .G1-selectBro-calendar-travel-statusTag:hover {background-color:#39e;}

.G1-selectBro-pastLinks {padding:.2em; background-color:#008080; color:#fff;}
.G1-selectBro-pastLinks-nav {display:flex; flex-wrap:wrap; margin:0; padding:0;}
	.G1-selectBro-pastLinks-nav-item {list-style-type:none;}
		.G1-selectBro-pastLinks-year {padding:.2em .5em; color:#fff;}
		.G1-selectBro-pastLinks-year:hover {background-color:#39e; color:#fff;}

@media screen and (max-width:800px) {
	.G1-selectBro-calendar-month {width:100%; max-width:100%; margin:0;}
		.G1-selectBro-calendar-travel a {display:flex;}
			.G1-selectBro-calendar-travel-date {min-width:3em;}			
			.G1-selectBro-calendar-travel-code {min-width:7em; padding:0 .5em;}			
}

.G1-travel {}
.G1-travel-viewWebLink a {display:inline-block; margin-right:.5em; padding:.2em .4em; background-color:#e4e5e0; border-radius:.3em;}
.G1-travel-viewWebLink a:hover {background-color:#f4f5f0;}
.G1-travel-inscriptions-number {padding:0; background-color:#222; text-align:center; font-family:Consolas, sans-serif;}
td.G1-travel-inscriptions-number:hover {background-color:#666;}
	.G1-travel-inscriptions-number a {display:block; color:#ff0;}
.G1-travel-inscriptions-operator {font-size:75%;}
.G1-travel-inscriptions-name {font-weight:bold;}
.G1-travel-inscriptions-actions {text-transform:uppercase; font-size:85%;}
.G1-travel-msg {width:fit-content; margin:1em 0; padding:.5em 1em; box-sizing:border-box; border:2px #343530 solid; background-color:#646560; background-image:radial-gradient(#949590 0.5px, transparent 0.5px); background-size:2.5px 5px; color:#ff0; font-family:monospace; font-size:110%; border-radius:1em;}
.G1-travel-quota {margin-bottom:1em;}
	.G1-travel-quota #QuotaQuantity {width:5em;}
	.G1-travel-quota-append {text-align:right;}
.G1-travel-viewInscriptions {margin:.5em 0;}
	.G1-travel-viewInscriptions .actions {background-color:#666;}
	.G1-travel-viewInscriptions input {background-color:#000!important; color:#ff0!important; font-family:Consolas, sans-serif;}
	.G1-travel-viewInscriptions input:hover {background-color:#222;}
.G1-travel-msg2 {padding:0 0 0 1em; font-style:italic; font-size:1.2em;}
.G1-travel-pf {margin:0 0 0 1em; font-size:1.4em;}
.G1-travel-warn {border:2px #f33 solid; margin:.5em; padding:1em;}
.G1-status-orange {background-color:#fc3;}
.G1-status-red {background-color:#f63;}
.G1-travel-changes {max-width:750px; padding:.5em; background-color:#ffeef8;}
.G1-travel-change {list-style-type:none; margin-bottom:.5em; padding-bottom:.5em;}
	.G1-travel-change p {margin:0;}
	.G1-travel-change-type {width:max-content; padding:.1em .5em; background-color:#a4a5a0; color:#fff; text-transform:uppercase; }
	.G1-travel-change-lastUpdate {padding-top:.3em; border-top:1px solid #a4a5a0; color:#646560; font-size:85%;}
	.G1-travel-change-title {margin:0; color:#a02;}
	.G1-travel-change-message {margin:0 0 .3em 0;}
.G1-travel-pickup-edit .action-icon {font-size:140%; line-height:0;}

.G1-customer {width:100%;}
	.G1-customer-infos {display:flex; flex-wrap:wrap; align-items: flex-start; margin-bottom:2em;}
		.G1-customer-infos-contact {margin-right:2em;}
		.G1-customer-infos-externalName {font-weight:bold;}
		.G1-customer-infos fieldset {margin:0;}
		.G1-customer-infos-loyalty {margin-left:2em; padding:.5em; border:1px solid #e0e1e5; border-radius:1em 1em 0 0; background-color:#f8faff; box-shadow: 0.3em 0.3em 0.5em #c4c5c0; text-align:center;}
			.G1-customer-infos-loyalty table {margin-top:1em;}
		.club-member {background-color:#e8eaf8; border:1px solid #d8dae8;}
		.club-silver {background-color:#eeeef4; border:1px solid #dedee4;}
		.club-gold {background-color:#fff8dd; border:1px solid #efe8cd;}
		.G1-customer-infos-loyalty-memberIcon {display:block; width:5em;}
		.club-points {width:1em; vertical-align:-.15em;}

	.G1-customer-actions {margin-top:1em;}
		.G1-customer-actions input {margin:.5em;}
	.G1-emailCollect {max-width:850px; margin-bottom:2em;}
		.G1-emailCollect input {width:100%; box-sizing:border-box;}
	.G1-emailCollect-actions input {margin:.5em;}
	.G1-customer-inscriptions {}
		.G1-customer-inscriptions-seller {font-size:85%; color:#666;}
		.G1-customer-inscriptions-travel {font-weight:bold;}
		.G1-customer-inscriptions-actions {text-transform:uppercase; font-size:85%;}
		.G1-customer-inscriptions-totalRow th {background-color:#b4b5b0; border-bottom:1px #c4c5c0 solid;}

.G1-customer-extSearch-result li {border-bottom:1px #c4c5c0 solid; padding:.5em 0;}
	.G1-customer-extSearch-result-address {color:#aa9;}

.G1-booking-additional {width:100%;}

.G1-report-balancesDue {}
	.G1-report-balancesDue-customerName {font-weight:bold;}
	.G1-report-balancesDue-seller {font-size:85%; color:#666;}
	.G1-report-balancesDue-maturity {font-weight:bold;}
	.G1-report-balancesDue-actions {text-transform:uppercase; font-size:85%;}

.G1-report-expiredOptions {}
	.G1-report-expiredOptions-customerName {font-weight:bold;}
	.G1-report-expiredOptions-seller {font-size:85%; color:#666;}
	.G1-report-expiredOptions-maturity {font-weight:bold;}
	.G1-report-expiredOptions-actions {text-transform:uppercase; font-size:85%;}
 
/* ramassages G1 */
.G1-pickup-tours {}
	.G1-pickup-tours-departure, .G1-pickup-tours-return {text-align:center;}
	.G1-pickup-tours-edit {font-weight:bold; text-align:center;}
	.G1-pickup-tours-edit a {width:100%; box-sizing:border-box;  font-size:100%;}

/* Points de ramassage G1 */
.G1-collectionPoints-table {}
	.G1-collectionPoints-code, .G1-collectionPoints-LIB {font-family:monospace;}
	.G1-collectionPoints-id {font-size:85%;}
	.G1-collectionPoints-code a {background-color:#008080; padding:.2em .4em; color:#fff;}
	.G1-collectionPoints-code a:hover {background-color:#39e;}
	.G1-collectionPoints-name {font-weight:bold;}
	.G1-collectionPoints-coordinate {font-size:85%;}

.G1-collectionPoint {display:flex;}
	.G1-collectionPoint-map {width:50%; height:600px;}
	.G1-collectionPoint-map div {position:unset;}
	.G1-collectionPoint-edit {margin-left:2em;}
	.G1-collectionPoint-table input {box-sizing:border-box; font-size:14px;}
	.G1-collectionPoint-id input {width:5em;}
	.G1-collectionPoint-code input {width:5em; font-family:monospace;}
	.G1-collectionPoint-CAD input {width:5em;}
	.G1-collectionPoint-LIB input {width:18em; font-family:monospace;}
	.G1-collectionPoint-description input, .G1-collectionPoint-address input{width:100%;}
	.G1-collectionPoint-address a {display:inline-block; margin-top:.2em;}
	.G1-collectionPoint-coordinate input {width:8em;}
	.G1-collectionPoint-brochureStatus input {width:5em;}
	
@media screen and (max-width:900px) {
	.G1-collectionPoint {flex-direction:column-reverse;}
	.G1-collectionPoint-map {width:100%; height:500px;}
	.G1-collectionPoint-edit {margin-left:0;}
	.G1-collectionPoints-id, .G1-collectionPoints-CAD, .G1-collectionPoints-LIB, .G1-collectionPoints-city, .G1-collectionPoints-description, .G1-collectionPoints-brochureStatus, .G1-collectionPoints-coordinate {display:none;}
}

/* Livret des points de ramassage G1 */
.G1-collectionPoints-booklet {max-width:20cm; margin:auto;}
	.G1-collectionPoints-booklet-title {margin-top:2em; }
	.G1-collectionPoints-booklet-subtitle {text-align:center;}
	.G1-collectionPoints-booklet-coverImage {width:100%; margin-top:2em;}
	.G1-collectionPoints-bookletpage {break-after:page;}
		.G1-collectionPoints-bookletpage h1 {margin-bottom:0; text-align:center; font-size:250%;}
		.G1-collectionPoints-bookletpage .G1-collectionPoints-LIB {margin:0 0 3em 0; text-align:center;}
		.G1-collectionPoints-bookletpage-map {width:100%;}

@media screen {
	.G1-collectionPoints-bookletpage {padding:1em; border-bottom:1px solid #008080;}
	.G1-collectionPoints-booklet-title {margin-top:.5em;}
}

/**** Interface graphique G1 ****/

.G1-UI {display:flex; flex-wrap:wrap; justify-content:center; align-items: flex-start; margin-bottom:1em; padding:.5em; background-color:#646560; background-image:radial-gradient(#949590 .5px, transparent .5px); background-size:2.5px 5px; font-family:Consolas, sans-serif;}
	.G1-UI a {color:#ff0;}
	.G1-UI a:hover {background-color:#ff0; color:#000;}
	.G1-UI a.button, .G1-UI input[type=submit], .G1-UI input[type=button], .G1-UI input[type=submit] {padding:.3em .5em; background-color:#aaa; color:#ff0; text-transform:uppercase;}
	.G1-UI input[type=submit] {background-color:#000;}
	.G1-UI input[type=submit]:hover {background-color:#fff; color:#000;}
	.G1-UI-formCol {width:fit-content; margin:0 0 1.5em 2em; color:#ff0; font-size:120%; box-shadow: 1em 1em 0em 0em #444540;}
	.G1-UI-formCol:first-child {margin-left:0;}
		.G1-UI-formBox {padding:.5em; border-top:1px #333 solid; border-bottom:1px #000 solid; background-color:#222;}
			.G1-UI-formRow {display:flex;}
				.G1-UI-formCell {padding:.3em;}
				.G1-UI-formRow input, .G1-UI-formRow select {padding:.1em .2em; background-color:#ff0; border:0; font-family:Consolas, sans-serif;}
				.G1-UI-formRow label {font-size:75%; text-transform:uppercase; color:#ccc;}
				.G1-UI-formCol .readOnly {background-color:#333; color:#ff0;}

.G1-table {background-color:transparent; border:none; border-collapse:collapse;}
	.G1-table th {padding:.2em; background-color:#ccc;  border-top:none; border-bottom:none; border-right:1px solid #bbb; border-left:1px solid #bbb; color:#000; font-family:Consolas, sans-serif; font-weight:normal; text-transform:uppercase; font-size:75%;}
	.G1-table td {padding:.2em; border-top:none; border-right:1px solid #444; border-bottom:1px solid #aaa; border-left:1px solid #444; }

.G1-UI-actions {background-color:#ccc;}
	.G1-UI-actions .actions {margin:0; padding:0; background-color:transparent; border:none;}

@media screen and (max-width:1000px) {
	.G1-UI {flex-direction:column; align-items:center;}
	.G1-UI-formCol {margin:1em 0 0 0; box-shadow:none;}
	.G1-UI-formCol:first-child {margin:0;}
}

@media screen and (max-width:750px) {
	.G1-UI {padding:0;}
	.G1-UI-formRow {flex-direction:column;}
}

/* Inscription G1 */
.G1-INSCol-actions {display:flex; flex-wrap:wrap; align-items:center;}
	.G1-INSCol-actions input {background-color:#333;}
	.G1-INSCol-actions-club {display:flex; align-items:center; margin-left:1em}
		.G1-INSCol-actions-club-logo {display:block; margin:.2em ;}
		.G1-INSCol-actions-club-infos {margin:0 1em;}
.G1-inscription-ETA, .G1-inscription-OPE, .G1-inscription-VEN, .G1-inscription-AGE, .G1-inscription-COM  {font-size:75%;}
.G1-inscription-BROText + label, .G1-UI-formRow span + label {padding-left:1em;}

.G1-inscription-total .G1-UI-formRow {text-align:right;}
.G1-inscription-total .G1-UI-formRow input[type=text] {width:5em;}
.G1-inscription-NBP #NBP {width:2em;}
.G1-inscription-COM #COM {width:3em;}

.G1-inscription-detail {}
	.G1-inscription-detail-edit {width:1em;}
		.G1-inscription-detail-edit-button {background-color:transparent!important; padding:0!important;}
		.G1-inscription-detail-edit-button:hover {color:#fff!important; cursor:pointer;}
	.G1-inscription-detail-code {width:3.5em;}
	.G1-inscription-detail-civ {width:4em; font-size:75%;}
	.G1-inscription-detail-name {width:15em;}
		.G1-inscription-detail-name input {width:100%; box-sizing:border-box;}
	.G1-inscription-detail-room {width:6em;}
	.G1-inscription-detail-pra {width:3.5em;}
	.G1-inscription-detail-amount {width:7em; text-align:right;}
		.G1-inscription-detail-amount input {width:5em; text-align:right;}
	.G1-inscription-detail-shareRoom-input {}

.G1-inscription-observations pre {margin:0; font-size:75%;}

.G1-inscription-details {width:fit-content;}
	.G1-inscription-details-row {display:flex; justify-content:space-between; padding:.2em;}
	.G1-inscription-details-row:nth-child(odd) {background-color:#e4e5e0; border-bottom:1px solid #c4c5c0;}
	.G1-inscription-details-row:nth-child(even) {background-color:#f4f5f0; border-bottom:1px solid #fff;}
		.G1-inscription-details-row label {padding-right:.5em;}
		.G1-inscription-details-row span {}
			.G1-inscription-details-row input {width:6em; background-color:rgba(255, 255, 255, .5); text-align:right;}
			.G1-inscription-details-row input[type="date"] {width:auto;}
.G1-inscription-iframes {display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:1em;}



@media screen and (max-width:750px) {
	.G1-INSCol .actions {padding:.3em;}
		.G1-INSCol .actions input {padding:.5em;}
}

/* Inscription G1 - infos complémentaires */
.G1-bookingAdditional {}

.G1-bookingAdditional-ID label, .G1-bookingAdditional-birth label, .G1-bookingAdditional-pref label, .G1-bookingAdditional-vacc label {display:inline-block; text-align:right; margin:0 0.5em 0 1em;}
.G1-bookingAdditional-ID .G1-UI-formCell:first-child label, .G1-bookingAdditional-birth .G1-UI-formCell:first-child label, .G1-bookingAdditional-pref .G1-UI-formCell:first-child label, .G1-bookingAdditional-vacc .G1-UI-formCell:first-child label {width:10em; margin-left:0;}


/* Impressions G1 */
.G1-extendedSearch-checkbox {display:none;}
	.G1-options {width:fit-content; padding:.5em; background-color:#f4f5f0; border:1px solid #d4d5d0;}
		.G1-options h2 {margin-top:0;}

.G1-manifest {}
.G1-roomingList {}


/* Avoir spéciaux COVID-19 */	

.G1-specialRefunds-list {}
	.G1-specialRefunds-list-id {background-color:#008080; text-align:center;}
		.G1-specialRefunds-list-id:hover {background-color:#49d;}
		.G1-specialRefunds-list-id a {color:#fff;}
	.G1-specialRefunds-list-name {font-weight:bold;}
	.G1-specialRefunds-list-inscription {font-size:85%;}
	.G1-specialRefunds-list-flag {color:#c06;}
	.G1-specialRefunds-list-flag1 {background-color:#fde;}
.G1-specialRefunds-edit {}
	.G1-specialRefunds-edit-customer {display:flex; width:fit-content; margin-bottom:1em; padding:.5em; background-color:#f4f5f0; border:1px #e4e5e0 solid;}
	.G1-specialRefunds-edit .G1-card {margin:0;}
		.G1-specialRefunds-edit .G1-card-name {font-size:160%;}
	.G1-specialRefunds-edit-form-other {margin-left:1em; padding:.3em; background-color:#fff;}
	.G1-specialRefunds-edit-form-other:empty {display:none;}
		.G1-specialRefunds-edit-form-other h2 {margin:0 0 .2em 0; font-size:120%; line-height:1em;}
	.G1-specialRefunds-edit-form {display:flex;}
	.G1-specialRefunds-edit-form-title {margin-top:0; font-size:100%;}
		.G1-specialRefunds-edit-form-title img {height:2em; padding-right:.3em;}
		.G1-specialRefunds-edit-form-title input {display:none;}
		.G1-specialRefunds-edit-form-title label:hover {color:#008080;}
		.G1-specialRefunds-edit-form-summary {margin-right:1em;}
		.G1-specialRefunds-edit-form-content {}
		.G1-specialRefunds-edit-form-content #Description {width:100%; height:6.3em; box-sizing:border-box;}


.G1-specialRefunds-edit-form-dataPanel {margin-right:1em; padding:.5em; border:1px #c4c5c0 solid;}
	.G1-specialRefunds-edit-form-dataPanel label {font-weight:bold;}

.G1-specialRefunds-edit-form-callPanel {margin-right:1em; padding:.5em; background-color:#e4e5e0;}
	.G1-specialRefunds-edit-form-callPanel label {font-weight:bold;}

.G1-specialRefunds-edit-form-offerPanel {margin-right:1em; padding:.5em; background-color:#e4e5e0;}
	.G1-specialRefunds-edit-form-offerPanel label {font-weight:bold;}

.G1-specialRefunds-edit-form-contractPanel {max-width:min-content; padding:.5em; background-color:#e4e5e0;}
	.G1-specialRefunds-edit-form-contractPanel label {font-weight:bold;}

.G1-specialRefunds-edit-form td.MVCControl input[type="submit"] {padding: .4em 1em;background-color: #008080;border: none;color: #fff;text-transform: uppercase;font-size: 85%;}

#specialRefunds-SearchForm {margin-right:1rem;}
	#specialRefunds-SearchForm  input {margin-left:.5em;}

@media screen and (max-width:900px) {
	.G1-specialRefunds-edit-form-summary {margin-right:0; margin-bottom:1em;}
	.G1-specialRefunds-edit-form {flex-direction:column;}
	.G1-specialRefunds-edit-form-callPanel {margin:0 0 1em 0;}
}

/* Pré-inscriptions G1 */

.G1-presale {}
.G1-presale-heading {padding:0.5em; background-color:#f8f0ff; border:1px solid #e8e0ee;}
.G1-presale-heading-main {display:flex; justify-content:space-between;}
	.G1-presale-heading p {margin:0;}
	.G1-presale-publicDescription {max-width:900px; margin-bottom: 0.5em; border-bottom: 1px solid #e8e0ee;}
		.G1-presale-publicDescription h2 {margin:0 0 .5em 0; font-style:italic; font-size:100%;}
	.G1-presale-privateDescription {margin-left:2em; padding-left:2em; border-left:1px solid #60b; color:#60b;}
	.G1-presale-info {display:flex;}
		.G1-presale-info-group {min-width:15em;}
		.G1-presale-info strong {color:#60b;}
		.G1-presale-info-group+.G1-presale-info-group {margin-left:2em;}
		.G1-presale-info strong {color:#60b;}
		.G1-presale-info label {color:#646560; margin-right:.5em;}
.G1-presale-preinsList {margin-top:1em;}
	.G1-presale-preinsList-id {text-align:center;}
		.G1-presale-preinsList-id a {display:block; padding:0 .5em; border-radius:.3em; background-color:#60b; color:#fff;}
		.G1-presale-preinsList-id a:hover {background-color:#93e;}
	.G1-presale-preinsList-date {color:#848580; font-family:monospace;}
	.G1-presale-preinsList-name {font-weight:bold;}
	.G1-presale-preinsList-row-GOLD {background-color:#fff8dd;}
		.G1-presale-preinsList-row-GOLD .G1-presale-preinsList-name {color:#963;}
	.G1-presale-preinsList-row-SILVER {background-color:#eeeef4;}
		.G1-presale-preinsList-row-SILVER .G1-presale-preinsList-name {color:#669;}
	.G1-presale-preinsList-loyalty-symbol {width:1.1em; vertical-align:bottom; padding-left:.2em;}
	.G1-presale-preinsList-comment {font-size:85%;}

@media screen and (max-width:750px) {
	.G1-presale-heading-main {flex-direction:column;}
	.G1-presale-privateDescription {margin-left:0; padding-left:0; border-left:none; margin-top:1em; padding-top:1em; border-top:1px solid #60b; color:#60b;}
	.G1-presale-info {flex-direction:column;}
		.G1-presale-info-group+.G1-presale-info-group {margin:.5em 0 0 0;}
}

.G1-presale-preins-table {}
	.G1-presale-preins-table #Comments {width:100%; height:4em; box-sizing:border-box;}
	.G1-presale-preins-preBooking-action {display:inline-block; margin-left:.5em; background-color:#949590; padding:.2em .5em; text-transform:uppercase; font-size:85%; color:#fff;}
	.G1-presale-preins-preBooking-action:hover {background-color:#39e; color:#fff;}
	.G1-presale-preins-preBooking-action:active {background-color:#808000;}

.G1-presale-prebroList-table {}
	.G1-presale-prebroList-id {text-align:center;}
		.G1-presale-prebroList-id a {display:block; padding:0 .5em; border-radius:.3em; background-color:#60b; color:#fff;}
		.G1-presale-prebroList-id a:hover {background-color:#93e;}
	.G1-presale-prebroList-code {font-family:monospace;}
	.G1-presale-prebroList-protos a {font-size:85%; color:#c06;}
	.G1-presale-prebroList-protos a:hover {color:#e066a3;}
	.G1-presale-prebroList-title {font-weight:bold;}
	.G1-presale-prebroList-status {text-transform:uppercase; font-size:85%; color:#aa9;}

.G1-presale-prebro-table {}
	.G1-presale-prebro-pubDesc textarea, .G1-presale-prebro-privDesc textarea {width:100%; height:4em; box-sizing:border-box;}
	.G1-presale-prebro-title input {width:100%; box-sizing:border-box;font-weight:bold;}
	.G1-presale-prebro-protos input, .G1-presale-prebro-price input, .G1-presale-prebro-points input, .G1-presale-prebro-quota input, .G1-presale-prebro-singleQuota input {width:5em; text-align:right;}
	.G1-presale-prebroList-knownDate {text-align:center;}
	.G1-presale-prebroList-knownDate-0 .G1-presale-prebroList-date {font-weight:bold; color:#c00;}

/******* ADS *******/

.ADS-home-nav-campaigns-container {display:flex; max-width:600px; padding:.5em; border:4px #aaa solid; background-color:#ddd; text-align:center;}
.ADS-home-nav-campaigns-container:hover {background-color:#50d0c0; border:4px #008080 solid;}
	.ADS-home-nav-campaigns-container a {display:block; width:100%; height:100%; padding:.5em; box-sizing:border-box; text-transform:uppercase; font-weight:bold; font-size:160%;}
	.ADS-home-nav-campaigns-container a:hover {display:block; text-transform:uppercase; color:#fff}
	.ADS-home-nav-campaigns {flex-grow:1; }
	.ADS-home-nav-announcements-container {display:flex; flex-grow:1; padding:.5em; border:2px #ccc solid; background-color:#e8e8e8;}
	.ADS-home-nav-announcements-container:hover {background-color:#50d0c0; border:2px #008080 solid;}
		.ADS-home-nav-announcements {flex-grow:1; }
		.ADS-home-nav-insertions {flex-grow:1; border:1px #ddd solid; background-color:#f4f4f4;}
		.ADS-home-nav-insertions:hover {background-color:#50d0c0; border:1px #008080 solid;}

.ADS-viewPLVList-table {}
	.ADS-viewPLVList-table h2 {margin:0;}
	.ADS-viewPLVList-table .searchResult {display:flex;}
		.ADS-viewPLVList-table .searchResult-desc {margin-left:1em;}
				.ADS-viewPLVList-table .searchResult-subtitle {display:none;}
		.ADS-viewPLVList-table .searchResult-name {font-size:120%;}
			.ADS-viewPLVList-table .searchResult-dates, .ADS-viewPLVList-table .searchResult-price {margin:0;}
			.ADS-viewPLVList-table .tableActions {text-align:right;}
			.ADS-viewPLVList-table .web-price, .ADS-viewPLVList-table .searchResult-vignette-overlay {display:none;}

.ADS-insertionsSumup-select {}		

.ADS-wizadCopyInsertion-supports {padding:0; margin:0;}		
	.ADS-wizadCopyInsertion-supports li {list-style:none;}		

/* Choose Tours */
.ADS-chooseTours {}
	.ADS-chooseTours-previewLinks {white-space:nowrap;}
	.ADS-chooseTours-previewLinks a {display:inline-block; padding:.1em .3em; font-size:85%; text-transform:uppercase; white-space:nowrap;}

/******* Parkings PRK *******/

.PRK pre {padding:1em; background-color:#ffc; width:fit-content; min-width:300px; font-size:110%;}


/* Parkings home */
.PRK-home {display:flex; flex-wrap:wrap; justify-content:space-between;}
.PRK-home-status {width:fit-content;}
	.PRK-home-statuses-zone {margin-bottom:.5em;}
	.PRK-home-statuses-device {display:flex; justify-content:space-between; margin:0 0 .4em 0; padding-left:.5em; background-color: #f4f5f0;}
	.PRK-home-statuses-device label {padding-right:.5em;}
		.PRK-home-statuses-device-status {padding:.1em .4em; border-radius:.2em; background-color:#646560; color:#fff; font-size:85%; text-transform:uppercase;}
		.PRK-status-auto {background-color:#008080;}
		.PRK-status-on {background-color:#808000;}
		.PRK-status-opened {background-color:#808000;}
		.PRK-status-closed {background-color:#f33;}
.PRK-home-events {}
	.PRK-events-table {border:1px #343530 solid;}
	.PRK-event {color:#fff;}
	.PRK-event-IN {background-color:#def; color:#039;}
	.PRK-events-date h3 {margin:0;}
	.PRK-event-facility {font-size:85%;}
	.PRK-event-DEPARTURE {background-color:#008080;}
	.PRK-event-BOARDING {background-color:#28d;}
	.PRK-event-OUT {background-color:#efd; color:#390;}
	.PRK-event-ARRIVAL {background-color:#490;}
	.PRK-event-UNBOARDING {background-color:#808000;}
	th.PRK-events-date {border-top:6px solid #343530; border-bottom:none; background-color:#fff;}
	.PRK-event td {border:none;}
	.PRK-event-name {font-weight:bold;}
	.PRK-event-tourCode {display:inline-block; margin-left:.4em; padding:.1em .4em; border-radius:.2em; background-color:#fff; font-size:85%; font-weight:bold;}
	.PRK-event-tourCode:hover {text-decoration:underline;}
	.PRK-home-vehicles {}

.PRK-operation {}
	.PRK-operation-actions-vehicle {padding-left:1em; vertical-align:super;}
		.PRK-operation-actions .RB2-planning-duty-vehicle-avl {width:2em; padding-left:.4em;}
	.PRK-operation-pickup-vehicle .RB2-planning-duty-vehicle-avl {width:1.5em; vertical-align:bottom;}
	.PRK-operation-edit {margin-top:2em; padding:1em; border:1px solid #e4e6ee; background-color:#f6f9ff;}
	.PRK-operation-edit h2 {margin-top:0;}
	.PRK-operation-edit+.PRK-operation-edit {margin-top:0; border-top:none;}

.PRK-acces-parking-page {break-after:page;} /* pour boucle impression code parking clients 2021-11 */

.PRK-acces-parking-customer {position:absolute; top:1.5cm; left:2cm;}
	.PRK-acces-parking-customer-travelTitle {margin:0;}
	.PRK-acces-parking-customer-name {margin:0;}
	.PRK-acces-parking-customer-parkingPin {margin:.4em 0; padding:.2em 0; border-top:1px #000 solid; border-bottom:1px #000 solid;}
		.PRK-acces-parking-customer-parkingPin strong {font-size:16pt; color:#008080;}
	.PRK-acces-parking-customer-openingTime {margin:0;}

.PRK-acces-parking-image {width:100%; max-width:19cm;}

.PRK-bookings {}
	.PRK-booking {}
		.PRK-booking-actions a {display:inline-block; margin-right:.5em; padding:.1em .3em; border-radius:.2em; background-color:#008080; color:#fff;}
		.PRK-booking-actions a:hover {background-color:#39e; color:#fff;}
		.PRK-booking-actions a:active {background-color:#808000; color:#fff;}

.PRK-passengerInformation {width:100%; height:80vh; border:1em solid #000; box-sizing:border-box;}
	
@media screen and (max-width:750px) {
	.PRK-home {flex-direction:column;}
	.PRK-event-name {display:block;}
	.PRK-event-tourCode {margin-left:0;}
}

/*** Media screen ***/
/*-----------------*/
@media screen and (max-width:1550px) {
	.BO-tabs a {padding:.3rem;}
}

@media screen and (max-width:1400px) {
	.bo-supplies {flex-direction:column;}
		.bo-supplies-sumup {order:10;}
	.BO-tabs a {font-size:85%;}
}

@media screen and (max-width:700px) {
.BO-saleContract-main {flex-wrap:wrap;}
	#bocage-summary, #bocage-options {width:100%;}
.BO-viewContract {flex-direction:column;}
}

@media screen and (max-width:500px) {
	.ADM-iconsSection {width:100%;}
		.ADM-icon {width:46%; padding-bottom:46%; margin:0 2%;}
	.ADM-listSection {width:100%; margin-right:0;}
	.BO-tabs-group {display:block;}
}

@media screen and (min-width:1000px) {
	.ADM-icon {width:18%; padding-bottom:18%; margin:0 0 2% 2%;}
}

@media screen and (min-width:1200px) {
	.bo-customerRequest {display:flex;}
		.bo-customerRequest-offers {margin-left:1em; flex:1;}
			.bo-customerRequest-offers  .listData{table-layout:auto;}
			.bo-customerRequest-offers  th, .bo-customerRequest-offers  td {white-space:normal; width:auto;}
			.bo-customerRequest-offers  td.BC-desc{}
}

@media screen and (min-width:1400px) {
	.BO-formRow label {width:25%;}
	.BO-formRow  input, .BO-formRow  textarea, .BO-formRow  select , .BO-formRow  p {width:74%;}
}

/******* ISP *******/
/*******************/
.ISP label {padding-right:1em; font-size:85%; text-transform:uppercase;}

.ISP-actions {display:flex; justify-content:space-between; width:fit-content; margin:1em 0; padding:.5em; background-color:#47b; color:#fff}
	.ISP-actions a {color:#fff}
	
/** Admin departures **/

/*.ISP-select-network {margin-top:0; padding:0; text-transform:uppercase; font-weight:bold;}
	.ISP-select-network li {}
	.ISP-select-network li a {display:block; padding:.5em;}
	.ISP-select-network li a:hover {background-color:#000;} */

	.ISP-admDepartures-select-date {margin:0; padding:.2em 0;}
	.ISP-admDepartures-select-date a {padding:0 .5em;}
	.ISP-admDepartures-select-date a:hover {text-decoration:underline;}
	
.ISP-admDepartures {border:1px solid #888; border-spacing:1px; background-color:transparent;} 
	.ISP-admDepartures td, .ISP-admDepartures th {padding:.3em; border:0;}
	.ISP-admDepartures th {font-size:100%; background-color:#ccc;}
	.ISP-admDepartures tbody tr:nth-child(odd) {background-color:#f8f8f8;}
	.ISP-admDepartures tbody tr:nth-child(even) {background-color:#eee;}
	.ISP-admDepartures a:hover {text-decoration:underline;}
	.ISP-admDepartures tbody tr:hover {background-color:#47b;}
	.ISP-admDepartures tr:hover td, .ISP-admDepartures tr:hover td a {color:#fff;}

.ISP-admDepartures-dayPast, .ISP-admDepartures-dayPast a {color:#eee;}
tbody tr.ISP-admDepartures-dayPast:nth-child(odd) {background-color:#bbb;}
tbody tr.ISP-admDepartures-dayPast:nth-child(even) {background-color:#aaa;}
	.ISP-admDepartures tbody tr.ISP-admDepartures-day2:nth-child(odd) {background-color:#ddd;}
	.ISP-admDepartures tbody tr.ISP-admDepartures-day2:nth-child(even) {background-color:#e8e8e8;}
	.ISP-admDepartures tbody tr.ISP-admDepartures-day2:hover {background-color:#259;}

.ISP-admDepartures-date {font-family:'Courrier New', monospace;}
	.ISP-admDepartures-date-day, .ISP-admDepartures-date-hour {text-transform:uppercase; font-weight:bold;}
.ISP-admDepartures-OD {}
.ISP-admDepartures-ID {text-transform:uppercase;}
.ISP-admDepartures-ISPTracker {text-align:center; font-size:80%;}
.ISP-admDepartures-tableYield, .ISP-admDepartures-priceLvl {text-align:right; font-size:80%;}
.ISP-admDepartures-ticketNb, .ISP-admDepartures-ticketNb-total {font-size:130%; font-weight:bold; text-align:right;}
.ISP-admDepartures-ticketNb-total {font-weight:normal;}
.ISP-admDepartures-day1 .ISP-admDepartures-ticketNb, .ISP-admDepartures-day1 .ISP-admDepartures-ticketNb-total {background-color:#def;}
.ISP-admDepartures-day2 .ISP-admDepartures-ticketNb, .ISP-admDepartures-day2 .ISP-admDepartures-ticketNb-total {background-color:#cde;}
.ISP-admDepartures-driver-lastname {}

.ISP-admDepartures-status {color:#fff; text-align:center;}
.ANNULE {background-color:#f66;}
.DISPO {background-color:#6f6;}
.ISP-admDepartures-dayPast .DISPO {background-color:#888;}
.COMPLET {background-color:#0a0;}

.block1 {background-color:#74b; color:#fff;}
.block2 {background-color:#b47; color:#fff;}
.block1 a, .block2 a {color:#fff;}

.ISP-admDiagram h1 {margin-bottom:0;}
.ISP-admDiagram tr {background-color:#eee;}
.ISP-admDiagram-segment {text-align:center;}
.ISP-admDiagram-occupied {background-color:#e91;}
.ISP-admDiagram-order {text-align:right;}
.ISP-admDiagram-passengerName {font-size:120%;}

/** Admin view departure **/
.admViewDeparture-notification {margin:.5em 0; padding:.5em; border:1px solid #e91; background-color:#eee;}
.admViewDeparture-notification h3 {font-size:100%; margin:.4em 0 0 0; padding:0;}

/** Admin send passengers notification **/
.rp-adm-sendPassengersNotification-form {margin:.5em 0; padding:.5em; border:1px solid #e91; background-color:#eee;}


/*** PHOTOTHEQUE ***/	
/*******************/

/*** Structure ***/	
.Explorer {display:flex; flex-wrap:wrap; margin:1em 0; width:100%; min-height:150px;}
	.Dirs, .Docs {width:100%; display:flex; flex-wrap:wrap;}

.Doc {display:flex; width:100%;}
	.Preview {flex:1; max-width:750px;}
		.Preview  img {width:100%;}
		.previewActions {}
	
	.SidePanel {flex:1; margin-left:5%;}
		.Meta {width:100%;}
		.Attachments, .Author, .Publications {width:100%;}
		.Attachments form {float:left;}
		.Body {}
		
/*** decoration ***/		
.Actions {display:flex; flex-wrap:wrap; margin:0; padding:0;}
	.Actions li {list-style-type:none; margin-bottom:.5em;}
		.Actions a {display:block; margin-right:.5em; padding:3px 6px; background-color:#bea30e; color:#fff; text-transform:uppercase;}
		.Actions a.NewImage {padding-left:2em; background:#8c0 url('/images/bo/16/photo_camera.png') no-repeat 5px center;}
		.Actions a.NewFolder {padding-left:2em; background:#8c0 url('/images/bo/16/folder.png') no-repeat 5px center;}
		.Actions a.Ascending {padding-left:2em; background:#bea30e url('/images/bo/16/arrow_up.png') no-repeat 5px center;}
		.Actions a.Descending {padding-left:2em; background:#bea30e url('/images/bo/16/arrow_down.png') no-repeat 5px center;}
		.Actions a.ViewImage {padding-left:2em; background:#bea30e url('/images/bo/16/info.png') no-repeat 5px center;}
		.Actions a.EditImage {padding-left:2em; background:#bea30e url('/images/bo/16/edit.png') no-repeat 5px center;}
		.Actions a.MoveImage {padding-left:2em; background:#bea30e url('/images/bo/16/wired.png') no-repeat 5px center;}
		.Actions a.DeleteImage {padding-left:2em; background:#bea30e url('/images/bo/16/trash.png') no-repeat 5px center;}
		.Actions a.ProcessImage {padding-left:2em; background:#bea30e url('/images/bo/16/process.png') no-repeat 5px center;}
		.Actions a.RepareText {padding-left:2em; background:#bea30e url('/images/bo/16/warning.png') no-repeat 5px center;}
		.Actions a.NewImage:hover, .Actions a.NewFolder:hover {background-color:#bf0;}
		.Actions a:hover {background-color:#ec1;}
		.Actions a.Selected {background-color:#ec1; cursor:default;}		

.Explorer {background-color:#f4f5f0;}
	.Dirs {background-color:#e4e5e0; border-bottom:1px #d4d5d0 solid;}
	.ExplorerDir {width:150px; height:150px; margin:5px; border:1px #000 solid; background:#ec1 url('/images/bo/32/folder.png') no-repeat center 20px;}
		.ExplorerDir:hover {background-color:#8c0;}
			.ExplorerDir a {display:block; width:100%; height:75px; padding-top:75px; text-align:center; color:#000; font-weight:bold;  font-family:'Segoe UI', sans-serif;}
				.hDirDescription {position:absolute; visibility:hidden; width:100%; height:34px; top:112px; padding:2px 0; background-color:#000; opacity:.6; color:#fff; text-align:center; font-size:90%;}
					.ExplorerDir:hover .hDirDescription {visibility:visible;}
	.Docs {}
		.ExplorerDoc {width:150px; height:150px; margin:5px; border:1px #000 solid; background-color:#fff; text-align:center; overflow:hidden;}
		.ExplorerDoc:hover {background-color:#bf0;}
			.ExplorerDoc a {display:block; width:100%; height:100%; color:#000;}
			.ExplorerDoc h3 {position:absolute; max-height:3.3em; overflow:hidden; margin:.3em; background-color:rgba(255,255,255,0.75); line-height:1.1em; font-family:'Segoe UI', sans-serif; font-weight:normal; font-size:90%;}
			.ExplorerDoc img {width:100%; height:100%; object-fit:cover;}
		.FotoliaUnpaid {border:1px #f6a solid;}
		.FotoliaUnpaid:hover {background-color:#fcf;}
			.FotoliaUnpaid a {color:#f6a;}
	.photothequeForm {max-width:360px; padding:1em; border:1px #ec1 solid; background-color:#ffc;}
		.photothequeForm input[type=text], .photothequeForm select {width:100%; box-sizing:border-box;}
		.photothequeForm input[type=submit] {margin-top:1em; width:10em; padding:.5em 1em;}
		.photothequeForm p {margin:0 0 .5em 0;}
	.EditFolderForm {}
		.fotoliaWizardForm input[type=text] {margin-bottom:1em; padding:.3rem; font-size:140%;}

	.ExplorerFooter {width:100%; margin-top:10px; border-top:1px #c4c5c0 solid; background-color:#e4e5e0;}
		.ExplorerFooter p {margin:.3em .5em; color:#646560; font-size:80%; font-family:'Segoe UI';}
.Doc {}
	.Preview img {border:1px #000 solid; box-sizing:border-box;}
		.Preview img[src=""] {width:50%; height:50px;}
		.previewActions {display:flex; align-items:flex-start; margin-bottom:.5em; padding:.5em; background-color:#ec1;}
			.previewActionItem {margin-right:.5em; padding:.2em .5em; border:1px #bea30e solid; background-color:#fff;}
			.previewActionItem table {margin-top:0;}
			.photo-previewActionItem-subjectPosition td:hover {background-color:#ec1;}

	.SidePanel, .Actions {margin-top:0;}
	.Content {width:100%; border-collapse:inherit;}
		.Content th {vertical-align:top;}
		.Content input, .Content textarea {width:100%;}
		.Content textarea {height:4em;}
	
	.PHOTO-meta-edit input {line-height:1.4em;}
	.Attachments {display:flex; flex-wrap:wrap; justify-content:space-between;}
		.Attachments  h2 {width:100%; margin:.5em 0 .3em 0}
		.VersionsTN {width:45%; border:1px #ddd solid; padding:5px 1%; text-align:center; background-color:#f8f8f8; border-radius:.4em;}
		.VersionsTN img {max-width:80px; max-height:80px; margin-bottom:5px;}
		.VersionsTN ul {margin-top:.4em; border-bottom:1px #ddd solid; text-align:left; color:#888;}
		.VersionsTN li {display:flex; justify-content:space-between; padding:.4em; border-top:1px #ddd solid; background-color:#fff;}
		.VersionsTN small {width:25%; white-space:nowrap; text-align:right;}
		.VersionsTN a {display:inline-block; width:75%; margin-right:.5em; padding:.2em; background-color:#bea30e; color:#fff; text-align:center; font-size:80%;}
		.VersionsTN a:hover {background-color:#ec1;}
		.VersionNumber {position:absolute; color:#888; font-size:3em; }
		.Author {margin-top:20px; text-align:right; font-size:80%;}
		.Attachments form {width:100%; margin:10px 0; padding:5px 2%; background-color:#8c0; color:#fff; box-sizing:border-box;}
		.Attachments #btnUpload {display:block; margin-top:5px;}
	.Publications table {width:100%;}

/*** preview photo position sujet ***/	
.photo-previewSubjectPositionActions {float:left; width:100%; margin-bottom:0;}
.photo-previewSubjectPosition {display:flex; flex-direction:column; float:none; width:100%; max-width:750px; margin:auto;}
	.photo-previewSubjectPositionVersion {overflow:hidden; margin-bottom:1em; border:1px #000 solid; background-repeat:no-repeat; background-size:cover;}
	.photo-versionLandscape {width:100vw; max-width:750px; height:66.67vw; max-height:500px;}
	.photo-versionBanner {width:100vw; max-width:750px; height:32vw; max-height:240px;}
	.photo-versionPortrait {width:50vw; max-width:500px; height:75vw; max-height:750px;}	

/*** Accueil Phototheque ***/
.homePhoto {display:flex; flex-wrap:wrap; width:100%; max-width:1400px;}
	.HP-item {width:33.333%; height:400px; background-color:#000; color:#fff; overflow:hidden;}
	.HP-search, .HP-news {padding:1em;}
		.HP-search {background:#ec1 url('/images/phototheque/search.png') no-repeat center 90%; text-align:center;}
		.HPS-title, .HPN-title {font-weight:bold; font-size:180%; margin:0 0 .5em 0; line-height:1.1em;}
		.HPS-text {width:90%; margin:3em 0 1em 0; padding:.5em 5%;}
		.HPS-submit {width:50%; padding:.5em 5%;}
		.HP-news p {margin:.5em 0; font-weight:bold; font-size:100%; line-height:1.1em;}
			.HPN-date {font-weight:normal; font-size:80%; color:#fff;}

@media screen and (max-width:1000px) {
	.HP-item {width:50%;}
	.Doc {flex-direction:column;}
	.Preview {margin:auto;}
	.SidePanel {margin:.5em 0 0 0; padding-top:.5em; border-top:1px #bea30e solid;}
	.VersionsTN {width:100%;}

}
@media screen and (max-width:600px) {
	.HP-item {order:5; width:100%; height:200px;}
	.HP-search {order:1; height:auto; background-image:none;}
		.HPS-text {margin:0 0 1em 0;}
	.HP-news {order:2; height:auto;}
}
			
/***********  IK.CRM  *************/

.Properties {width:100%; border:1px #554 solid !important;}
	.Properties th {background-color:#aa9; border-top:1px #ddc solid; border-bottom:1px #554 solid; color:#fff; font-weight:normal; text-align:left;}
	.Properties th, .Properties td {padding:.4em; vertical-align:middle;}
	.Properties td {background-color:#e4e5e0; border-bottom:1px #d4d5d0 solid;}
.Properties+input {margin:1em 0; padding:.4em 2em;}

.dataW {margin-top:0;}

/***********  CRM 2020  *************/
.CRM {}

.CRM-menu {text-align:right;}
	.CRM-menu-checkbox {display:none;}
	.CRM-menu-label {border-radius:1em; padding:.2em .4em; font-size:160%; line-height:1em;}
	.CRM-menu-label:hover {color:#008080;}
	.CRM-menu-list {visibility:hidden; position:absolute; right:1rem; z-index:1; width:max-content; margin:0; padding:.5em; border:1px #d4d5d0 solid; background-color:#fff; box-shadow: 0.2em 0.2em 0.3em 0em #848580;}
	.CRM-menu-list li {list-style:none; text-transform:uppercase; font-size:85%; text-align:left; color:#aa9;}
	.CRM-menu-checkbox:checked ~ .CRM-menu-list {visibility:visible;}
	.CRM-menu-list a {color:#000;}
	.CRM-menu-list a:hover {color:#008080;}

.CRM-wrapper {}
	.CRM-wrapper .warning { padding:.5em;}

.CRM-header {display:flex; justify-content:space-between; align-items:flex-start; padding:.5em .5em 1em .5em; background-color:#ddc;}
	.CRM-header-contact {display:flex; align-items:flex-start;}
		.CRM-header-avatar {padding:.2em; border:1px #554 solid; background-color:#fff;}
		.CRM-header-contact-desc {margin-left:1em;}
			.CRM-header-contact-desc p {margin:0;}
				.CRM-header-contact-desc label {padding-right:.5em; text-transform:uppercase; font-size:75%;}
			.CRM-header-contact-name {margin:0;}
			.CRM-header-contact-login {color:#fff;}
				.CRM-header-contact-login a {display:block; width:fit-content; padding:.2em .5em; background-color:#008080; color:#fff; text-transform:uppercase;}
				.CRM-header-contact-login a:hover {background-color:#50d0c0;}
				.CRM-header-contact-login a:active {background-color:#8ef;}

	.CRM-header-companyContact {margin-left:1em; padding:.5em; border:1px #b4b5b0 solid; background-color:#f4f5f0; font-size:85%;}
		.CRM-header-companyContact p {margin:0;}
		.CRM-header-companyContact-name {margin:0; font-size:125%;}
		.CRM-header-companyContact-address {}

	.CRM-linkedContacts {text-align:right;}
		.CRM-linkedContacts-checkbox {display:none;}
		.CRM-linkedContacts-label {border-radius:1em; padding:.2em .4em;}
		.CRM-linkedContacts-label:hover {background-color:#e9e8e4; color:#008080;}
		.CRM-linkedContacts-list {visibility:hidden; position:absolute; min-width:20em; z-index:10; right:0; margin:.2em; padding:.5em; border:1px #d4d5d0 solid; background-color:#fff; box-shadow: 0.2em 0.2em 0.3em 0em #848580;}
		.CRM-linkedContacts-list li {list-style:none;}
		.CRM-linkedContacts-checkbox:checked ~ .CRM-linkedContacts-list {visibility:visible;}
		.CRM-linkedContacts-checkbox:checked ~ .CRM-linkedContacts-label {background-color:#e4e5e0; }
		.CRM-linkedContacts-action {margin-top:.2em; padding-top:.2em; border-top:1px #aa9 solid; text-transform:uppercase; font-size:85%;}
		.CRM-linkedContacts-action + .CRM-linkedContacts-action {margin-top:0; padding-top:0; border-top:none;}
		.CRM-linkedContacts-action a {color:#aa9;}
		.CRM-linkedContacts-action a:hover {color:#008080;}
		
.CRM-header-search {}
	.CRM-header-search h2 {margin:0; font-size:110%;}
	.CRM-searchForm {display:flex; flex-wrap:wrap;}
		.CRM-searchForm-item {margin:.5em .5em 0 0;}
		.CRM-searchForm-item:last-child {margin-right:0;}
			.CRM-searchForm-item label {display:block;}
	
.CRM-container {background-color:#ddc; padding-bottom:.4em}
	.CRM-container-tabs {display:flex; flex-wrap:wrap; margin:0; padding:0 0 0 1em; border-bottom:4px #aa9 solid;}
		.CRM-container-tabs li {list-style:none; margin-right:.2em; background-color:#554; border-radius:.3em .3em 0 0;}
		.CRM-container-textTab {padding:.3em 1em;}
		.CRM-container-tabs a {display:block; float:left; padding:.3em 1em; color:#fff;}
		.CRM-container-tabs a:hover {text-decoration:none;}
		.CRM-container-tabs .LinkSelected {background-color:#aa9;}
		.CRM-container-tabs .LinkStandard:hover {background-color:#aa9;}
		.CRM-container-tabs input {cursor:pointer; border:none; background-color:transparent; padding:.3em 1em; margin:0; color:#fff;}
		.CRM-container-tabs li.LinkStandard:hover input {color:#fff;} 
		.CRM-container-tabs li.LinkSelected input {color:#fff;}

.CRM-companyContact .CRM-header, .CRM-companyContact .CRM-container-tabs {background-color:#f4f5f0;}

.CRM-content {padding:.5em 0; background-color:#fff;}

@media screen and (max-width:800px) {
	.CRM-contact .CRM-header {flex-wrap:wrap; justify-content:space-between;}
		.CRM-contact .CRM-header-contact {width:100%;}
	.CRM-header-companyContact {margin:.5em 0;}
}

@media screen and (max-width:600px) {
	.CRM-companyContact .CRM-header, .CRM-contact .CRM-header {flex-direction:column; flex-wrap:nowrap; align-items:center;}
	.CRM-linkedContacts-list {visibility:visible; display:none;}
	.CRM-linkedContacts-checkbox:checked ~ .CRM-linkedContacts-list {display:block;}
	.CRM-linkedContacts {align-self:flex-end;}
	.CRM-container-tabs li {margin-top:.3em;}
	.CRM-container-tabs input {padding:.3em;}
}

/* CRM Recherche */
.CRM-searchResult {}
.CRM-searchResult-table {}
	.CRM-searchResult-table th {background-color:#aa9; text-transform:uppercase; font-weight:normal; font-size:85%;}
	td.CRM-searchResult-account {color:#008080;}
	td.CRM-searchResult-account::before {content:"\01f471\01f3fc";}
	.CRM-searchResult-row-companyContact td.CRM-searchResult-account::before {content:"\1F3E2\20";}
	.CRM-searchResult-row-contact .CRM-searchResult-lastname {font-weight:bold;}
	.CRM-searchResult-row-contact .CRM-searchResult-company {color:#646560;}
	.CRM-searchResult-row-companyContact .CRM-searchResult-company {font-weight:bold;}
	.CRM-searchResult-zip, .CRM-searchResult-city, .CRM-searchResult-mainEmail, .CRM-searchResult-telNumber, .CRM-searchResult-mobile {font-size:85%;}

@media screen and (max-width:800px) {
	.CRM-searchResult-zip, .CRM-searchResult-attribution, .CRM-searchResult-mainEmail, .CRM-searchResult-telNumber, .CRM-searchResult-mobile {display:none;}
}

/* CRM Echanges */
.CRM-exchanges {}
	.CRM-exchanges-new {max-width:600px; margin-bottom:1em; padding:.5em; background-color:#008080;}
	.CRM-exchanges-new-form {}
		.CRM-exchanges-new-form table {}
			.CRM-exchanges-new-form th {width:1%; font-weight:normal; text-align:left; vertical-align:top;}
			.CRM-exchanges-new-form td {width:99%; vertical-align:top;}
			.CRM-exchanges-new-form #ikCRMSubject {width:100%;}
			.CRM-exchanges-new-form textarea {width:100%; height:7em;}

	.CRM-exchange {margin-bottom:1em;}
		.CRM-exchange-heading {display:flex; justify-content:space-between; padding:.2rem .5rem; background-color:#e4e5e0; border-top: 1px #c4c5c0 solid;}
			.CRM-exchange-heading-content, .CRM-exchange-typeObject {display:flex; align-items:flex-start;}
				.CRM-references a {display:inline-block; margin-right:.5em;}
				.CRM-exchange-accountLink {width:10em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
				.CRM-exchange-type {margin-right:.5em; padding:.2em .4em; background-color:#848580; font-size:85%; text-transform:uppercase; color:#fff;}
				 .CRM-exchange-type-1101 {background-color:#8cf;}
				.CRM-exchange-type-1110 {background-color:#808000;}
				.CRM-exchange-type-3 {background-color:#008080;}
				.CRM-exchange-type-1001, .CRM-exchange-type-1010 {background-color:#a4a5a0; color:#f4f5f0;}
			/*
				-20	 EMAIL.MKT		EMail marketing				-20
				-11	 BROWSING		Navigation site				-11
				-10	 LOGIN			Login						-10
				0	 COMMENT		Commentaire					100
				50	 EMAIL.AUTO		Email automatique envoyé	 50
				51	 ORDER			Commande reçue				 50
				52	 PAYMENT		Paiement reçu				 50
				111  EMAIL.RECEIVED	Email reçu					110
				112  EMAIL.SENT		Email envoyé				110
				121  CALL.RECEIVED	Appel reçu					120
				122  CALL.SENT		Appel émis					120
				131  VISIT.IN		Visite agence				130
				132	 VISIT.OUT		Visite client				130
				221	 MAIL.RECEIVED	Courier reçu				110
				222	 MAIL.SENT		Courier envoyé				110
				1001 OFFER			Devis RB1					 40
				1010 ORDER			Commande RB1				 50
				1101 OFFER			Devis RB2					 40
				1110 ORDER			Commande RB2				 40
			*/
				.CRM-exchange-object {margin:0; font-family:"Source Sans Pro", sans-serif; font-size:100%; font-weight:bold; }
			.CRM-exchange-dateTime {display:flex;}
				.CRM-exchange-date {display:flex; margin-right:.5em;}
		.CRM-exchange-message {padding:.5rem 4rem .5rem 4rem; border: 1px #e4e5e0 solid; background-color:#f4f5f0;line-height: 1.2rem;}


.CRM-exchanges-archive {display:flex;}
	.CRM-exchanges-archive a {padding:0 .4em; border-right:1px #a4a5a0 solid; font-weight:bold;}
	.CRM-exchanges-archive a:last-child {border-right:none;}
		
@media screen and (max-width:600px) {
	.CRM-exchange-heading {flex-direction:column;}
	.CRM-exchange-heading-content {flex-wrap:wrap;}
}

/* CRM Compte */
.CRM-account-table {width:100%; max-width:800px;}
.CRM-account-table input {width:100%; box-sizing:border-box;}
#CRM-account-unlock {display:none;}
.CRM-account-unlock-symbol::after {content:"\1F527";}
#CRM-account-unlock:checked ~ .CRM-account-unlock-symbol::after  {content:"\1F512";}
.CRM-account-lockedRow td {padding:.4em .5em;}
.CRM-account-unlockedRow {display:none;}
#CRM-account-unlock:checked ~ .CRM-account-table .CRM-account-unlockedRow {display:table-row;}
#CRM-account-unlock:checked ~ .CRM-account-table .CRM-account-lockedRow {display:none;}

@media screen and (max-width:800px) {
	.CRM-content .RB2-request-id, .CRM-content .RB2-request-offerId, .CRM-content .RB2-request-actions  {display:none;}
	.CRM-content .RB2-orderBook-table-code, .CRM-content .RB2-orderBook-table-brandCode, .CRM-content .RB2-orderBook-table-customer, 
	.CRM-content .RB2-orderBook-table-contact, .CRM-content .RB2-orderBook-table-vehicle {display:none;}
}

/* CRM Organigramme */
.CRM-chart {max-width:1200px; margin:auto; padding:1em; background-color:#f4f5f0;}
	.CRM-chart-header {margin-bottom:2em; border-bottom:3px #d4d5d0 solid;}
	.CRM-chart-content {display:flex; justify-content:space-around; flex-wrap:wrap;}

.CRM-chart-card {width:31%; min-width:280px; margin-bottom:2em; padding:.5em; border:1px #aa9 solid; background-color:#ddc; box-shadow:0.2em 0.2em 0.3em 0em #a4a5a0;}
.CRM-chart-card-company, .CRM-chart-header .CRM-chart-card, .CRM-chart-card-empty {background-color:#fff; border:1px #e4e5e0 solid;}
	.CRM-chart-header .CRM-chart-card {margin-left:auto; margin-right:auto;}
	.CRM-chart-card-header > a {display:flex; align-items:flex-start;}
	.CRM-chart-card-header a {color:#000;}
	.CRM-chart-card-header > a:hover {background-color:#fcf0d6;}
	.CRM-chart-card-avatar {margin:0 .5em .5em 0; padding:.2em; border:1px #aa9 solid; background-color:#fff;}
	.CRM-chart-card-name h2, .CRM-chart-card-name h3, .CRM-chart-card-name p {margin:0;}
	.CRM-chart-card-name h2 {font-size:120%;}
	.CRM-chart-card-name h3 {font-size:100%;}
	.CRM-chart-card-details {border-top:1px #aa9 solid; margin-top:.5em; padding-top:.5em;}
	.CRM-chart-card-details p {margin:0; text-align:center;}
	.CRM-chart-card-phone label {padding-right:.3em;}

.CRM-chart-card-empty a {display:flex; height:100%; justify-content:center; align-items:center;}
	.CRM-chart-card-empty-content {font-size:600%; font-weight:bold;}

/* CRM SAV Tickets */

.CRM-tickets {}

	.CRM-tickets .ST0 {background-color:#008080;}  /* brouillon */
	.CRM-tickets .ST10 {background-color:#f33;} /* ouvert */
	.CRM-tickets .ST30 {background-color:#808000;} /* répondu */
	.CRM-tickets .ST100 {background-color:#aa9;} /* fermé */

.CRM-tickets-table {width:100%;}
	.CRM-tickets-table-date {white-space:nowrap;}
	td.CRM-tickets-table-creation, td.CRM-tickets-table-update {font-size:85%; color:#646560;}
	td.CRM-tickets-table-status {color:#fff; font-size:85%; text-transform:uppercase; text-align:center;}

	
.CRM-tickets .mainview {width:38%;}
.CRM-tickets .sideview {width:60%;}

	.CRM-ticket-status-current {padding:.1em .4em; text-transform:uppercase; font-size:85%; color:#fff;}
	.CRM-ticket-status .ST30 {}
	.CRM-ticket-transition {margin:0;}
	.CRM-ticket-table #Title, .CRM-ticket-table #CustomerName {width:100%; box-sizing:border-box;}

.CRM-tickets-messages {}
.CRM-tickets-messages-flow {}
	.CRM-tickets-messages-flow-item {margin-bottom:1em; padding:1em; border:1px solid #c4c5c0; background-color:#f4f5f0;}
		.CRM-tickets-messages-flow-item-heading {display:flex; flex-wrap:wrap; justify-content:space-between; padding:1em; background-color:#e4e5e0; border-radius:.5em .5em 0 0;}
			.CRM-tickets-messages-flow-item-heading h3 {width:100%; margin:.2em 0 0 0; color:#646560;}
			.CRM-tickets-messages-flow-item-heading h3 .button {display:inline-block; margin-right:1em; font-size:75%;}
		.CRM-tickets-messages-flow-item-content {border-top:1px solid #d4d5d0; padding:1em; background-color:#fff;}
			.CRM-tickets-messages-flow-item-attachments {margin:1em 0 0 0; padding:1em 0 0 0; border-top:1px solid #d4d5d0;}
			.CRM-tickets-messages-flow-item-attachments li {list-style-type:none;}
			.CRM-tickets-messages-flow-item-attachments .icone {list-style-type:none;}
			.CRM-tickets-messages-flow-item-content .actions .print {padding:.5em 2em}

@media screen and (max-width:1000px) {
	.CRM-tickets .mainview, .CRM-tickets .sideview {width:100%;}
}

@media screen and (max-width:750px) {
		.CRM-tickets-table-code, .CRM-tickets-table-creation, .CRM-tickets-table-update {display:none;}
}

/* CRM Avancé */
.CRM-attributes {}
.CRM-attributes-table {}
	.CRM-attribute {}
	.CRM-attribute-key {}
		.CRM-attribute input {width:auto!important;}

/****** IK.SHOP STANDARD ************/

#ikSHOP {width:fit-content; min-width:550px; margin-top:-5em; background-color:#fff;font-family:Tahoma,sans-serif;text-transform:none;}

#ikSHOP h1 {padding-top:.5em;}
#ikSHOP h2 {margin:0 0 5px 0;padding:20px 0 0 0;color:#666;font-family:Tahoma,sans-serif;font-size:14px;font-weight:bold;text-transform:none;}
#ikSHOP li {list-style:square outside none;}
#ikSHOP ul {margin:0;padding:0 0 0 15px;}
#ikSHOP p {font-family:Tahoma,sans-serif;font-size:11px;}

#ikSHOP .error {border:1px #f33 dashed;background-color:#fff;margin:10px;padding:10px;font-size:12px;font-weight:bold;color:#f33;}
#ikSHOP .warning {border:1px #f60 dashed;background-color:#fff;margin:10px;padding:10px;font-size:12px;font-weight:bold;color:#f60;}
#ikSHOP .feedback {border:1px #138 dashed;background-color:#fff;margin:10px;padding:10px;font-size:12px;font-weight:normal;color:#138;}

/*--- breadcrumb SHOP ---*/
#ikSHOPBreadcrumb {padding:.3em .6em; background-color:#aa9; border-radius:.3em .3em 0 0; color:#fff; font-size:75%;}
#ikSHOPBreadcrumb a {color:#fff;}
#ikSHOPBreadcrumb a:hover {color:#fff; text-decoration:underline;}

/*--- colonne gauche SHOP ---*/
#ikSHOPLeftCol {z-index:10;position:relative;float:left; width:200px; padding:10px 20px 10px 0;}
#ikSHOPLeftCol #activityImage {position:relative;float:left;margin-left:10px;border: 1px solid #ddd;}
#ikSHOPLeftCol .ikSHOPToolBox {position:relative;float:left; width:100%; margin-top:10px;padding:5px 5px 5px 10px;background-color:#eee;border-top:1px #ddd solid;border-bottom:1px #ddd solid;}
#ikSHOPLeftCol .ikSHOPToolBox h2 {padding:0;font-size:12px;}
#ikSHOPLeftCol .ikSHOPToolBox .search {position:relative;margin:0;}
#ikSHOPLeftCol .ikSHOPToolBox .search input+input {margin-left:5px;padding:0;}

/****** contenu BOUTIQUE ********************/
#ikSHOPContainer {position:relative;} 

/*--- en-tête BOUTIQUE ----------*/
#ikSHOPHeader {width:100%; margin-bottom:1em; padding-bottom:1em; border-bottom:1px #d4d5d0 solid; background-color:#f4f5f0;}
#ikSHOPHeader h2 {margin-top:1em; padding:0; color:#666;}
#ikSHOPHeader h2 span.ikItem {color:#008080;}
#ikSHOPHeader p span.ikItem {color:#008080;}

#ikSHOPSearchForm {position:relative;}

/*--- onglets BOUTIQUE ----------*/
#ikSHOPTabs {position:relative;margin:0 5px 5px 0;padding-left:200px;}

#ikSHOPTabStrip {position:relative;}
#ikSHOPTabStrip ul {margin:0;padding:0;}
#ikSHOPTabStrip li {display:inline;margin:0 5px 0 0;padding:5px;background-color:#eee;list-style:none;}
#ikSHOPTabStrip input {cursor:pointer;border:none;background-color:transparent;padding:0;margin:0;height:25px;font-family:Tahoma,sans-serif;font-size:12px;font-weight:bold;color:#333;}
#ikSHOPTabStrip li.LinkStandard:hover, #ikSHOPTabStrip li.LinkStandard:hover a {background-color:#68d;color:#fff;text-decoration:none;} 
#ikSHOPTabStrip li.LinkStandard:hover input, #ikSHOPTabStrip li.LinkStandard:hover a {color:#fff;text-decoration:none;} 
#ikSHOPTabStrip li.LinkSelected {background-color:#008080;color:#fff;} 
#ikSHOPTabStrip li.LinkSelected input, #ikSHOPTabStrip li.LinkSelected a, #ikSHOPTabStrip li.LinkSelected:hover a {color:#fff;text-decoration: none;}

/*--- contenus -------------*/
#ikSHOPTabContainer {width:98%;  margin-top:.5em; padding:.5em 1%; border-top:4px #008080 solid; background-color:#f4f5f0;}
#ikSHOPTabContainer .showData {position:relative;}
#ikSHOPTabContainer .showData+.showData {margin-top:20px}

#ikSHOPTabContainer .search {position:relative;margin-bottom:10px;}
#ikSHOPTabContainer .search input {margin-right:5px;}

#ikSHOPTabContainer .showData table {border-collapse:collapse;width:100%}
#ikSHOPTabContainer .showData table th, #ikSHOPTabContainer .showData table td {padding:3px;vertical-align:middle;}
#ikSHOPTabContainer .showData table th img, #ikSHOPTabContainer .showData table td img  {margin:0 3px 0 3px}
#ikSHOPTabContainer .showData table th {background-color:#138;color:#fff;text-align:left;border:1px #126 solid;}
#ikSHOPTabContainer .showData table th img, table.data td img  {margin:0 3px 0 3px}
#ikSHOPTabContainer .showData table td {background-color:#eee;border:1px #ccc dotted;border-top:0;}
#ikSHOPTabContainer .showData table tr.pair td {background-color:#ddd;}

#ikSHOPTabContainer .showData table.dataW th, #ikSHOPTabContainer .showData table.dataW td {padding:6px 10px;}

#ikSHOPTabContainer table {height: auto;min-width: 0px;width: auto;}
#ikSHOPTabContainer table.Properties {border-collapse: collapse;width: 100%;}
#ikSHOPTabContainer table.Properties th {background-color: rgb(102, 136, 221);border: 0px;border-bottom: solid 1px rgb(68, 102, 187);color: white;font-weight: normal;text-align: left;vertical-align: top;}
#ikSHOPTabContainer table.Properties th, #ikSHOPTabContainer table.Properties td {padding: 3px; vertical-align: middle;}
#ikSHOPTabContainer table.Properties td {background-color: rgb(238, 238, 238);border-bottom: solid 1px rgb(221, 221, 221);border-top: 0px;}

#ikSHOPStatsMenu {position:relative;margin:0 0 10px 200px;width:350px;}
#ikSHOPStatsMenu h1 {margin-top:20px;padding-bottom:5px;border-bottom:1px #ccc dashed;}
#ikSHOPStatsMenu li {padding:4px;font-size:14px;color:#008080}

#ikSHOPDashboard1 {position:relative;margin-bottom:10px;}
#ikSHOPDashboard1 th, #ikSHOPDashboard1 td {padding:3px 4px;border-bottom:1px #ccc dashed;}
#ikSHOPDashboard1 th {text-align:left;}
#ikSHOPDashboard1 th h1 {margin-bottom:0;}
#ikSHOPDashboard1 td {padding:2px 5px;text-align:right;}

#ikSHOPDashboard1 .showData table.dataW {border-collapse:collapse;}
#ikSHOPDashboard1 .showData th {border-bottom:2px solid #ccc;}
#ikSHOPDashboard1 .showData td {padding:4px 5px;text-align:left;}
#ikSHOPDashboard1 .showData td a+a {padding-left:15px;}

/*** Shop corrections ***/
#ikSHOPContainer, #ikSHOPHeader, #ikSHOPTabs, #ikCart, #ikCart table {float:none;}


/*-- panier --*/
#ikCart {position:relative;}
#ikCart table {border-collapse:collapse}
#ikCart table th, #ikCart table td {padding:3px;vertical-align:middle;}
#ikCart table th img, #ikCart table td img  {margin:0 3px 0 3px}
#ikCart table th {background-color:#138;color:#fff;text-align:left;border:1px #126 solid;}
#ikCart table td {border:1px #ddd solid;background-color:#eee}
#ikCart table td.colArticle img {float:left;border:1px #ddd solid;}
#ikCart table td.colActions img {border:0;margin:3px;}
#ikCart table tr.ikCartTotal td {background-color:#ccc;border:1px #bbb solid;font-weight:bold;}

/*-- Statistiques @SHOP --*/
table.ikStatisticsGrid {font-size:85%;}
	table.ikStatisticsGrid .pair {background-color:#e4e5e0;}
	table.ikStatisticsGrid .subtotal {background-color:#d4d5d0; font-weight:bold;}
	table.ikStatisticsGrid .total {background-color:#646560; font-weight:bold; color:#fff;}
	table.ikStatisticsGrid td {border:none;}
	table.ikStatisticsGrid .subtotal td {border-bottom:1px solid #b4b5b0;}


@media print {
	#ikSHOPLeftCol {display:none;}
	#ikSHOPBreadcrumb {background-color:transparent; color:#aa9;}
		#ikSHOPBreadcrumb a {color:#aa9;}
	#ikSHOPHeader {border:none; background-color:transparent;}
	table.ikStatisticsGrid {background-color:transparent;}
		table.ikStatisticsGrid .pair {background-color:#f4f5f0;}
}

/*-----------------*/
/******* RB2 *******/
		
.RB2-container {}
	.RB2-container-tabs {display:flex; flex-wrap:wrap; margin:0; padding:0 0 0 1em; border-bottom:4px #aa9 solid;}
		.RB2-container-tabs li {list-style:none; margin-right:.2em; background-color:#554; border-radius:.3em .3em 0 0;}
		.RB2-container-textTab {padding:.3em 1em;}
		.RB2-container-tabs a {display:block; float:left; padding:.3em 1em; color:#fff;}
		.RB2-container-tabs a:hover {text-decoration:none;}
		.RB2-container-tabs .LinkSelected {background-color:#aa9;}
		.RB2-container-tabs .LinkStandard:hover {background-color:#aa9;}
		.RB2-container-tabs input {cursor:pointer; border:none; background-color:transparent; padding:.3em 1em; margin:0; color:#fff;}
		.RB2-container-tabs li.LinkStandard:hover input {color:#fff;} 
		.RB2-container-tabs li.LinkSelected input {color:#fff;}

/* paramètres communs */
.PS {background-color:#ccc!important;}
.RB2 .HLP, .EMPTY {background-color:#9c6!important;}
.RB2 .RDV, .WAIT {background-color:#68d!important;}
.Course, .TRIP {background-color:#138!important; color:#fff;}
.XTRIP {background-image:repeating-linear-gradient(45deg, #138 0px, #138 10px, #008080 10px, #008080 20px); background-color:#008080!important;}
.Locale {background-color:#138!important; color:#fff;}
.Coupure, .BREAK {background-color:#e8a!important;}
.RESERVE {background-color:#ea0!important;}
.TRSF, .DTRSF {background-color:#fe0!important;}
.FS {background-color:#ccc!important;}
	
/****** contenu *******/
#RB2Header {width:100%; margin-bottom:1em; padding:.5em; border-bottom:1px #b4b5b0 solid; background-color:#ddc; box-sizing:border-box; } /*idem ikCRMHeader*/
	#RB2Header p {margin:.5em 0 0 0;}

#printout {width: 16cm; border: 1px dashed #888; padding: 5px;margin:5px; background-color:#fff;}

.RB2 #ikContentIndex {max-width:800px;margin:10px 0 10px 65px;padding-bottom:10px;border:1px #ccc solid;background-color:#f2f2f2;}
.RB2 #ikContentIndex h1 {margin-top:0;padding:5px 5px 5px 10px;background-color:#57c;color:#fff;font-weight:bold;text-transform:uppercase;}
.RB2 #ikContentIndex h2 {margin:15px 5px 0 10px;padding:5px 0 5px 10px;border-left:5px #57c solid;border-top:1px #ddd dashed;border-right:1px #ddd dashed;background-color:#fff;}
.RB2 #ikContentIndex h2:hover, #ikContentIndex h2:hover+p {border-left:5px #8af solid;background-color:#e6f0ff;}
.RB2 #ikContentIndex h2 a:hover {text-decoration:none;}

.RB2 #ikContentIndex p {margin:0 5px;padding-left:5px;}
.RB2 #ikContentIndex h2+p {margin-left:10px;padding:5px 0 5px 10px;border-left:5px #57c solid;border-bottom:1px #ddd dashed;border-right:1px #ddd dashed;background-color:#fff;}

.RB2 .showData+.showData {margin-top:20px}

.RB2 .search {position:relative;margin-bottom:10px;}
.RB2 .search input {margin-right:5px;}

.RB2 table.data {border-collapse:collapse}
.RB2 table.data th, table.data td {padding:3px;vertical-align:middle;}
.RB2 table.data th img, table.data td img  {margin:0 3px 0 3px}
.RB2 table.data th {background-color:#138;color:#fff;text-align:left;border:1px #126 solid;}
.RB2 table.data th img, table.data td img  {margin:0 3px 0 3px}

.RB2 table.data td {background-color:#eee;border:1px #ccc dotted;border-top:0;}
.RB2 table.data tr.pair td {background-color:#ddd;}

.RB2 .formLabel {font-size:85%;}	

.RB2-transitionButton {background-color:#aa9!important;}
.RB2-transitionButton:hover {background-color:#8a816c!important;}
.RB2-transitionButton:active {background-color:#808000!important;}

/*--- Charter Request (CR) ---*/
.RB2-header-status {margin-left:.5em; padding:.1em .3em; font-size:60%; background-color:#aa9; vertical-align:.2em; color:#fff; font-family:"Source Sans Pro", sans-serif; font-weight:normal; text-transform:uppercase;}
.RB2-header-status.status20 {background-color:#8cf;} /* devis envoyé */
.RB2-header-status.status30 {background-color:#808000;} /* devis accepté */

.CR-formBlock {padding:.5em; margin:.2em 0 .4em 0; border:1px solid #e4e5e0; background-color:#f4f5f0;}
	.CR-formBlock p, .RB2-charterRequest-attributes p {margin:.5em 0;}
	.RB2-charterRequest-actions-makeSegments {background-color:#f4f5f0; border:1px solid #aa9;}
	#VisualRequest:hover {background-color: #fff;}
	.CR-formBlock input, .CR-formBlock select, .RB2-charterRequest-attributes input, .RB2-charterRequest-attributes select {margin:.2em .5em 0 .3em;}
	
.RB2-submit-saveWF97, .RB2-submit-saveWF68 {background-color:#f33!important;} /* annuler, sans suite */
.RB2-submit-saveWF66 {background-color:#39e!important;} /* envoyer */
.RB2-submit-saveWF67 {background-color:#390!important;} /* commander */
.RB2-submit-saveWF69 {background-color:#f33!important;} /* refuser */
.RB2-submit-saveWF97:hover, .RB2-submit-saveWF68:hover, .RB2-submit-saveWF66:hover, .RB2-submit-saveWF67:hover, .RB2-submit-saveWF69:hover {background-color:#50d0c0!important;}
.RB2-submit-saveWF97:active, .RB2-submit-saveWF68:active, .RB2-submit-saveWF66:active, .RB2-submit-saveWF67:active, .RB2-submit-saveWF69:active {background-color:#808000!important;}

.RB2-charterRequest-heading {background-color:#ddc; border-bottom:1px solid #aa9;}
	.RB2-charterRequest-users {margin-top:0!important; background-color:#aa9; border-bottom:1px solid #848580; color:#fff; font-size:85%;}
		.RB2-charterRequest-users label {padding-left:1em; text-transform:uppercase; font-size:75%; color:#000;}
	.RB2-charterRequest-request-name {margin:.3em .5rem; font-weight:normal;}
		.RB2-charterRequest-request-name input {width:45.5em; max-width:100%; box-sizing:border-box; margin:0; padding:.3em; font-weight:bold;}
	.RB2-charterRequest-request-offerSummary {display:flex; padding:.5em .5rem;}
		.RB2-charterRequest-request-offerSummary p {margin:0;}
		.RB2-charterRequest-request-maxOfferDate, .RB2-charterRequest-request-offerDate {margin-right:1em;}
		.RB2-charterRequest-request-offeredPrice {width:80px; text-align:right; font-size:120%; font-weight:bold;}
		.RB2-charterRequest-request-validity {width:fit-content; margin-left:1em!important; padding:.3em .5em; border:1px #aa9 solid; border-radius:.4em; background-color:#ece3ce;}
			.RB2-charterRequest-request-validity label {color:#000;}
			.RB2-charterRequest-request-validity select {margin:0;}
.RB2-charterRequest-attributes {padding:.5em; background-color:#ece3ce; border-top:1px solid #fff; border-bottom:1px solid #dcd3be;}
	.RB2-charterRequest-requestDate, .RB2-charterRequest-dates-modify strong {font-size:140%; font-weight:bold;}
	.RB2-charterRequest-dates-modify {color:#000}
	.RB2-charterRequest-dates-modify:hover {color:#008080;}
	.RB2-charterRequest-dates-modify strong {margin-right:.5em;}
	.RB2-charterRequest-paxVehiclesDrivers {margin-left:2em;}
	.RB2-charterRequest-paxVehiclesDrivers input {width:3em;}
.RB2-charterRequest-locations {display:flex; align-items:center;}
	.RB2-charterRequest-locations input {flex:1;}
.RB2-charterRequest-comments-title {margin-bottom:.3em;}	
.RB2-charterRequest-comments {display:flex; flex-wrap:wrap; justify-content:space-between;}	
	.CR-offerItem {display:flex; justify-content:space-between; width:49%;}
		.CR-offerItem-text {width:70%;}
			.CR-offerItem-text textarea {width:100%; height:6em; box-sizing:border-box;}
		.CR-offerItem h3 {margin:0 0 .3em 0;}
		.CR-offerItem-library {display:flex; flex-direction:column; justify-content:space-between; width:29%;}
		.CR-offerItem-library select {margin:0 0 .3em 0;}
		.CR-offerItem-library input {max-width:12em; margin:0;}

@media screen and (max-width:1100px) {
	.RB2-charterRequest-request-offerSummary {flex-direction:column;}
}
@media screen and (max-width:900px) {
	.CR-offerItem {width:100%;}
}
@media screen and (max-width:750px) {
	.RB2-charterRequest-heading input, .RB2-charterRequest-heading select {margin:0 0 .3em 0;}
	.RB2-charterRequest-request-validity {margin:0 0 .5em 0!important;}
		.RB2-charterRequest-request-validity select {margin:0;}
.RB2-charterRequest-locations {display:block;}
	.RB2-charterRequest-locations input {width:100%; box-sizing:border-box; margin:0;}
}

/* Transitions */

 .RB2 .transitionTOOption {width:fit-content;}
 
/* Modif dates demande */
.RB2-charterRequest-changeDate-button {background-color:#fff; border:1px solid #000; cursor:pointer; padding:.2em .5em; font-weight:bold;}
.RB2-charterRequest-changeDate-button:hover {background-color:#def; border:1px solid #008080; color:#008080;}

/* ancien formulaire en blocs */
.charterRequest div.miniVisualWrapper{overflow:hidden; width:100%; min-height:18px;}
.charterRequest div.miniVisualWrapper div.visualBlocWrapper{padding:1px;font-size:10px;border:0px;margin:0px;}
.charterRequest div.miniVisualWrapper div.visualBloc{height:16px; padding:1px; margin-bottom:8px;}
.charterRequest div.miniVisualWrapper .visualBloc.PS{width:16px;}
.charterRequest div.miniVisualWrapper .visualBloc.HLP{width:20px;}
.charterRequest div.miniVisualWrapper .visualBloc.RDV{width:24px;}
.charterRequest div.miniVisualWrapper .visualBloc.Course{width:36px;}
.charterRequest div.miniVisualWrapper .visualBloc.Locale{width:26px;}
.charterRequest div.miniVisualWrapper .visualBloc.Coupure{width:42px;}
.charterRequest div.miniVisualWrapper .visualBloc.FS{width:20px;}

.charterRequest #secondForm:empty {display:none;}
.charterRequest .visualBlocWrapper{display:inline-block;margin-bottom:4px;border:2px solid #138;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;padding:34px 48px 0 24px;margin:4px;position:relative; background-color:#fff;}
.charterRequest .visualBloc{display:inline-block; margin-right:2px;padding:4px; width:64px; font-size:90%;top:0px;vertical-align:middle; margin-bottom:8em;}
.charterRequest .visualBloc>div{height:64px;border:0px solid #fff;position:relative;padding:2px;font-weight:normal;font-size:12px;}
.charterRequest .visualBloc.RDV{width:82px;}
.charterRequest .visualBloc.Course{width:130px;}
.charterRequest .visualBloc input{width:98%;font-size:12px;}
.charterRequest .visualBloc select.Combo{position:absolute;left:-4px;top:78px; margin:0;}
.charterRequest .visualBloc.FS select.Combo{left:auto; right:-4px;}
.charterRequest .visualBloc input.Time{position:absolute;top:-30px;left:-24px;width:32px;z-index:9;border:1px solid red;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;padding:2px;text-align:center;}
.charterRequest .visualBloc input.ArrTime{position:absolute;top:-30px;left:104px;width:32px;z-index:9;border:1px solid lightgrey;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;padding:2px;text-align:center;}
.charterRequest .visualBloc input.Duration{position:absolute;top:40px;left:0px;width:28px;}
.charterRequest .visualBloc input.KM{position:absolute;top:20px;left:0px;width:28px;}
.charterRequest .visualBloc a.KM, .charterRequest .visualBloc a.KMhlp {position:absolute;top:22px;left:40px; color:#fff;}
.charterRequest .visualBloc input.placeLabel{position:absolute;top:78px;left:-8px;z-index:9}
.charterRequest .visualBloc input.placeValue{display:inline-block;width:240px;}
.charterRequest .visualBloc input.placeX{display:inline-block;width:40px;margin-right:4px;}
.charterRequest .visualBloc input.placeY{display:inline-block;width:40px;}
.charterRequest .visualBloc>div>.adrWrapper{z-index:9999;width:400px;height:240px;visibility:hidden;position:relative;top:65px;}
.charterRequest .visualBloc>div:hover>.adrWrapper{padding:2px;border:2px solid #777;background-color:#fff;visibility:visible;}
.charterRequest .visualBloc>div .placeMap{width:390px;height:190px;margin:4px;display:inline-block;}
.charterRequest .visualBloc span.AddressLabel{position:absolute;top:104px;left:0;background-color:#fff;padding:2px;color:#444;font-size:10px;}
.charterRequest .visualBloc .copyButton {position: absolute; top: 80px;width:80px;left:0px;}
.RequestType {display:flex; flex-wrap:wrap; clear:both;}
.RequestType .Item {width:49%; cursor:pointer; margin:.4em .5%; padding:.4em; border:2px solid #c4c5c0; overflow:hidden; box-sizing:border-box;}
.RequestType .Item {border-radius: 4px;}
.RequestType .Item:hover{background-color:#fff;border:2px solid #444540;}
.RequestType .Item.Selected{background-color:#fff;border:2px solid #138;background-color:#fff;}
.RequestType .SubItems{float:right;}
.RequestType .SubItems .SubItem{display:inline-block;width:46px;float:left;cursor:pointer;margin-right:4px;height:18px;padding:2px;border:1px solid #ccc;}
.RequestType .SubItems .SubItem:hover{background-color:#fff;border:1px solid #444;}
.RequestType .SubItems .SubItem.Selected{background-color:#fff;border:1px solid red;}

/*---- CR details ----*/
.CR-detailsRefresh {text-align:right;}	
.RB2-charterRequestDetails-actions input[type="submit"] {background-color:#848580;}
.CR-details-lineLabel {width:15em;}	
.CR-details-quantity {width:4em;}	
.CR-details-unit {width:3em;}	
.CR-details-price, .CR-details-total, .CR-details-totalVAT {width:5em;}	
.CR-details-VAT {width:3em;}	
.CR-detailsTotalRow td {font-weight:bold;}
.CR-details-grandTotal, .CR-details-grandTotalVAT, .CR-details-finalPrice {width:5em; font-weight:bold;}
.CR-detailsFinalPriceRow td {background-color:#ddc; border-bottom:0; font-weight:bold; font-size:120%;}

.RB2-CR-details-container {display:flex; justify-content:space-between; align-items:flex-start;}
.RB2-CR-details {}
.RB2-CR-details-offers {display:flex; flex-wrap:wrap; align-items:flex-start; margin:1em 0 0 0; padding:0;}
		.RB2-CR-details-tab {list-style:none; margin-right:.5em; background-color:#554; border-radius:.3em;}
		.RB2-CR-details-tab-SB {background-color:#fdc400;}
		.RB2-CR-details-tab-GC {background-color:#008080;}
		.RB2-CR-details-tab.add {background-color:#aa9;}
		.RB2-CR-details-offers a {display:block; float:left; padding:.3em .6em; color:#fff;}
		.RB2-CR-details-offers a:hover {text-decoration:none;}
		.RB2-CR-details-offers .LinkSelected {background-color:#aa9; padding-bottom:.5em; border-radius:.3em .3em 0 0;}
		.RB2-CR-details-offers .LinkSelected.RB2-CR-details-tab-SB {background-color:#fdc400;}
		.RB2-CR-details-offers .LinkSelected.RB2-CR-details-tab-GC {background-color:#008080;}
		.RB2-CR-details-offers .LinkStandard:hover {background-color:#aa9;}
		.RB2-CR-details-offers li.LinkStandard:hover input {color:#fff;} 
		.RB2-CR-details-offers li.LinkSelected input {color:#fff;}
.RB2-CR-details-offer {padding:.5em; border:4px #aa9 solid;}
.RB2-CR-details-offer-SB {border:4px #fdc400 solid; background-color:#fffcf6;}
.RB2-CR-details-offer-GC {border:4px #008080 solid; background-color:#f9fbff;}
	.RB2-CR-details-offer-heading {display:flex; justify-content:space-between; align-items:flex-start;}
		.RB2-CR-details-offer-heading .edit {height:2em; margin-left:2em; background-color:#f4f5f0;}
		.RB2-CR-details-offer-description {margin:0 0 .5em 0; font-style:italic;}
		.RB2-charterRequestDetails-actions {margin-top:0;}
	.RB2-CR-details-table {}
	.RB2-CR-details-row-title {text-transform:uppercase;}
	.RB2-CR-details-row-lineGroup {color:#554;}
		.RB2-CR-details-row-line td, .RB2-CR-details-table thead th, th.RB2-CR-details-line-actions {text-align:right;}
		.RB2-CR-details-table thead th {background-color:#848580; font-size:85%}
		.RB2-CR-details-row-line td {white-space:nowrap;}
		.RB2-CR-details-table .row-separator {background-color:#fff;}
		.RB2-CR-details-line-unit {display:inline-block; min-width:1.5em; text-align:left;}
		.RB2-CR-details-line-name, .RB2-CR-details-line-title {text-align:left!important; white-space:normal!important;}
		.RB2-CR-details-line-title {background-color:#646560!important; text-transform:uppercase;}
		.RB2-CR-details-row-line .RB2-CR-details-line-price, .RB2-CR-details-row-line .RB2-CR-details-line-VAT {color:#646560;}
		.RB2-CR-details-line-price .CR-details-price:out-of-range {background-color:rgba(255, 60, 60, 0.1); border:2px solid #f33;}
		.RB2-CR-details-row-line .RB2-CR-details-line-VAT {font-size:85%;}
		.RB2-CR-details-line-price .RB2-CR-details-line-unit {min-width:auto; text-align:right;}
		.RB2-CR-details-line-totalVAT {font-weight:bold; text-align:right;}
		.RB2-CR-details-table .CR-detailsTotalRow td {background-color:#fef2d2; color:#554; font-size:110%;}
		.RB2-CR-details-row-finalPrice td {background-color:#ddc; border-bottom:0; font-weight:bold; font-size:120%;}
			.RB2-CR-details-finalPrice-heading {}
			.RB2-CR-details-finalPrice-value {text-align:right;}
				.RB2-CR-details-finalPrice-input {width:5em; font-weight:bold;}		
.RB2-CR-details-recap {max-width:300px; margin:1em 0 1em 2em; padding:.5em; background-color:#f4f5f0; border:1px solid #d4d5d0; border-radius:.5em;}
	.RB2-CR-details-recap h2 {margin:0 0 .5em 0;}
	.RB2-CR-details-recap-items {margin:0; padding:0;}
		.RB2-CR-details-recap-item {list-style:none;}
.RB2-CR-details-offer-edit {}
	.RB2-CR-details-offer-edit-name {}
	.RB2-CR-details-offer-edit-description {width:100%; box-sizing:border-box;}

/*---- Assistant devis 2019 ----*/
.RB2-charterRequestWizard-requestHeading {padding:.5em; background-color:#ece3ce;}
	.RB2-charterRequestWizard-requestHeading-name {margin:0;}
	.RB2-charterRequestWizard-requestHeading-dates {margin:0; font-weight:bold; font-size:110%;}
	.RB2-charterRequestWizard-requestHeading-ref {margin:0;}
	.RB2-charterRequestWizard-requestHeading label {font-weight:normal; color:#646560;}
	.RB2-charterRequestWizard-requestHeading-customer {margin:0;}
.RB2-charterRequestWizard-requestDay {}
	.RB2-charterRequestWizard-requestDay-heading {display:flex; padding:.5em; border-top: 2px solid #848580; border-bottom: 1px #c4c5c0 solid; background-color:#d4d5d0; align-items:center;}
		.RB2-charterRequestWizard-requestDay-title {margin:0; font-size:120%; color:#008080;}
		.RB2-charterRequestWizard-requestDay-vehicles {position:relative; z-index:10; margin-left:1em; padding:.2em .4em; background-color:#e4e5e0; border-radius:.4em; border:1px solid #c4c5c0; font-size:85%; color:#000; font-family:"Source Sans Pro", sans-serif;}
		.RB2-charterRequestWizard-requestDay-vehicles:hover {background-color:#008080; border:1px solid #039; color:#fff;}
		.RB2-charterRequestWizard-requestDay-vehicles-edit {margin-left:-.4em; padding:.2em .4em .2em .8em; background-color:#848580; border-radius:0 .3em .3em 0; font-size:75%; color:#fff; font-family:"Source Sans Pro", sans-serif;}
			.RB2-charterRequestWizard-requestDay-vehicles-edit label {font-weight:normal;}
			.RB2-charterRequestWizard-requestDay-vehicles-edit a {margin-left:.4em; padding:0 .4em; background-color:#e4e5e0; border-radius:.3em;}
			.RB2-charterRequestWizard-requestDay-vehicles-edit a:hover {background-color:#008080; color:#fff;}
		.RB2-charterRequestWizard-requestDay-statistics {margin-left:1em; padding-left:.5em; border-left:1px #a4a5a0 solid;}
			.RB2-charterRequestWizard-requestDay-statistics label {text-transform:uppercase; font-size:85%; padding:0 .2em;}
			.RB2-charterRequestWizard-requestDay-statistics-item {padding-right:1em; font-weight:bold;}
		.RB2-charterRequestWizard-requestDay-actions {display:flex; margin-left:1em;}
		.RB2-charterRequestWizard-requestDay-actions a {background-color:transparent!important;}
		.RB2-charterRequestWizard-requestDay-prepostpone {margin-left:1em; padding:0.2em; background-color:#f4f5f0; border:1px solid #c4c5c0; border-radius:.3em;}
		.RB2-charterRequestWizard-requestDay-prepostpone input[type=submit] {margin-left:.2em;}

.RB2-charterRequestWizard-addDay select:empty {display:none;}

@media screen and (max-width:900px) {
	.RB2-charterRequestWizard-requestDay-heading {flex-direction:column;}
		.RB2-charterRequestWizard-requestDay-statistics {margin-top:.4em; margin-left:0; padding-left:0; border-left:none;}
}

/*---- Impression devis ----*/
.RB2-CR-viewOffer-actions {width:100%;}
	.RB2-CR-viewOffer-actions input {margin:1em; padding:.5em 1em;}
.RB2-printPreview {width:17cm; border:1px solid #ccc; padding:5mm; background-color:#fff; box-sizing:border-box;}
	/* commun printouts-2016 */
	.RB2-offer-title {margin:0 0 5mm 0;}
	.RB2-offer-heading {display:flex; justify-content:space-between; width:100%; margin:.5em 0; padding:.5em 0; border-top:1px solid #aa9; border-bottom:1px solid #aa9; box-sizing:border-box;}
		.RB2-offer-heading p {margin:0;}
		.RB2-offer-id h3 {margin:0 0 .3em 0;}
		.RB2-offer-customerAddress {width:9cm; margin-right:1cm; font-size:11pt;}
		.RB2-offer-content p {margin:0 0 .5em 0;}
		.RB2-offer-content h3 {margin-bottom:.3em;}
		.RB2-offer-content-name {font-size:200%;}
		.RB2-offer-content-offerText {margin-bottom:2em;}
		.RB2-offer-content-price {font-weight:bold;}
		.RB2-offer-signBox {width:9cm; margin-top:1em; padding:1em; border-top:1px #888 solid;}
		
/*---- Liste des demandes ----*/
tr.RB2-request:hover {background-color:#888!important; color:#fff;}
tr.RB2-request:hover a {color:#fff;}
.RB2-request a:hover {text-decoration:underline;}
.RB2-request-id {font-size:75%;}
.RB2-request-offerId {white-space:nowrap;}
.RB2-request-customer-avatar {width:24px; vertical-align: bottom;}
.RB2-request-date {}
.RB2-request-status {text-align:center;}
td.RB2-request-user {text-transform:uppercase; font-size:75%;}
.RB2-request-name {font-weight:bold;}
.RB2-request-price {text-align:right; white-space:nowrap;}
.RB2-request-actions {text-align:right;}
td.RB2-request-actions {background:linear-gradient(to right, #d4d5d0, #e4e5e0 2%, #f4f5f0 10%, #f4f5f0); white-space:nowrap; text-transform:uppercase; font-size:85%;}
tr.RB2-request:hover td.RB2-request-actions {background:#a4a5a0;}

td.RB2-request-status {color:#fff; background-color:#888; text-transform:uppercase; font-size:80%; vertical-align:middle;}
.RB2-request-status-0 .RB2-request-status, .RB2-request-status.status0 {background-color:#008080;}	/* devis demandé */
.RB2-request-status-20 .RB2-request-status, .RB2-request-status.status20 {background-color:#8cf;} /* devis envoyé */
.RB2-request-status-30 .RB2-request-status, .RB2-request-status.status30 {background-color:#808000;} /* devis accepté */
	.RB2 .ST10, .RB2 .ST20 {background-color:#008080;} /* devis */
	@-webkit-keyframes ST25 {
		0% {background-color:#008080;}
		3% {background-color:#8cf;}
		6% {background-color:#cef;}
	} 
	.RB2 .ST25, .RB2 .ST26 {background-color:#008080; animation:ST25 2s infinite;} /* devis accepté / avenant */
	.RB2 .ST30, .RB2 .ST40, .RB2 .ST50 {background-color:#808000;} /* signé / confirmé TO / pret pour départ */
	.RB2 .ST60, .RB2 .ST70 {background-color:#380;} /* en voyage / retour */
	.RB2 .ST80, .RB2 .ST81, .RB2 .ST90 {background-color:#aa9;} /* cloturé / sans suite */
	.RB2 .ST100, .RB2 .ST101, .RB2 .ST102, .RB2 .ST103 {background-color:#b30;} /* annulation */

.RB2-request-status-90, .RB2-request-status-90 a, .RB2-request-status-91, .RB2-request-status-91 a, .RB2-request-status-100, .RB2-request-status-100 a {color:#848580;}
.RB2-request-status-90 .status, .RB2-request-status-91 .status, .RB2-request-status-91 .status, .RB2-request-status-100 .status {font-size:65%;}


@media screen and (max-width:900px) {
	.RB2-request-id, .RB2-request-status, .RB2-request-user, .RB2-request-customer-avatar, .RB2-request-price, .RB2-request-validity, .RB2-request-actions {display:none;}
		td.RB2-request-offerId {color:#fff; background-color:#888; font-size:80%;}
	.RB2-request-status-0 .RB2-request-offerId {background-color:#008080;}
	.RB2-request-status-20 .RB2-request-offerId {background-color:#8cf;}
	.RB2-request-status-30 .RB2-request-offerId {background-color:#808000;}
		.RB2-request-offerId {white-space:inherit;}
}

/*---- Fiche satisfaction ----*/
.RB2-satisfactionList {border:1px #c4c5c0 solid;}
.RB2-satisfactionList tr:nth-child(odd) {background-color:#ddd;}
.RB2-satisfactionList tr:nth-child(even) {background-color:#eee;}

.RB2-satisfactionForm {border:1px #c4c5c0 solid;}
	.RB2-satisfactionForm .MVCLabel {border:1px #c4c5c0 solid;}
	.RB2-satisfactionForm .MVCControl {border:1px #c4c5c0 solid;}

/*---- PLANNING ----*/
.RB2-planning {display:flex; justify-content:center;}
	.RB2-planning-navDay {font-weight:bold; font-size:200%;}
	.RB2-planning-day {width:16%; margin:.2em; border:1px #c4c5c0 solid; border-radius:.6rem .6rem 0 0; background-color:#fff;}	
	.RB2-planning-today .RB2-planning-day {width:auto; max-width:500px;}	
	.RB2-planning-emptyDay {background-color:#f9f8f4;}	
	.RB2-planning-day-today {border:1px #ddb solid; background-color:#ffd;}	
		.RB2-planning-header {padding:.5em; border-bottom:1px #d4d5d0 solid; border-radius:.6rem .6rem 0 0; background-color:#e4e5e0;}	
		.RB2-planning-day-today .RB2-planning-header {border-bottom:1px #ddb solid; background-color:#eea;}	
			.RB2-planning-header-date {margin:0; text-align:center; font-weight:bold;}
	.RB2-planning-day-selected {border:3px #808000 solid;}	
	.RB2-planning-day-past {background-color:#f4f5f0;}	
		.RB2-planning-day-past .RB2-planning-header {border-bottom:1px #c4c5c0 solid; background-color:#d4d5d0;}	
		.RB2-planning-orderBookLink {}
		.RB2-planning-orderBookLink:hover .RB2-planning-header {border-bottom:1px #039 solid; background-color:#008080; color:#fff;}
		.RB2-planning-day-today .RB2-planning-orderBookLink {color:#663;}
		.RB2-planning-day-past .RB2-planning-orderBookLink {color:#646560;}
		.RB2-planning-day-selected .RB2-planning-orderBookLink {color:#808000;}
		.RB2-planning-day-sumup {padding:.2em; background-color:#747570; color:#fff; text-align:right;}
			.RB2-planning-day-sumup label {text-transform:uppercase;font-size:75%; color:#d4d5d0;}
		.RB2-planning-duties {}	
			.RB2-planning-duty {padding:.5em; border-bottom:1px #d4d5d0 dashed;}	
			.RB2-planning-duty:last-child {border-bottom:none;}	
			.RB2-planning-day-today  .RB2-planning-duty {border-bottom:1px #ddb dashed;}	
				.RB2-planning-duty-statusRow {display:flex; justify-content:space-between; margin-bottom:-2px; padding:0 .4em; font-size:70%;}	
					.RB2-planning-duty-statusPlan {z-index:100; border:2px #008080 solid; border-bottom:none; border-radius:.3em .3em 0 0; color:#fff; text-transform:uppercase;}
						.RB2-planning-duty-statusPlan a {display:block; padding:.2em .4em; background-color:#008080; color:#fff;}
						.statusPlan-ok a {background-color:#808000;}	
						.statusPlan-unassigned a {background-color:#b60;}
						.statusPlan-cancelled a {background-color:#949590;}	
						.RB2-planning-duty-statusPlan  a:hover {background-color:#000;}
						.RB2-planning-duty-vehicleCount {z-index:10; padding:.2em .4em; border-radius:.3em .3em 0 0; background-color:#def; color:#008080; border:2px solid #008080; border-bottom:none;}
						.TOUR .RB2-planning-duty-vehicleCount {background-color:#efd;}
				.RB2-planning-duty-blockRow {display:flex; justify-content:space-between; border-top:2px #008080 solid; border-bottom:2px #008080 solid; background-color:#def;}	
					.RB2-planning-duty-startTime, .RB2-planning-duty-endTime {font-size:80%;}	
					.RB2-planning-duty-startTime {border-left:2px #008080 solid;}	
					.RB2-planning-duty-endTime {border-right:2px #008080 solid;}	
					.RB2-planning-duty-startTime a, .RB2-planning-duty-endTime a {display:block; height:100%; padding:.2em; box-sizing:border-box;}	
					.RB2-planning-duty-startTime a:hover, .RB2-planning-duty-endTime a:hover {background-color:#50d0c0; color:#fff;}	
					.RB2-planning-duty-time-otherDay {border-left:none; border-right:none; font-size:120%; font-weight:bold;}
					.RB2-planning-duty-endTime {text-align:right;}
					.RB2-planning-duty-desc {display:block; text-align:center;}
					.RB2-planning-today .RB2-planning-duty-desc {padding:.2em .4em;}
					.RB2-planning-duty-desc:hover {background-color:#fff; color:#008080;}
						.RB2-planning-duty-name {font-weight:bold;}
						.RB2-planning-duty-customer {font-size:80%;}
						.RB2-planning-duty-customer-avatar {width:36px; padding-top:.3em;}
				.RB2-planning-duty-dispatchRow {display:flex; justify-content:space-between; padding:0 .4em;}	
					.RB2-planning-duty-vehiclePax {display:flex; border-radius:0 0 .3em 0;}
					.RB2-planning-duty-vehicle, .RB2-planning-duty-pax, .RB2-planning-duty-driver {min-width:2em; padding:0 .4em .1em .4em; background-color:#008080; color:#fff; font-size:80%; text-transform:uppercase; text-align:center;}	
					/*.RB2-planning-duty-vehicle-unassigned, .RB2-planning-duty-driver-unassigned {background-color:#949590;}*/
					.RB2-planning-duty-vehicle {border-radius:0 0 0 .3em;}
					    .RB2-planning-duty-vehicle a {vertical-align:middle;}
							.RB2-planning-duty-vehicle-avl {width:1em; padding-left:.2em;}
					.RB2-planning-duty-pax {border-radius:0 0 .3em 0; background-color:#b4b5b0;}
					.RB2-planning-duty-driver {border-radius:0 0 .3em .3em;}

				.RB2-service-REG .RB2-planning-duty-blockRow {background-color:#e4e5e0;}	
				.RB2-service-TOUR .RB2-planning-duty-blockRow {background-color:#efd;}	
				.RB2-notFirstDay .RB2-planning-duty-startTime {border-left:1px #008080 dashed;}	
				.RB2-notLastDay .RB2-planning-duty-endTime {border-right:1px #008080 dashed;}	

.RB2-planning-actions {width:fit-content; margin:1em auto 0 auto; padding:.5em; background-color:#f4f5f0; box-sizing:border-box;}
	.RB2-planning-selectDate {text-align:center;}
		.RB2-planning-selectDate input[type=submit] {margin-left:1em;}
	.RB2-planning-actions p {margin:.5em 0 0 0;}
	.RB2-planning-moveDate {display:flex; justify-content:space-between; padding:.5em 0; border-top:1px #fff solid; border-bottom:1px #c4c5c0 solid;}
		.RB2-buttonLink {display:inline-block; padding:.5em 2em; background-color:#000; color:#fff; text-transform:uppercase; font-size:85%;}
		.RB2-buttonLink + .RB2-buttonLink {margin-left:.5em;}
		.RB2-buttonLink:hover {background-color:#008080; color:#fff;}
		.RB2-buttonLink:active {background-color:#808000; color:#fff;}

@media screen and (max-width:1100px) {
		.RB2-planning {flex-wrap:wrap;}	
		.RB2-planning-day {width:32%;}	
		/*.RB2-viewOrderDay, .RB2-duty-container  {width:100%; overflow-x:scroll;}*/
}
		
@media screen and (max-width:700px) {
		.RB2-planning-day {width:100%; max-width:400px;}	
		.RB2-planning-navDay {display:none;}
}	


/* Graphique à plat */
.RB2-barGraph {display:flex; min-width:1000px;}
	.RB2-barGraph-heading, .RB2-barGraph-main {padding:1.5em 0;}
	.RB2-barGraph-heading-duty, .RB2-barGraph-main-duty, .RB2-barGraph-stats-duty {align-items:stretch; height:2.5rem; margin-bottom:.5rem;}
	.RB2-barGraph-heading {}
		.RB2-barGraph-heading-duty {display:flex; justify-content:space-between; z-index:100; max-width:320px; background-color:#e4e5e0; border-radius:.4em 0 0 .4em; font-size:85%;}
		.RB2-barGraph-heading-duty.RB2-service-OCC {background-color:#def;}
		.RB2-barGraph-heading-duty.RB2-service-TOUR {background-color:#efd;}
		.RB2-barGraph-heading-duty-desc {flex:1; margin-right:1em; padding:.2em .4em;}
			.RB2-barGraph-heading-duty-customer, .RB2-barGraph-heading-duty-name {height:1.2em;overflow:hidden; margin:0;}
		.RB2-barGraph-heading-duty-dispatch {width:fit-content; padding:.2em .4em; background-color:#d4d5d0;}
			.RB2-barGraph-heading-duty-vehicle {display:flex; justify-content:flex-end;}
				.RB2-barGraph-heading-duty-vehicle-name {margin:0 .5em; font-weight:bold; color:#008080;}
				.RB2-barGraph-heading-duty-vehicle-unassigned .RB2-barGraph-heading-duty-vehicle-name {color:#aa9;}
				.RB2-barGraph-heading-duty-vehicle-name .RB2-planning-duty-vehicle-avl {vertical-align:middle;}
			.RB2-barGraph-heading-duty-driver {border-top: 1px solid #c4c5c0; text-align:right; font-weight:bold; color:#008080;}
	.RB2-barGraph-main {flex:1; border-right:1px solid #d4d5d0;}
		.RB2-barGraph-main-ticks {display:flex; position:absolute; top:0; width:100%; height:100%;}
		.RB2-barGraph-main-tick:first-child {border-left:1px solid #d4d5d0;}
		.RB2-barGraph-main-tick {display:flex; flex-direction:column; justify-content:space-between; border-left:2px dashed #e4e5e0;}
		.RB2-barGraph-main-tick-time {position:sticky; top:0; padding-left:.2em; color:#a4a5a0; font-size:85%;}
		.RB2-barGraph-main-tick-halfhour {width:50%; flex:1; border-right:1px dotted #d4d5d0;}
		.RB2-barGraph-main-duty {display:flex;}
			.RB2-barGraph-main-duty .dutyElement-label {width:0;}
			.RB2-barGraph-main-duty .dutyElement-beginLabel {position:absolute; right:0; z-index:50; height:2.5em; padding:.4em; text-align:right; font-size:75%; overflow:hidden;}
			.RB2-barGraph-main-duty .dutyElement {display:flex; flex-direction:column; text-align:center; line-height:1em; font-size:75%; overflow:hidden;}
			.RB2-barGraph-main-duty .EMPTY + .EMPTY {border-left:1px solid #7a4;}
				.RB2-barGraph-main-duty .dutyElement-tripNumber {padding:.2em 0;}
				.RB2-barGraph-main-duty .dutyElement-stopName {}
			.RB2-barGraph-main-duty .spacer {background:rgba(245, 244, 240, 0.5)}
			.RB2-barGraph-main-duty:hover .spacer {background: rgba(230, 240, 255, 0.5);}
	.RB2-barGraph-stats {display:flex;}
		.RB2-barGraph-stat-heading {position:sticky; top:0; z-index:10; height:1.5em; padding:0 .2em; border-top:1px solid #b4b5b0; border-right:1px #c4c5c0 solid; background-color:#d4d5d0; text-align:center;}
		.RB2-barGraph-stats-duty {display:flex; justify-content:center; align-items:center; padding:.2em; border-top:1px solid #d4d5d0; border-bottom:1px solid #d4d5d0; border-right:1px #d4d5d0 solid; background-color:#f4f5f0;}


/* Historique conducteur */
.RB2-driver-history {}
	.RB2-driver-history-date {}
	.RB2-driver-history-duty {width:30em; height:5em;}


/* Day Fi Recap */
.RB2-dayFiRecap .RB2-planning-duty-name {font-size:85%;}	
	.RB2-dayFiRecap .RB2-planning-duty-startTime, .RB2-dayFiRecap  .RB2-planning-duty-endTime {padding:.2em; white-space:nowrap;}	
		.RB2-dayFiRecap .RB2-planning-duty-endTime label {text-transform:uppercase; font-size:75%;}
		.RB2-dayFiRecap .RB2-planning-duty-endTime em {color:#646560;}

/* Charter Month Preview */
.RB2-charterMonthPreview-month {text-transform:capitalize; break-before:page;}
.RB2-charterMonthPreview-month:first-child {break-before:inherit;}

.RB2-charterMonthPreview-calendar {}
	.RB2-charterMonthPreview-calendar th {text-align:center;}
	.RB2-charterMonthPreview-day {width:7em; border: 1px solid #fff; border-radius:.5em; vertical-align:top;}
		.RB2-charterMonthPreview-day-heading {margin:0 0 .5em 0;}
		.RB2-charterMonthPreview-day-heading a {display:inline-block; padding:0 .3em; background-color:#fff; border:1px solid #000; color:#000; font-size:85%;}
		.RB2-charterMonthPreview-date {border-top:4px solid #f00!important; border-radius:0 0 .3em .3em; font-weight:bold;}
	.RB2-charterMonthPreview-today {border:4px solid #008080;}
		.RB2-charterMonthPreview-today .RB2-charterMonthPreview-date {background-color:#008080; color:#fff;}
	.RB2-charterMonthPreview-day-content {margin:0;}
	.RB2-charterMonthPreview-lvl0 {background-color:#c00; color:#fff;}
	.RB2-charterMonthPreview-lvl1 {background-color:#f44; color:#fdd;}
	.RB2-charterMonthPreview-lvl2 {background-color:#fc0; color:#850;}
	.RB2-charterMonthPreview-lvl3 {background-color:#bf0; color:#480;}
	.RB2-charterMonthPreview-lvl4 {background-color:#6c0; color:#efc;}
.RB2-charterMonthPreview-total {font-weight:bold; font-size:120%; color:#aa9;}

.RB2-charterMonthPreview-history {margin:1em 0;}
	.RB2-charterMonthPreview-history-calendar {vertical-align:top;}
	.RB2-charterMonthPreview-history-current {background-color:#fff;}
	.RB2-charterMonthPreview-history-past .RB2-charterMonthPreview-month {color:#646560;}
	.RB2-charterMonthPreview-history-past .RB2-charterMonthPreview-calendar {background-color:#e4e5e0;}
		.RB2-charterMonthPreview-history-past th {background-color:#c4c5c0;}

/*---- Vue service Demande+Commande ----*/
.RB2-viewOrderDay, .RB2-duty-container {}
	.RB2-duty {width:100%; border-collapse:collapse; background-color:#fff; margin-bottom:2em; border-bottom:2px #b4b5b0 solid;}
	.RB2-order-duty {max-width:100%;}
		.RB2-duty th {border:1px #f4f4f4 solid; font-size:85%;}
		.RB2-duty td {padding:0 .5em; border:1px #f4f4f4 solid; border-bottom:1px #ccc solid;}
	.RB2-duty-cell-edit {width:100%; padding:0!important; background-color:#def; border-top:3px solid #008080!important; border-bottom:3px solid #008080!important;}
	.RB2-duty-separator {background-color:#eee;}
		.RB2-duty-separator td {height:.5em; border-bottom:1px #ddd solid;}
		.RB2-duty-dutyElement-location {width:22%; text-align:right; line-height:1.2em;}
			.RB2-duty-dutyElement-locations {display:flex; flex-direction:column; justify-content:space-between; height:100%;}
			.RB2-duty-dutyElement-locations a {color:unset;}
			.RB2-duty-dutyElement-locations a:hover {text-decoration:underline;}
			.RB2-duty-dutyElement-endLocation {margin-top:.4em;}
			.RB2-duty-dutyElement-stationaryLocation {justify-content:center;}
			.RB2-duty-dutyElement-broken {font-weight:bold; color:#c00;}
			.RB2-duty-dutyElement-dutyStart, .RB2-duty-dutyElement-dutyEnd {font-weight:bold;}
		.RB2-duty-dutyElement-graph {width:7%; text-align:center!important;}
		td.RB2-duty-dutyElement-graph {height:2em; background-color:#aaa; color:#fff; padding:0;}
		.RB2-row-TRIP td, .RB2-row-XTRIP td {height:4em;}
		.PS .RB2-duty-dutyElement-startTime, .FS .RB2-duty-dutyElement-endTime {font-weight:bold;}
		.RB2-duty-dutyElement-graph-container {display:flex; flex-direction:column; height:100%; justify-content:space-between; text-align:center; color:#fff;}
		.TRSF .RB2-duty-dutyElement-graph-container, .DTRSF .RB2-duty-dutyElement-graph-container {color:#983;}
		.RB2-duty-dutyElement-graph-container-zero {justify-content:center;}
		.RB2-duty-dutyElement-type {width:10%; font-size:85%; text-align:left!important;}
		.RB2-duty-dutyElement-duration {width:7%; text-align:right;}
		.RB2-duty-dutyElement-length {width:7%; text-align:right;}
		.RB2-duty-dutyElement-driverCount {width:7%; text-align:right;}
		.RB2-duty-dutyElement-comment {width:15%;}
		.RB2-duty-dutyElement-comment:hover {background-color:#008080; color:#fff; cursor:pointer;}
			.RB2-duty-dutyElement-comment-text {margin:0; color:#646560; font-size:85%; font-weight:normal;} 
			.RB2-duty-dutyElement-comment:hover .RB2-duty-dutyElement-comment-text {color:#fff; text-decoration:underline;} 
			.RB2-duty-dutyElement-comment-form {} 
		.RB2-order-duty .RB2-duty-dutyElement-comment {width:auto;}
		.RB2-duty-dutyElement-status {width:7%;}
		.RB2-duty-dutyElement-vehicle {width:7%;}
		.RB2-duty-dutyElement-driverName {width:7%;}
		td.RB2-duty-dutyElement-actions {border:1px solid #d4d5d0!important; background:linear-gradient(to right, #d4d5d0, #e4e5e0 2%, #f4f5f0 10%, #f4f5f0); color:#000;}
			.RB2-duty-dutyElement-action {margin-left:.2em; background-color:transparent!important;}
			.RB2-duty-dutyElement-actions:hover .RB2-duty-dutyElement-action {background-color:#fff;}
			.RB2-duty-dutyElement-actions:hover .add:hover, .RB2-duty-dutyElement-actions:hover .edit:hover, .RB2-duty-dutyElement-actions:hover .time:hover {background-color:#aef;}
			.RB2-duty-dutyElement-actions:hover .delete:hover {background-color:#f44;}
	.RB2-row-TRIP, .RB2-row-XTRIP  {background-color:#f0f2ff;}
		.RB2-row-TRIP td, .RB2-row-XTRIP td {border:1px #e2e4ee solid; border-bottom:1px #d2d4dd solid; font-weight:bold; color:#138;}
	.RB2-row-WAIT  {background-color:#f6f8ff;}
		.RB2-row-WAIT td {border:1px #e2e4ee solid; border-bottom:1px #d2d4dd solid; color:#68d;}
	.RB2-row-BREAK  {background-color: #ffeef4;}
		.RB2-row-BREAK td {border:1px #edd solid; border-bottom:1px #dcc solid; color:#936;}
	.RB2-row-EMPTY  {background-color: #efe;}
		.RB2-row-EMPTY td {border:1px #e8f3e5 solid; border-bottom:1px #ccd9ca solid; color:#693;}
	.RB2-row-PS, .RB2-row-FS {background-color: #f8f8f8;}
		.RB2-row-PS td,.RB2-row-FS td {border:1px #eee solid; border-bottom:1px #ddd solid; color:#666;}
	.RB2-row-RESERVE  {background-color:#ffd;}
		.RB2-row-RESERVE td {border:1px #f3f3e5 solid; border-bottom:1px #cccad9 solid; color:#d90;}

	.RB2-duty-dutyElement:hover {background-color:#fff;}

@media screen and (min-width:1500px) {
		.RB2-duty-dutyElement-type {width:7%;}
		.RB2-duty-dutyElement-location {width:20%;}
		.RB2-duty-dutyElement-duration {width:5%;}
		.RB2-duty-dutyElement-length {width:5%;}
		.RB2-duty-dutyElement-nextDriver {width:5%;}
		.RB2-duty-dutyElement-status {width:auto;}
}

@media screen and (max-width:900px) {
	.RB2-duty-dutyElement-type, .RB2-duty-dutyElement-driverCount, .RB2-duty-dutyElement-comment, .RB2-duty-dutyElement-status, .RB2-duty-dutyElement-nextDriver, .RB2-duty-dutyElement-tripNb, .RB2-duty-dutyElement-realTime {display:none;}
		.RB2-duty-dutyElement-location {width:30%;}
		.RB2-duty-dutyElement-graph {width:10%; }
		.RB2-duty-dutyElement-duration {width:10%;}
		.RB2-duty-dutyElement-length {width:10%;}
}

/* Formulaire ajout d'élément de service devis+commande */
.RB2-addDutyElement {display:flex; box-sizing:border-box; margin:0; padding:.5em;}
	.RB2-addDutyElement label {padding-bottom:.3rem; font-size:80%; text-transform:uppercase;}
	.RB2-addDutyElement-item {display:flex; flex-direction:column; justify-content:flex-start;}
		.RB2-addDutyElement-item h3 {margin:0 0 .2em 0; text-transform:uppercase;}
	.RB2-addDutyElement-newTask {margin-right:.5em;}
	.RB2-addDutyElement-departureArrival {flex:1; margin-right:1em; background-color:#ece3ce; border:1px solid #aa9;}
	.RB2-addDutyElement-departure, .RB2-addDutyElement-arrival {flex:1; background-color:#aa9; text-align:left;}
	.RB2-addDutyElement-departure {border-bottom:1px solid #8c836e;}
	.RB2-addDutyElement-arrival {border-top:1px solid #ccc3ae;}
	.RB2-addDutyElement-PS {display:flex; flex-wrap:wrap; align-items:flex-end; width:fit-content; max-width:600px;}
	.RB2-addDutyElement-PS .RB2-addDutyElement-item {padding:.3em;}
	
	.RB2-addDutyElement-departure h3, .RB2-addDutyElement-arrival h3 {margin:0; padding:.3rem; text-transform:uppercase;}
	.RB2-addDutyElement-locationTime {display:flex; padding:.3rem;}
	.RB2-addDutyElement-departure label, .RB2-addDutyElement-arrival label {color:#fff;}
		.RB2-addDutyElement-location {flex:1;}
		.RB2-addDutyElement-time input, .RB2-addDutyElement-time p, .RB2-addDutyElement-duration input {width:4em;}
		.RB2-addDutyElement-location p, .RB2-addDutyElement-time p {height:1.25em; overflow:hidden; margin:0; padding:2px .2em; background-color:#e4e5e0; color:#000;}
		.RB2-addDutyElement-location p {margin-right:2px;}
	.RB2-addDutyElement-map {width:100%; height:350px; background-color:#ddd;}
		.RB2-addDutyElement-map div {position:unset;}
	.RB2-addDutyElement-distanceDrivers {display:flex; padding:.5em;}
		.RB2-addDutyElement-calculate {margin-left:.2em;}
		.RB2-addDutyElement-distance input {width:4em;}
	.RB2-addDutyElement-drivers {margin:0 1em;}
		.RB2-addDutyElement-drivers input {width:2em;}
		.RB2-addDutyElement-insertPos {display:none;}
			.RB2-addDutyElement-insertPos p {margin:0;}
			.RB2-addDutyElement-insertPos label {font-size:130%; }
	.RB2-addDutyElement-actions {margin:.5em;}
		.RB2-addDutyElement-submit {align-self:flex-end; background-color:#000!important; padding:.5em 1em;}
		.RB2-addDutyElement-submit:hover {background-color:#008080!important;}
		.RB2-addDutyElement-submit:active {background-color:#808000!important;}

	.RB2-addDutyElement-editOptions {width:98%; margin:0 1%;}
	
	.RB2-addDutyElement-itinerary {flex:2;}
		.RB2-addDutyElement-itinerary .RB2-addDutyElement-map {height:600px;}

.RB2-addDutyElement-blockType-list {width:14em; margin:0; padding:0;}
	.RB2-addDutyElement-blockType-item {list-style:none;}
		.RB2-addDutyElement-blockType-item-radio {z-index:10; position:relative; vertical-align:-.1em;}
		.RB2-addDutyElement-blockType-item label {display:inline-block; width:80%; margin:0 0 .4em -1.6em; padding:.3em .4em .3em 2em; border-radius:.8em;  background-color:#fff; font-weight:bold;}
		.RB2-addDutyElement-blockType-item-EMPTY label {color:#693;}
		.RB2-addDutyElement-blockType-item-TRIP label {color:#138;}
		.RB2-addDutyElement-blockType-item-XTRIP label {color:#008080;}
		.RB2-addDutyElement-blockType-item-WAIT label {color:#68d;}
		.RB2-addDutyElement-blockType-item-BREAK label {color:#936;}
		.RB2-addDutyElement-blockType-item-PS label, .RB2-addDutyElement-blockType-item-FS label {color:#666;}
		.RB2-addDutyElement-blockType-item-radio:checked + label, .RB2-addDutyElement-blockType-item label:hover {background-color:#646560; color:#fff;}
		.RB2-addDutyElement-blockType-item-EMPTY .RB2-addDutyElement-blockType-item-radio:checked + label, .RB2-addDutyElement-blockType-item-EMPTY label:hover {background-color:#9c6;}
		.RB2-addDutyElement-blockType-item-TRIP .RB2-addDutyElement-blockType-item-radio:checked + label, .RB2-addDutyElement-blockType-item-TRIP label:hover {background-color:#138;}
		.RB2-addDutyElement-blockType-item-XTRIP .RB2-addDutyElement-blockType-item-radio:checked + label, .RB2-addDutyElement-blockType-item-XTRIP label:hover {background-image:repeating-linear-gradient(45deg, #138 0px, #138 10px, #008080 10px, #008080 20px); background-color:#008080;}
		.RB2-addDutyElement-blockType-item-WAIT .RB2-addDutyElement-blockType-item-radio:checked + label, .RB2-addDutyElement-blockType-item-WAIT label:hover {background-color:#68d;}
		.RB2-addDutyElement-blockType-item-BREAK .RB2-addDutyElement-blockType-item-radio:checked + label, .RB2-addDutyElement-blockType-item-BREAK label:hover {background-color:#e8a;}
		.RB2-addDutyElement-blockType-item-PS .RB2-addDutyElement-blockType-item-radio:checked + label {background-color:#ccc;}
		.RB2-addDutyElement-blockType-item-FS .RB2-addDutyElement-blockType-item-radio:checked + label {background-color:#ccc;}

@media screen and (max-width:900px) {
	.RB2-addDutyElement {flex-direction:column;}	
	.RB2-addDutyElement-departureArrival {margin:1em 0;}
	.RB2-addDutyElement-location p, .RB2-addDutyElement-time p {height:auto;}
	.RB2-addDutyElement-blockType-item-radio {vertical-align:-.2em;}
	.RB2-addDutyElement-blockType-item label {margin-left:-2em; padding-left:2.4em;}
}

/* Modification de commande */
.RB2-duty-edit-main {display:flex; margin-top:1em;}
.RB2-duty-edit-map {flex:1; height:500px; background-color:#aa9;}
	.RB2-duty-edit-map div {position:unset;}
.RB2-duty-editor {flex:1; display:flex; flex-direction:column; margin-left:1em;}
	.RB2-duty-editor-layer {display:flex; flex:1; padding-right:.2em; border:1px solid #c4c5c0; background-color:#f4f5f0;}
	.RB2-duty-editor-layer-empty {flex:0;}
	.RB2-duty-editor-location {position:absolute; margin-left:9em; padding:.7em .2em .2em .2em; font-size:85%;}
	.RB2-duty-editor-selectedLocation {margin:.4em 0;}
	.RB2-duty-editor-endLocation {align-self:flex-end; padding:.2em .2em .7em .2em; }
	.RB2-duty-editor-blocks {display:flex; flex-direction:column; width:8em; min-height:4em;}
		.RB2-duty-editor-block {display:flex; flex:1;}
			.RB2-duty-editor-dutyElement, .RB2-duty-editor-dutyElement-actualTimes {display:flex; flex-direction:column; justify-content:space-between; text-align:center; width:4em;}
			.RB2-duty-editor-dutyElement {min-height:4em; padding:.2em; color:#fff;}
			.RB2-duty-editor-dutyElement-actualTimes {padding:.2em .4em;}
				.RB2-duty-editor-dutyElement-actualTimes span {color:#848580;}
			.RB2-duty-editor-editPoint {display:flex; flex:1; justify-content:flex-end; align-items:center;}
				.RB2-duty-editor-editPoint div {background-color:#f4f5f0;}
					.RB2-duty-editor-adjustLabel {display:block; margin-bottom:.5em;font-size:85%; color:#f66;}
			.RB2-duty-editor-changeBefore, .RB2-duty-editor-changeAfter {}
			.RB2-duty-editor-selectedLocation .RB2-duty-editor-editPoint {flex-direction:column; justify-content:center; align-items:flex-end;}
				.RB2-duty-editor-editPoint-search {display:flex; width:100%; padding:.2em 0;}
					.RB2-duty-editor-editPoint-input {flex:1; margin-right:.2em;}
					.RB2-duty-editor-editPoint-search .button {background-color:#a4a5a0;}
					.RB2-duty-editor-editPoint-search .button:hover {background-color:#50d0c0;}
					.RB2-duty-editor-editPoint-search .button:active {background-color:#808000;}
				.RB2-duty-editor-editPoint-compute {padding-bottom:.2em;}
				.RB2-duty-editor-editPoint-depot {align-self:flex-start;}
					.RB2-duty-editor-editPoint-depot select, .RB2-duty-editor-editPoint-depot input {margin-right:1em;}
		.RB2-duty-editor-dutyElement-arrowUp {width:0; height:0; border-left:2em solid #f4f5f0; border-right:2em solid #f4f5f0; border-bottom:.5em solid transparent;}
		.RB2-duty-editor-dutyElement-arrowDown {width:0; height:0; border-left:2em solid #f4f5f0; border-right:2em solid #f4f5f0; border-top:.5em solid transparent;}

@media screen and (max-width:1200px) {
	.RB2-duty-edit-main {flex-direction:column;}
		.RB2-duty-edit-map {flex:auto;}
	.RB2-duty-editor {margin:1em 0 0 0;}
}

@media screen and (max-width:750px) {
	.RB2-duty-edit-map {height:250px;}
	.RB2-duty-editor select {max-width:15em;}
	.RB2-duty-editor-editPoint-search {display:block;}
	.RB2-duty-editor-editPoint-compute {margin-top:.5em;}
}

/*---- Vue commande ----*/
.RB2-viewOrder {display:flex; justify-content:space-between; width:100%; padding:.5em; background-color:#fff; box-sizing:border-box;}

.RB2-viewOrder-table {width:32%;}
	.RB2-viewOrder-table .formLabel {width:25%;}	
	.RB2-viewOrder-table .MVCControl {width:75%;}	
	.RB2-viewOrder-table input, .RB2-viewOrder-table select, .RB2-viewOrder-table textarea {width:100%; box-sizing:border-box;}	
	.RB2-viewOrder-table textarea {height:4.5em; font-size:85%;}	
	.RB2-viewOrder-table .readOnly {border:1px #ddd solid;}
	.RB2-viewOrder-table #Name, .RB2-viewOrder-table #PaxCount, .RB2-viewOrder-table #VehicleCount, .RB2-viewOrder-table #DriverCount {font-weight:bold;}	
	.RB2-viewOrder-table #DateStart, .RB2-viewOrder-table #DateEnd {font-size:120%; font-weight:bold;}	
	.RB2-viewOrder-table #ItineraryDescription {min-height:12em; font-family:monospace; font-size:100%; }

@media screen and (max-width:900px) {
	.RB2-viewOrder {flex-direction:column;}	
	.RB2-viewOrder-table {width:100%;}

}

/*---- Carnet de commandes ----*/
.RB2-orderBook-table {}
	.RB2-orderBook-table thead th {background-color:#d4d5d0; border-bottom:1px solid #c4c5c0; color:#000; font-size:85%; font-weight:normal; text-transform:uppercase;}
.RB2-orderBook-table {}
	.RB2-orderBook-row-TOUR td {background-color:#efd;}
	.RB2-orderBook-row-OCC td {background-color:#def;}
	td.RB2-orderBook-table-detail, td.RB2-orderBook-table-requestId {font-size:85%; text-transform:uppercase;}
	td.RB2-orderBook-table-code, td.RB2-orderBook-table-contact, td.RB2-orderBook-table-departure, td.RB2-orderBook-table-destination, td.RB2-orderBook-table-vehicle, td.RB2-orderBook-table-status, td.RB2-orderBook-table-price {font-size:85%;}
	td.RB2-orderBook-table-detail, td.RB2-orderBook-table-name, td.RB2-orderBook-table-pax {font-weight:bold;}
	td.RB2-orderBook-table-requestId, td.RB2-orderBook-table-requestId-empty {text-align:center;}
	.RB2-orderBook-table-customer-content {display:flex; align-items:flex-start;}
		.RB2-orderBook-table-customer-avatar {width:24px; padding-right:.3em;}
.RB2-orderBook-planningLink {text-align:center;}

@media screen and (max-width:1100px) {
.RB2-orderBook-table-departure, .RB2-orderBook-table-destination, .RB2-orderBook-table-status {display:none;}	
}

@media screen and (max-width:800px) {
.RB2-orderBook-table-code, .RB2-orderBook-table-brandCode, .RB2-orderBook-table-contact, .RB2-orderBook-table-vehicle, .RB2-orderBook-table-pax, .RB2-orderBook-table-price {display:none;}	
}

/*- Liste des conducteurs */
.RB2-drivers-list-row-0 {color:#888;}
	.RB2-drivers-list-row-0 a {color:#888;}
.RB2-drivers-list-edit {font-size:85%; text-transform:uppercase;}
.RB2-driver-details #Lastname {font-weight:bold;}
.RB2-drivers-list-category {text-align:center; text-transform:uppercase; font-size:85%;}
.RB2-drivers-list-category-0 .RB2-drivers-list-category {background-color:#008080; color:#fff;} /* polyvalent */
.RB2-drivers-list-category-1 .RB2-drivers-list-category {background-color:#fff; color:#008080;} /* scolaire */
.RB2-drivers-list-category-2 .RB2-drivers-list-category {background-color:#036; color:#fff;} /* tourisme */
.RB2-drivers-list-category-3 .RB2-drivers-list-category {background-color:#daa520; color:#000;} /* grand tourisme */
.RB2-drivers-list-category-4 .RB2-drivers-list-category {background-color:#bbb; color:#000;} /* navette */

/*- Liste des véhicules */
.RB2-vehicles-list-category {text-align:center; text-transform:uppercase; font-size:85%;}
.RB2-vehicles-list-row-1 .RB2-vehicles-list-category {background-color:#fff; color:#008080;} /* scolaire */
.RB2-vehicles-list-row-2 .RB2-vehicles-list-category {background-color:#008080; color:#fff;} /* mixte */
.RB2-vehicles-list-row-3 .RB2-vehicles-list-category {background-color:#036; color:#fff;} /* grand confort */
.RB2-vehicles-list-row-4 .RB2-vehicles-list-category {background-color:#bbb; color:#000;} /* navette */
.RB2-vehicles-list-row-5 .RB2-vehicles-list-category {background-color:#daa520; color:#000;} /* Privilege */

.RB2-vehicles-list-edit {font-size:85%; text-transform:uppercase;}
.RB2-vehicles-details #Lastname {font-weight:bold;}

/*---- statistiques ----*/
.RB2 table.ikStatisticsGrid {border-collapse:collapse;margin:10px 0;border:1px #ddd solid;font-family:Arial, Helvetica, sans-serif;}
.RB2 table.ikStatisticsGrid td, table.ikStatisticsGrid th {padding:2px 4px;border-right:1px #ddd solid;}
.RB2 table.ikStatisticsGrid th {border:1px #138 solid;background-color:#008080;color:#fff;}
.RB2 table.ikStatisticsGrid tr.pair td {background-color:#eee;}
.RB2 table.ikStatisticsGrid tr.subtotal td {padding:3px 4px;border-top:1px #ccc dashed;border-bottom:1px #ccc solid;border-right:1px #ccc solid;background-color:#ddd;font-weight:bold;}
.RB2 table.ikStatisticsGrid tr.total td {padding:4px;border-top:1px #000 solid;background-color:#bbb;font-weight:bold;font-size:14px;}
.RB2 table.ikStatisticsGrid tr td.money {text-align:right;}

@media print {
	.RB2 .nav, .CR-detailsRefresh, .CR-actions, .RB2 .actions, .RB2 .footer {display:none;}
	.RB2 {background-color:transparent;}
}

/*~~~~~~~~~~~~*/
/*    PT     */
/*~~~~~~~~~~~~*/

/* Duty sheet */
.dutySheet {background-color:transparent; font-size:9pt;}
.dutySheet-page {page-break-after:always; background-color:#fff;}

.dutySheet-header {display:flex; justify-content:space-between;}	

.dutySheet-heading  {margin-bottom:1em; display:flex; justify-content:center; align-items:center;}
	.dutySheet-title  {margin-right:2em; display:flex; justify-content:flex-end; align-items:baseline; text-transform:uppercase; font-family:'Trebuchet MS', sans-serif; color:#006fba;}
		.dutySheet-title  p {margin:0 1em 0 0; font-weight:bold; font-size:12pt;}
		.dutySheet-title  h1 {margin:0; padding:5pt 16pt; border:3pt #006fba solid; font-size:40pt;}
		.dutySheet-validity {text-align:right; font-style:italic;}
		.dutySheet-assignment h2 {font-size:18pt;}

.dutySheet-content  {display:flex; flex-direction:column; justify-content:space-between;}
	.dutySheet .duties {display:flex; justify-content:space-around; margin-bottom:auto;}	
		.dutySheet .duty {flex-grow:1; max-width:9cm; margin:0 1em;}	
		.dutySheet .duty:first-child {margin-left:0;}	
		.dutySheet .duty:last-child {margin-right:0;}	
			.dutySheet .dutyValidity  {padding:.2em 1em; border-top:1px #333 solid; background:#666; color:#fff; text-transform:uppercase; text-align:center; font-size:160%;}	
				.dutySheet .trips {display:block;  page-break-inside:avoid;}
					.dutySheet .timePeriod {margin:0 0 .5em 0; padding:.3em .6em; border:none; background:#006fba; color:#fff; font-size:120%; font-weight:bold;}

	.dutySheet  .trip {margin:0 0 1em 0;}
		.dutySheet .tripAttributes {justify-content:space-between; margin:0; padding-bottom:.2em; border-bottom:1px #000 solid; font-size:100%; color:#000;}
			.dutySheet .tripNumber {margin:0; padding:0; border:none; font-weight:bold; font-size:140%; }
			.dutySheet .tripLastUpdate {font-size:80%;  color:#888;}
			.dutySheet .tripTable th {font-weight:normal;}
			.dutySheet .tripTable td {}
			.dutySheet .tripTable tr:last-child td {border-bottom:none;}
			.dutySheet .N  td {color:#000;}
	
.backsideReminder {margin-top:1em; padding:.4em 1em; background-color:#ba006f; color:#fff; text-transform:uppercase; font-weight:bold; text-align:center;}
.dutySheet-frontpage {text-align:center;}
	.dutySheet-frontpage h1{margin:2em 0 0 0; font-size:400%;}
	.dutySheet-frontpageImage {width:10cm; margin:6em 0;}

.edit-dutySheet { text-align:right;}
.edit-dutySheet p {margin-top:.5em; text-transform:uppercase;}
.edit-dutySheet input {padding:.5em 2em; text-transform:uppercase;}
.edit-duty input {margin-top:.3em; padding:.3em 1em;}
.edit-stopPoint {width:1%; white-space:nowrap; background-color:#ba006f!important;}
	.edit-stopPoint form {visibility:hidden;}
	tr:hover .edit-stopPoint form {visibility:visible;}
	.edit-stopPoint input {margin-right:.2em;}
.add-stopPoint {background-color:#ccc;}

/* Duty editor */
.dutyEditor-buttons {display:flex; float:left; margin:1em 0; padding:1em; background-color:#006fba;}
	.dutyEditor-button {display:inline-block; color:#fff; text-transform:uppercase;}
	.dutyEditor-button:hover {color:#fff;}
	.dutyEditor-buttons input, .dutyEditor-button {margin:0 .5em; padding:.3em 1em;}
	.dutyEditor-buttons input:first-child, .dutyEditor-button:first-child {margin-left:0;}
	.dutyEditor-buttons input:last-child, .dutyEditor-button:last-child {margin-right:0;}

.dutyEditor table {border-spacing:0; margin-top:.6em; border:1px #d4d5d0 solid; background-color:#f4f5f0;}
	.dutyEditor th, .dutyEditor .formLabel {padding:.3em .6em; border-bottom:1px #d4d5d0 solid; background-color:#e4e5e0; text-align:left;}
	.dutyEditor td {padding:.3em .6em; border-top:1px #fff solid;}

/* Trip editor */
.dutySheet-editTrip {display:flex; flex-direction:row-reverse; justify-content:flex-end;}
	.dutySheet-editTrip .trips {display:block; margin-left:1em; padding-left:1em; border-left:1px #ccc solid;}
	.dutySheet-editTrip .dutyEditor+h2, .dutySheet-editTrip .dutyEditor+h3 {margin-top:1em;}

@media screen {	
	.dutySheet {max-width:1200px; margin:1em auto; background-color:#f4f4f4;}
	.dutySheet-page {margin-bottom:2em; padding:1em; border:1px #ddd solid;}
	.dutySheet-header, .dutySheet-heading , .dutySheet-content {}	
}		

@media print {
	.dutySheet h1 {font-size:24pt;}
	.dutySheet h2 {font-size:18pt;}
	.dutySheet .h-nav, #breadcrumb, .dutySheet .timetableSearch, .dutySheet #footer h2 {display:none;}
	.dutySheet .edit {display:none;}
}

/*~~~~~~~~~~~~*/
/*    REG     */
/*~~~~~~~~~~~~*/

/* Arrêts */
.REG-stops-id {padding:0;}
	.REG-stops-id a {display:block; padding:.3em .6em; background-color:#008080; color:#fff; text-align:center;}
	.REG-stops-id a:hover {background-color:#50d0c0;}
	.REG-stops-id a:active {background-color:#808000;}

.REG-stops-code, .REG-stops-desc {font-size:85%;}
.REG-stops-name {font-weight:bold;}
	.REG-stops-name small {font-weight:normal; font-style:italic;}

.REG-stops-status {font-size:75%; text-transform:uppercase; text-align:center;}
.REG-stops-status-1 {background-color:#fc3;} /* à verifier */
.REG-stops-status-2 {color:#fff; background-color:#3b0;} /* validé */
.REG-stop-alert {width:18px;}

.REG-stop {display:flex;}
.REG-stop-map {flex:1; height:600px;}
	.REG-stop-map div {position:unset;}
	.REG-stop-edit {margin-left:2em;}
	.REG-stop-main input, .REG-stop-main select {box-sizing:border-box; font-size:14px;}
	.REG-stop-id input {width:5em;}
	.REG-stop-name input, .REG-stop-description input, .REG-stop-city input, .REG-stop-address input {width:100%;}
	.REG-stop-address a {display:inline-block; margin-top:.2em;}
	.REG-stop-coordinate input {width:8em;}
	.REG-stop-brochureStatus input {width:5em;}
.REG-stop-children {}
	.REG-stop-children h3 {margin-bottom:.5em;}
	.REG-stop-children-list {width:fit-content; margin:0 0 0 1em; padding:0; border-top:1px solid #c4c5c0;}
		.REG-stop-children-item {color:#f36; font-weight:bold;}
		.REG-stop-children-item a {display:block; padding:.2em 0; border-bottom:1px solid #c4c5c0; font-weight:normal;}
			.REG-stop-children-item-code {padding-right:.2em; font-weight:bold; font-size:85%;}

@media screen and (max-width:900px) {
	.REG-stop {flex-direction:column-reverse;}
	.REG-stop-map {width:100%; height:500px;}
	.REG-stop-edit {margin-left:0;}
}

/* Récap journalier */
.REG-dayRecap {width:fit-content; margin:auto;}
	.REG-dayRecap-statusName {border-top:none; border-bottom:none; background-color:#aa9!important;}
	.REG-dayRecap-contractName {border-top:1px #8a816c solid; text-transform:uppercase; color:#008080;}
	tbody .REG-dayRecap-missionID {padding:0; background-color:#008080; text-align:center;}
	.REG-dayRecap-missionID a {display:block; padding:.3em .6em; color:#fff;}
	.REG-dayRecap-missionID:hover {background-color:#50d0c0;}
	.REG-dayRecap-missionName {font-weight:bold;}

/* Schéma de semaine */
.REG-planTemplate {display:flex;}
	.REG-planTemplate-day {min-width:5.5em; text-align:center;}
	th.REG-planTemplate-day {border-right:1px solid #848580; font-size:85%;}
	td.REG-planTemplate-day {padding:.2em 0; border-right:1px solid #fff; cursor:zoom-in; vertical-align:top;}
	td.REG-planTemplate-day-S {background-color:#e4e5e0;}
	td.REG-planTemplate-day-D {border-right:none; background-color:#d4d5d0;}
		.REG-planTemplate-duty {margin:.2em; padding:.1em .2em; background-color:#ddc; border-radius:.2em; font-size:85%;}
			.REG-planTemplate-duty-title {margin:0; font-size:100%;}
			.REG-planTemplate-duty-times {margin:0; font-family:monospace;}
	td.REG-planTemplate-day:hover {background-color:#50d0c0;}
	td.REG-planTemplate-day:hover .REG-planTemplate-duty {background-color:#fcf0d6;}
	.REG-planTemplate-rowName small {font-weight:normal;}
	.REG-planTemplate-weekTotal {font-weight:bold; text-transform:uppercase;}
	td.REG-planTemplate-weekTotal {background:linear-gradient(to right, #a4a5a0, #c4c5c0 4%, #e4e5e0 20%, #f4f5f0 40%, #f4f5f0);}
	.REG-planTemplate-addRow {background-color:#ddc;}
		.REG-planTemplate-addRow-form {display:inline-block;}
		.REG-planTemplate-addRow-code {width:4em; margin-right:.5em; font-weight:bold;}
		.REG-planTemplate-addRow-name {width:8em;}
		.REG-planTemplate-addRow-name-label {font-weight:normal;}

	.REG-planTemplate-day:hover .REG-contract-rge {background-color:#c8dd5f!important;}
	.REG-planTemplate-day:hover .REG-contract-paysrethelois {background-color:#ec63a1!important;}
	.REG-planTemplate-day:hover .REG-contract-rdta {background-color:#00a58a!important;}

	.REG-planTemplate-editor {position:sticky; top:0; flex:1; height:700px; margin-left:2em;}
		.REG-planTemplate-editor-iframe {width:100%; height:100%; box-sizing:border-box; border:none;}
		.REG-planTemplate-editor-title {margin-top:0;}
		.REG-planTemplate-editor-duty {max-width:1000px; margin-bottom:0; border-bottom:none;}
			.REG-planTemplate-editor-duty td {height:.8em;}
			.REG-planTemplate-editor-duty .RB2-duty-dutyElement-location {width:auto;}
			.REG-planTemplate-editor-duty .RB2-duty-dutyElement-graph {width:3em;}
			.REG-planTemplate-editor-duty .RB2-duty-dutyElement-type {width:auto;}
			.REG-planTemplate-editor-duty .RB2-duty-dutyElement-tripNb {width:1%;}
			td.REG-planTemplate-editor-duty-desc {border:1px solid #d4d5d0; background:linear-gradient(to right, #d4d5d0, #e4e5e0 2%, #f4f5f0 10%, #f4f5f0); font-weight:normal; color:#000;}
				.REG-planTemplate-editor-duty-desc-content {display:flex; align-items:center; margin:.2em 0;}
					.REG-planTemplate-editor-duty-desc-details {display:block; margin-right:.5em; padding-right:.5em; border-right:2px dotted #d4d5d0;}
					.REG-planTemplate-editor-duty-name {width:fit-content; margin:0; padding:.1em .3em; font-size:100%; border-radius:.3em;}
			.REG-planTemplate-editor-duty .RB2-duty-separator td {height:1em;}
			.RB2-duty-dutyElement-shrinked {border:none!important; background-color:#f4f5f0;}
			.REG-planTemplate-editor-duty-desc .up, .REG-planTemplate-editor-duty-desc .down {font-weight:bold; font-size:140%; line-height:1.2rem; color:#333;}
			.REG-planTemplate-editor-duty-desc .up {padding:0 1rem 0 .2rem; background:#fff url(/images/bo/16/arrow_up.png) no-repeat right; text-align:left;}
			.REG-planTemplate-editor-duty-desc .down {padding:0 .2rem 0 1rem; background:#fff url(/images/bo/16/arrow_down.png) no-repeat left; text-align:right;}

@media screen and (max-width:1300px) {
	.REG-planTemplate {flex-direction:column;}
	.REG-planTemplate-editor {width:100%; max-width:800px; margin-top:2em; margin-left:0;}
}


/* Missions */
.mission {}	
.missionMain {display:flex; min-height:700px; justify-content:center; flex-wrap:wrap; padding:1em; border:2px #aa9 solid; background-color:#e9e8e5;}
	.missionDetails {margin-right:1em;}
	.missionFrames, .validitiesFrames  {flex:1; display:flex; flex-direction:column;}
		.missionFrames iframe {flex:1; padding:.5em; background-color: #fff;}
		iframe.REG-mission-dutyElements {flex:1.25;}
		.REG-mission-dutyElements, .frameOP, .frameExceptions {margin-top:1em;}
.missionActions .formAction {padding:0; width:100%;}
.REG-mission-stops-tripHeading {display:flex; justify-content:space-between;}
	.REG-mission-dutyElement-time {width:3em; text-align:center;}
.REG-mission-stops-row-tripTotal {background-color:#c4c5c0!important; font-weight:bold;}
	.REG-mission-stops-row-tripTotal td {border-bottom:1px solid #a4a5a0;}
.REG-mission-stops-row-missionTotal {background-color:#848580!important; font-weight:bold; color:#fff;}
	.REG-mission-stops-row-missionTotal td {border-bottom:1px solid #646560;}
	.REG-mission-stops-tripTotal-label, .REG-mission-stops-missionTotal-label {text-align:right; text-transform:uppercase;}
.RB2-duty-dutyElement-error .RB2-duty-dutyElement-graph {background-color:#f30!important;}
.REG-mission-dutyElements-stats-title {margin:0;}
.REG-mission-dutyElements-stats {display:flex; flex-wrap:wrap; justify-content:space-between; max-width:500px; margin:0; padding:0;}
	.REG-mission-dutyElements-stats-item {list-style-type:none; display:flex; justify-content:space-between; width:48%; margin-top:1px; padding:.2em; border-top:1px solid #c4c5c0; background-color:#f4f5f0;}
	.REG-mission-dutyElements-stats-item-label {padding-right:.5em; color:#646560;}
	.REG-mission-dutyElements-stats-item-value {padding-right:.5em;}
	.statTTE {order:1; margin-right:.5em;}
	.statTDRV {order:3; margin-right:.5em;}
	.statPROD {order:5; margin-right:.5em; background-color:#ddc;}
	.statTDRVC {order:7; margin-right:.5em;}
	.statPRODN {order:9; margin-right:.5em; background-color:#ddc;}
	.statTHLP {order:11; margin-right:.5em;}
	.statTWAIT {order:13; margin-right:.5em;}
	.statTBRK {order:15; margin-right:.5em;}
	.statTPSFS {order:17; margin-right:.5em;}
	.statTKM {order:2;}
	.statTKMC {order:4;}
	.statTKMHLP {order:6;}
	.statEFF {order:8; background-color:#ddc;}
		
@media screen and (max-width:900px) {
	.REG-planTemplate-editor-duty .RB2-duty-dutyElement-type, .REG-planTemplate-editor-duty .RB2-duty-dutyElement-tripNb {display:table-cell;}
}

.stopList {}
	.stopTime {text-align:center;}

/* REG filter UI */
.REG-filterUI-section-days {display:flex; align-items:center; flex-wrap:wrap;}
	.REG-filterUI-setDays {margin-left:1em!important; padding:.1em .4em; border-radius:.2em; background-color:#a4a5a0; text-transform:inherit;}
.REG-filterUI-time {width:3em; text-align:center;}
.REG-filterUI-time+input[type=checkbox] {margin-left:1em;}

.REG-filterUI-section-contract label, .REG-filterUI-section-depot label, .REG-filterUI-section-zoom label {display:none;}


/* Graphique à plat */
.REG-barGraph-toolbar {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; background-color:#d4d5d0; padding:.3em; border-radius:.3em .3em 0 0;}
	.REG-barGraph-toolbar .actions {margin:0;}
	.REG-barGraph-toolbar-order {}
.REG-barGraph {display:flex;}
	.REG-barGraph-heading, .REG-barGraph-main {padding:1.5em 0;}
	.REG-barGraph-heading-mission, .REG-barGraph-main-mission, .REG-barGraph-stats-mission {align-items:stretch; height:2.5em; margin-bottom:.5em;}
	.REG-barGraph-heading {}
		.REG-barGraph-heading-mission {display:flex; flex-direction:column; justify-content:center; z-index:100; padding:.2em .4em; background-color:#e4e5e0; border-radius:.4em 0 0 .4em;}
		.REG-barGraph-heading-mission-header {display:flex; justify-content:space-between;}
			.REG-barGraph-heading-mission-header .map {font-size:50%; background-size:60%;}
	.REG-barGraph-main {flex:1; border-right:1px solid #d4d5d0;}
		.REG-barGraph-main-ticks {display:flex; position:absolute; top:0; width:100%; height:100%;}
		.REG-barGraph-main-tick:first-child {border-left:1px solid #d4d5d0;}
		.REG-barGraph-main-tick {display:flex; flex-direction:column; justify-content:space-between; border-left:2px dashed #e4e5e0;}
		.REG-barGraph-main-tick-time {position:sticky; top:0; padding-left:.2em; color:#a4a5a0; font-size:85%;}
		.REG-barGraph-main-tick-halfhour {width:50%; flex:1; border-right:1px dotted #d4d5d0;}
		.REG-barGraph-main-mission {display:flex;}
			.REG-barGraph-main-mission .dutyElement-label {width:0;}
			.REG-barGraph-main-mission .dutyElement-beginLabel {position:absolute; right:0; z-index:50; height:2.5em; padding:.4em; text-align:right; font-size:75%; overflow:hidden;}
			.REG-barGraph-main-mission .dutyElement {display:flex; flex-direction:column; text-align:center; line-height:1em; font-size:75%;}
			.REG-barGraph-main-mission .EMPTY + .EMPTY {border-left:1px solid #7a4;}
				.REG-barGraph-main-mission .dutyElement-tripNumber {padding:.2em 0;}
				.REG-barGraph-main-mission .dutyElement-stopName {}
			.REG-barGraph-main-mission .spacer {background:rgba(245, 244, 240, 0.5)}
			.REG-barGraph-main-mission:hover .spacer {background: rgba(230, 240, 255, 0.5);}
	.REG-barGraph-stats {display:flex;}
		.REG-barGraph-stat-heading {position:sticky; top:0; z-index:10; height:1.5em; padding:0 .2em; border-top:1px solid #b4b5b0; border-right:1px #c4c5c0 solid; background-color:#d4d5d0; text-align:center;}
		.REG-barGraph-stats-mission {display:flex; justify-content:center; align-items:center; padding:.2em; border-top:1px solid #d4d5d0; border-bottom:1px solid #d4d5d0; border-right:1px #d4d5d0 solid; background-color:#f4f5f0;}

/* Hub observer */
.REG-hubObserver {max-width:100%; overflow-x:scroll; padding-bottom:1em;}
.REG-hubObserver-table {border:none; font-size:85%;}
	.REG-hubObserver-table th, .REG-hubObserver-table td {padding:.2em .3em; white-space:nowrap; overflow:hidden;}
	.REG-hubObserver-mission-heading {border-top:2px #a4a5a0 solid; background-color:#ddc; text-align:center;}
	.REG-hubObserver-mission-heading, .REG-hubObserver-mission-stopTime {border-left:2px #a4a5a0 solid;}
	.REG-hubObserver-mission-heading, .REG-hubObserver-mission-stopName {border-right:2px #a4a5a0 solid;}
	.REG-hubObserver-mission-end {border-bottom:2px #a4a5a0 solid;}
	.REG-hubObserver-mission-hub {border-top:none; border-bottom:none; background-color:#008080; color:#fff;}
	.REG-hubObserver-mission-stopTime.REG-hubObserver-mission-hub {border-left:2px #008080 solid;}
	.REG-hubObserver-mission-stopName.REG-hubObserver-mission-hub {border-right:2px #008080 solid;}
	.REG-hubObserver-table .goutiere {width:1em;}
	.REG-hubObserver-table .empty {background-color:#fff; border:none}
	.REG-hubObserver-mission-other {color:#aa9;}
	.REG-hubObserver-connection-cell {background-color:#def; text-align:center;}
		.REG-hubObserver-connection {white-space:normal;}
		
/* Segments */
.REG-segments-duration {text-align:center;}
	.REG-segments-duration-warning {background-color:#e87;}
.list tr:nth-child(odd) .REG-segments-duration-warning {background-color:#f98;} 
.REG-segments-computedDuration {color:#646560;}
.REG-segments-status {font-size:75%; text-transform:uppercase; text-align:center;}
.REG-segments-status-1 {background-color:#fc3;} /* à verifier */
.REG-segments-status-2 {color:#fff; background-color:#3b0;} /* validé */
.REG-segments-comments {font-size:85%; color:#554; font-style:italic;}

.REG-segment {display:flex;}
.REG-segment-main {display:flex; margin-right:2em;}
	.REG-segment-stop {font-weight:bold;}
	.REG-segment-distance input, .REG-segment-duration input {width:4em; text-align:right;}
	.REG-segment-duration .speed {color:#646560;}
	.REG-segment-obstacles, .REG-segment-limitations {display:flex;}
		.REG-segment-obstacles div, .REG-segment-limitations div {display:flex; align-items:center;}
		.REG-segment-obstacles select {width:2.5em;}
		.REG-segment-limitations input {width:2em; margin-right:.2em; text-align:right; font-weight:bold; color:#c33;}
		.REG-segment-limitations #MaxVehicleWeight[value="40"] {font-weight:normal; color:#848580;}
		.REG-segment-limitations #MaxVehicleLength[value="15"] {font-weight:normal; color:#848580;}
		.REG-segment-limitations #MaxVehicleHeight[value="5"] {font-weight:normal; color:#848580;}
		.REG-segment-trafficlights, .REG-segment-maxLength, .REG-segment-maxHeight {margin-left:1em;}
	.REG-segment-roadSign {width:24px;}
	.REG-segment-table .REG-segment-roadSign {padding-right:.3em;}
	.REG-segment-comments-textarea {width:100%; box-sizing:border-box; min-width:15em; height:4em;}
.REG-segment-relatives {margin-left:2em;}
	.REG-segment-relatives h3 {margin-bottom:.3em;}
	.REG-segment-relatives h3:first-child {margin-top:0;}
.REG-segment-map {flex:1; height:70vh;}

@media screen and (max-width:1600px) {
	.REG-segment-main {flex-direction:column;}
	.REG-segment-relatives {margin-left:0;}
}
	
	
@media screen and (max-width:1000px) {
	.REG-segment {flex-direction:column;}
		.REG-segment-main {margin-right:0; margin-bottom:2em;}
		.REG-segment-stop select {max-width:17em;}
		.REG-segment-map {flex:auto; width:100%;}
}

/* Maps */
.REG-map-container {display:flex; flex-direction:row-reverse; flex-wrap:wrap;}
.REG-map-toolbar {width:100%;}
.REG-map {position:sticky!important; top:1em; width:70%; height:70vh; margin:0 auto;}
.REG-map-summary {margin-right:1em;}
		.REG-map-summary h2 {margin-top:0;}
		.REG-map-summary-trips {padding:0;}
			.REG-map-summary-trip {list-style-type:none; padding:.2em .5em; border-bottom:1px #fff solid;}
			.REG-map-summary-trip:hover {background-color:#008080!important; color:#fff;}
		.REG-map-summary-missions {padding:0;}
			.REG-map-summary-mission {list-style-type:none; display:flex; justify-content:space-between; padding:.2em .5em; border-bottom:1px #fff solid; background-color:#f4f5f0;}
			.REG-map-summary-mission-name small {color:#554;}
			.REG-map-summary-mission:hover {background-color:#008080; color:#fff;}
			.REG-map-summary-mission:hover small {color:#fff;}
			.REG-map-summary-mission:hover a {color:#fff;}
			.REG-map-summary-mission-name a:hover {text-decoration:underline;}

@media screen and (max-width:750px) {
	.REG-map-container {flex-direction:column;}
	.REG-map-summary {margin-top:1em;}
	.REG-map {position:relative!important; width:100%; margin-bottom:1em;}
}

/* Unités d'oeuvre */
.REG-workingUnits {}
	.REG-workingUnits td, .REG-workingUnits th {text-align:right; max-width:80px;}
	.REG-workingUnits tbody tr:hover th {background-color:#cde;}
	.REG-workingUnits tbody tr:hover td {background-color:#def;}
	.REG-workingUnits-ref, .REG-workingUnits-days, .REG-workingUnits-daysCount {color:#646560;}
	.REG-workingUnits-TKM, .REG-workingUnits-TTE {font-weight:bold;}
	.REG-workingUnits-EFF, .REG-workingUnits-PROD, .REG-workingUnits-PRODN {background-color:#d4d5d0; border-top:1px solid #e4e5e0; border-bottom:1px solid #c4c5c0;}
	.REG-workingUnits-total.REG-workingUnits-EFF, .REG-workingUnits-total.REG-workingUnits-PROD, .REG-workingUnits-total.REG-workingUnits-PRODN {background-color:#c4c5c0; border-top:1px solid #e4e5e0; border-bottom:1px solid #b4b5b0;}

/* Vérif d'horaires */
.REG-ttCheck {}
	.REG-ttCheck .list tr:nth-child(even) {background-color:#f4f5f0;}
	.REG-ttCheck .REG-mission-stops-table {border:none;}
	.REG-ttCheck .REG-mission-stops-table th {border-top:none;}
	.REG-ttCheck-mission-heading {border-top:none; background-color:#aa9!important;}
	.REG-ttCheck-mission-title {margin:0; font-size:120%;}
	.REG-ttCheck .edit, .REG-ttCheck .map {padding:.1em 1em;}
	.REG-ttCheck .stopName {text-align:right;}
		.REG-ttCheck .stopName a {color:#000;}
		.REG-ttCheck .stopName a:hover {color:#008080;}
	.REG-ttCheck td.stopSegmentDistance {border-left:1px #d4d5d0 solid; background:linear-gradient(to right, #d4d5d0, #e4e5e0 2%, #f4f5f0 10%, #f4f5f0);}
	.REG-ttCheck .REG-mission-stops-row-tripTotal td.stopSegmentDistance {border-left:none; background:transparent;}
	.REG-ttCheck .stopType {font-size:85%;}
	.REG-ttCheck .REG-segments-status {font-size:100%;}
	.REG-ttCheck .REG-segments-status-1 {background-color:#fea;} /* à verifier */
	.REG-ttCheck .REG-segments-status-2 {color:#000; background-color:#ceb;} /* validé */
	.ttEmpty{background-color:#fff;}
	.ttWarning {background-color:#fc3;}
	.ttError {color:#fff; background-color:#f33;}
	.ttAheadWarning {background-color:#fce;}
	.ttAheadError {color:#fff; background-color:#c3a;}
	.REG-ttCheck-row-tripTotal {background-color:#e4e5e0!important; font-weight:bold;}
	.REG-ttCheck .REG-mission-stops-row-missionTotal td {border-bottom:1em solid #fff; border-left:none; background:linear-gradient(to bottom, #545550, #646560 5%, #848580 30%, #848580);}

/* Thermomix */
.REG-thermomix {}
.REG-thermomix-wrapper {break-inside:avoid-page; width:fit-content; border-bottom:2px solid #848580;}
.REG-thermomix-wrapper:last-child {border-bottom:none;}
.REG-thermomix-title {color:#646560;}
.REG-thermomix-table {border:none; background-color:transparent;}
	.REG-thermomix-table th {border:none; background-color:transparent;}
	.REG-thermomix-table td {min-width:1em; height:1em; padding:0; border:none;}
	.REG-thermomix-row-stop td {background:url("/office/images/reg/thermo-line.png") repeat-x 50%;}
	.REG-thermomix-row-stop td.empty {background:none;}
	.REG-thermomix-stopName {padding:0 .3em .8em 0!important; background:none!important; text-align:right; vertical-align:top; line-height:1.1em;}
		.REG-thermomix-stopName a {color:#000;}
		.REG-thermomix-stopName a:hover {color:#008080;}
		.REG-thermomix-stopName small {color:#848580;}
		.REG-thermomix-stopData-symbol {height:1em; margin:0 .2em;}
		.REG-thermomix-stopData-shelter {}
		.REG-thermomix-stopData-marking {height:.8em;}
		.REG-thermomix-stopData-signpost {}
		.REG-thermomix-stopData-poster {height:.7em;}
		.REG-thermomix-stopData-nodata {}
		.REG-thermomix-segmentDuration {}
			.REG-thermomix-segmentDuration a {color:#000;}
			.REG-thermomix-segmentDuration a:hover {color:#008080;}			
			.REG-thermomix .REG-segment-roadSign {width:1.2em; margin:0 .2em;}
	.REG-thermomix-stopTime {width:3em; background-color:#008080; border-radius:.6em; border:3px solid #fff; text-align:center; color:#fff;}
	.REG-thermomix-vbar-downward {background:url("/office/images/reg/thermo-down.png") no-repeat 50% 50%!important;}
	.REG-thermomix-vbar-upward {background:url("/office/images/reg/thermo-up.png") no-repeat 50% 50%!important;}

@media print {
	.REG-thermomix {font-size:75%;}
	.REG-barGraph-heading-mission-header .map {display:none;}
}

/* contrats */
.REG-contracts-name {padding:0; font-weight:bold;}
	.REG-contracts-name a {display:block; padding:.3em .5em;}
	.REG-contracts-name:hover {background-color:#008080;}
.REG-contract-name input {width:100%; box-sizing:border-box; font-weight:bold;}

.REG-contract-rge {background-color:#acc62a; color:#000;}
	.REG-contract-rge a {color:#fff;}
.REG-contract-paysrethelois {background-color:#e41f78; color:#fff;}
	.REG-contract-paysrethelois a {color:#fff;}
.REG-contract-rct {background-color:#f03; color:#fff;}
	.REG-contract-rct a {color:#fff;}
.REG-contract-caam {background-color:#00c1f1; color:#fff;} /* Ardenne Metropole */
	.REG-contract-caam a {color:#fff;}
.REG-contract-rdta {background-color:#00a58a; color:#fff;}
	.REG-contract-rdta a {color:#fff;}
	
/* tableau d'horaires */
.REG-timetable {border:none;}
	.REG-timetable th, .REG-timetable td {text-align:center; padding:.3em;}
	.REG-timetable thead th {border-bottom:none;}
	.REG-timetable thead tr:nth-child(even) th {background-color:#69604a;}
	.REG-timetable-tripId, .REG-timetable-tripValidity {border-left:1px solid #aa9; font-size:85%;}
	.REG-timetable-tripValidity {font-weight:normal;}
	.REG-timetable-tripIds .empty, .REG-timetable-tripValidities .empty {background-color:#fff!important;}
	.REG-timetable-stopName {text-align:left!important;}
	tr:nth-child(even) .REG-timetable-stopName {background-color:#cec5af;}
	.REG-timetable .corresp {padding:0;}
	.REG-timetable-footnote {font-size:85%; color:#008080;}
	.REG-timetable-pre {border-left:1px solid #fff;}
	.REG-timetable-post {border-right:1px solid #fff;}
	.REG-timetable-post+.REG-timetable-pre {border-left:none;}

.REG-timetable-footnotes {width:fit-content; margin-top:2em; padding:1em; background-color:#e4e5e0; border-radius:.5em; border:1px solid #c4c5c0;}
	.REG-timetable-footnotes h2 {margin-top:0;}
	.REG-timetable-footnotes-item {margin:0; font-style:italic;}
	.REG-timetable-footnotes-item-connectionTime {display:inline-block; width:3em; font-weight:bold;}

/* Pays Rethélois */
.RB2 .formAction, .RB2 .formSelect {display:flex; margin-top:.4em; justify-content:space-between; background-color:#ddc;}
	.RB2 .formAction input, .RB2 .formSelect input {margin-right:.6em;}
	.RB2 .formAction input:last-child, .RB2 .formSelect input:last-child {margin-right:0;}
	.RB2 .standardButtons, .RB2 .selectDate, .RB2 .formSelect p{padding:.6em;}
	.RB2 .formSelect {align-items:center;}
		.RB2 .formSelect p {margin:0;}
	.RB2 .transitionButtons {padding:.6em; background-color:#aa9;} 
	.RB2 .regDayValidate {justify-content:flex-end; background-color:transparent;}
	.RB2 .iframe .formAction {background-color:transparent;}
#ParentDutyCell select {max-width:200px;}
.ODFromDate, .ODToDate {text-align:center;}
.ODCount {text-align:right;}
.ODWD {text-transform:uppercase; text-align:center;}
.orderPrices table {margin:0 auto;}
	.priceSubtotal, .priceTotal {font-weight:bold; text-transform:uppercase;}
	.list tr.priceSubtotal {background-color:#d4d5d0;} 
	.list tr.priceTotal {background-color:#008080; color:#fff;}
	.priceTotal td {border-top:1px #039 solid; white-space:nowrap;}
	
/* Liste des BC a facturer */
.invoiceTable {}
	.invoiceTable td, .invoiceTable th {text-align:center;}
	th.subheading {background-color:#ddc; text-align:left; color:#000; border-top:1px #554 solid; border-bottom:1px #aa9 solid;}
	.IT-RDF {}
	.IT-date {}
	.IT-compo {}
	.IT-ref {}
	.IT-horaire {white-space:nowrap;}
	.IT-vehicule {}
	.IT-dispo {border-left:1px #554  solid;}
		.IT-dispo-Q {border-left:1px #fff solid;}
		th.IT-dispo-Q {border-left:1px #554 solid;}
	.IT-dispo-price {}
	.IT-km {border-left:1px #554  solid;}
		.IT-km-Q {border-left:1px #fff solid; white-space:nowrap;}
		th.IT-km-Q {border-left:1px #554 solid;}
		.IT-km-price {}
	.IT-tempsCond {border-left:1px #554 solid;}
		.IT-tempsCond-type {border-left:1px #fff solid;}
		th.IT-tempsCond-type {border-left:1px #554 solid;}
	.IT-tempsCond-Q {}
		.IT-tempsCond-price {}	
	.IT-total {border-left:1px #fff solid; font-weight:bold;}
	th.IT-total {border-left:1px #554 solid; font-weight:bold;}
	.IT-subtotal {font-weight:bold; text-align:right!important;}

@media screen and (min-width:1300px) {
	.missionFrames {flex-direction:row;}
	.frameStops {flex:1;}	
	.REG-mission-dutyElements, .frameOP {margin-top:0;}	
	.REG-mission-dutyElements, .validitiesFrames {margin-left:1em;}
	
}

/* DSP Affectation des conducteurs */
.DSP-dispatch-filter {margin-top:0; padding:.3em;}
	.DSP-dispatch-filter input[type=checkbox] {display:none;}
	.DSP-dispatch-filter label {display:inline-block; margin-right:1em; padding:.2em .4em; border-radius:.3em; text-transform:uppercase; font-size:85%; color:#aa9;}
	.DSP-dispatch-filter input:checked + label {background-color:#aa9; color:#fff;}
	.DSP-dispatch-filter label:hover {background-color:#fff; color:#008080;}

.DSP-dispatch {display:flex;}
	.DSP-dispatch-table {max-width:1300px; border:none;}
	.DSP-dispatch-table thead th {border-bottom:4px #545550 solid;}
	.DSP-dispatch-table th:empty {background-color:#fff;}
	.DSP-dispatch-day {min-width:5.5em; text-align:center;}
	th.DSP-dispatch-day {position:sticky; top:0; z-index:50; border-right:1px solid #848580; font-size:85%; font-weight:normal; line-height:1.1em;}
		.DSP-dispatch-day-number {vertical-align:-1px; font-size:160%;}
		.DSP-dispatch-day-month {text-transform:uppercase; font-size:85%;}
		.DSP-dispatch-day-openDuties {position:absolute; bottom:.1em; right:.3em; padding:.2em .4em; border-radius:.3em; color:#fff; background-color:#949590;}
		.DSP-dispatch-day-openDuties-OK {background-color:#808000;}
		.DSP-dispatch-day-openDuties-NOK {background-color:#b06;}
		.DSP-dispatch-day-openDuties-OK.DSP-dispatch-day-openDuties-past {background-color:#9a8;}
		.DSP-dispatch-day-openDuties-NOK.DSP-dispatch-day-openDuties-past {background-color:#a89;}
	th.DSP-dispatch-day-today {border-bottom:4px #cc8 solid!important; background-color:#eea; color:#646560;}
	.DSP-dispatch-dayNav {background-color:#e4e5e0; font-size:200%;}
	.DSP-dispatch-dayNav-previous {text-align:right;}
		.DSP-dispatch-dayNav-button a {padding:0 .4em; border-radius:.2em; background-color:#949590;}
		.DSP-dispatch-dayNav-button:hover {background-color:#c4c5c0;}
		.DSP-dispatch-dayNav-button+.DSP-dispatch-dayNav-button {margin-left:.1em;}
	.DSP-dispatch-driverName {font-weight:normal;}
	td.DSP-dispatch-day {width:12%; padding:.2em 0; border-right:1px solid #fff; cursor:zoom-in;}
	td.DSP-dispatch-day-S {background-color:#e4e5e0;}
	td.DSP-dispatch-day-D {border-right:none; background-color:#d4d5d0;}
	td.DSP-dispatch-day-today {background-color:#ffd;}
	td.DSP-dispatch-day-error {border:3px solid #f33;}
	td.DSP-dispatch-day-warning {border:3px solid #fa3;}
	.DSP-dispatch-workday {}
		.DSP-dispatch-workday-dutyCode {background-color:#fff; width:fit-content; margin:0 auto; padding:0.1em 0.4em; border-radius:0.2em; font-weight:bold;}
		.DSP-dispatch-workday-dutyCode:empty {display:none;}
		.DSP-dispatch-duty {margin:.2em; background-color:#ddc; border-radius:.2rem; text-transform:uppercase; font-size:85%;}
		.DSP-dispatch-duty-role {margin:0; background-color:rgba(255,128,0,.8); border-radius:.2rem .2rem 0 0; font-size:85%;}
			.DSP-dispatch-duty-title {max-height:3.8em; overflow:hidden; margin:.1em .2em; font-size:100%;}
			.DSP-dispatch-duty-times {margin:0; padding:.1em .2em; background-color:rgba(0, 0, 0, 0.2); border-radius:0 0 .2rem .2rem; font-family:monospace;}
		.DSP-dispatch-module-CHARTER {}
		.DSP-dispatch-module-REG {background-color:#418; color:#fff;}
		.DSP-dispatch-duty-REG {}
		.DSP-dispatch-duty-TOUR {background-color:#aa9; color:#fff;}
		.DSP-dispatch-duty-OCC {background-color:#008080; color:#fff;}
		.DSP-dispatch-duty-RCT {background-color:#f03; color:#fff;}

	.DSP-dispatch-hrAssignment {opacity:50%;}
	.DSP-dispatch-hrAssignment-TRAVAIL, .DSP-dispatch-hrAssignment-DISPO {color:#50d0c0;}
	.DSP-dispatch-hrAssignment-REPOS {color:#f69;}
	.DSP-dispatch-hrAssignment-MALADIE {color:#9c3;}

	td.DSP-dispatch-day:hover {background-color:#50d0c0;}
	td.DSP-dispatch-day:hover .REG-planTemplate-duty {background-color:#fcf0d6;}
	td.DSP-dispatch-day:hover .DSP-dispatch-hrAssignment {color:#fff;}

	.DSP-dispatch-rowName small {font-weight:normal;}
	.DSP-dispatch-weekTotal {font-weight:bold; text-transform:uppercase;}
	td.DSP-dispatch-weekTotal {background:linear-gradient(to right, #a4a5a0, #c4c5c0 4%, #e4e5e0 20%, #f4f5f0 40%, #f4f5f0);}

.DSP-dispatch-editor {position:sticky; top:0; flex:1; height:700px; min-width:300px; margin-left:2em;}
	.DSP-dispatch-editor-iframe {width:100%; height:100%; box-sizing:border-box; border:none;}

.DSP-workday {width:fit-content; overflow:hidden; background-color:#f4f5f0; padding:.5em 1em; border:2px solid #a4a5a0; border-radius:1em;}
	.DSP-workday-name {margin:-0.5rem -1rem; padding-bottom:0.6em; background-color:#008080; text-align:center; font-size:140%; color:#fff;}
	.DSP-workday-name:empty {display:none;}
	.DSP-workday-activities {display:flex; flex-direction:column; align-items:stretch; width:fit-content; margin:0 auto; padding:0;}
		.DSP-workday-activity {list-style-type:none; margin-bottom:1em; background-color:#fff; border-radius:.5em; box-shadow:.3em .3em .6em 0 #a4a5a0; text-align:center;}
			.DSP-workday-activity-name {margin:.3em .5rem; font-size:120%; color:#aa9;}
			.DSP-workday-activity-beginEnd {display:flex; justify-content:space-between; margin:.5rem; padding:.3em .5em; border-radius:.3em; font-size:120%;}
			.DSP-workday-activity-time {font-weight:bold;}
			.DSP-workday-activity-ref {margin:0 auto; width:fit-content; padding:.1em .3em; border-radius:.5em .5em 0 0; background-color:#e4e5e0;}
			.DSP-workday-activity-stats {margin:0; padding:.2em .5em; border-radius:0 0 .5em .5em; background-color:#e4e5e0; color:#646560;}
				.DSP-workday-activity-stats strong {font-weight:normal; color:#000;}
				.DSP-workday-activity-tools {font-size:75%;}
					.DSP-workday-activity-tools a {margin-left:.4em; vertical-align:bottom; background-size:1em; border-radius:.4em;}
			.DSP-workday-activity-REG .DSP-workday-activity-beginEnd {background-color:#fed; border:1px solid #edc;}
			.DSP-workday-activity-TOUR .DSP-workday-activity-beginEnd {background-color:#efd; border:1px solid #dec;}
			.DSP-workday-activity-OCC .DSP-workday-activity-beginEnd, .DSP-workday-activity-CHARTER .DSP-workday-activity-beginEnd {background-color:#def; border:1px solid #cde;}
	.DSP-workday-actions {}
		.DSP-workday-action-addActivity {margin-bottom:.5em; padding-bottom:.5em; border-bottom:1px solid #c4c5c0;}
		.DSP-workday-action-changeHR input {display:block;}

@media screen and (max-width:1300px) {
	.DSP-dispatch {flex-direction:column;}
	.DSP-dispatch-editor {width:100%; max-width:800px; margin-top:2em; margin-left:0;}
}

@media print {
	.DSP-dispatch-dayNav-button, .DSP-dispatch-editor, .DSP-dispatch-day-openDuties {display:none;}
	.DSP-dispatch-table tr {break-inside:avoid;} 
	th.DSP-dispatch-day-today {background-color:#646560; color:#fff; border-bottom:4px #545550 solid!important;} 
	td.DSP-dispatch-day-today {background-color:inherit; color:inherit;}
}

/*--------------------*/
/******* PROTOS *******/

/*
  -------------------
  - COULEURS PROTOS -
  -------------------
  gris       : 333
  magenta    : c06
  magenta 60%: e066a3
  magenta 70%: db4c94
  magenta 80%: d63385
  magenta 90%: d11975
  bleu       : 06c
  bleu 75%   : 49d
  bleu 10%   : e5effa
  bleu 5%    : f2f5f9
  vert TSP   : 66cc00
  vert 50%   : b2e57f
  vert 10%   : effae5
  violet HSG : 6600cc
  violet 50% : b27fe5
  violet 10% : efe5fa
  orange ACT : cc0066
  orange 50% : e5b27f
  orange 10% : faefe5
  -------------------
*/

/*--- structure ---*/
.PROTOS-contentWrapper {display:flex; align-items:flex-start;}

/*--- general ---*/
/* input[type=submit].magenta, input[type=button].magenta, button.magenta, .PROTOS .linkButton {padding:.4em .8em; border:0; background-color:#c06; color:#fff; text-transform:uppercase; font-weight:bold;}
	input[type=submit].magenta:hover, input[type=button].magenta:hover, button.magenta:hover, .PROTOS .linkButton:hover {background-color:#008080;} */
.magenta {padding:.4em .8em; border:0; background-color:#c06; color:#fff; text-transform:uppercase; font-weight:bold;}
	.magenta:hover {background-color:#008080;}
	.button.magenta {font-size:100%;}

.PROTOS-login {flex:1;}

/*--- header ---*/
.PROTOS-heading-sumup {display:flex; flex-direction:column; margin-right:1rem;}
	.PROTOS-heading-sumup p {margin:0; white-space:nowrap; text-align:right;}
	.PROTOS-heading-sumup-date {font-style:italic;}
	.PROTOS-heading-sumup-customer {color:#aa9;}

@media screen and (max-width:750px) {
	.PROTOS .heading {flex-direction:column; align-items:flex-start;}
	.PROTOS .heading-extra {align-self:flex-end; margin-top:.5em;}
}

/*--- formulaires ---*/
.protos-form, .PROTOS-form-supplier {max-width:800px; margin-bottom:2em; border-bottom:.4em #008080 solid; font-size:85%;} 
.PROTOS-form {display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; background-color:#e5effa; padding-bottom:.5em; box-sizing:border-box;} /* nouveau 2019-09 */
	.PROTOS-form-header {width:100%;}
		.PROTOS-form-header>h2 {margin:0; padding-bottom:.5em; background-color:#fff; font-size:130%;}
	.PROTOS-form-main {width:48%; margin-left:.5em; font-size:85%; background-color:#fff;}

	.formTabs ul {display:flex; flex-wrap:wrap; margin:0; padding:0; border-bottom:4px #008080 solid;}
		.formTabs li {list-style-type:none; margin-left:.3em; text-transform:uppercase;}
			.formTabs li input {padding:.4em 1em; border:0; border-radius:.4em .4em 0 0; background-color:#49d; color:#fff; text-decoration:none; text-transform:uppercase;}
			.formTabs li input:hover, .formTabs li.LinkSelected input {background-color:#008080;}

	.PROTOS-form-tabs {display:flex; align-items:flex-end; width:100%; margin:0; padding:0; border-bottom:4px #008080 solid; background-color:#fff;}
	.PROTOS-form-tabs-main {justify-content:space-between;}
	.PROTOS-form-tabs-group {display:flex; flex-wrap:wrap;}
	.PROTOS-form-tabs-group-sideTabs {justify-content:flex-end;}
		.PROTOS-form-tabs li {list-style-type:none; margin-left:.3em; text-transform:uppercase;}
			.PROTOS-form-tabs li input {padding:.3em .5em; border:0; border-radius:.4em .4em 0 0; background-color:#49d; color:#fff; text-decoration:none; text-transform:uppercase; line-height:1em;}
			.PROTOS-form-tabs li input:hover, .PROTOS-form-tabs li.LinkSelected input {background-color:#008080;}

		.PROTOS-auxTabs {border-bottom:none; background-color:#e5effa;}
		.PROTOS-auxTabs li {float:left; list-style-type:none; height:auto; padding:.2em .4em; background-color:#fff; background-image:none;}
			.PROTOS-auxTabs li input {height:auto; margin:0; padding:0; background:none; color:#008080; font-size:75%;}
			.PROTOS-auxTabs li.LinkSelected, .PROTOS-auxTabs li.LinkStandard:hover {background-color:#c06; background-image:none; color:#fff;}
				.PROTOS-auxTabs li.LinkSelected input, .PROTOS-auxTabs li.LinkStandard:hover input {background:none; color:#fff;}
				
	.tabDesc {padding:.4em 0; background-color:#e5effa;}
		.tabDesc p {margin:0; font-weight:bold; color:#008080; font-style:italic;}

	.formContent {padding:.5em;}
		.formContent table {width:100%;}
		.formContent>h2 {margin-top:0;}
		.formRow {height:25px;margin-bottom:5px;}
			.formRow td {padding:.2em .4em; border-bottom:1px #fff solid;}
			.formRow .formLabel, .formRow .MVCLabel {width:25%; font-weight:bold;} /*{width:1%;white-space:pre;}*/
			.formRow .MVCControl {width:75%;}
			.formRow .formInput {width:1%;}
			.formRow .dataActions a {margin-left:8px;}
			.formRow #Title, .formRow #Text {width:100%;}
				.formRow input, .formRow select, .formRow textarea {width:100%; padding:.2em; box-sizing:border-box;}
				.formRow input[type=submit] {padding:0 10px;}
		.formRow #TourTitle {font-weight:bold;}
		
		.formActions td {padding-top:8px;border-top:2px #e5effa solid;text-align:right;}
		.formActions input {margin-left:5px;}

td.dataActions a {display:inline-flex; width:16px; height:16px;}
a.calendar {background:transparent url('../images/icons/calendar_full.png') no-repeat left;}
a.calendar:hover {background:transparent url('../images/icons/calendar_full.png') no-repeat right;}

.viewTour input#DateStart, .viewTour input#DateEnd {font-size:initial; font-weight:bold;}
	.formContent #Name {font-weight:bold;}
	
/*--- liste données ---*/
.listActions {display:flex; flex-wrap:wrap; width:100%; background-color:#e066a3;}
	.magenta {margin-right:.2em;}
.listActions select {margin:0 .2em;}
div+div.mainList {margin-top:30px;}
.dataID {width:1%;}
.dataDate {width:1%; white-space:nowrap;}
.dataList .dataActions a {margin-right:10px; visibility:hidden;}
	.dataList .dataRow:hover .dataActions a {visibility:visible;}
.dataList .time {font-size:10px;}
.dataList .detailed td {border-bottom:1px #c4c5c0 dotted; background-color:#f2f5f9;}
 .PROTOS a.dataExpand:hover:after, .PROTOS a.dataCollapse:hover:after {color:#c06;}

/* PROTOS requests */
.PROTOS-requests {max-width:100%;}
.PROTOS-requests > h2 {margin-top:0;}

td.PROTOS-requests-list-id {background-color:#554; text-align:center;}
.dataRow:hover td.PROTOS-requests-list-id, .dataList .expanded td.PROTOS-requests-list-id {background-color:#008080;}
.dataRow:hover td.PROTOS-requests-list-id:hover, .dataList .expanded td.PROTOS-requests-list-id:hover {background-color:#49d;}
	.PROTOS-requests-list-id a {color:#fff;}
td.PROTOS-requests-list-code {font-size:85%;}
td.PROTOS-requests-list-name {font-weight:bold;}
td.PROTOS-requests-list-owner, .PROTOS-requests-list-status {color:#888; text-align:center; font-size:85%;}
td.PROTOS-requests-list-creationDate {text-align:center;}
.PROTOS-requests-list-actions-wrapper {display:flex; flex-wrap:wrap;}
	.PROTOS-requests-list-actions-wrapper a {display:block; margin:.2em .4em!important;}

	.dataList .projects td {padding:2px 5px;border:0;background-color:#f2f5f9;color:#666;}
	.dataList .projectsContainer {padding:.5em; background-color:#e5effa; border-top:0; border-bottom:2px #008080 solid;}
	.projectList {font-size:85%;}

	.projectList th {padding:2px 5px; border-top:1px #008080 solid; background-color:#e5effa;color:#008080;text-align:left;text-transform:uppercase;}
	.projectList .dataHeader th {border-top:1px #554 solid; background-color:#aa9; color:#fff;}
		.projectList .dataHeader th a {color:#fff;}
	.projectList td {border-top:1px #fff solid;}
	.dataList .projectRow:hover td {background-color:#e5effa;color:#008080;}
	.dataList .projectRow:hover .dataActions a {visibility:visible;}
	.projectList .dataActions {white-space:nowrap;}

	.isDirty {background-color:#ffeef8; color:#c06;}
	.dirtyCountHeader {font-size:160%; line-height:50%;}
	.dirtyCount {color:#c06; font-size:160%; line-height:50%; vertical-align:middle;}
	.dirtyPrice {color:#c06; font-size:140%; font-weight:bold; line-height:50%; vertical-align:middle;}
	.isInherited {background-color:#eee; color:#aaa;}
			.isInherited a {color:#88c;}
			.isInherited:hover a {color:inherit;}
	.PROTOS-projectList-tourType {font-size:85%; color:#666;}

	.PROTOS-tourContainer {}
		.PROTOS-tourContainer th {background-color:#ddc; border-top:1px #ccc0a6 solid;}
		th.PROTOS-tourContainer-name {font-weight:bold; color:#000;}

	
a.dataMap {background:transparent url('../images/icons/map.png') no-repeat left;}
	a.dataMap:hover {background:transparent url('../images/icons/map.png') no-repeat right;}
a.dataEdit {background:transparent url('../images/icons/settings.png') no-repeat left;}
	a.dataEdit:hover {background:transparent url('../images/icons/settings.png') no-repeat right;}
a.dataAdd {background:transparent url('../images/icons/add.png') no-repeat left;}
	a.dataAdd:hover {background:transparent url('../images/icons/add.png') no-repeat right;}
a.dataCopy {background:transparent url('../images/icons/copy.png') no-repeat left;}
	a.dataCopy:hover {background:transparent url('../images/icons/copy.png') no-repeat right;}
a.dataDelete {margin:0;background:transparent url('../images/icons/delete.png') no-repeat left;}
	a.dataDelete:hover {background:transparent url('../images/icons/delete.png') no-repeat right;}
a.tourTxt {margin:0;background:transparent url('../images/icons/edit.png') no-repeat left;}
	a.tourTxt:hover {background:transparent url('../images/icons/edit.png') no-repeat right;}
a.tourPics {margin:0;background:transparent url('../images/icons/photo.png') no-repeat left;}
	a.tourPics:hover {background:transparent url('../images/icons/photo.png') no-repeat right;}
a.tourView {margin:0;background:transparent url('../images/icons/protos-print.png') no-repeat left;}
	a.tourView:hover {background:transparent url('../images/icons/protos-print.png') no-repeat right;}

.protosShareLink {margin:10px 0;}

@media screen and (max-width:750px) {
	.PROTOS-requests-list-code, .PROTOS-requests-list-owner,.PROTOS-requests-list-creationDate, .PROTOS-requests-list-status {display:none;}
	.dataList .dataActions a { visibility:visible;}
}

/*--- projet brochure ---*/
.PROTOS-parentRow .PROTOS-projectList-tourTitle {font-weight:bold;}
.PROTOS-parentRow td {background-color:#fff;}
.projectRow.PROTOS-parentRow:hover td {background-color:#e5effa;}
.PROTOS-childRow td {border-top:none;}
.PROTOS-childRow .PROTOS-projectList-tourTitle, .PROTOS-childRow .PROTOS-projectList-tourDepartureDate {font-style:italic;}
.PROTOS-projectList-actions-wrapper {display:flex; flex-wrap:wrap;}
	.PROTOS-projectList-actions-wrapper a {display:block; margin:.2em .4em!important;}

@media screen and (max-width:750px) {
	.PROTOS-projectList-tourOrder, .PROTOS-projectList-tourCode, .PROTOS-projectList-tourType, .PROTOS-projectList-tourStatus, .PROTOS-projectList-dirtyCount, .PROTOS-projectList-lastModified {display:none;}
}

/*--- projet de voyage ---*/
.prjOverview {width:100%;border-bottom:2px #ccc dotted;background-color:#fff;}
	.prjOverview th,.prjOverview td {padding:5px;}
	.prjOverview th {background-color:#008080;color:#fff;text-align:left;text-transform:uppercase;}
	.prjOverview th.poEndTime {text-align:right;}
	.prjOverview tr.poDate th {background-color:#49d;border-top:2px #fff solid;}
	.prjOverview td {height:40px;border-top:2px #ccc dotted;}
	.prjOverview tr.poHeader+tr.poRow td,.prjOverview tr.poDate+tr.poRow td {border:0;}
	.prjOverview tr.poRow:hover td {background-color:#e5effa;color:#008080;}
	.prjOverview td.poType,.prjOverview td.poID {width:1%;}
	.prjOverview td.poLocation {text-align:center;}
	.prjOverview td.poStartPoint {text-align:right;}
	.prjOverview td.poDirection {width:12px;background:url('../images/icons/fleche_d_gris.png') no-repeat center;}
		.prjOverview tr.poRow:hover td.poDirection {background:#e5effa url('../images/icons/fleche_d_bleu.png') no-repeat center;}
	.prjOverview td.poEndTime {text-align:right;}
	.prjOverview td.poTitle {font-weight:bold;}
	.prjOverview td.poActions a {float:right;display:block;width:16px;height:16px;margin-right:10px;visibility:hidden;}
		.prjOverview tr.poRow:hover td.poActions a {visibility:visible;}
	.prjOverview tr.transport td.poType {background-color:#b2e57f;}
		.prjOverview tr.transport:hover td.poType {background-color:#6c0;}
	.prjOverview tr.housing td.poType {background-color:#b27fe5;}
		.prjOverview tr.housing:hover td.poType {background-color:#60c;}
	.prjOverview tr.activity td.poType {background-color:#e5b27f;}
		.prjOverview tr.activity:hover td.poType {background-color:#c60;}
	.prjOverview span.time {font-size:10px;}

/*--- tour ---*/
.PROTOS-tour {background-color:#f4f5f0;}
	.PROTOS-tour-row {display:flex; align-items:baseline; padding:.4em; border-top:1px solid #fff; border-bottom:1px solid #e4e5e0;}
	.PROTOS-tour label {margin-right:.5em; color:#646560; font-size:85%; text-transform:uppercase;}
	.PROTOS-tour-row-request label:first-child, .PROTOS-tour-row-customer label:first-child, .PROTOS-tour-row-container label:first-child, .PROTOS-tour-row-product label:first-child, .PROTOS-tour-row-parentTour label:first-child, .PROTOS-tour-row-G1 label:first-child  {min-width:4em;}
	.PROTOS-tour-id, .PROTOS-tour-request, .PROTOS-tour-container, .PROTOS-tour-product, .PROTOS-tour-parentTour select, .PROTOS-tour-dateStart, .PROTOS-tour-G1Code {margin-right:2em;}
	.PROTOS-tour-name, .PROTOS-tour-customer-name, .PROTOS-tour-container, .PROTOS-tour-title, .PROTOS-tour-subtitle, .PROTOS-tour-G1Title {flex:1;}
	.PROTOS-tour-customer {display:flex; justify-content:space-between;}
		.PROTOS-tour-customer .button {margin-right:.5em; font-weight:bold;}
	.PROTOS-tour-order {width:3em;}
	.PROTOS-tour-row-title, .PROTOS-tour-row-subtitle, .PROTOS-tour-row-date {background-color:#fff; border:0;}
	.PROTOS-tour-row-title {padding-top:.8em;}
	.PROTOS-tour-row-date {padding-bottom:.8em;}
		.PROTOS-tour-row-date input {font-size:110%;}
	.PROTOS-tour-row-title label, .PROTOS-tour-row-subtitle label, .PROTOS-tour-row-date label:first-child {min-width:6em; text-align:right;}
		.PROTOS-tour-title {font-size:125%; font-weight:bold;}
		.PROTOS-tour-subtitle {font-size:110%; height:3em;}
		
	.PROTOS-tour-status-current {width:fit-content; padding:.2em .4em; text-transform:uppercase;}
	.PROTOS-tour-status-transition {}
	.PROTOS-tour-G1Code {width:8em; border:0; background-color:#000; color:#ff0; font-family: Consolas, sans-serif;}
	.PROTOS-tour-G1Title {border:0; background-color:#000; color:#ff0; font-family: Consolas, sans-serif;}
	.PROTOS-tour-G1Code.readOnly, .PROTOS-tour-G1Title.readOnly {background-color:#666;}

@media screen and (max-width:1400px) {
	.PROTOS-tour-row {flex-direction:column; }
	.PROTOS-tour-name, .PROTOS-tour-customer-name, .PROTOS-tour-title, .PROTOS-tour-subtitle, .PROTOS-tour-G1Title {flex:auto;}
	.PROTOS-tour-title, .PROTOS-tour-subtitle, .PROTOS-tour-G1Title {width:100%; box-sizing:border-box;}
	.PROTOS-tour-row-title label, .PROTOS-tour-row-subtitle label, .PROTOS-tour-row-date label:first-child {text-align:left;}
	.PROTOS-tour-row-id {flex-direction:row; flex-wrap:wrap;}
	.PROTOS-tour input+label, .PROTOS-tour select+label, .PROTOS-tour textarea+label, .PROTOS-tour span+label {margin-top:.4em;}
}

/*--- tourDescriptions ---*/
.PROTOS-tourDescriptions-order {text-align:right; font-size:80%; text-transform:uppercase;}
.PROTOS-tourDescriptions-table {}
	.PROTOS-tourDescriptions-documentIndexHeading td {background-color:#eee;}
	.PROTOS-tourDescriptions-documentIndexHeading .print {background-position-x:.2em; padding:.4em .4em .4em 2em;}
	.PROTOS-tourDescriptions-id a {padding:.2em .4em; background-color:#008080; color:#fff; text-transform:uppercase; font-size:85%;}
		.PROTOS-tourDescriptions-id a:hover {background-color:#49d;}
		.PROTOS-tourDescriptions-type {font-size:75%; text-transform:uppercase;}
	.PROTOS-tourDescriptions-title {font-style:italic;}
	.PROTOS-tourDescriptions-lastEditorName, .PROTOS-tourDescriptions-lastModifiedDate {color:#646560; font-size:85%;}
	.PROTOS-tourDescriptions-typeId0 {background-color:#fff;}
	.PROTOS-tourDescriptions-typeId0 .PROTOS-tourDescriptions-title {font-weight:bold;}
	.PROTOS-tourDescriptions-typeId26 {background-color:#d4d5d0;}

/*--- tourTariffs ---*/
.PROTOS-tourTariffs #Name {font-weight:bold;}

/*--- proSuppliers ---*/
.PROTOS-suppliers-form {flex-direction:column; width:fit-content;}
.PROTOS-suppliers-list {font-size:85%;}
	.PROTOS-suppliers-list-name {font-weight:bold;}
	.PROTOS-suppliers-list-tel {white-space:nowrap;}
.PROTOS-sideview-supplier #idAreaoCMSEdit1 {width:100%!important; height:80vh!important;}

/* assistant creation fournisseur */
.supplierWizardForm input {padding:.5em;}
	.supplierWizardForm input[type='submit'] {margin-left:1em;}
	.supplierWizardForm p {margin-bottom:1em;}
.placesSearchResult {list-style:none; margin:0; padding:1em 0 0 0; border-top:1px #ddd solid;}
	.placeSearchResult {margin-bottom:1em; padding-bottom:1em; border-bottom:1px #ddd solid;}
		.placeSearchResult img {float:left; width:2em; margin-right:2em;}
	.placeSearchResult h3 {font-size:100%;}
	.placeSearchResult p {margin-left:4em; color:#666; margin-top:.4em;}

/*--- iframe / preview ---*/

.preview, .PROTOS-preview, .PROTOS-sideview {width:49%; margin:1em .5em 0 1%;}
.preview, .PROTOS-preview {min-height:80vh; padding:1em 0 1em 1em; border:1px #ccc solid; box-shadow: #888 .2em .2em .5em; background-color:#fff;}

.PROTOS-sideview {min-height:70vh; margin:1em .5em 0 0;} /* nouveau 2019-09 */
	.PROTOS-sideview-content {height:96%; background-color:#fff; padding:.5em; border:1px #333 solid;}
		.PROTOS-sideview-tabs {display:flex; width:100%; list-style:none; margin:0; padding:0; border-bottom:2px #333 solid; font-size:85%;}
			.PROTOS-sideview-tabs li {margin-left:.3em; text-transform:uppercase; color:#fff;}
				.PROTOS-sideview-tabs li a {display:block; height:100%; border-radius:.4em .4em 0 0; padding:.3em .5em .2em .5em; background-color:#c06; color:#fff; text-decoration:none; box-sizing: border-box;}
				.PROTOS-sideview-tabs li:hover a {display:block; background-color:#008080;}
			.PROTOS-sideview-tabs li.LinkSelected a, .PROTOS-sideview-tabs li.LinkStandard:hover a {background-color:#333;}

		.PROTOS-sideview-iframe, .PROTOS-preview-iframe {width:100%; height:100%; border:0;}

.PROTOS-preview-content {height:100%;}
.PROTOS-preview-supplier {flex-direction:column;}
	.previewEvent {flex-direction:column;}
	.previewTabs {display:flex; width:100%; list-style:none; margin:0; padding:0; border-bottom:.2em #333 solid;}
		.previewTabs li {margin-left:.3em; text-transform:uppercase; color:#fff;}
			.previewTabs li a {display:block; border-radius:.4em .4em 0 0; padding:.3em 1em; background-color:#333; color:#fff; text-decoration:none;}
				.previewTabs li:hover a {display:block; background-color:#008080;}

.displayMap {width:100%; height:96%;}
.displayWeb {height:80vh;}
	.gMap, .website {width:100%;}
	.website {height:100%;}


@media screen and (max-width:1300px) {
	.PROTOS-tourEvents .PROTOS-form-main {overflow-x:scroll;}
}

@media screen and (max-width:1100px) {
	.preview, .displayMap {margin-left:2%;}
}

@media screen and (max-width:900px) {
	.PROTOS-form-supplier {width:100%;}
	.PROTOS-contentWrapper, .PROTOS-suppliers-form {flex-direction:column;}
	.PROTOS-form-main, .preview, .PROTOS-sideview, .displayMap {width:100%; margin-left:0;}
	.PROTOS-preview {width:99%; margin-left:1%;}
	.PROTOS-form-main {overflow-x:scroll;}
}

@media screen and (max-width:500px) {
	.PROTOS-form-tabs li input {max-width:6em; overflow:hidden; font-size:60%; padding:.8em .2em;}
	.PROTOS-sideview-tabs {font-size:60%;}
}

/* Factures PROTOS */
.invoiceHeader {display:flex; justify-content:space-between; margin-bottom:1em;}
	.IH-ref p {margin-top:0; }
	.IH-address {margin-right:1cm;}

.invoiceTable {}
	.invoiceTable td, .invoiceTable th {text-align:center;}
	th.subheading {background-color:#ddc; text-align:left; color:#000; border-top:1px #554 solid; border-bottom:1px #aa9 solid;}
	.IT-RDF {}
	.IT-date {}
	.IT-compo {}
	.IT-ref {}
	.IT-horaire {white-space:nowrap;}
	.IT-vehicule {}
	.IT-dispo {border-left:1px #554  solid;}
		.IT-dispo-Q {border-left:1px #fff solid;}
		th.IT-dispo-Q {border-left:1px #554 solid;}
	.IT-dispo-price {}
	.IT-km {border-left:1px #554  solid;}
		.IT-km-Q {border-left:1px #fff solid; white-space:nowrap;}
		th.IT-km-Q {border-left:1px #554 solid;}
		.IT-km-price {}
	.IT-tempsCond {border-left:1px #554 solid;}
		.IT-tempsCond-type {border-left:1px #fff solid;}
		th.IT-tempsCond-type {border-left:1px #554 solid;}
	.IT-tempsCond-Q {}
		.IT-tempsCond-price {}	
	.IT-total {border-left:1px #fff solid; font-weight:bold;}
	th.IT-total {border-left:1px #554 solid; font-weight:bold;}
	.IT-subtotal {font-weight:bold; text-align:right!important;}

/**/
.tourPictures-position, .tourPictures-startDay, .tourPictures-endDay, .tourPictures-thumbnail {text-align:center;}
	.tourPictures-thumbnail img {max-width:50px; max-height:50px;}
.tourPictures-subject {overflow:hidden; max-width:30em;}

/*--- PAO ---*/
.PROTOS-pao-listDocs {}
	.PROTOS-pao-listDocs-action {padding:.2em .5em; background-color:#c4c5c0; color:#fff;}
	.PROTOS-pao-listDocs-action:hover {background-color:#008080; color:#fff;}
	.PROTOS-pao-listDocs-action-edit {background-color:#008080;}
	.PROTOS-pao-listDocs-action-edit:hover {background-color:#4af;}
	.PROTOS-pao-listDocs-name {font-weight:bold;}
	.PROTOS-pao-listDocs-pages {text-align:center;}
	.PROTOS-pao-listDocs-actions {font-size:120%;}
.PROTOS-pao-calameo {flex:1; margin-left:1em;}
	.PROTOS-pao-calameo h2:first-child {margin-top:0;}

@media screen and (max-width:900px) {
	.PROTOS-pao-calameo {flex:1; width:100%; margin-left:0;}
}
@media screen and (max-width:600px) {
	.PROTOS-pao-listDocs-pages {display:none;}
	.PROTOS-pao-listDocs-actions {min-width:6em; font-size:100%;}
		.PROTOS-pao-listDocs-actions-wrapper {display:flex; flex-wrap:wrap;}
		.PROTOS-pao-listDocs-actions-wrapper a {display:block; margin:.2em .4em;}

}
.PROTOS-pao-editMap {display:flex; justify-content:space-between; width:100%;}

.PROTOS-pao-documentZone {display:flex; flex-wrap:wrap; align-items:flex-start; align-content:flex-start; width:80%; padding:.5em; background-color:#ccc;}
	.PROTOS-pao-page {width:9.5%; height:15em; margin-bottom:1em; padding:.3em; border:1px #000 solid; background-color:#fff;}
	.PROTOS-pao-page:nth-child(even) {margin-left:1%; border-right:1px #999 dashed; }
	.PROTOS-pao-page:nth-child(odd) {border-left:1px #666 dashed;}
	.PROTOS-pao-page:first-child {margin-left:10.5%; border-left:1px #000 solid;}
	.PROTOS-pao-page:last-child {border-right:1px #000 solid;}
	.PROTOS-pao-page-heading {display:flex; justify-content:space-between; align-items:flex-start; height:15%; font-size:75%;pointer-events: none}
		.PROTOS-pao-page-pageDelete {visibility:hidden; display:inline-block; padding:0 .3rem; background-color:#008080; font-size:200%; color:#fff; cursor:pointer;pointer-events:auto}
		.PROTOS-pao-page:hover .PROTOS-pao-page-pageDelete {visibility:visible;}
		.PROTOS-pao-page-pageDelete:hover {background-color:#c06;}
	.PROTOS-pao-page-main {height:85%;pointer-events: none }
@media screen {
	.PROTOS-pao-documentZone {height:80vh; overflow-y:scroll;}
}
@media screen and (max-width:1400px) {
	.PROTOS-pao-page {width:12%; }
	.PROTOS-pao-page:first-child {margin-left:13%;}
}	
@media screen and (max-width:1000px) {
	.PROTOS-pao-page {width:16%;}
	.PROTOS-pao-page:first-child {margin-left:17%;}
}		
@media screen and (max-width:700px) {
	.PROTOS-pao-page {width:24%;}
	.PROTOS-pao-page:first-child {margin-left:25%;}
	}	
	.booklet {background-color:#dcd3be;}	
	.booklet1,.booklet3,.booklet5,.booklet7,.booklet9,.booklet11,.booklet13,.booklet15,.booklet17,.booklet19 {background-color:#fff;}
	.booklet2,.booklet4,.booklet6,.booklet8,.booklet10,.booklet12,.booklet14,.booklet16,.booklet18,.booklet20 {background-color:#eee;}

.PROTOS-pao-contentsZone {width:20%; height:80vh; overflow-y:scroll; padding:.5em; background-color:#eee;}
	.PROTOS-pao-contentsZone-actions {display:flex; flex-direction:column; width:100%; margin-bottom:1em;}
		.PROTOS-pao-contentsZone-actions .linkButton a {width:100%; margin-bottom:.5em; box-sizing:border-box;}
	.PROTOS-pao-content {display:flex; flex-direction:column; justify-content:space-between; width:100%; height:auto; margin-bottom:1em; padding:.2em; border:1px #ccc solid; background-color:#fff; pointer-events:auto; overflow:hidden;}
	.PROTOS-pao-content:hover {border:1px #c06 solid;}
	.PROTOS-pao-contentsZone .p2, .PROTOS-pao-contentsZone .p3, .PROTOS-pao-contentsZone .p4, .PROTOS-pao-contentsZone .p5, .PROTOS-pao-contentsZone .p6, .PROTOS-pao-contentsZone .p7, .PROTOS-pao-contentsZone .p8, .PROTOS-pao-contentsZone .p9  {display:none;}
		.PROTOS-pao-content-heading {display:flex; justify-content:space-between; align-items:flex-start; font-size:75%;;pointer-events: none}
			.PROTOS-pao-content-contentDelete {display:inline-block; padding:.2rem .4rem; background-color:#008080; color:#fff; cursor:pointer;pointer-events: auto}
			.PROTOS-pao-content-contentDelete:hover {background-color:#c06;}
	.PROTOS-pao-content-pageCount {text-align:right; color:#666; pointer-events:none;}
		.PROTOS-pao-content-pageCount-action {display:inline-block; padding:.1em .3em; background-color:#666; color:#fff !important; cursor:pointer; text-decoration:none; pointer-events:auto}
		.PROTOS-pao-content-pageCount-action:hover {background-color:#008080;}
		.PROTOS-pao-contentsZone .PROTOS-pao-content-pageCount-pageNumber {display:none;}
		.PROTOS-pao-contentsZone .PROTOS-pao-content-pageCount-numberPages {font-weight:bold;}
		.PROTOS-pao-content-id .PROTOS-pao-content-pageCount-action {background-color:transparent;}
	.PROTOS-pao-page .PROTOS-pao-content {height:100%;}
	.PROTOS-pao-page .PROTOS-pao-content-contentDelete {display:none;}
	.PROTOS-pao-page .PROTOS-pao-content-pageCount-action {display:none;}
	.PROTOS-pao-page:hover .PROTOS-pao-content-pageCount-action {display:inline-block;pointer-events:auto}
	
	.PROTOS-pao-content-tourId {font-size:75%;}
	.PROTOS-pao-content-tourName {margin:.2em 0 .4em 0; font-weight:bold;}
	.PROTOS-pao-content-tourDate {font-size:80%;}
	.PROTOS-pao-content-tourStatus {font-size:80%; text-align:right;}
		@media screen  {
			.PROTOS-pao-page .PROTOS-pao-content-tourStatus {visibility:hidden;}
			.PROTOS-pao-page:hover .PROTOS-pao-content-tourStatus {visibility:visible;}
		}
	.stc0, .stc100 {border:1px #49d solid; background-color:#e5effa;}
	.stc200 {border:1px #888 solid; background-color:#eee; color:#888;}
		.stc200 a {color:#888;}
	.stc115 {border:1px #c36 solid; background-color:#fce; color:#c36;}
		.stc115 a {color:#c36;}
	.stc110 {border:1px #aa0 solid; background-color:#ffd; color:#aa0;}
		.stc110 a {color:#aa0;}
	.stc120, .stc130 {border:1px #6c6 solid;background-color:#efe; color:#6c6;}
		.stc120 a, .stc130 a {color:#6c6;}
	.stc140, .stc150 {border:1px #060 solid;background-color:#cfc; color:#060;}
		.stc140 a, .stc150 a {color:#060;}
	.stc450 {border:1px #a3a solid;background-color:#fef; color:#a3a;}
		.stc450 a {color:#a3a;}

		@media screen and (max-width:500px) {
		.PROTOS-pao-documentZone {width:60%;}
			.PROTOS-pao-page {width:50%;}
			.PROTOS-pao-page:nth-child(even) {margin-left:0; }
			.PROTOS-pao-page:first-child {margin-left:50%;}
		.PROTOS-pao-contentsZone {width:40%;}
	}	

.dropInsertAllowed {border-left:.4em #6c0 solid;}
.dropReplaceAllowed {border:.4em #6c0 solid;}

.PROTOS-pao-doc {}
	.PROTOS-pao-doc-sourceList textarea {font-family:"Courier New", Courier, monospace;}

/*** PAO Calendrier et Sommaire ***/

.PROTOS-pao-toc {}
	.PROTOS-pao-toc .listActions, .PROTOS-pao-toc-table {}
	.PROTOS-pao-toc-tourTitle {font-weight:bold;}
	.PROTOS-pao-toc-staticTitle {font-style:italic; color:#888;}
	.PROTOS-pao-toc-monthHeading th {background-color:#49d;}
	.PROTOS-pao-toc-price, .PROTOS-pao-toc-base, .PROTOS-pao-toc-label {color:#646560;}
	.PROTOS-pao-toc-tourId {font-weight:bold;}
	.PROTOS-pao-toc-tourId small {font-weight:normal;}

/*** PrintList tours ***/

.PROTOS-printList-tours {}
	.PROTOS-printList-tours-actions {margin:0; background-color:#fff; border:none;}
	.PROTOS-printList-tours-table {}

/*** Gantt View ***/
.PROTOS-gantt-container {width:100%;}

.PROTOS-gantt-remoteControl {}

.PROTOS-gantt, .PROTOS-gantt-print {overflow-x: scroll; overflow-y: hidden; width:100%;}
	.PROTOS-gantt-print {width:27cm;}
	
/* old */.gantt-rotate {height:140px; white-space:nowrap;}
	.gantt-rotate > div {transform:translate(25px, 51px) rotate(315deg); width:30px;}
	.gantt-rotate > div > span {border-bottom:1px solid #ccc; padding:5px 10px;}
	.gantt-dayRow-date {font-weight:normal; text-align:center; font-size:85%; line-height:1.2em; border-left:1px #ccc solid;}
	.gantt-dayRow-date p {margin:0;}
	.gantt-dayRow-dayNumber {font-weight:bold;}
	.gantt-dayRow-daySeparator {line-height:.3em; color:#999;}
	.gantt-dayRow-monthName {text-transform:uppercase; font-size:85%;}	
	.gantt-emptyDay {border-left:1px solid #eee; padding-right:38px; background-color:#fff;}	
	.gantt-M1, .gantt-M3, .gantt-M5, .gantt-M7, .gantt-M9, .gantt-M11 {background-color:#eee; border-left:1px solid #ddd;}	
	.gantt-D7 {background-color:#bbb;}
	.gantt-D1 {background-color:#888;}
	.gantt-tour {background-color:#8f8; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:4px 2px; border:1px #fff solid; box-sizing:border-box; font-size:85%;}
	th.gantt-tour {white-space:nowrap; text-overflow:ellipsis; text-align:left;}
	.gantt-group-heading {text-align:left; padding:2px; border-right:1px solid #ccc;}
	.gantt-group td {border-top: 1px solid #ccc}
	.gantt-tour-SEJOUR {background-color:#daf;}
	.gantt-tour-LONG {background-color:#fe9;}
	.gantt-tour-CIRCUIT {background-color:#fc3;}
	.gantt-tour-WEEKEND {background-color:#cf9;}
	.gantt-tour-ESCAPADE {background-color:#9fc;}
	.gantt-tour-1J {background-color:#6ca;}
	.gantt-tour-CROISIERE {background-color:#9df;}
	.gantt-tour-SPECTACLE {background-color:#fce;}

/*** Gantt vue compressée ***/
.PROTOS-gantt-mode7 td {width:6px; height:1.4	em; padding:0; border-top:0;}
.PROTOS-gantt-mode7 .gantt-tour {font-size:75%; border-left:0; border-top:0;}
.PROTOS-gantt-mode7 .gantt-emptyDay {padding:0;}

/*@media screen {
 .PROTOS-gantt-print .PROTOS-gantt-mode7 {display:none;}
}*/

@media print {
	.PROTOS-pao-contentsZone {display:none;}
	.PROTOS-pao-documentZone {width:100%; padding:.5em; background-color:transparent; font-size:76%;}
	.PROTOS-pao-page {page-break-inside:avoid;}
	.PROTOS-gantt-container .listActions {display:none;}
}

/* PROTOS Achats-Prestations */

.PROTOS-tourEvents {}
	.PROTOS-tourEvents-viewDetails {text-transform:uppercase; font-size:85%; font-weight:bold;}
	.PROTOS-tourEvents-addChild strong {background-color:#008080; color:#fff; padding:0 .5em;}
	.PROTOS-tourEvents-addChild a:hover strong {background-color:#50d0c0;}
	.PROTOS-tourEvents-name {font-weight:bold;}

.PROTOS-priceAssignment {}
	.PROTOS-priceAssignment-heading-subTariff {background-color:#49d; color:#fff; }
	.PROTOS-priceAssignment-addRow {background-color:#fce; color:#c06; }

/* PROTOS Prix de vente */

.PROTOS-tourTariffs-table {}
	.PROTOS-tourTariffs-selected {background-color:#fce; font-weight:bold;}

.PROTOS-priceSheet-title {}
.PROTOS-priceSheet {}
	.PROTOS-priceSheet-sectionTitle {border-bottom:1px #c4c5c0 solid; background-color:#f4f5f0; text-transform:uppercase; font-weight:normal;}
	.PROTOS-priceSheet .row-separator td {border-bottom:1px #b4b5b0 solid;}
	.PROTOS-priceSheet-selected {border-top:1px solid #fce; border-bottom:1px solid #e8b; background-color:#f9c; font-weight:bold;}

/*** PROTOS Preview ***/
	
/* Structure */

.PROTOS-preview-container {width:100%; max-width:1200px; margin:auto; box-sizing:border-box;}

.PROTOS-preview-body #voyage_photo {width:100%; overflow:hidden;}
	.PROTOS-preview-body #voyage_photo img {width:100%; max-height:200px;}	
.PROTOS-preview-body #vc_left {width:65%;}
.PROTOS-preview-body #vc_right {width:32%;}
.PROTOS-preview-body #select, .PROTOS-preview-body #info, .PROTOS-preview-body .addthis_toolbox {display:none;}
.PROTOS-preview-body .isDirty, .PROTOS-preview-body .isDirty a, .PROTOS-preview-body .pv-info .isDirty, .PROTOS-preview-body .pv-info .isDirty a {color:#c06;}
.PROTOS-preview-body .isInherited, .PROTOS-preview-body .isInherited a, .PROTOS-preview-body .pv-info .isInherited, .PROTOS-preview-body .pv-info .isInherited a {}
.PROTOS-preview-body .pv-cartouche {width:100%; float:left;}
.PROTOS-preview-body .pv-programme, .PROTOS-preview-body .pv-smallPic {float:left; width:60%;}	
.PROTOS-preview-body .pv-sidebar {float:right; width:35%;}

@media screen and (max-width:500px) {
	.PROTOS-preview-body .pv-programme, .PROTOS-preview-body .pv-smallPic {float:none; width:100%;}	
	.PROTOS-preview-body .pv-sidebar {float:none; width:100%; border-top:1px #000 solid;}
}

/*** Apparence ***/

.PROTOS-preview-body {background-color:transparent; font-size:85%;}
	.PROTOS-preview-body a {color:#000; text-decoration:none;}
		.PROTOS-preview-body a:hover {text-decoration:underline;}
	.PROTOS-preview-body a.button {color:#fff;}
		.PROTOS-preview-body a.button:hover {text-decoration:none;}

.PROTOS-preview-body .pv-cartouche {color:#888;}
	.PROTOS-preview-body .pv-tourcode, .PROTOS-preview-body .pv-tourstatus {float:left; padding:0 1em;}
	.PROTOS-preview-body .pv-tourcontainer, .PROTOS-preview-body .pv-tourorder {float:right; padding:0 1em;}
	.PROTOS-preview-body .pv-tourorder {border-right:1px #888 solid;}
	.PROTOS-preview-body .st200 {color:#888;}
	.PROTOS-preview-body .st115 {color:#c36;}
	.PROTOS-preview-body .st110 {color:#aa0;}
	.PROTOS-preview-body .st120 , .PROTOS-preview-body .st130 {color:#6c6;}
	.PROTOS-preview-body .st140, .PROTOS-preview-body .st150 {color:#060;}
	
.PROTOS-preview-body .pv-titraille {text-align:center;}
	.PROTOS-preview-body .pv-titraille h1 {color:#008080;}
	.PROTOS-preview-body .pv-titraille h2 {margin:0 0 .5em 0;}
	.PROTOS-preview-body .seg13 {padding:.5em 0 2em 0; border-top:1px #888 solid; color:#888; text-transform:uppercase; font-size:90%;}
		.PROTOS-preview-body .seg13 a {color:#888;}
	.PROTOS-preview-body .seg10 {width:60%; margin:.5em auto 1em auto; font-family:serif; text-align:left; font-style:italic; font-size:130%; color:#666;}
		.PROTOS-preview-body .seg10 a {color:#666;}
	.PROTOS-preview-body .pv-theme {text-transform:uppercase; font-size:85%;}
		
.PROTOS-preview-body .pv-blocPic {color:#888;}
	.PROTOS-preview-body .pv-blocPic h3 {margin:0 0 .2em 0;}
	.PROTOS-preview-body .pv-picRole, .PROTOS-preview-body .pv-blocPic p {margin:0; font-size:80%; text-transform:uppercase;}
		.PROTOS-preview-body .picLink, .PROTOS-preview-body .picLink a {color:#008080;}
		.PROTOS-preview-body .pv-credits {text-transform:none; color:#000;}
	.PROTOS-preview-body .pv-blocPic img {max-width:100%; max-height:400px; margin-top:.2em;}
.PROTOS-preview-body .pv-experiences {margin:2em 0;}	
	.PROTOS-preview-body .pv-experiences p {margin:.2em 0 1em 0; font-size:110%;}	
	.PROTOS-preview-body .pv-experiences h2 {margin:0 0 .2em 0; font-size:130%;}	
	.PROTOS-preview-body .pv-experiences .seg5 {margin-left:50%; font-style:italic;}
	.PROTOS-preview-body .pv-experiences .seg5:before {content:'\00203a\0000a0';}
	
.PROTOS-preview-body .pv-programme {margin:1em 0;}	
	.PROTOS-preview-body .pv-programme h2 {margin-bottom:.2em; font-size:130%;}	
	.PROTOS-preview-body .pv-programme>h2 {margin-top:0;}	
	.PROTOS-preview-body .pv-programme p {margin:0 0 1em 0;}
	.PROTOS-preview-body .pv-programme .seg1 {border:1px #ccc solid; padding:.4em; background-color:#eee; font-style:italic;}
	.PROTOS-preview-body .pv-programme h3.seg1 {margin-bottom:0; border-bottom:none;}
	.PROTOS-preview-body .pv-programme .seg1+.seg1 {border-top:none;}

.PROTOS-preview-body .pv-info {color:#888;}
	.PROTOS-preview-body .pv-date {margin-top:1em; font-size:120%; font-weight:bold;}
	.PROTOS-preview-body .pv-date ul {margin:0; padding:0;}
	.PROTOS-preview-body .pv-date li {list-style-type:none;}
	.PROTOS-preview-body .pv-info a {color:#888;}
	.PROTOS-preview-body .pv-prix h3.seg11 {margin:.5em 0 .2em 0; font-size:160%; color:#008080;}
		.PROTOS-preview-body .pv-prix h3.seg11 a {color:#008080;}
	.PROTOS-preview-body .pv-prix p.seg11 {margin:0; color:#646560;}
		.PROTOS-preview-body .pv-prix p.seg11 a {color:#646560;}
	.PROTOS-preview-body .pv-prix p {font-weight:bold; font-style:italic;}
	.PROTOS-preview-body .pv-info h2 {font-size:120%; margin-bottom:.2em;}
	.PROTOS-preview-body .pv-info ul {margin-top:0; padding-left: 1.2em;}
	.PROTOS-preview-body .pv-info .seg7 {font-style:italic;}
	.PROTOS-preview-body .pv-pCharge {}
		.PROTOS-preview-body .pv-pCharge-list {padding:0!important; margin:0!important;}
			.PROTOS-preview-body .pv-pCharge-item {list-style-type:none; padding:.2em; border-bottom:1px #c4c5c0 solid;}
			.PROTOS-preview-body .pv-pCharge-item-free {color:#900;}

	.PROTOS-preview-body .pv-hebergement h3 {margin:0;}
	.PROTOS-preview-body .pv-hebergement ul {padding:0;}
	.PROTOS-preview-body .pv-hebergement li {list-style-type:none;}
	.PROTOS-preview-body .VOY-horaire {font-size:85%; text-transform:uppercase; color:#646560;}

.PROTOS-preview-body .pv-smallPic {clear:both; margin:1em 0; padding-top:.5em; border-top:1px #ccc solid;}
	.PROTOS-preview-body .pv-smallPic img {}

/*** revisions ***/	
.PROTOS-preview-body .isDirty {margin:.5em 0; padding:.5em; box-sizing:border-box; background-color:#ffeef8;}

.PROTOS-preview-body .isDirty, .PROTOS-preview-body .isDirty a, .PROTOS-preview-body .pv-info .isDirty, .PROTOS-preview-body .pv-info .isDirty a {color:#c06;}
.PROTOS-preview-body .rvBox {width:100%;}
.PROTOS-preview-body .rvBox textarea {width:100%; max-width:50em; margin-top:.5em; box-sizing:border-box;}

.PROTOS-preview-body .rvPrintBox {background-color:#ff8;width:100%;border: 1px solid #888800;padding: .5em;margin:.5em 0;box-sizing:border-box;}
.PROTOS-preview-body .rvPrintBox .comment {font-style: italic;}

/*** PROTOS Request ***/
.PROTOS-request {font-size:85%; background-color:#fff;}
	.PROTOS-request a {color:inherit;}
	.PROTOS-request h1 {text-transform:uppercase;}
	.PROTOS-request-subtitle {margin-top:0;}

.PROTOS-request-wrapper {max-width:21cm; margin:0 auto;}

.PROTOS-request-header {text-align:right;}

.PROTOS-request-content {}

.PROTOS-request-id {margin:-5mm 0 5mm 0;}
		
.PROTOS-request-heading {min-height:6cm; padding-top:3mm; text-align:center; text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}
header + .PROTOS-request-heading {margin-top:5mm;}
	.PROTOS-request-heading h1 {}
	.PROTOS-request-heading .seg12 {list-style-type:none;}
	.PROTOS-request-type h3 {margin:0;}
	.PROTOS-request-dates {margin-top:0; color:#fff; text-shadow:-1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
	.PROTOS-request-theme {margin:0; padding-top:1mm; text-transform:uppercase; font-size:80%;}
	
.PROTOS-request-chapo {width:12cm; margin:-1cm auto 0 auto; padding:2mm; background-color:#fff; font-style:italic; font-size:120%;}
	.PROTOS-request-chapo p {margin:0;}
	
.PROTOS-request-experiences {width:fit-content; padding-bottom:2mm; border-bottom:1.5pt #000 solid;}
	.PROTOS-request-experiences h2 {margin:2mm 0 0 0;font-style:italic;}
	.PROTOS-request-experiences+h2 {margin-top:0;}

.PROTOS-request-program {display:flex; margin-top:5mm;}
	.PROTOS-request-program-images {width:6cm; margin-right:1cm;}
		.PROTOS-request-program-images img {width:100%;}
		.PROTOS-request-image {margin-bottom:2mm;}
		.PROTOS-request-image-day, .PROTOS-request-image h3 {display:inline; margin:0; font-weight:normal; font-size:90%;}
		.PROTOS-request-image-day {}
		.PROTOS-request-image h3 {font-style:italic;}

	.PROTOS-request-program-texts {max-width:11cm;}
		.PROTOS-request-program-text h2 {margin:2mm 0 1mm 0;}
		.PROTOS-request-program-text p {margin:0 0 1mm 0;}

.PROTOS-request-informations {border-top:1.5pt #000 solid; padding-top:2mm;}
	.PROTOS-request-informations .PROTOS-request-id {margin:0 0 2mm 0; text-align:center;}
	.PROTOS-request-informations-title {font-size:180%!important; text-transform:uppercase; color:#008080;}
	.PROTOS-request-informations-title, .PROTOS-request-informations-date, .PROTOS-request-informations-prix {text-align:center;}
	.PROTOS-request-informations-date {font-style:italic; font-family:"Source Sans Pro", sans-serif;}
	.PROTOS-request-informations-date ul {list-style-type:none; padding:0; font-size:150%;}
	.PROTOS-request-informations-title, .PROTOS-request-informations-date h3, .PROTOS-request-informations-prix h3 {margin:0;}
	.PROTOS-request-informations-prix h3 {color:#554;}
	.PROTOS-request-informations-prix .PROTOS-request-price-table {margin:0 auto;}
	.PROTOS-request-informations h2 {font-size:100%; margin:3mm 0 1mm 0;}
	.PROTOS-request-informations ul {margin:0 0 2mm 0;}
	.PROTOS-request-informations-hebergement ul {padding:0;}
	.PROTOS-request-informations-hebergement .seg2 {list-style-type:none;}

/* skin carnet de voyage */
.PROTOS-travelBook {}
.PROTOS-travelBook-wrapper {max-width:21cm; margin:0 auto;}
.PROTOS-travelBook img {max-width:100%;}
.PROTOS-travelBook-header {padding:5mm 5mm 0 5mm; text-align:center; background-color:#aa9;}
	.PROTOS-travelBook-header .companyLogo {width:4cm; }
.PROTOS-travelBook-cover {display:flex; flex-direction:column; height:24cm; padding:5mm; background-color:#aa9; font-size:140%; color:#fff}
	.PROTOS-travelBook-heading {text-align:center;}
		.PROTOS-travelBook-docType {margin:0 0 2mm 0; color:#000; text-transform:uppercase; letter-spacing:.2em;}
		.PROTOS-travelBook-title {margin:0; font-weight:800;}
		.PROTOS-travelBook-subtitle {margin:0; ont-weight:normal;}
		.PROTOS-travelBook-dates {margin:0; text-align:center; font-size:100%; font-family: "Source Sans Pro", sans-serif;}
	.PROTOS-travelBook-banner {display:block; width:100%; max-height:12cm; margin-top:5mm; border:5mm solid #fff; box-sizing:border-box; box-shadow:1mm 1mm 2mm #646560;}
	.PROTOS-travelBook-chapo {width:80%; margin:0 auto; border-left:2mm solid #646560; padding:5mm 0 0 5mm;}
		.PROTOS-travelBook-chapo h3 {margin:0; font-size:100%; font-weight:normal;}
.PROTOS-travelBook-program {break-before:page;}
	.PROTOS-travelBook-program-texts {}
		.PROTOS-travelBook-program-text {break-inside:avoid-page;}
			.PROTOS-travelBook-program-text h2 {margin:3mm 0 0 0; font-size:120%; color:#aa9;}
			.PROTOS-travelBook-program-text p {margin:0 0 1mm 10mm;}
			.PROTOS-travelBook-program-text .VOY-horaire {font-size:80%; text-transform:uppercase; color:#646560;}
		.PROTOS-travelBook-program-image {display:flex; margin:3mm 0 5mm 10mm; break-inside:avoid-page;}
			.PROTOS-travelBook-program-image img {width:60%; margin-right:5mm;}
			.PROTOS-travelBook-program-image .imgCaption {margin:5mm 0 0 0; color:#646560; font-size:90%;}
	.PROTOS-travelBook-appendices {}
		.PROTOS-travelBook-appendix {border-top:2mm #aa9 solid; padding-top:1cm; break-before:page;}
		.PROTOS-travelBook-appendix h2 {margin-top:0; color:#aa9;}
		.PROTOS-travelBook-appendix h2+h3 {margin-top:-1em;}


.PROTOS-travelBook-notes {width:19cm; height:27cm; background:url('/office/images/impressions/bg-carnet.jpg') no-repeat center center; background-size:contain;  break-inside:avoid-page;}
.PROTOS-travelBook-backcover {display:flex; flex-direction:column; justify-content:flex-end; align-items:center; width:19cm; height:27cm; break-inside:avoid-page; background-color:#aa9; padding:2cm; text-align:center;}
	.PROTOS-travelBook-backcover h2 {margin:0; font-size:20pt; color:#fff;}
	.PROTOS-travelBook-backcover-image {width:5cm; margin-top:2cm;}
	.PROTOS-travelBook-backcover-companyLogo {width:5cm; margin-top:2cm;}
.PROTOS-travelBook .isInherited {background-color:transparent; color:#000;}

/* preview schedule & voucher */
.PROTOS-schedule {}
	.PROTOS-schedule h1 {text-align:center;}
	.PROTOS-schedule-title {margin:1cm 0 0 0; text-align:center;}
	.PROTOS-schedule-subtitle {margin:3mm 0 1cm 0; text-align:center;}

.PROTOS-schedule-table {width:100%;}
	.PROTOS-schedule-date h2 {margin:0;}
	.PROTOS-schedule-localTime, .PROTOS-schedule-UTCTime {width:1%;}
	.PROTOS-schedule-localTime strong, .PROTOS-schedule-UTCTime strong {display:inline-block; padding:.1em .2em;}
	.PROTOS-schedule-localTime strong {background-color:#ff3;}
	.PROTOS-schedule-UTCTime strong {background-color:#fd3;}
	.PROTOS-schedule-UTCTime small {font-weight:normal;}

.PROTOS-supplier-desc, .PROTOS-voucher {break-before:page;}
.PROTOS-voucher {display:grid; grid-template-columns:2.5fr 1fr; grid-template-areas:"header header" "main sidebar"; gap:0 1cm;}
.PROTOS-voucher header {grid-area:header; margin-bottom:5mm;}
.PROTOS-voucher-main {grid-area:main;}
.PROTOS-voucher-sidebar {grid-area:sidebar; margin-top:1cm;}
	.PROTOS-voucher-qrcode {display:flex; justify-content:flex-end;}
	.PROTOS-voucher-sidebar ol {padding-left: 1.5em;}
	
/* Vatry Mobility Schedule */
.Vatry-Mobility-schedule .headerLogo {display:flex; justify-content:space-between; align-items: flex-start; margin-bottom:1em;}
	.Vatry-Mobility-schedule .headerLogo img {max-width:4cm;}
	
@media screen {
	.PROTOS-request, .PROTOS-travelBook {padding:.5rem; background-color:#f4f5f0;}
		.PROTOS-request-wrapper, .PROTOS-travelBook-wrapper {padding:1cm; background-color:#fff; border:1px #d4d5d0 solid;}
		.PROTOS-travelBook-cover {font-size:120%;}
	.PROTOS-supplier-desc, .PROTOS-voucher {margin-top:2em; padding-top:2em; border-top:6px solid #008080;}
	.PROTOS-travelBook-empty {margin:1cm 0; padding:2cm; border-top:3px #d4d5d0 dashed; border-bottom:3px #d4d5d0 dashed;}
	.PROTOS-travelBook-appendix {margin-top:2cm;}

}

@media print {
	.PROTOS-request-informations {page-break-before:always; border-top:0;}
	.PROTOS-request-image, .PROTOS-request-program-text {page-break-inside:avoid;}
	.PROTOS .footer {display:none;}
}

/* PROTOS voyage onglets G1 */
li.PROTOS-sideTab input {background-color:#555; color:#ff0; font-family:Consolas, sans-serif;}
li.LinkSelected.PROTOS-sideTab input {background-color:#000;}

.PROTOS-tourWebSettings {}
	.PROTOS-tourWebSettings .PROTOS-form-main {background-color:#e5effa;}
		.PROTOS-tourWebSettings-sync {margin:.3em 0 0 0; padding:.3em .5em; background-color:#333; border-radius:1em; text-align:center; color:#ff0;}
			.PROTOS-tourWebSettings-sync a {color:#ff0; font-weight:bold;}
			.PROTOS-tourWebSettings-sync a.button {background-color:#666; color:#ff0;}
			.PROTOS-tourWebSettings-sync a.button:hover {background-color:#ff0; color:#000;}
			.PROTOS-tourWebSettings-sync-status {display:inline-block; padding:.3em; border-radius:.5em; font-size:85%; text-transform:uppercase;}
			.PROTOS-tourWebSettings-sync-status-ok {background-color:#808000; color:#fff;}
			.PROTOS-tourWebSettings-sync-status-warning {background-color:#b60; color:#fff;}
		.PROTOS-tourWebSettings h3 {margin-bottom:.2em;}
.PROTOS-tourWebSettings-index-table {width:100%;}
	.PROTOS-tourWebSettings-index-table #DestinationISO {width:4em;}

.PROTOS-tourChange-table {width:100%;}
	.tourChange-title input {width:100%; min-width:400px; box-sizing:border-box;}
	.tourChange-text textarea {width:100%; min-width:400px; height:5em; box-sizing:border-box;}

@media screen and (max-width:750px) {
	.tourChange-title .MVCControl {width:80%;}
	.tourChange-title input {min-width:auto;}
	.tourChange-text textarea {min-width:auto;}
}

.PROTOS-tourQuotas .PROTOS-form-main {background-color:#e5effa;}
	.PROTOS-tourQuotas h3 {margin-bottom:.2em;}

/* PROTOS produits */
.PROTOS-products {padding:.5em;}
	.PROTOS-products .PROTOS-filterUI {margin-top:0;}

.PROTOS-products-table {}
	.PROTOS-products-row:hover td {background-color:#ffeef8;}
	td.PROTOS-products-id {padding:.1em; text-align:center;}
	.PROTOS-products-id a {display:block; padding:.4em; background-color:#008080; color:#fff;}
	.PROTOS-products-row:hover a {background-color:#c06;}
	.PROTOS-products-id a:hover {background-color:#f39;}
	.PROTOS-products-name {font-weight:bold; color:#545550;}
	.PROTOS-products-type, .PROTOS-products-destination, .PROTOS-products-status {font-size:85%;}
	.PROTOS-products-description {font-style:italic;}
	.PROTOS-products-status {text-align:center;}
	.PROTOS-products-type-1 td {background-color:#fff;}
	.PROTOS-products-type-1 .PROTOS-products-name {font-weight:normal; color:#000;}
	.PROTOS-products-type-A td, .PROTOS-products-type-C td {background-color:#fffdf5; color:#660;}

.PROTOS-product {background-color:#f4f5f0;}
	.PROTOS-product-banner {display:block; width:100%;}
	.PROTOS-product-row {display:flex; flex-wrap:wrap; align-items:baseline; padding:.4em; border-top:1px solid #fff; border-bottom:1px solid #e4e5e0;}
	.PROTOS-product label {margin-right:.5em; color:#646560; font-size:85%; text-transform:uppercase;}
	.PROTOS-product-id, .PROTOS-product-name, .PROTOS-product-destination, .PROTOS-product-customerType, .PROTOS-product-transportationMode {margin-right:2em;}
	.PROTOS-product-name, .PROTOS-product-description {flex:1;}
	.PROTOS-product-name {font-size:125%;}
	.PROTOS-product-description {height:5em;}
	.PROTOS-product-tags.readOnly {background-color:transparent;}
		.PROTOS-product-tags.readOnly .token-autocomplete-token {background-color:transparent;}
			.PROTOS-product-tags.readOnly .token-autocomplete-token-delete {display:none!important;}
		.PROTOS-product-tags.readOnly .token-autocomplete-input {display:none!important;}

.PROTOS-product-stats-registered {text-align:right;}

.PROTOS-product-tours {padding:0;}
	.PROTOS-product-tours-search-title {margin:0;}
	.PROTOS-product-tours-table {width:100%; font-size:100%}
		.PROTOS-product-tours-table .PROTOS-childRow {background-color:#fff;}
		.PROTOS-product-tours-table tfoot, .PROTOS-product-tours-table tfoot {background-color:#d4d5d0;}
		.PROTOS-product-tours-table tfoot td {border-bottom:1px solid #b4b5b0;}
		.PROTOS-product-tours-id {white-space:nowrap;}
			.PROTOS-product-tours-id a {display:inline-block; padding:.2em .4em; background-color:#646560; border-radius:.2em; color:#fff;}
			.PROTOS-childRow .PROTOS-product-tours-id a {background-color:#a4a5a0;}
			.PROTOS-product-tours-id a:hover {background-color:#008080; text-decoration:none;}
			.PROTOS-product-tours-id a:active {background-color:#808000;}
		.PROTOS-product-tours-lastModified {font-size:85%; color:#646560;}
			.PROTOS-product-tours-lastModified a {color:#646560;}
	
.PROTOS-products-tiles {display:grid; grid-template-columns:repeat(auto-fill, minmax(300px, 1fr)); gap:1em; align-items:stretch; width:100%; margin-top:.5em;}
	.PROTOS-products-tile {height:100%; background-color:#fff; color:#000; border-radius:.4em; box-shadow:0.3em 0.3em 0.5em #a5afca;}
		.PROTOS-products-tile:hover {background-color:#bef;}
		.PROTOS-products-tile-banner {width:100%; border-radius:.4em .4em 0 0;}
		.PROTOS-products-tile-name, .PROTOS-products-tile-attributs, .PROTOS-products-tile-description, .PROTOS-products-tile-status {padding:0 .5rem;}
		.PROTOS-products-tile-name {margin:.2em 0; color:#008080;}
			.PROTOS-products-tile-id {padding-right:.5em; font-size:75%; color:#646560;}
		.PROTOS-products-tile-attributs {margin:0; border-top:1px solid #e4e5e0; border-bottom:1px solid #e4e5e0; background-color:#f4f5f0; font-size:75%; text-transform:uppercase;}
			.PROTOS-products-tile-type {padding-right:.5em; color:#646560;}
		.PROTOS-products-tile-description {margin:.5em 0; font-style:italic;}
		.PROTOS-products-tile-status {margin:0;}
		.PROTOS-products-tile-tags {display:flex; flex-wrap:wrap; justify-content:center; margin:0; padding:0;}
			.PROTOS-products-tile-tag {list-style-type:none; margin:.2em; padding:.2em; background-color:#f4f5f0; border-radius:.2em; font-size:85%; color:#646560;}

/* PROTOS Stats par destination */
.PROTOS-destinationStats {}
.PROTOS-destinationStats-sumup {}
.PROTOS-destinationStats-distribution {display:flex; flex-wrap:wrap;}
	.PROTOS-destinationStats-distribution-week {display:flex; flex-direction:column; margin-bottom:1em; border-right:1px dotted #f4f5f0; text-align:center;}
	.PROTOS-destinationStats-distribution-week-heading {padding:.3em; background-color:#e4e5e0; font-weight:bold;}
	.PROTOS-destinationStats-distribution-week.even .PROTOS-destinationStats-distribution-week-heading {background-color:#c4c5c0; }
		.PROTOS-destinationStats-distribution-week-heading-year {display:none; font-weight:normal;}
		.PROTOS-destinationStats-distribution-week-heading-year.even {display:none; font-weight:normal;}
	.PROTOS-destinationStats-distribution-week-content {display:flex; flex-direction:column;}
	.PROTOS-destinationStats-distribution-tour {height:1.9em; padding:.3em; background-color:#aa9; color:#fff;}
	.PROTOS-destinationStats-distribution-tour.empty {background-color:#f4f5f0;}
	.PROTOS-destinationStats-distribution-week.even .PROTOS-destinationStats-distribution-tour.empty {background-color:#e9e8e4; }
	.PROTOS-destinationStats-distribution-tour.cancelled {background-color:#cec5af;}

@media screen and (max-width:900px) {
	.PROTOS-destinationStats-distribution {flex-direction:column; align-items:flex-start;}	
		.PROTOS-destinationStats-distribution-week-heading-year {display:inline;}
	.PROTOS-destinationStats-distribution-week, .PROTOS-destinationStats-distribution-week-content {flex-direction:row;}
	.PROTOS-destinationStats-distribution-week {margin-bottom:0; border-right:none; border-bottom:1px dotted #f4f5f0; }
	.PROTOS-destinationStats-distribution-tour {width:2.2em;}
}

/* Wizard création de voyage */

.PROTOS-createTourWiz {padding:.5em; border:1px solid #e8d7de; border-radius:.5em; background-color:#ffeef8;}
	.PROTOS-createTourWiz h2 {margin-top:0;}
	.PROTOS-createTourWiz .PROTOS-products-tile {max-width:400px; margin:1em auto;}
	.PROTOS-createTourWiz .error {color:#c06;}
	.PROTOS-createTourWiz .actions {margin-bottom:0;}
.PROTOS-createTourWiz-tableWizard {}
	.PROTOS-createTourWiz-tableWizard-options {margin:0; padding:0 0 0 1em;}
		.PROTOS-createTourWiz-tableWizard-option {list-style-type:square; margin-bottom:.4em;}
		.PROTOS-createTourWiz-tableWizard-option:last-child {margin-bottom:0;}


/* PROTOS recherche */
.PROTOS-search {padding:.5em; background-color:#ffeef8;}
	.PROTOS-search h3 {margin-top:0;}
	.PROTOS-search p {margin-bottom:0;}
	.PROTOS-search-text {padding:.2em; font-size:120%;}
	.PROTOS-search-submit {margin-left:.3em; padding:.2em; font-size:120%;}

/* PROTOS Status */
.st200, .st390, .st590, .st550 {background-color:#eee; color:#888;}
	.st200 a, .st390 a, .st590 a, .st550 a {color:#888;}
.st115 {background-color:#fce; color:#c36;}
	.st115 a {color:#c36;}
.st110, .st310 {background-color:#ffd; color:#aa0;}
	.st110 a, .st310 a {color:#aa0;}
.st120, .st130, .st320 {background-color:#efe; color:#6c6;}
	.st120 a, .st130 a, .st320 a {color:#6c6;}
.st140, .st150 {background-color:#cfc; color:#060;}
	.st140 a, .st150 a {color:#060;}
.st450 {background-color:#fef; color:#a3a;}
	.st450 a {color:#a3a;}
.st500, .st520, .st540 {background-color:#dad; color:#636;}
	.st500 a, .st520 a, .st540 a {color:#636;}
.st650 td {background-color:#f4f5f0;}
/*
0	N/D

100	En cours de rédaction
101	Importé
110	En relecture
115	A corriger
120	Validé
130	En maquettage
140	Maquetté
150	En relecture finale
200	Terminé

300 Devis en rédaction
310 Devis envoyé
320 Devis accepté
390 Devis sans suite

450 En production
500 Voyage prêt au départ
520 Voyage rentré
540 Voyage dossier rendu
550 Voyage cloturé
590 Voyage annulé
*/

/************ HELP *************/

/*** structure ***/
.HLP .content {display:flex;}

.HLP-sidebar {max-width:25em; margin-right:1em; border-right:1px #cde solid; border-bottom:1px #cde solid; background:linear-gradient(90deg, #fff, #eef8ff);}
.HLP-content {flex-grow:2;}

@media screen and (max-width:750px) {
	.HLP .content {flex-direction:column-reverse;}	
	.HLP-sidebar {width:fit-content; margin-top:1em;}	
}

/*** Sidebar ***/

.HLP-navMenu {width:100%; min-width:150px; margin-bottom:10px;}
	.HLP-navMenu h2 {margin:0; font-size:120%; color:#fff;}
		.HLP-navMenu h2 a {display:block; padding:.2em .5em; background-color:#008080; color:#fff;}
		.HLP-navMenu h2 a:hover {background-color:#50d0c0;}
	.HLP-navMenu ul {margin:0; padding:0 .4em 0 0;}
	.HLP-navMenu li {list-style-type:none; border-top:1px #c4c5c0 solid; font-weight:bold; color:#aa9;}
	.HLP-navMenu h2+ul>li:first-child {border-top:0;}
	.HLP-navMenu li:hover {background-color:#f4f5f0;}
		.HLP-navMenu li a {display:block; padding:.2em 0; color:#aa9; text-decoration:none;}
		.HLP-navMenu li.LinkSelected {color:#008080;}
		.HLP-navMenu li.LinkSelected a {color:#008080;}
			.HLP-navMenu ul ul {padding-right:0;}
			.HLP-navMenu ul ul li {border-top:1px #d4d5d0 solid; font-size:90%;}
			.HLP-navMenu ul ul li a {margin-left:1rem;}
			.HLP-navMenu ul ul li.LinkSelected {}
			.HLP-navMenu ul ul li.LinkSelected a {}
				.HLP-navMenu ul ul ul {padding-right:0;}
				.HLP-navMenu ul ul ul li {border-top:1px #d4d5d0 dotted; font-weight:normal; font-size:85%;}
				.HLP-navMenu ul ul ul li a {margin-left:2rem;}
				.HLP-navMenu ul ul ul li.LinkSelected {}
				.HLP-navMenu ul ul ul li.LinkSelected a {}
					.HLP-navMenu ul ul ul ul {padding-right:0;}
					.HLP-navMenu ul ul ul ul li {border-top:0; font-size:80%;}
					.HLP-navMenu ul ul ul ul li a {margin-left:3rem;}
					.HLP-navMenu ul ul ul ul li.LinkSelected {}
					.HLP-navMenu ul ul ul ul li.LinkSelected a {}
				
.HLP-sidebar-actions {margin-bottom:1em; padding:.5em; border-top:1px #cde solid; border-bottom:1px #cde solid; background-color:#def;}
	.HLP-sidebar-actions h2 {margin:0; border-bottom:1px #fff dotted; color:#008080; text-transform:uppercase; font-family:"Source Sans Pro", sans-serif; font-size:100%;}
	.HLP-sidebar-actions-list {margin:.5em; padding:0; color:#008080;}
	.HLP-sidebar-actions-list li {margin-left:1em;}

.HLP-sidebar-articles {padding:.5em;}
	.HLP-sidebar-articles h2 {font-size:120%;}
.HLP-recentArticles {padding:0;}

.HLP-recentArticles li {margin-left:1em;}
	
/*** Contenu ***/

.HLP-content p, .HLP-content li {margin-bottom:7px;}
.HLP-content ul {margin:0 0 5px 2px;}
.HLP-content li {margin-left:17px}
.HLP-content li li {margin-bottom:3px;}
.HLP-content h1 {margin-bottom:30px;padding:5px 0;border-top:3px #ccc solid;border-bottom:1px #ccc dotted;}
.HLP-content h2 {margin:30px 0 10px 0;padding-top:3px;border-top:3px #813 dotted;color:#813;}
.HLP-content h3 {margin:20px 0 15px 0;color:#813;}
.HLP-content h4 {margin:15px 0 10px 0;color:#222;}
.HLP-content table {margin:10px 0;border:1px #ccc solid;}
	.HLP-content th, .HLP td {padding:3px 5px;border:1px #ccc dotted;}
	.HLP-content th {text-align:left;background-color:#813;color:#fff;}
	.HLP-content td {background-color:#f4f4f4;}
	.HLP-content td h2 {margin:10px 0 5px 0;padding:0;border:0;}
.HLP-content img {max-width:100%;}

.HLP-content .textCode {margin:10px 0;padding:10px;background-color:#138;font-family:"Courier New", Courier, monospace;color:#fff;}
	.HLP-content .textCode p {margin-bottom:0;}

.HLP-content .rem {margin:10px 0 10px 30px;padding:5px;border:1px #e8e8e8 solid;background-color:#f4f4f4;}
	.HLP-content .rem h4 {margin:0 0 5px 0;color:#813;}
	.HLP-content .rem p {margin-bottom:0;}

.HLP-content .quote, .HLP-content .greenQuote {font-weight:bold;font-family:Arial, Helvetica, sans-serif;}
.HLP-content .greenQuote {color:#381;}

/* bloc de contenu avec liste des sous-répertoires sur doc par défaut d'un répertoire */
.HLP-block {}

/*liste docs et répertoires */
	.ik_StoreChildNodes ul {width:fit-content; list-style:none; margin:0 0 1em 0; padding:0; border:1px #d4d5d0 solid; border-radius:.5em; background-color:#f4f5f0;}
	.ik_StoreChildNodes ul:empty {display:none;}
		.ik_StoreChildNodes li {list-style-type:none; margin:0; padding:0; border-bottom:1px #d4d5d0 solid; font-weight:bold;}
		.ik_StoreChildNodes li:last-child {border-bottom:0;}
			.ik_StoreChildNodes li a {display:flex; padding:.4em .8em;}
			.ik_StoreChildNodes li a::before {content:url('https://admin.jacqueson.com/office/images/icons/folder_16.png') "\00a0\00a0";}
			.ik_StoreChildNodes li a:hover {background-color:#008080; color:#fff;}

.ik_StoreContents ul {padding:0;}			
	.ik_StoreContents li {list-style-image:url('https://admin.jacqueson.com/office/images/icons/HTM_16.png'); list-style-position:inside; margin:0; padding:5px 0;}

	
/* metas et pièces jointes */
.HLP-article-metas {margin-top:20px;}
	.HLP-article-metas p {width:fit-content; padding:.2em 0;border-top:1px #aa9 dashed; border-bottom:1px #aa9 dashed; font-style:italic; color:#aa9;}

.HLP-article-attachments {z-index:100; position:relative; float:right; max-width:30%; margin-left:10px; padding:10px 10px 5px 10px; border:2px #ddd dotted; background-color:#fff;}
.HLP-article-attachments li {list-style-image:url(https://static.i-kernel.net/images/extensions/file_16.png); margin-bottom:4px; padding-bottom:4px; border-bottom:1px #eee solid;}
.HLP-article-attachments .pdf {list-style-image:url(https://static.i-kernel.net/images/extensions/PDF_16.png);}
.HLP-article-attachments .txt, .HLP-article-attachments .sql {list-style-image:url(https://static.i-kernel.net/images/extensions/TXT_16.png);}
.HLP-article-attachments .jpg {list-style-image:url(https://static.i-kernel.net/images/extensions/JPG_16.png);}
.HLP-article-attachments .gif {list-style-image:url(https://static.i-kernel.net/images/extensions/GIF_16.png);}
.HLP-article-attachments .png {list-style-image:url(https://static.i-kernel.net/images/extensions/PNG_16.png);}
.HLP-article-attachments .htm, .HLP-article-attachments .html {list-style-image:url(https://admin.jacqueson.com/office/images/icons/HTM_16.png);}
.HLP-article-attachments .exe {list-style-image:url(https://static.i-kernel.net/images/extensions/EXE_16.png);}
.HLP-article-attachments .zip, .HLP-article-attachments .rar {list-style-image:url(https://static.i-kernel.net/images/extensions/RAR_16.png);}
.HLP-article-attachments .xls {list-style-image:url(https://static.i-kernel.net/images/extensions/XLS_16.png);}
.HLP-article-attachments .xlsx {list-style-image:url(https://static.i-kernel.net/images/extensions/XLSX_16.png);}
.HLP-article-attachments .doc {list-style-image:url(https://static.i-kernel.net/images/extensions/DOC_16.png);}
.HLP-article-attachments .docx {list-style-image:url(https://static.i-kernel.net/images/extensions/DOCX_16.png);}
.HLP-article-attachments .avi, .HLP-article-attachments .mov {list-style-image:url(https://static.i-kernel.net/images/extensions/video_16.png);}

/* Slides */
.HLP-navMenu-slides {margin-top:1em; padding:.4em; background-color:#f4f5f0; border:1px #d4d5d0 solid; border-right:0;}
	.HLP-navMenu-slides h2 {margin:0 0 .2em 0; padding:0; color:#008080; background-color:transparent;}
	.HLP-navMenu-slides ul {padding-left:.4em; font-size:85%;}
		.HLP-navMenu-slides li {border-top:1px #d4d5d0 solid; font-weight:normal;}
		.HLP-navMenu-slides li.LinkSelected {font-weight:bold;}
		.HLP-navMenu-slides li a {padding:.1em .2em;}
		.HLP-navMenu-slides li a:hover {background-color:#008080; color:#fff;}

.HLP-slides {}
	.HLP-slide {border:1px #ccc solid; box-shadow:.3em .3em .8em 0 rgba(0, 0, 0, .2);}

.HLP-heading-slidenav {display:flex;}
	.HLP-heading-slidenav a {display:block; margin:0 .5em; padding:.3em .5em; background-color:#aa9; color:#fff; white-space:nowrap; text-transform:uppercase; font-size:85%;}
	.HLP-heading-slidenav a:hover {background-color:#008080;}

/* home */
.HLP-home {}
	.HLP-home .HLP-sidebar {}
	.HLP-home .HLP-sidebar-actions {}
	.HLP-home h2 {margin-top:0; border:none;}
	.HLP-home .HLP-article-metas {display:none;}

/* résultat recherche */

.HLP-search-result h2 {margin-top:0; padding-top:0; border:0; font-weight:normal;}
.HLP-search-result h3 {margin:0; font-weight:normal;}
	.HLP-search-result-item {margin:.5em 0; padding-top:.5em; border-top:1px #ccc solid;}
	.HLP-search-result-item * {font-family:Arial, Helvetica, sans-serif;}
	.HLP-search-result-abstract, .HLP-search-result-abstract * {display:inline;color:#888;font-size:12px;font-weight:normal;font-style:normal;}
	.HLP-search-result-abstract a {text-decoration:underline;}
	.HLP-search-result-path {color:#381;text-transform:uppercase; font-size:80%;}

/* COVID-19 */
.HLP-covid-home {max-width:800px;}
	.HLP-covid-banner {background-image: url(https://admin.jacqueson.com/office/images/help/coronavirus-aeroport.jpg); background-position:center center; background-size: cover; width:100%; height:260px;}

/* Boite à idées */
.HLP-ideaBox-home {display:flex; justify-content:center; align-items:flex-start;}
	.HLP-ideaBox-home-explore {margin-left:2em; padding:1em; background-color:#e4e5e0; border:1px #d4d5d0 solid; font-size:140%;}
		.HLP-ideaBox-home-explore ul {padding:0;}
		.HLP-ideaBox-home-explore p {margin:1em 0 0 0;}
	.HLP-ideaBlindForm {width:fit-content; padding:1em; background-color:#e4e5e0; border:1px #d4d5d0 solid; border-radius:.5em;}
		.HLP-ideaBlindForm-subject {width:30em; padding:.4em; font-weight:bold;}
		.HLP-ideaBlindForm-message {width:40em; height:7em; margin:1em 0; padding:.4em;}
		.HLP-ideaBlindForm-submit {width:100%; padding:1em; background-color:#000; color:#fff; text-transform:uppercase; border:none;}

.HLP-ideaBlindForm-preview, .HLP-ideaNote {display:flex; flex-direction:column; width:100%; max-width:500px; margin-bottom:1em; padding:1em; background-color:#ffc; border-radius:0 0 1em 0; overflow:hidden; box-shadow:0.2em 0.2em 0.5em #cc8;}
	h2.HLP-ideaBlindForm-preview-subject {margin:0 0 .5em; padding:0; border-top:none; border-bottom:1px #246 solid; color:#246;}
	.HLP-ideaBlindForm-preview-message, .HLP-ideaNote-message {margin:0!important; color:#246;}
	.HLP-ideaBlindForm-preview .actions {align-self:flex-end; margin:1em 0 0 0;}
		.HLP-ideaBlindForm-preview-submit {margin-left:.5em; padding:.5em 1em; background-color:#008080; color:#fff; text-transform:uppercase; border:none;}

.HLP-ideaExplorer {display:flex; }
	.HLP-ideaExplorer-dir {margin:0 1%; padding-bottom:2em; border:1px #008080 solid; background-color:#def; font-size:85%;}
		h2.HLP-ideaExplorer-dir-name {margin:0; padding:.2em .5em; border:none; background-color:#008080; color:#fff; font-size:100%; font-family: "Source Sans Pro", sans-serif; text-transform:uppercase; white-space:nowrap;}
	.HLP-ideaExplorer-dir-notes {padding:.5em; background-color:#def;}
		.HLP-ideaNote {padding:0; box-shadow:0.1em 0.1em 0.3em #68b;}
		.HLP-ideaNote:first-child {z-index:1;}
		.HLP-ideaNote:last-child {margin-bottom:0;}
		h3.HLP-ideaNote-subject {margin:.5em 1rem; padding:0; border-top:none; border-bottom:1px #246 solid; color:#246;}
		.HLP-ideaNote-message {padding:0 1rem;}
		.HLP-ideaExplorer-dir .HLP-ideaExplorer-dir {margin:.5em; background-color:#f0faff; border:1px #cde solid; font-size:100%;}
		.HLP-ideaExplorer-dir .HLP-ideaExplorer-dir .HLP-ideaExplorer-dir-notes {background-color:#f0faff;}
		.HLP-ideaExplorer-dir .HLP-ideaExplorer-dir h2.HLP-ideaExplorer-dir-name {background-color:#cde; color:#246; font-weight:normal;}
		.HLP-ideaNote-footer {display:flex; justify-content:space-between; margin-top:.5em; padding:.3em .5em; border-top:1px #eec solid; background-color:#ffd;}
			.HLP-ideaNote-footer-author {}
			.HLP-ideaNote-footer-interaction {font-weight:bold;}
				.HLP-ideaNote-footer-interaction a {color:#000; cursor:pointer;}
				.HLP-ideaNote-footer-like {padding-left:20px;}
				.HLP-ideaNote-footer-like-yes {background:url('/office/images/icons/like-yes.png') no-repeat;}
				.HLP-ideaNote-footer-like-no {background:url('/office/images/icons/like-no.png') no-repeat;}
				.HLP-ideaNote-footer-comments {display:none; }
				.HLP-ideaNote:first-child .HLP-ideaNote-footer-comments {display:inline; margin-left:1em; padding-left:20px;}
				.HLP-ideaNote-footer-comment-yes {background:url('/office/images/icons/comment-yes.png') no-repeat;}
				.HLP-ideaNote-footer-comment-no {background:url('/office/images/icons/comment-no.png') no-repeat;}
				.HLP-ideaNote-footer-pushpin {margin-left:1em; padding-left:20px;}
				.HLP-ideaNote-footer-pushpin-yes {background:url('/office/images/icons/pushpin-yes.png') no-repeat;}
				.HLP-ideaNote-footer-pushpin-no {background:url('/office/images/icons/pushpin-no.png') no-repeat;}
	.HLP-ideaStock .HLP-ideaExplorer-dir {display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; margin-top:1em; padding:0; background-color:#a4a5a0; border:1px solid #848580; font-size:85%;}
		.HLP-ideaStock .HLP-ideaExplorer-dir-notes {width:24%; margin:.5em .5%; background-color:transparent;}
		.HLP-ideaStock .HLP-ideaNote {box-shadow:0.1em 0.1em 0.3em #646560;}

	.HLP-ideaExplorer-dir-notes .HLP-ideaNote+.HLP-ideaNote {margin-top:-1.5em;}


.HLP-ideaExplorer-dir.dropAllowed {background:linear-gradient(#def 80%, #fcd); border:1px #fbc solid;}
	.HLP-ideaExplorer-dir.dropAllowed h2.HLP-ideaExplorer-dir-name  {background-color:#fbc;}

.HLP-ideaExplorer-dir .HLP-ideaExplorer-dir.dropAllowed {background:linear-gradient(#f0faff 80%, #fcd);}
.HLP-ideaExplorer-dir.dropAllowed .HLP-ideaExplorer-dir-notes {background-color:transparent;}
.HLP-ideaExplorer-dir-notes.dropAllowed, .HLP-ideaExplorer-dir-notes.dropAllowed .HLP-ideaNote {background:linear-gradient(#ffc, #fcd)!important;}
.HLP-ideaExplorer-dir-notes.dropAllowed .HLP-ideaNote-footer {background-color:transparent!important; }

	
@media screen and (max-width:1400px) {
	.HLP-ideaBox-home {flex-direction:column; align-items:center;}
		.HLP-ideaBox-home-explore {margin:2em 0 0 0;}
	.HLP-ideaExplorer {flex-wrap:wrap;}
	.HLP-ideaExplorer-dir {width:31%; margin-bottom:1em;}
	.HLP-ideaExplorer-dir .HLP-ideaExplorer-dir {width:auto;}
	.HLP-ideaStock .HLP-ideaExplorer-dir {width:100%;}
	
}
		
@media screen and (max-width:1000px) {
	.HLP-ideaExplorer {flex-wrap:wrap;}
	.HLP-ideaExplorer-dir {width:48%;}
	.HLP-ideaExplorer-dir .HLP-ideaExplorer-dir {width:auto;}
	.HLP-ideaStock .HLP-ideaExplorer-dir-notes {width:31%;}
	.HLP-ideaStock .HLP-ideaExplorer-dir {width:100%;}
}		
		
@media screen and (max-width:750px) {
	.HLP-ideaBlindForm, .HLP-ideaBlindForm-subject, .HLP-ideaBlindForm-message {width:100%; box-sizing:border-box;}
	.HLP-ideaBlindForm-message {height:12em;}
	.HLP-ideaStock .HLP-ideaExplorer-dir-notes {width:48%;}
	.HLP-ideaStock .HLP-ideaExplorer-dir {width:100%;}
	
}

@media screen and (max-width:500px) {
	.HLP-ideaExplorer-dir {width:100%;}
	.HLP-ideaExplorer-dir + .HLP-ideaExplorer-dir {margin-left:0;}	
	.HLP-ideaStock .HLP-ideaExplorer-dir-notes {width:100%;}
}

/*** OFFICE ****/
	
.OFFICE-explorer {display:flex;}
	.OFFICE-explorer h2 {margin-top:0;}

.OFFICE-explorer-folders-list {margin:0; padding:0;}
		.OFFICE-explorer-folder {list-style-type:none; overflow:hidden; margin:.3em;}
			.OFFICE-explorer-folder-home {font-size:300%;}
			.OFFICE-explorer-folder a {display:block; padding:.5em; background-color:#fd6; border-radius:0 .6em 0 0; color:#000; box-shadow: inset 1em -1em 2em -1em #ca5;}
			.OFFICE-explorer-folder a:hover {background-color:#008080; color:#fff; box-shadow: inset 1em -1em 2em -1em #039;}
			.OFFICE-explorer-folder a:active {background-color:#808000;  box-shadow: inset 1em -1em 2em -1em #390;}
.OFFICE-explorer-documents {flex:1; margin-left:2em;}
	.OFFICE-explorer-documents-list {display:flex; flex-wrap:wrap; align-items:stretch; margin:0; padding:0;}
		.OFFICE-explorer-document {position:relative; list-style-type:none; width:19%; overflow:hidden; border:1px solid #ddd; background-color:#f4f5f0; margin:.3em;}
			.OFFICE-explorer-document a {display:block; height:100%; padding:.5em; color:#000; box-sizing:border-box;}
			.OFFICE-explorer-document a:hover {background-color:#008080; color:#fff;}
			.OFFICE-explorer-document a:active {background-color:#808000;}
			a.OFFICE-explorer-document-view {height:auto;}
			a.OFFICE-explorer-document-action {display:inline-block; height:auto; color:#008080; font-size:85%; text-transform:uppercase;}



@media screen and (max-width:1000px) {
	.OFFICE-explorer-document {width:31%;}
}

@media screen and (max-width:500px) {
	.OFFICE-explorer-document {width:100%; margin:.3em 0;}
}

/*** CODE TOOLS ****/
/* login */
.CODE-login {background:#000000 url("https://www.jacqueson.com/space/images/sunset-from-space-hd.jpg") fixed no-repeat; background-size:100%; color:#fff; text-align:center;}
.CODE-login h2 {font-family:monospace; color:#ff0;}
	.CODE-login-cursor {animation:cursor-blink 1s step-end infinite;}
	@keyframes cursor-blink{
		0%{opacity: 0;}
		50%{opacity: 1;}
		100%{opacity: 1;}
	}
.CODE-login .ikUserID {justify-content:center; margin-top:5em;}

/* Code */
.CODE .header-top {background:#e4e5e0 url('header-bg-code.jpg') repeat-x right center;} 
.CODE .content {width:100%; overflow:scroll;} 

.CODE-searchForm {width:max-content; padding:.5em; border:1px #c4c5c0 solid; background-color:#f4f5f0;}
	.CODE-searchForm-search {width:100%; max-width:20em; font-size:120%; padding:.2em; box-sizing:border-box;}
	.CODE-searchForm .actions {background-color:#fff;}

.CODE-viewer {width:fit-content; padding-top:1em; border-top:.2em #aa9 solid;}
	.CODE-viewer pre {margin:0; border-bottom:1px dotted #bdf;}
	.CODE-viewer pre:hover {background-color:#e4e5e0;}

@media screen and (max-width:900px) {
	.CODE-viewer {font-size:80%;}
}
/* Bases de données */
.CODE-explorer-databases-list, .CODE-explorer-tables-list {display:flex; flex-wrap:wrap;}
	.CODE-explorer-database, .CODE-explorer-table {width:100%; max-width:300px;}
.CODE-explorer-database-symbol {font-size:200%;}

/* ikCards */
.ikCards {}

.ikCards-list {}
	.ikCards-list-altContent {width:30%;}
	.ikCards-list-altContent img {display:block; max-width:6em!important;}

.ikCard-map-cardSpace {}
	.ikCard-map-card {padding:1em; background-color:#ffb; border:1px solid #ee6;}
		.ikCard-attributes input {width:100%; box-sizing:border-box;}
		.ikCard-attributes textarea {width:100%; box-sizing:border-box; height:8em;}

		.ikCard-map-cardBody {}
			.ikCard-map-cardBody-title {margin:0; font-size:120%;}
	.ikCard-map-cardLinks {display:flex; justify-content:space-between; margin:.5em 0 0 0; padding:0;}
		.ikCard-map-cardLink {flex:1; list-style-type:none; margin:0 .5em; padding:.5em; background-color:#eeb; border-radius:1em; text-align:center;}
	.ikCard-map-cardDests {display:flex; justify-content:space-between;}
		.ikCard-map-cardDest {flex:1; display:flex; overflow-:;}
			.ikCard-map-cardDest .ikCard-map-cardSpace {flex:1; margin:.5em; padding:.5em; background-color:#ffd; box-shadow:.2em .2em .8em #aa6;}
			.ikCard-map-target {font-style:italic; font-weight:bold; color:#008080;}
			
@media screen and (max-width:900px) {
	.ikCard-map-cardSpace {padding:.4em;}
	.ikCard-map-cardDest {margin:.4em; padding:.4em;}
}

/*** AVL ****/
.AVL-display {margin:0; padding:0;}
	.AVL-display-logo {position:absolute; top:1em; right:1em; z-index:100;}
		.AVL-display-logo img {}
		
/*** FICUS ****/	
.FICUS .header-top {background:#e4e5e0 url('header-bg-ficus.png') repeat-x right center;}
 #FICUS-masterLoader {position:fixed; z-index:1; top:50%; left:50%; box-shadow:0 0 .5em #a4a5a0; border:2em solid #f4f5f0; border-radius:50%; border-top:2em solid #008080; width:1em; height:1em;}

.FICUS .heading-extra {margin-right:1rem;}

.FICUS-reporting {}
.FICUS-reporting-symbol {height:2em; margin-right:.5em; vertical-align:sub;}

.FICUS-reporting-forms {width:max-content;}
	.FICUS-reporting-forms-unit {margin-bottom:0; padding-top:.2em; border-top:1px solid #000;}
	.FICUS-reporting-forms-unit:first-child {margin-top:0; padding-top:0; border-top:none;}
	.FICUS-reporting-forms-thematic {margin-bottom:0; line-height:2em;}
	.FICUS-reporting-forms-list {margin:0;}
		.FICUS-reporting-forms-item {list-style-type:none; line-height:2em;}
			.FICUS-reporting-forms-symbol {height:1.2em; margin-right:.5em; vertical-align:sub;}
.FICUS-reporting-tableContainer {overflow:scroll; width:100%; height:70vh;}

.FICUS-reporting-main {display:flex; justify-content:space-between;}

.FICUS-reporting-sidebar {margin-left:2em; box-shadow:rgba(0, 0, 0, 0.45) -1em 0 1.5em -1em; padding:.5em;}
#FICUS-reporting-sidebar {display:none; position:absolute; right:-1rem; width:25em; height:80vh; background-color: rgba(255, 255, 255, .9);}
#FICUS-reporting-sidebar:target {z-index:100; display:flex; flex-direction:column; align-items:flex-start;}
	.FICUS-reporting-sidebar-iframe {width:100%; flex:1; border:none; background-color:rgba(255, 255, 255, .5);}
.FICUS-reporting-sidebar-title {margin:0 0 .5em 0;}
.FICUS-reporting-scenarii {padding:0;}
	.FICUS-reporting-scenarii-item {list-style-type:none; margin-bottom:1em; border-radius:0.4em; border:1px solid #e2e8ee; font-weight:bold;}
	.FICUS-reporting-scenarii-item a {display:block; padding:.4em; background-color:#f2f8ff; border-radius:0.4em;}
	.FICUS-reporting-scenarii-item a:hover {background-color:#fff;}
		.FICUS-reporting-scenarii-item em {font-weight:normal;}
.FICUS-reporting-rules {}
	.FICUS-reporting-rules-name {font-weight:bold;}
	.FICUS-reporting-rules-method {font-size:85%;}
.FICUS-reporting-rule {}
	.FICUS-reporting-rule-date {}
	.FICUS-reporting-rule-name {font-weight:bold;}
.FICUS-reporting-scenario {}
	.FICUS-reporting-scenario-name {font-weight:bold;}
	
.FICUS-reporting-formEditor {position:relative;}
	th.FICUS-reporting-formEditor-value {position:sticky; top:0; z-index:50;}
	.FICUS-reporting-level-1 td {border-top:2px solid #646560; font-weight:bold; font-size:110%; text-transform:uppercase;}
	.FICUS-reporting-level-2 td {font-weight:bold;}
	.FICUS-reporting-level-3 td {}
	.FICUS-reporting-level-4 td {font-size:95%; font-style:italic;}
	.FICUS-reporting-level-5 td {font-size:90%;}
	.FICUS-reporting-level-6 td {font-size:85%;}
	.FICUS-reporting-level-7 td {font-size:80%;}
	td.FICUS-reporting-formEditor-value {background-color:#fff;}
	.FICUS-reporting-cellFocus {border:1px solid #008080;}
		.FICUS-reporting-formEditor-value-content {}
		.FICUS-reporting-formEditor-value-cellForm {font-style:normal;}
			.FICUS-reporting-formEditor-value-cellForm input {margin-right:.3em;}
			.FICUS-reporting-formEditor-value .loader {}
			.FICUS-reporting-formEditor-value-commentToggle {padding:.2em 0 .2em .2em;}
			.FICUS-reporting-formEditor-value-commentToggle:hover {background-color:#fe0;}
		.FICUS-reporting-formEditor-value-commentForm {position:absolute; z-index:5; width:20em; top:0; right:-21em; padding:.4em; border:1px solid #ed0; border-radius:0 .5em .5em .5em; box-shadow:.5em .5em .5em #a5a566; background-color:#fe0;}
			.FICUS-reporting-formEditor-value-commentForm textarea {display:block; width:100%; height:4em; margin:.2em 0; box-sizing:border-box;}
	td.FICUS-reporting-hasComment {position:relative; padding:0;}
		.FICUS-reporting-hasComment .FICUS-reporting-formEditor-value-content, .FICUS-reporting-hasComment .FICUS-reporting-formEditor-value-cellForm {padding:.3em .5em;}
			.FICUS-reporting-hasComment .FICUS-reporting-formEditor-value-content:before, .FICUS-reporting-hasComment .FICUS-reporting-formEditor-value-cellForm:before {content:''; position:absolute; top:0; right:0; border-top:.5rem solid #fd0; border-left:.6rem solid transparent; width:0;}

	.FICUS-reporting-status-error {}
	.FICUS-reporting-status-error:before {content:"\000021\002002"; font-style:normal; font-weight:bold; font-size:12pt; color:#f33;}
	.FICUS .lineINHERITED {color:#aa9;}
	.FICUS .lineTypeENTRY:hover {background-color:#008080; color:#fff; cursor:pointer;}

.FICUS-reporting-formReport {}
	.FICUS-reporting-formReport-value {line-height:.9em}
	.FICUS-reporting-formReport-value a {display:block; color:#000; cursor:zoom-in;}
	.FICUS-reporting-formReport-value a:hover {background-color:#008080; color:#fff;}
		.FICUS-reporting-formReport-value .refValue {font-size:85%; color:#a4a5a0;}
	a.FICUS-reporting-formReport-statusBar {display:flex; justify-content:space-between; align-items:center;}
		.FICUS-reporting-formReport-statusBar-target {display:flex; flex-direction:column-reverse; width:10px; height:20px; margin-left:.3em; border:2px #000 solid; background-color:#fff;}
		.FICUS-reporting-formReport-statusBar-actual {width:100%; max-height:24px!important;}

.FICUS .legendLayer {fill:rgba(255, 255, 255, .5);}
	.FICUS .legendLayer text {fill:#000;}

.layer100 {background-color:#dcf; color:#326;}	/* budget */
.layer200 {background-color:#cef;}            	/* import */
.layer300 {}									/* reporting */
.layer400 {background-color:#de6; color:#450;}	/* compta */
.layer100.lineINHERITED {color:#dcf;}
.FICUS-reporting-formReport-value.layer100 {border-top:1px #fef solid; border-bottom:1px #cbe solid;}
.FICUS-reporting-level-1 .FICUS-reporting-formReport-value.layer100 {border-top:2px #548 solid;}
.FICUS-reporting-formReport-value.layer400 {border-top:1px #ffd solid; border-bottom:1px #cd5 solid;}
.FICUS-reporting-level-1 .FICUS-reporting-formReport-value.layer400 {border-top:2px #560 solid;}

.FICUS-thematic {width:100%;}
.FICUS-thematic .formLabel {width:20%;}
	.FICUS-thematic-name input {width:20em; font-weight:bold;}
	.FICUS-thematic-type label {margin-right:.3em;}
	.FICUS-thematic-type select+label {margin-left:1em;}
	.FICUS-thematic-json textarea {width:100%; height:8em; font-size:85%; font-family:monospace;}

.FICUS-layers .FICUS-layer-id  {padding:0;}
	.FICUS-layers .FICUS-layer-id a {display:block; padding:.3em .5em;}
.ASM-asset {}

@media screen and (max-width:1000px) {
	.FICUS .heading {flex-direction:column;}
	.FICUS .heading-extra {margin-right:0;}
}


/*** login ***/
.LOGIN {}
.LOGIN .container {display:flex; flex-direction:column; min-height:100vh; background-color:#f5f4f0;}
.LOGIN h1 {margin:.4em 0; font-size:260%;}
.LOGIN .content {display:flex; flex-direction:column; flex:1; justify-content:center;}
.LOGIN-box {width:100%; max-width:500px; margin:0 auto; padding:2em; border-radius:.5em; background-color:#fff; box-shadow:0 .5em 1em rgba(0,0,0,0.15); overflow:hidden;}
	.LOGIN-box-content {animation-name:fadein, slidein; animation-duration:1s, .5s; animation-delay:0s, .2s; animation-fill-mode:backwards, forwards; animation-timing-function:ease-out;}
	@keyframes fadein {from {opacity:0;} 25% {opacity:0;} to {opacity:1;}}
	@keyframes slidein {from {left:50%;} to {left:0%;}}
	.LOGIN-box-content-back {animation-duration:.5s; animation-delay:.1s; animation-name:slideout; animation-timing-function:ease-out;}
	@keyframes slideout {from {right:50%;} to {right:0%;}}
	.LOGIN-logo {width:120px;}
	.LOGIN-box label {display:block; margin-top:1em; color:#858480;}
	.LOGIN-box input[type=radio]+label {display:inline-block;}
	.LOGIN-input-text {display:block; width:100%; box-sizing:border-box; margin:.2rem 0; padding:.8rem 1.6rem; border:1px solid #c5c4c0; border-radius:.2rem;}
	.LOGIN-input-code {font-size:160%; letter-spacing:.2em;}
	.LOGIN-searchMember {padding:.5em 1em; border:2px solid #06b; font-size:120%;}
	.LOGIN-nav {display:flex; justify-content:flex-end; margin-top:2em;}
		.LOGIN-nav .button {cursor:pointer; border:none; margin:0 0 0 .5em; padding:.8em 1.6em; color:#000;}
		.LOGIN-nav .button-primary {background-color:#06b; color:#fff;}
		.LOGIN-nav .button-primary:hover {background-color:#39e;}
		.LOGIN-nav .button-secondary {background-color:#e5e4e0;}
		.LOGIN-nav .button-secondary:hover {background-color:#d5d4d0; color:#000;}
	.LOGIN-caption {font-size:85%;}
	.LOGIN-caption a {color:#06b;}
	.LOGIN-caption a:hover {text-decoration:underline;}

@media screen and (max-width:600px) {
	.LOGIN .container {display:block; background-color:#fff;}
	.LOGIN-box {border-radius:0; background-color:#fff; box-shadow:none;}
}