/* Fonts */
@font-face {
  font-family: 'bemio';
  src: url("/web/sts/styles/fonts/Bemio Italic-webfont.eot");
  src: url("/web/sts/styles/fonts/Bemio Italic-webfont.eot?#iefix") format("embedded-opentype"), url("/web/sts/styles/fonts/Bemio Italic-webfont.woff2") format("woff2"), url("/web/sts/styles/fonts/Bemio Italic-webfont.woff") format("woff"), url("/web/sts/styles/fonts/Bemio Italic-webfont.ttf") format("truetype"), url("/web/sts/styles/fonts/Bemio Italic-webfont.svg#bemio_italicregular") format("svg");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: 'bemio';
  src: url("/web/sts/styles/fonts/Bemio-webfont.eot");
  src: url("/web/sts/styles/fonts/Bemio-webfont.eot?#iefix") format("embedded-opentype"), url("/web/sts/styles/fonts/Bemio-webfont.woff2") format("woff2"), url("/web/sts/styles/fonts/Bemio-webfont.woff") format("woff"), url("/web/sts/styles/fonts/Bemio-webfont.ttf") format("truetype"), url("/web/sts/styles/fonts/Bemio-webfont.svg#bemioregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'fairview';
  src: url("/web/sts/styles/fonts/Fairview_Regular-webfont.eot");
  src: url("/web/sts/styles/fonts/Fairview_Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/web/sts/styles/fonts/Fairview_Regular-webfont.woff2") format("woff2"), url("/web/sts/styles/fonts/Fairview_Regular-webfont.woff") format("woff"), url("/web/sts/styles/fonts/Fairview_Regular-webfont.ttf") format("truetype"), url("/web/sts/styles/fonts/Fairview_Regular-webfont.svg#fairviewregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'fairview';
  src: url("/web/sts/styles/fonts/Fairview_SmallCaps-webfont.eot");
  src: url("/web/sts/styles/fonts/Fairview_SmallCaps-webfont.eot?#iefix") format("embedded-opentype"), url("/web/sts/styles/fonts/Fairview_SmallCaps-webfont.woff2") format("woff2"), url("/web/sts/styles/fonts/Fairview_SmallCaps-webfont.woff") format("woff"), url("/web/sts/styles/fonts/Fairview_SmallCaps-webfont.ttf") format("truetype"), url("/web/sts/styles/fonts/Fairview_SmallCaps-webfont.svg#fairviewsmall_caps") format("svg");
  font-weight: normal;
  font-style: normal;
  font-variant: small-caps; }
@font-face {
  font-family: 'clear-sans';
  src: url("/web/sts/styles/fonts/ClearSans-Regular-webfont.eot");
  src: url("/web/sts/styles/fonts/ClearSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/web/sts/styles/fonts/ClearSans-Regular-webfont.woff") format("woff"), url("/web/sts/styles/fonts/ClearSans-Regular-webfont.ttf") format("truetype"), url("/web/sts/styles/fonts/ClearSans-Regular-webfont.svg#clear_sansregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'clear-sans';
  src: url("/web/sts/styles/fonts/ClearSans-Medium-webfont.eot");
  src: url("/web/sts/styles/fonts/ClearSans-Medium-webfont.eot?#iefix") format("embedded-opentype"), url("/web/sts/styles/fonts/ClearSans-Medium-webfont.woff") format("woff"), url("/web/sts/styles/fonts/ClearSans-Medium-webfont.ttf") format("truetype"), url("/web/sts/styles/fonts/ClearSans-Medium-webfont.svg#clear_sans_mediumregular") format("svg");
  font-weight: 600;
  font-style: normal; }

/* MASTER */
@import url("/web/core/styles/stylesheet.css");

/*
==> a virer
@import url("/web/core/styles/default.css");
@import url("/web/core/styles/dialog.css");
@import url("/web/core/styles/elt.css");

-----
@import url("/web/devel/styles/shop.css");
*/

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License:none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display:block; }
body { line-height:1.3; height:100%; }
ol, ul { list-style:none outside; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:""; content:none; }
table { border-collapse:collapse; border-spacing:0; }

@-moz-document url-prefix(http://) {
  button::-moz-focus-inner,
  input[type="reset"]::-moz-focus-inner,
  input[type="button"]::-moz-focus-inner,
  input[type="submit"]::-moz-focus-inner,
  input[type="file"] > input[type="button"]::-moz-focus-inner { border:0;padding:0;margin:0; }
}
@-moz-document url-prefix(https://) {
  button::-moz-focus-inner,
  input[type="reset"]::-moz-focus-inner,
  input[type="button"]::-moz-focus-inner,
  input[type="submit"]::-moz-focus-inner,
  input[type="file"] > input[type="button"]::-moz-focus-inner { border:0;padding:0;margin:0; }
}
/*--- structure ---*/

html { font-size:100.1%; height:100%; }
body { font-family:"clear-sans", Arial, Helvetica, sans-serif; font-size:12px; background:#FFF; }
small { font-size:0.8em; }
big { font-size:1.2em; }
em { font-style:italic; }
strong { font-weight:600; }
blockquote { padding:15px; font-size:12px; font-style:italic; line-height:18px }
hr {
  height:0px; overflow:hidden; display:block; width:100%; border-left:0 none; border-right:0 none;
  border-top:1px solid #d8dfec; border-bottom:1px solid #FFF; }
a { text-decoration:none; color:inherit; }
a:hover,
a:active { text-decoration:underline; }
ul, ol { list-style-position:outside; }
ol { padding-left:20px; }
ol li { list-style-type:decimal; }
table.fixed { table-layout:fixed; width:100%; }
table.auto { table-layout:auto; width:100%; }
th { text-align:left; font-weight:normal; }
td { vertical-align:top; }
input[type=checkbox], input[type=radio], input[type=submit], label[for], a, *[onclick] { cursor:pointer; }

/*
*::selection { background-color:#013183; color:#FF6400; }
*::-moz-selection { background-color:#013183; color:#FF6400; }
*/
::-webkit-input-placeholder { color:#4d4d4d; font-weight:100; font-style:italic; }
:-ms-input-placeholder { color:#4d4d4d; font-weight:100; font-style:italic; }
::-moz-placeholder { color:#4d4d4d; font-weight:100; font-style:italic; }
input:-moz-placeholder { color:#4d4d4d; font-weight:100; font-style:italic; }
::input-placeholder { color:#4d4d4d; font-weight:100; font-style:italic; }

:before,
:after { display:inline-block; }


/*--- controls ---*/

select, textarea, input[type=text], input[type=reset], input[type=submit], input[type=password], input[type=button], button { font-family:inherit; font-size:inherit; }
select, textarea, input[type=text], input[type=password], input[type=submit], input[type=image], button { padding:4px; resize:none; }
select, textarea, input, button { margin:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; max-width:100%; }
select, textarea, input, input[type=text], input[type=checkbox], input[type=radio], a { outline:0 none; }
input[type=checkbox], input[type=radio], input[type=image] { vertical-align:middle; margin:0; }
input[type=checkbox] { margin-right:10px; margin-bottom:3px; }
input[type=radio] { margin-right:5px; margin-bottom:3px; }
input[type=submit], input[type=button], button { cursor:pointer; }
textarea { width:100%; }
select:focus, input[type=text]:focus, input[type=password]:focus, textarea:focus { }
input.simplified { border:0 none; background:none transparent; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; padding:0; -moz-appearance:none; -ms-appearance:none; -webkit-appearance:none; }
label.placeholder { display:none; }
input.number, .number-select select { width:50px; }
.number-select select { width:auto !important; }
.required-fields { font-size:11px; color:#757474; }
.required-fields.signup { margin-top:25px; display:block }

/*--- elt ---*/

div.elt label.elt,
div.elt .elt-control { display:inline-block; vertical-align:top; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
div.elt .elt-control:first-child { display:block; }
div.elt .elt-control.elt-wide select,
div.elt .elt-control.elt-wide .text { width:100%; }
div.elt .elt-control.elt-small select,
div.elt .elt-control.elt-small .text { width:65px; }

div.elt.elt-birthdate .elt-control select,
div.elt.elt-captcha .elt-control .text.captcha { width: auto; }

/*.elt-localized label { margin-top:24px; }*/
.elt-localized ul { text-align:right; position:relative; bottom:-1px;}
.elt-localized ul li { padding:4px; margin:0 5px 0 2px; display:inline-block; border:1px solid #cbcbcb; background-color:#dedede; color:#555555; text-transform:uppercase; cursor:pointer; border-radius:3px 3px 0 0; border-bottom:0 none; margin-bottom:1px; font-size:11px; line-height:14px; }
.elt-localized ul li.selected { background-color:#ffffff; color:#333333; border-bottom:1px solid #ffffff; margin-bottom:0; }
.elt-localized ul li.selected.disabled { background-color:#EBEBE4; border-bottom-color:#EBEBE4; }
.elt-localized ul li img { padding-right:5px; position:relative; top:2px; }

.form-content { /*font-size:1.4em;*/ }
.form-fields { margin-bottom:20px; }
.form-fields:after { content: ""; display: table; clear: both; }
.form-fields div.elt,
.form-fields .form-field { margin-bottom:10px; width:auto; }
.form-fields label.elt,
.form-field > label { width:40%; display:inline-block; vertical-align:middle; margin-right:-4px; }
.form-content .form-mandatory,
.form-content .padded-left,
.form-fields .padded-left { margin-left:40%; padding-left:20px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; display:inline-block; vertical-align:middle; }
.form-content .form-mandatory { font-size:0.8em; }
.form-content .padded-left,
.form-fields .padded-left { padding-left:24px; }
.form-fields > .actions,
.form-content .form-button { text-align:right; }
.form-field > label + .form-field-control,
.form-fields label.elt + .elt-control { width:60%; /*padding-left:20px;*/ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; display:inline-block; vertical-align:middle; }
.form-field > label + .form-field-control select,
.form-fields label.elt + .elt-control select { max-width:100%; }
.form-field > label + .form-field-control .text { width:100%; }

.form-ack {}

.form-field-failure { color:#C33; }
.form-field-failure select,
.form-field-failure textarea,
.form-field-failure input[type=text],
.form-field-failure .text { border-color:#c33; }


.form-fields.table div.elt,
.form-fields.table .form-field { display:table-row; }
.form-fields.table label.elt,
.form-fields.table div.elt-control,
.form-fields.table .form-field > label,
.form-fields.table .form-field .form-field-control { display:table-cell; padding-bottom:10px; }
.form-fields.table div.elt-control,
.form-fields.table .form-field .form-field-control { width:auto; }


.langs { padding-top: 7px; color: #757474;}
.langs .lang { font-size:0.846em; text-transform:uppercase;  }
.langs li { display:  inline-block; margin-right: 5px;  color: #757474;}
.langs li a { color: #757474;}
.langs .lang:before { content:""; background:url('/web/sts/images/flags.png'); width:19px; height:13px; display:inline-block; margin:0 3px 0 0; }
.langs .lang[lang="it"]:before { background-position:-24px top }
.langs .lang[lang="en"]:before { background-position:right top }
.langs .lang.active,
.langs .lang:hover {color: #685242; text-decoration:  none}

/*--- font face ---*/

/*
#si OTF fournis :
@font-face {
  font-family:'My-Font';
  src:url(/web/[app]/fonts/My-Font.eot);
  src:local('My-Font'),
      url(/web/[app]/fonts/My-Font.eot?#iefix) format('embedded-opentype'),
      url(/web/[app]/fonts/My-Font.otf) format('opentype');
}
#sinon :
@font-face {
  font-family:'My-Font';
  src:url(/web/[app]/fonts/My-Font.eot); <!-- ie6-8 -->
  src:url(/web/[app]/fonts/My-Font.eot?#iefix) format('embedded-opentype'), <!-- ie6-8 -->
      url(/web/[app]/fonts/My-Font.woff) format('woff'), <!-- FF 3.5+, chrome 4+, ie9+ -->
      url(/web/[app]/fonts/My-Font.ttf) format('truetype'); <!-- other -->
}
*/

/*--- kwo ---*/

.clear { clear:both; display:block; font-size:0; height:0; line-height:0; width:100%; margin:0; min-height:0; padding:0; }
.clearfix { *zoom:1; }
.clearfix:before,
.clearfix:after { display:table; line-height:0; content:""; }
.clearfix:after { clear:both; }
.right { float:right;  margin-left: 10px;}
.left { float:left; }
.aleft { text-align:left; }
.aright { text-align:right; }
.acenter { text-align:center; }
.bold { font-weight:bold; }
.upper { text-transform:uppercase; }
.hidden { display:none !important; }
sub, .sub { vertical-align:sub; font-size:smaller; }
sup, .sup { vertical-align:super; font-size:smaller; }
.wide { width:100%; }
.inline-block { display:-moz-inline-stack; display:inline-block; vertical-align:top; zoom:1; *display:inline; }
.ellipsis { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; }
.fixFont { -webkit-font-smoothing:subpixel-antialiased !important; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -webkit-transform:rotate3D(0,0,0,0); }
.css-animated { -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.hidden { display:none }
.htext { font-size:0; }
.blocked { display:block }


.pagination { display:block; margin-bottom:5px; text-align:right; font-size:0; padding-top:4px; }
.pagination .pagination-page {
  background:#c3c2c3; min-width:15px; height:15px; display:inline-block; margin-right:3px;
  color:#333; line-height:15px; text-align:center; text-decoration:none; vertical-align:bottom; font-weight:bold;
}
.pagination .pagination-page:hover { background:#484747; color:#fff }
.pagination .pagination-page:active { background:#666; }

.pagination .pagination-first,
.pagination .pagination-prev,
.pagination .pagination-next,
.pagination .pagination-last { font-size:12px; padding:3px 0; line-height:1 }

.pagination .pagination-number { background:#c3c2c3; color:#FFF; font-size:12px; padding:3px; }
.pagination .pagination-number:hover { text-decoration:none; }
.pagination .pagination-selected { color:#FFF; background:#575656; }

span.picto { display:inline-block; height:18px; width:18px; vertical-align:middle; margin-right:3px; background:none no-repeat center center; }

/*--- dialog ---*/

.dialog-overlay { background-color:black; }
.dialog-shadow { background:url("/web/core/images/dialog.border.png"); padding:1px; }
.dialog-support { overflow:auto; background-color:white; cursor:default; }
.dialog-close { width:18px; height:18px; cursor:pointer;
  display:block; position:absolute;
  user-select:none; -moz-user-select:none; -webkit-user-select:none;
  top:20px; right:20px;
  background-image:url("/web/sts/images/dialog_close.png");
  opacity:.8 }
.dialog-close:hover { opacity:1 }
.dialog-shadow .layout-hbox > H1 { user-select:none; -moz-user-select:none; -webkit-user-select:none; }
.dialog-shadow .layout-hbox > H1:first-letter { text-transform:uppercase; }


.widget-overlay { position:fixed; top:0; bottom:0; left:0; right:0; }
.widget-shadow { width:auto !important; height:auto !important; -moz-box-shadow:1px 3px 3px -2px rgba(0,0,0,0.5); -webkit-box-shadow:1px 3px 3px -2px rgba(0,0,0,0.5); box-shadow:1px 3px 3px -2px rgba(0,0,0,0.5); }
/*.widget-support { padding:20px; width:auto !important; height:auto !important; }*/

.dialog-container { padding:30px 50px; font-size:12px; }
.dialog-container h1 { margin-top:0 }

/* ---- widget calendar ---- */
.widget-date { background:#ffffff; border:1px solid #d9d9d9; }
.widget-date select { font-size:12px; text-transform:capitalize }
.widget-date tr.top-line { background:#f1f0f1; }
.widget-date tr.top-line th { padding:10px 0 10px 0 }
.widget-date h1 { display:none; }
.widget-date .date-layout { width:260px; margin:0 auto; }
/*.widget-date .controls,
.widget-date .actions { font-size:1.3em; width:181px; margin:0 auto; }*/
.widget-date .controls { margin-bottom:10px; }
.widget-date .controls .btn-previous,
.widget-date .controls .btn-next { border:0 none; padding:0; font-size:0; background:#828cbe no-repeat left top; width:20px; height:20px; -moz-box-shadow:0 1px 0 0 #667191; -webkit-box-shadow:0 1px 0 0 #667191; box-shadow:0 1px 0 0 #667191; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.widget-date .arrow-prev, .widget-date .arrow-next { display:block; margin:0 auto; width:20px; height:27px; background:url(/web/sts/images/fleches-cal.png) left top no-repeat; font-size:0; }
.widget-date .arrow-next { background-position:right top; }
.widget-date .arrow-prev:hover { background-position:left -27px; }
.widget-date .arrow-next:hover { background-position:right -27px; }
.widget-date .arrow-prev:active { background-position:left -54px; }
.widget-date .arrow-next:active { background-position:right -54px; }
.widget-date .controls .btn-next { background-position:right top; }
.widget-date .actions { padding-top:17px; }
.widget-date .actions a.elt-link { float:left; font-size:12px; margin-top:14px }
.widget-date .actions button { float:right; }
.widget-date table.calendar {  }
.widget-date table.calendar th,
.widget-date table.calendar td { font-size:1.2em; text-align:center; line-height:25px; width:25px; border:1px solid #ffffff; }
.widget-date table.calendar th { color:#000000; text-transform:uppercase; }
.widget-date table.calendar td { background:#f1f0f1; }
.widget-date table.calendar td span,
.widget-date table.calendar td a { display:block; color:#ffffff; height:100%; width:100%; }
.widget-date table.calendar td a:hover { text-decoration:none; }
.widget-date table.calendar td span { background:#c3c2c3; }
.widget-date table.calendar td a { background:#685242; }
.widget-date table.calendar td a:hover { background:#e5f7fd; color:#58595b; }
/* ---- !widget calendar ---- */


/* ----- core.date.select ----- */
.core-date-select-box  { padding:15px 30px; }
.dialog-support .core-date-select-box h1,
.dialog-shadow .layout-hbox .core-date-select-box h1 { color:#575656; font-size:16px; font-weight:bold; text-transform:uppercase; margin:0; padding:0; }
.core-date-select-box .month-picker-box { background:#eaf7fd; padding:10px; border-top:1px solid #6f7072; margin-top:10px; margin-bottom:15px; }
.core-date-select-box table.month-picker { width:100%; }
.core-date-select-box table.month-picker select { padding:2px; }
.core-date-select-box table.calendar { }
.core-date-select-box table.calendar td { border:1px solid #cccccc; height: 28px; }
.core-date-select-box table.calendar td > * { display:block; line-height: 28px; text-align: center; font-weight:bold; font-size:14px; color:#575656; }
.core-date-select-box table.calendar td > span { font-weight:normal; color:#b3b3b3; }
.core-date-select-box table.calendar td a:hover { line-height:22px;  border:3px solid #33b2e9; text-decoration:none; }
.core-date-select-box table.calendar td a.selected { background-color:#33b2e9; color:#FFFFFF; }
.core-date-select-box table.calendar th {}
.core-date-select-box .actions { text-align:center; line-height:38px; border-bottom:1px solid #6f7072; }
.core-date-select-box .actions .button-date-today { font-weight:bold; color:#009fe3; font-size:14px; }



/* ---- google map inherit style ---- */
.gm-infowindow { font-family:inherit; font-size:inherit; font-weight:inherit; }
/* ---- !google map inherit style ---- */


div.elt:after,
.sidecol:after,
.cols:after,
.cols .col:after,
.wrapper-container:after,
.wrapper-container > .block-container:after { display:table; line-height:0; content:""; clear:both; }


.sidecol {}
.sidecol > .col { float:left; }
.sidecol > .col-menu { width:30.83333%; margin-right:3.75%; }
.sidecol > .col-menu + .col-container { margin-right:0; }
.sidecol > .col-container { width:65.41666%; margin-right:3.75%; }
.sidecol > .col-sidebar { width:30.83333%; }


.table { display:table; width:100%; padding:0; }
.table.table-collapse { border-collapse:collapse; }
.table.table-fixed { table-layout:fixed; }
.table > .table-row { display:table-row; padding:0; margin:0; border:0 none; }
.table > .table-cell,
.table > .table-row > .table-cell { display:table-cell; margin:0; }
.table > .table-cell img,
.table > .table-row > .table-cell img { max-width:100.01%; }
.table > .table-cell.table-cell-vm,
.table > .table-row > .table-cell.table-cell-vm { vertical-align:middle; }
.table > .table-cell.table-cell-vt,
.table > .table-row > .table-cell.table-cell-vt { vertical-align:top; }
.table > .table-cell.table-cell-vb,
.table > .table-row > .table-cell.table-cell-vb { vertical-align:bottom; }
.table-cell-w25 { width:25%; }
.table-cell-w33 { width:33%; }
.table-cell-w50 { width:50%; }
.table-cell-w75 { width:75%; }


.box-container { margin-bottom:20px; }
.box-title { font-size:1.8em; color:#7c7c7c; text-transform:uppercase; }
.box-title.box-title-bb { border-bottom:1px solid #dfdfdf; padding-bottom:5px; padding-top:10px;  }
.box-content { background:#ffffff; padding:10px 20px; /*font-size:1.4em;*/ }
.box-content.padL0 { padding-left:0; }
.box-content.padR0 { padding-right:0; }
.box-content + .box-content { border-top:2px solid #eff1f7; }
.box-content > .editable-content { font-size:1em; }
.box-content > .actions { padding-top:15px; }
.box-content .section-box { padding:10px 0; }
.box-content .section-box + .section-box { border-top:1px solid #e1e0f2; }
.box-content .section-box:first-child { padding-top:0; }


.editable-content { font-size:1em; }
.editable-content h1 { font-size:1.25em; font-weight:bold; margin-bottom:20px; }
.editable-content h2 { font-size:1.1em; font-weight:600; }
.editable-content h3 {}
.editable-content ul { padding-left:20px; list-style:disc outside; margin:10px 0; }
.editable-content p { margin:10px 0; }
.editable-content strong { font-weight:600; }

.unbreakable { white-space:nowrap }
.flexgrid { width:100%; box-sizing:border-box; display:table-row; display:flex; justify-content:space-between; }
.flexgrid.center { align-items:center; vertical-align:middle; }
.flexgrid.baseline { align-items:flex-end; vertical-align:bottom; }
.flexgrid > * { display:inline-block }
.grid { display:table; width:100%; }

.flex-holder1 { flex:1 }

html.ie body { border:10px red; }

.order-detail__vendor { font-size:12px; margin:-15px 0 20px }
.order-detail__trip-title { font-size:20px; font-weight:bold; margin-top:35px; }
.order-detail__trip-title__ { color:#685242; }
.order-detail__trip-title__date { font-size:16px; font-weight:normal; color:#575656; }
.order-detail__trip-title__date .datetime { font-weight:bold; }
.order-detail__trip-title__date .time { color:#685242; }
.order-detail__form { margin:15px auto 20px; }
.order-detail__form__actions { margin:0 0 20px; }
.order-detail__form__actions .actions__checkbox { font-size:12px; margin-left:10px; }
.order-detail__form__actions .actions__checkbox input { margin-left:5px; }
.order-detail__form__trip-details { clear:both }
.trip-details__passengers { clear:both }
.trip-details__passengers-amount { font-size:14px; font-weight:bold; color:white; background:#58595b; padding:8px 12px; }
/*.trip-details__passenger__ { display:inline-block; vertical-align:top; }*/
.trip-details__passenger { background:rgba(0,159,227,0.9); padding:10px 5px 10px 10px; border-radius:3px; font-size:12px; color:white; margin:5px auto; }
.trip-details__passenger__.head { width:80px; font-size:16px; font-weight:bold; color:#685242; }
.trip-details__passenger__.last { text-align:right; float:right }
/*.trip-details__passenger__.checkbox { margin:0 5px 0 10px; }*/

.trip-details__passenger__.xtras { display:block; vertical-align:middle; margin-top:10px; }
.trip-details__passenger__xtras:before { content:""; background:url(/web/sts/images/sprite_icooptions.png) no-repeat 0px -37px; display:inline-block; height:37px; width:37px; /* margin:auto 5px; */ vertical-align:middle; }
.trip-details__passenger__xtras__pmr:before { background-position:0px -37px; }
.trip-details__passenger__xtras__bagage:before { background-position:-69px  -37px; }
.trip-details__passenger__xtras__pmr.blue:before { background-position:0px -1px; }
.trip-details__passenger__xtras__bagage.blue:before { background-position:-69px  -1px; }
.trip-details__passenger__.coupon-used { padding:5px; background:#fff; color:#575656; font-weight:bold; margin-right:15px; font-size:11px; }
.trip-details__passenger__.last span { vertical-align:middle; font-weight: bold; font-size: 16px; }
.trip-details__passenger__.last span.small { font-weight:normal; font-size:12px; }
.trip-details__passengers.actions { margin-top:15px }
.trip-details__passengers .btn-print { font-size:12px; margin-top:5px; display:inline-block }
.trip-details__passengers__total-price { float:right; padding:5px 10px; background:#c3c2c3; font-size:12px; }
.trip-details__passengers__total-price__price { font-weight:bold; }
.trip-details__total-ttc { font-size:20px; margin:50px auto 20px; text-align:right; }
.trip-details__total-ttc__label { padding:5px }
.trip-details__total-ttc__result { padding:10px; color:white; background:#575656; font-weight:bold; }

.invoice-detail__cancel-button { margin-top:-9px; }
.invoice-detail__vendor__ { font-weight:bold; }
.order-detail__price-box { background:#685242; padding:12px 15px; color:white; margin:35px 0; font-size:16px; }
.order-detail__price-box__trip-amount { float:left; font-weight:bold; }
.order-detail__price-box__trip-price { text-align:right; }
.order-detail__price-box__trip-price .price { font-weight:bold; }

.order-detail__trip-title__print { float:right; font-size:12px; font-weight:normal; }
.trip-details__passengers-amount__passengers { float:left; }
.trip-details__passengers-amount__price { font-weight:normal; text-align:right; }
.trip-details__passengers-amount__price .price { font-weight:bold; }
.trip-details__passengers { width:100%; }
.trip-details__checkbox { vertical-align:middle; text-align:center; background:#f8f7f8; width:60px; border-left:1px solid #cecece }
.trip-details__checkbox label { height:100%; width:100%; display:block }
.trip-details__checkbox input { margin:0 }

.trip-details__passenger { width:100%; background:#f8f7f8; color:#58595b }
.trip-details__passenger td { padding:15px; }
.trip-details__passenger .trip-details__checkbox { padding:0; }
.trip-details__passenger__.name { font-weight:bold; font-size:16px; display:inline-block; max-width:140px; text-overflow:ellipsis; }
.trip-details__passenger__.price { font-weight:bold; font-size:16px; }
.trip-details__passenger__xtra { margin:10px 0; }
.trip-details__passenger__xtras__tarification,
.trip-details__passenger__xtras__supplement { width:100%; border-bottom:1px dotted #58595b; margin-bottom:10px }
.trip-details__passenger__xtras__call_price__,
.trip-details__passenger__xtras__tarification__,
.trip-details__passenger__xtras__supplement__ { display:block; padding:5px 0; background:#f8f7f8; margin-bottom:-10px }
.trip-details__passenger__xtras__call_price__,
.trip-details__passenger__xtras__tarification__.tag,
.trip-details__passenger__xtras__supplement__.tag { float:left; padding-right:10px; }
.trip-details__passenger__xtras__tarification__.price,
.trip-details__passenger__xtras__supplement__.price { float:right; padding-left:10px; }
.trip-details__passenger__xtras__call_price__.tag { color:#f26522; }

.modale__ticket__action-box { padding:30px 50px; color:#58595b; }
.modale__ticket__action-box .trip-details__passenger__.last span { float:right; }
.modale__ticket__action-box .trip-details__passenger { padding:10px; }
.modale__ticket__action-box .trip-details__passenger { width:auto }
.modale__ticket__action-box .trip-details__passenger__.head { float:left }
.modale__ticket__action-box .trip-details__passengers__total-price { font-size:16px; background:none; }
.modale__ticket__action-box .order-detail__trip-title { margin:0px auto 30px 0; }
.trip-details__passengers__refund-price { background:#00acde; font-size:16px; color:white; font-weight:bold; padding:8px 12px; text-align:right; margin:10px 0; }
.trip-details__passengers__actions { margin:20px auto; text-align:right; }


/* 404 */
.holder__404 { padding:70px 0 150px; font-size:20px; color:#685242; text-align:center; display:inline-block }
.holder__404__title { font-size:30px; color:#575656; }
.holder__404__desc { margin:20px 0 40px; }
.holder__404 .btn { padding:10px 35px !important; }

/* Unsubscribe */
.unsubscribe { padding:50px 0; }
.unsubscribe strong { font-weight:bold; }
.unsubscribe .submit { margin:30px 0; }
.unsubscribe__title { margin-bottom:40px }
.unsubscribe__content {  }

/* CMS */
.cms-container .image-left { float:left; margin:auto 20px 20px auto; }
.cms-container .image-right { float:right; margin:auto auto 20px 20px; }
.cms-container ul + h2,
.cms-container p + h2,
.cms-container div + h2 { margin:30px 0 10px; }
.cms-container .legend { font-style:italic; font-size:12px; }
.cms-container .image-right .legend { text-align:right; }


/*==============================================

               __MIDDLE CSS__

@ COLORS

Light grey : #f1f0f1
Dark grey : #757474
Really dark grey : #363637
Light (darker/lighter) blue : #685242 / #685242

Dark text : #010000
Lighter text : #757474
Error red : #ef2945

===============================================*/

body { background:#f1f0f1; font-size:12px; color:#010000; margin:0; }

.block-container { width:984px; margin:0 auto; }
.wrapper-content { padding-top:50px; padding-bottom:50px }

h1 { font-size:28px; color:#757474; margin:15px auto; font-weight:bold }
h2 { font-size:16px; color:#685242; margin:10px auto; text-transform:uppercase }
h3 { color:#575656; font-size:16px; margin:14px auto; font-weight:bold; border-left:5px solid #685242; padding-left:10px; text-transform:uppercase; }

a { color:#f68b1f }

/* .BTN Class */
.btn                        { font-size:12px; display:inline-block; padding:10px 18px !important; background:#685242;
                              color:white; font-weight:bold; border-radius:2px; border:0; text-shadow:0 -1px 0 rgba(0,0,0,0.3); }
.btn.disabled,
.btn[disabled]              { cursor:default; background:#685242; }
.btn:hover                  { background:#575656; text-decoration:none; }
.btn:active:not([disabled]) { box-shadow:none; -webkit-transform:translateY(1px); -moz-transform:translateY(1px); }
  /* .btn.white */
.btn.white,
.btn.white:hover,
.btn.white:active           { border-bottom:1px solid #575656; background:white; color:#575656; box-shadow:1px 1px 0 #575656; }
.btn.white:hover,
.btn.white:active           { color:#685242; }
.btn.white:active           { box-shadow:none; }
  /* .btn.dark */
.btn.dark,
.btn.dark:hover,
.btn.dark:active            { background:#757474; color:bold; box-shadow:0px -1px 0 #9f9d9d, 0px 1px 0 #3e3d3d; padding:10px 80px; }
.btn.dark.disabled,
.btn.dark[disabled],
.btn.dark.disabled:hover,
.btn.dark[disabled]:hover,
.btn.dark.disabled:active,
.btn.dark[disabled]:active  { color:#685242; box-shadow:none; background:#006c9a; }
.btn.dark:hover,
.btn.dark:active            { background:#757474; }
.btn.dark:active            { box-shadow:0px 1px 0 #9f9d9d, 0px -1px 0 #3e3d3d; }
  /* others */
.btn.big                    { font-size:14px; min-width:140px }
.btn.small                  { font-size:12px; padding:5px 9px !important; }
.btn.grey                   { background-color:#c3c2c3; box-shadow:0px 1px 0px #9d9c9d }
.btn.grey:hover             { background-color:#929192; }
.btn.edit,
.btn.suspend,
.btn.enable,
.btn.view   ,
.btn.user-select            { font-size:0; height:20px; width:20px; padding:6px !important; vertical-align:middle; }
.btn.edit:before,
.btn.view:before,
.btn.enable:before,
.btn.suspend:before,
.btn.user-select:before     { content:""; background:url(/web/sts/images/middle/picto-editer.png) no-repeat right top; display:inline-block;
                              height:20px; width:20px; }
.btn.suspend         { background:#c77878 !important; }
.btn.suspend:before         { background:#c77878 url(/web/sts/images/middle/suspend-user.png); }
.btn.enable         { background:#67ab67 !important; }
.btn.enable:before         { background:#67ab67 url(/web/sts/images/middle/enable-user.png); }
.btn.view:before         { background-image:url(/web/sts/images/middle/voir-picto.png); }
.btn.user-select:before         { background:url(/web/sts/images/middle/enable-user.png) top left; }

/* -- Sprite */
.__bcb-list__element,
.__bcb-list__element__country,
.current-picto,
.home-logo,
.header__logo-block__logo { background:url(/web/sts/images/middle/sprite-middle.png) no-repeat; }

/* -- Modale */
.modale { padding:30px 50px; }
.modale .edit-label { position:relative; width:22px; height:21px; min-width:0 }
.modale .edit-label.active { background-color:#67ab67; box-shadow:none; }
.modale .edit-label input { visibility:hidden; position:absolute; }
.modale .default-form .modale__content__input-holder { margin:5px 0; }
.modale .default-form .modale__content__input-holder.editor { float:left; margin:21px 27px 0 0; }
.modale .default-form .modale__content__input-holder.desc { margin-bottom:15px; }
.modale__description { margin:20px 0; }
.modale__content { margin:20px 0; padding-top:10px }
.modale__content + .modale__content { border-top:1px dotted #c2c2c2 }
.modale .btn.action { margin-top:20px }
.modale__content__input-holder__info { margin:5px 0; }
.modale__content__input-holder__supplement { font-weight:bold; }

/* __HEADER */
.header-top-bar {  }
.header__bcb-list { float:left }
.__bcb-list__element { display:inline-block; height:39px; line-height:39px; font-weight:bold; vertical-align:middle; background-position:-270px -3px; padding:1px 0 0 40px; margin-left:15px; color:#757474 }
.__bcb-list__element.country { background:none; padding:0 }
.__bcb-list__element.agency { color:#685242 }
.__bcb-list__element.page { font-weight:normal }
.__bcb-list__element__country { margin-top:-4px; display:inline-block; vertical-align:middle; width:16px; height:13px; font-size:0; background-position:-20px -39px; }
.current-picto { margin-left:8px; display:inline-block; vertical-align:middle; width:14px; height:14px; font-size:0; background-position:-4px -3px; cursor:pointer; }
.current-picto:hover { animation:twirl 1s infinite; -webkit-animation:twirl 1s linear infinite }

.__bcb-list__element__agency-list,
.__bcb-list__element__reseau-list,
.__bcb-list__element__exploitant-list,
.__bcb-list__element__mode-list { background:#f1f0f1; position:relative; z-index:2; margin-left:-41px; padding-left:40px; width:calc(100% + 19px); border-bottom:3px solid #d5d4d5; box-shadow:0 3px 3px -2px rgba(0,0,0,0.5); }


.__bcb-list__element.reseau { position:relative;}
.__bcb-list__element__exploitant-list { position: absolute; width:325px;}

@keyframes twirl { from { -webkit-transform:rotate(0deg) } to { -webkit-transform:rotate(-360deg) } } /* lol. */
@-webkit-keyframes twirl { from { -webkit-transform:rotate(0deg) } to { -webkit-transform:rotate(-360deg) } }

.header__logout { display:block; float:right; height:40px; width:40px; background: #d5d4d5 url(/web/sts/images/middle/deconnexion.png) center center no-repeat; transition-duration:.3s }
.header__logout:hover { box-shadow:inset 0 0 10px -4px rgba(0,0,0,0.5); }
.header__logout:active { box-shadow:inset 0 0 10px -2px rgba(0,0,0,0.5); transition-duration:.1s }

.header__logo-block { clear:both; background:white; padding:20px 0; }
.header__logo-block__logo { display:block; width:250px; margin:-8px 0 -10px; height:50px; font-size:0; background:url("/web/sts/images/logo-home.svg") no-repeat; background-size:auto 100% }
.header__logo-block__actions { float:right; background:#f1f0f1; border-radius:2px; padding:10px 0; }
.header__logo-block__actions a:hover { text-decoration:none }
.header__logo-block__actions__booking { padding:10px 18px; font-weight:bold; background:#685242; color:white; border-radius:2px; }
.header__logo-block__actions__cart { padding:10px 18px; color:#58595b }

.header__main-nav { background:#58585a; border-bottom:3px solid #484849; color:#f1f0f1; padding-top:8px }
.__main-nav { padding:0; margin-bottom:-3px }
.__main-nav li { display:inline-block }
.__main-nav__link { display:block; padding:14px; border-radius:3px 3px 0 0; color:white; }
.__main-nav__link:hover { background-color:#363637; text-decoration:none }
.__main-nav__link.current { color:#757474; background-color:#f1f0f1; font-weight:bold; }

/* __CONTENT */
p.thin { width:380px; }
.dynamic { font-family:Consolas, Arial; font-weight:normal; }
.form__inputs-text,
.form__inputs-text-futher,
.form__inputs-special          { float:left; width:45%; margin-right:5%; }
.form__inputs-special          { margin-right:0; max-width:250px; padding-top:20px }
.form__inputs label.text-label { display:block; margin:20px 0; }
.inline-label,
.radio-label, .click-label     { display:inline-block; margin:5px 5px 25px auto }
.radio-label, .click-label     { margin-right:10px }
.input-label                   { display:block; margin:1px 0; color:#757474; }
.text, .select                 { height:35px; border:1px solid #c2c2c2; width:228px; padding:5px !important;
                                 box-shadow:inset 0 2px 6px -3px rgba(0,0,0,0.5); font-family:arial }
.error                         { border:1px solid #ef2945; box-shadow:inset 0 2px 6px -3px rgba(239,41,69,0.5); }
.disabled,
select[disabled],
input[disabled]                { /*width:228px;*/ box-shadow:none; background:#f7f6f7; cursor:default }
input[type="text"]:focus,
textarea:focus                 { border:1px solid #f68b1f; }
textarea.text                  { width:380px; height:103px; padding:8px 9px !important; }
input.date                     { background:white url("/web/sts/images/calendar.png") 95% center no-repeat;
                                 padding:5px 24px 5px 5px !important; font-size:14px; }
.checkbox-label, .radio-label,
.click-label                   { font-size:13px; color:#010000; }

.form__buttons { clear:both }

.clickable-cursor { cursor:pointer; }

.table-infos { width:100%; background:white; margin:40px auto; }
.table-infos th { background:#363637; color:white; padding:12px; border-left:1px solid #6e6e6f; box-shadow:0 2px 2px rgba(0,0,0,0.5); position:relative; text-align:center; }
.table-infos th:first-child, .table-infos td:first-child { border-left:0; }
.table-infos td { padding:15px 20px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; position:relative; vertical-align:middle }
.table-infos .orderable:after { display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f0de";
margin-left: 5px;
}

.table-infos .orderable.sort-desc:after { display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f0dd";
}


.table__btn-holder { text-align:center; }
.table__doctype { color:#717171; text-transform:uppercase; }
.table__date { color:#757474 }
.table__doc-name { color:#685242; font-weight:bold }
.white-box { background:white; border-bottom:3px solid #deddde; padding:30px 25px 50px; }

/*.clickable-row { cursor:pointer }*/
.clickable-row.disabled td,
.clickable-row.disabled td span { color:gray !important; cursor:default; }
.clickable-row.disabled .table__status { background:#c3c2c3; }

/* __Form override */
.default-form { font-size:13px; }
.default-form label { display:inline-block; vertical-align:middle; margin-right:5px; min-width:70px; }
.elt.elt-text, .elt-checkbox-single,
.elt.elt-select, .elt.elt-radio             { margin-top:20px }
h2.top                                      { margin:20px auto }
label.elt,
div.elt .elt-control                        { display:block; margin:1px 0; color:#757474; }
div.elt .elt-control.elt-wide select:focus,
div.elt .elt-control.elt-wide .text:focus   { box-shadow:inset 0 2px 6px -1px rgba(0,0,0,0.5); }
.default-form select,
.default-form .text,
div.elt .elt-control.elt-wide .text,
div.elt .elt-control select                 { height:35px; border:1px solid #c2c2c2; width:228px; padding:5px !important;
                                              box-shadow:inset 0 2px 6px -3px rgba(0,0,0,0.5); font-family:arial, consolas, monospace, arial;
                                              color:black; font-size:14px; }
.form__actions { /*width:228px;*/ margin:20px 0; clear:both }
.form__actions .right { margin-left:10px; }
.form__inline-label { width:50%; display:inline-block }
.form__inline-input { margin-top:10px; display:block }
.elt-checkbox .click-label { display:block; margin:0 }
.elt-checkbox.elt label.elt { margin-bottom:7px }
.form__inputs .left { margin-right:15px; }
.form__inputs-generic-holder { margin:30px 0; }

.form__filtres { background:white; clear:both; box-sizing:border-box; padding:15px; /*box-shadow:inset 0px 0px 5px -1px rgba(0,0,0,0.4); border:1px solid rgba(0,0,0,0.4);*/ }
.form__filtres__select-list { /*display:flex; justify-content:space-between; align-items:space-between;*/ clear:both; margin-bottom:15px; }
.form__filtres.courses .elt-select { display:inline-block; margin-right:10px; margin-top:0 }
.form__filtres.courses .form__actions { margin-bottom:0 }
.form__filtres.courses .elt-select:last-child { margin-right:0; }
.form__filtres__checkboxes .table__status { margin:-3px 10px 0 0; }
.form__filtres__dates .elt { display:inline-block; margin-right:10px }
.form__filtres__checkboxes, .form__filtres__text, .form__filtres__dates, .form__filtres__misc { display:inline-block; vertical-align:middle; margin-right:10px; width:228px }
/*.form__filtres__dates { width:auto; }*/
.form__button { margin-bottom:15px; }
.form__filtres .form__button { margin-bottom:0; display:inline-block; margin-left:114px; }
.input__modifier { display:inline-block; width:20px; vertical-align:middle; height:25px; margin:0px auto 0 -7px }
.input__modifier input { font-size:10px; display:block; width:20px; border:0; background:0; line-height:10px; height:10px; }
.input__modifier .up:active { transform:translate(0,-2px); -webkit-transform:translate(0,-2px); -moz-transform:translate(0,-2px); -ms-transform:translate(0,-2px); }
.input__modifier .down:active { transform:translate(0,2px); -webkit-transform:translate(0,2px); -moz-transform:translate(0,2px); -ms-transform:translate(0,2px); }
.course__details__info-box .form__inline-input .result { width:50px; text-align:center; display:inline-block }
.course__details__info-box .elt-checkbox .click-label { font-size:12px; margin:20px auto; }
.course__details__info-box .__table__row .elt-checkbox .click-label { margin:0 auto; }
.column { display:inline-block; vertical-align:top; margin-right:5px; }
.column.last { margin-right:0 }
/*.form__filtres__filling_percent .elt-select .elt-control select { width:auto }*/

/* __DASHBOARD */
.tile-grid__line { display:flex; flex-wrap:wrap; }
.tile { display:inline-block; width:440px; margin:20px 15px 5px 0; box-shadow:inset 0px 0px 5px -1px rgba(0,0,0,0.4); border:1px solid rgba(0,0,0,0.4); padding:15px; vertical-align:top; position:relative; min-height:15px; }
.tile__title { font-size:16px; font-weight:bold; color:#685242; display:block; background:#f1f0f1; padding:0 10px; margin-top:-24px; float:left; }
.tile__tile { width:45%; display:inline-block; margin:5px 5px 5px 0; }
.tile__tile__label { display:inline-block; width:40%; vertical-align:top; color:#757474; }
.tile__tile__address { display:inline-block; width:55% }
.tile__address__ { display:block }
.tile__address__.name { font-style:italic; font-weight:bold; margin-bottom:3px }
.tile__address__.email { color:#685242; }

.tile__actu { padding:10px 0 30px; }
.tile__actu__date { width:20%; display:inline-block; vertical-align:top; color:#757474 }
.tile__actu__content { width:75%; display:inline-block; vertical-align:top }
.tile__actu__content__subject { font-weight:bold; font-style:italic; }

.tile__actu__all-actus { position:absolute; bottom:10px; right:10px; }

/* __TABLES */
.table__status { display:inline-block; vertical-align:middle; width:15px; height:15px; border:1px solid #757474; font-size:0; margin:0; }
.table__status.status-0 { background:#685242; }
.table__status.status-1 { background:green; }

.table__vab { display:inline-block; vertical-align:middle; width:10px; height:10px; border:1px solid #757474; font-size:0; margin:0; }
.table__vab.vab-0 { background:white; }
.table__vab.vab-1 { background:green; }

/* __COURSES */
.courses__actions { text-align:right; margin:25px 0 0; }
.courses__.table-infos { margin-top:20px }

.course__details__info-box { padding:15px; box-shadow:inset 0px 0px 5px -1px rgba(0,0,0,0.4); border:1px solid rgba(0,0,0,0.4); }
.__info-box, .top-infos .elt.elt-radio { display:inline-block; vertical-align:top; margin:0 50px 0 0 }
.__info-box .label { display:inline-block; font-size:14px; width:120px; vertical-align:top; color:#757474 }
.__info-box .info { font-size:14px; }
.__info-box.notification { width:400px; background:#757474; padding:15px; color:#f1f0f1; border:3px solid #484849; font-size:13px; text-align:center; float:right; margin-right:0; }
.top-infos .elt.elt-radio .click-label { display:block; margin:0; }

.course__details__info-box.xtra { display:inline-block; margin:15px 15px 0 0; width:284px; vertical-align:top; }
.course__details__info-box.xtra.supplements { margin-right:0; width:326px; flex:1; }
.course__details__info-box.xtra.supplements .course__details__info-box__table { margin-top:0 }
.course__details__info-box.xtra.places { width:242px; }
.course__details__info-box__title { font-size:16px; font-weight:bold; color:#757474 }
.course__details__info-box.xtra div.elt .elt-control select { width:100% }
.course__details__info-box.xtra .__table__cell div.elt .elt-control select { width:auto }
.course__details__info-box.xtra .__table__cell div.elt .elt-control { display:inline-block; vertical-align:middle; }
.course__details__info-box__table div.elt label.elt { vertical-align:middle; margin-right:5px; }
.course__details__info-box__table .elt.elt-select { margin-top:0; }

.form__filtres.courses .form__filtres__dates { width:auto; }
.form__filtres.courses .form__filtres__dates .elt { max-width:150px; }

.course__details__info-box__table { display:table; width:100%; margin:15px auto 0; }
.__table__row { display:table-row }
.__table__cell { display:table-cell; padding:5px; }
input.number, .number.elt .elt-control select { text-align:center; font-size:12px; height:25px; }
.number.elt .elt-control select { padding-top:3px !important }
.__table__cell.heading { color:#757474; min-width:50px; }
.__table__cell.price { font-weight:bold }
.tarifs .__table__cell.new-price { padding-left:30px; }

.action-holder { min-width:55px; white-space:nowrap }
td.action-holder { text-align:left }
.action-holder .course-checkbox { margin:0 0 0 5px; display:inline-block; vertical-align:middle; }

/* __Signup */
.middle__signup-holder { width:350px; height:330px; padding-left:40px; position:absolute; top:50%; left:50%; margin:-250px auto auto -175px; border-left:1px dotted grey; }
.middle__signup-holder .text { width:100% }
.middle__signup-holder .form__actions .btn { margin-bottom:5px }
.middle__signup-holder .description { color:#757474; }
.middle__signup-holder .forget { margin-top:20px; }
.home-logo { display:block; background:url("/web/sts/images/logo-home.png") no-repeat; width:260px; height:46px; font-size:0; margin:0 auto 40px 0; background-size:100% }
.middle__signup-holder  .forgotten__password.description { margin:40px 0; }

/* __reclamations */
.reclamations__new__btn { margin:0 auto 40px; }
.form__filtres__wider .form__filtres__checkboxes { width:auto }
.form__filtres__checkboxes.courses__filters { /*width:auto;*/ margin:0 }
.form__filtres__checkboxes.inline .elt-checkbox { display:inline-block; vertical-align:top; margin-right:15px; }
.form__filtres__dates.column { width:228px; vertical-align:top; margin-right:20px; }
.form__filtres__dates.column .elt-date { margin-bottom:20px }
.form__filtres__misc.column { vertical-align:top; }
.column .elt:first-child { margin-top:0 }
.reclamations .form__other { padding:0; }
.reclamations__subtitle { margin:40px 0 10px; padding-bottom:10px; border-bottom:1px solid #685242 }
.reclamations .form__other div.elt { display:inline-block; margin-right:20px; width:228px; margin-top:10px }
.reclamations .form__other .last { display:inline-block }
.reclamations .form__other .last div.elt { margin-right:0px; }
.reclamations .form__other .text { width:228px; }
.reclamtions__comment { border:1px solid #c2c2c2; min-height:100px; }
.reclamations .reclamation__checkbox__type { margin:20px 0; }
.reclamations .reclamation__checkbox__type label.click-label { width:420px; float:left; margin-right:10px; margin-bottom:4px; }
.reclamations .elt-file { color:#757474; margin:15px 0 0px; display:block }
.reclamations div.elt.elt-captcha { width:100%; }
.reclamations .elt.elt-captcha label.elt { min-width:200px; display:inline-block; vertical-align:middle; }
.reclamations .elt.elt-captcha .elt-control { display:inline-block; vertical-align:middle; }
.reclamations .form__reclamations__extras .input-holder { min-width:400px; }
.reclamations .input-holder .elt-label { min-width:200px; display:inline-block }
.textarea-counter { color:#757474; margin-top:5px; }
.form__reclamations__input-file { display:inline-block; border:0; width:300px; }
.form__reclamations__extras { margin-bottom:35px; }

.reclamations__top { padding-left:20px; }
.reclamations__infos-diverses, .reclamations__commentaires { float:left; width:45%; }
.reclamations__infos-diverses { margin-right:5%; }
.reclamation__title { font-size:16px; font-weight:bold; color:#757474; padding-bottom:10px; border-bottom:1px solid #e4e3e4; margin:auto 0 20px 0; }
.reclamation__infos-diverses__infos,
.reclamation__commentaires__infos { margin:auto auto 30px; }

.reclamation__title.history { margin-bottom:10px; }
.reclamations__historique__element { border-bottom:1px solid #e4e3e4; }
.reclamation__infos-diverses__infos__address .__address__,
.reclamation__infos-diverses__infos__links a { display:block }
.reclamation__infos-diverses__infos__links { text-align:right; }
td.head-desc { width:150px; color:#848484; padding-right:20px; }
.reclamations__historique__element td.head-desc { width:100px; color:#848484; padding-right:20px; }
.reclamations__historique__head,
.reclamations__historique__infos { width:100%; margin:12px 0; }
.reclamations__historique__head .title { font-weight:bold; }
.reclamations__historique__head .action { text-align:right; cursor:pointer; color:#685242; padding-right:5px; }

.reclamation__commentaires__infos__attachments { margin:15px 0; }
.reclamation__commentaires__infos__attachments__title { color:#848484; display:block; }
.reclamation__commentaires__infos__internal-comment { height:200px !important; }

.reclamations__form { margin:40px 0; }
.reclamations__form__select { margin-top:5px; }
.reclamations__form__select.first { padding-top:20px }
/*.reclamations__form__select.first .elt-select { margin-right:40px; }*/
.reclamations__form__select .elt-select,
.reclamations__form__select .elt-date { /*width:300px;*/ float:left; margin:0 5px auto 0 }
.reclamations__form__select .elt-date { width:auto; }
.reclamations__form__checkbox { margin:25px 0; }
.reclamations__form__answerbox { padding:30px 0 25px; border-top:1px solid #c7c6c7; border-bottom:1px solid #c7c6c7; margin-bottom:25px; }
.reclamations__form__answerbox__radios { width:420px; }
.reclamations__form__answerbox__radio { height:40px; }
.reclamations__form__answerbox__radio .text { margin-top:-4px; }
.reclamations__form__answerbox__select { width:350px; margin-bottom:5px }
.reclamations__form__answerbox__message-area .cke_1 { float:left; }
.reclamations__form__answerbox__message-area__xtras { margin-top:15px; }
.reclamations__form__answerbox__message-area__xtras .file-input-box { width:250px; /*height:40px;*/ /*position:relative;*/ }
.reclamations__form__answerbox__message-area__xtras .file-input-box input { width:250px; height:30px; /*opacity:0; position:absolute; left:0; top:0;*/ }
.reclamations__form__answerbox__message-area__xtras .file-input-box span { display:inline-block; vertical-align:middle; margin-right:10px;
                                                                           font-weight:bold; width:145px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.reclamations__form__answerbox__message-area__xtra__courrier { border-top:1px solid #c7c6c7; padding-top:0px; margin-top:30px }
.reclamations__form__answerbox__message-area__xtra__courrier .click-label { display:block; margin:5px 0; }
.reclamations__form__answerbox__message-area__xtra__courrier .btn { margin:10px 0 0 20px; }
.reclamations__form__answerbox__message-area__submit { margin-top:15px }
.submit-for-justification { margin:17px 0 0 1px }

.reclamations__form__answerbox__action { margin-top:20px }

.file-link { margin:auto 5px 5px 0; display:inline-block }
.remove-link { color:#757474; font-size:11px; }

.reclamations__form__select div.elt .elt-control.elt-wide select { width:228px; }
.reclamtions__comment.text { width:100% !important; margin-top:20px }

.reclamations__form { padding:30px 50px; }
.list-searcher__filters { width:100%; }
.list-searcher__filters__text-inputs { /*width:300px;*/ padding-right:20px; vertical-align:bottom; }
.list-searcher__filters__text-inputs.last { padding-right:0; }

.dialog-support div.elt .elt-control.elt-wide .text { width:100%; }
.dialog-support .reclamations__form { margin:0; }

.reclamations__trip-details { margin:15px 0; padding:10px; background:white; }
.reclamations__trip-details .reclamations__trip-details__label { width:140px; margin-right:10px; display:inline-block; vertical-align:middle }
.reclamations__trip-details .reclamations__trip-details__result {  display:inline-block; vertical-align:middle; font-weight:bold; }

#cke_anonymous_element_1 { max-width:600px }

.table-infos.selectable tr:hover { cursor:pointer; background:#f0f1f0; }

/* __users */
.column .click-label { margin:0px 10px 0 0 }
.column .elt-radio { display:inline-block; vertical-align:top; margin:0 50px auto auto }
.column .elt.elt-radio label.elt { margin-bottom:0px }

.file-manager { padding:20px 50px; }
.file-manager .side { margin:20px 0; }
.file-manager .preview { background:#f8f7f8; margin-left:-10px; }
.file-manager .preview .file-selector { display:inline-block; margin-right:10px; vertical-align:middle; }
.file-manager .row-filename { font-size:14px; font-style:italic; margin:0 10px; display:inline-block; vertical-align:middle; }
.file-manager .preview-container { padding:10px; }
.file-manager .upload [type="file"] { padding:3px 15px 3px 3px; background:#f8f7f8; border-radius:3px; margin-right:10px; }
.file-manager .upload input { display:inline-block; vertical-align:middle; }
.file-manager .upload .message { font-size:12px; }
.file-manager .upload-form { margin:15px 0; }
.panels ul { padding:0; }
.file-manager__file-list { list-style-image:none; padding:5px; margin-left:-5px; cursor:pointer }
.file-manager__file-list:hover { background:#f8f7f8; }

.action-users-items-list .column .click-label { display:block }
.action-users-items-list .form__filtres__text.last { flex:1 }
.action-users-items-list .form__filtres__text.last .text { width:100% }

.action-users-item-edit .form__actions { margin-top:40px }
.action-users-item-edit .options .left { margin-right:40px }
.action-users-item-edit .options label { margin-bottom:2px }

.action-users-items-list td.action-holder { text-align:center }

/* Trafic */
.action-trafic-item-edit div.elt .elt-control.elt-wide .text,
.action-trafic-item-edit div.elt .elt-control select { width:100%; }
.action-trafic-item-edit .form__inputs-text { width:30% }
.action-trafic-item-edit .form__inputs-text__textareas { float:left; width:65%; }
.action-trafic-item-edit .elt-localized,
.action-trafic-item-edit .elt-localized textarea { width:100%; margin-bottom:10px }
.action-trafic-item-edit .elt-localized textarea { min-height:100px; resize:auto }
.action-trafic-item-edit .elt-localized .elt-control.elt-wide { margin-top:-18px }
.action-trafic-item-edit .elt.elt-text:first-child { margin-top:0 }
.action-trafic-item-edit .form__inputs-text label.elt:first-child { margin-bottom:6px }
.action-trafic-item-edit .elt-date { flex:1 }
.action-trafic-item-edit .elt-date + .elt-date { margin-left:5px; }
.action-trafic-item-edit .form__inputs-text__dates { display:flex; justify-content:space-between; margin-top:5px }
.action-trafic-item-edit .form__inputs-text .locales img { margin:0 10px 0 -3px; }
.action-trafic-item-edit .form__inputs-text__.second { margin-top:-14px; }
.action-trafic-item-edit .form__inputs-text__.dates { margin-top:24px; }

/* Contrats */

.contrats__comment-add { margin:30px 0 15px; }
.contrats__comment-add textarea.text { width:100%; margin:10px 0; }
.reclamations__historique__element.contrats td.head-desc { width:230px; }
.reclamations__historique__element.contrats .reclamations__historique__infos { padding:10px 130px 10px 250px; width:auto }
.reclamations__historique__element.contrats .reclamations__historique__infos__comment { color:#757474; font-size:12px; }

/* Suivi */

.month-year-selector { margin-left:20px; }
.month-year-selector select { width:auto !important }
.month-year-selector .elt-select { display:inline-block !important }
.suivi__suivi-frequentation__elt-other .month-year-selector,
.suivi__suivi-frequentation__elt-other .elt-radio { display:inline-block }
.suivi__suivi-frequentation__actions { padding-top:33px }
.suivi__suivi-frequentation__modale { flex:1 60px; }
.suivi__subtitle { margin:40px 0px 0px 0px; }
.suivi__suivi-frequentation__explication__holder { flex:1; padding:47px 30px 0; }
.suivi__suivi-frequentation__explication { background:white; padding:10px 20px; }
.suivi__suivi-frequentation__code-promo { flex:3 }
.suivi__suivi-frequentation.white-box { padding:0 20px 20px; margin-top:10px }

/* Centrale */

.centrale-search__desc { /*padding:80px 0 0 0;*/ color:#757474; }
.action-centrale #home-trip-searcher { margin-right:50px; }

.title:not(td) { font-size:16px; color:#757474; margin:15px auto; font-weight:bold }
.action-centrale .title { font-size:28px; }

.infos__passagers__amount,
.centrale__aside__title,
.reservation__passenger__ref { color:#757474; }

.choice { margin:10px 0 }
.choice__label { color:#757474; margin:0 0 2px 0; display:block }
.choice.select-list select { width:auto; }
.date-aller { margin-right:4px; }
.date-aller-retour, .date-aller { max-width:110px; display:inline-block }
#home-trip-searcher .form__actions { margin-top:25px; }
#home-trip-searcher .autocomplete ul { background:white; margin-top:-3px; padding-left:0; border:1px solid #d9d9d9; box-shadow:0 3px 5px -2px rgba(0,0,0,.2); }
#home-trip-searcher .autocomplete ul li { font-size:14px; padding:10px; list-style:none; border-color:#d9d9d9; cursor:pointer }
#home-trip-searcher .autocomplete ul li.selected { background:#f8f7f8; }

.centrale__form__header__arrow { background:url(/web/sts/images/sts.sprite.png) no-repeat }
.recap__passagers__infos__passager__select { display:inline-block; vertical-align:middle; margin:auto 10px; }
.recap__passagers__infos__passager__select .elt.elt-select { margin:0; }
.recap__passagers__infos__passager__select .elt.elt-select select { width:auto; }
.recap__passagers__infos__passager .recap__passagers__infos__passager__.index { float:none; display:inline-block; vertical-align:middle; }

div.recap__total__commande__amount { padding-top:0; }
.__ticket__ { margin-bottom:3px; }
.recap__total__commande__coupon__result { text-align:right; margin:15px 0 0; color:white; font-weight:bold; font-style:italic; }
.recap__total__commande__coupon { max-width:400px; }
.recap__total__commande__coupon__diff { text-align:right; font-weight:normal; margin-bottom:3px; padding:8px 0; border-bottom:1px dotted white; }
.recap__total__commande__coupon__diff__amount { font-weight:bold; width:70px; display:inline-block }
.reduc__amount { display:inline-block; width:70px; }
.recap__total__commande__coupon__reduc { font-style:italic; }
.recap__total__commande__amount { text-align:right; }
.order-coupon-compose .promotion-title { width:115px; }

.group.trip-details__passenger__.head { width:130px; margin-right:10px; }
.group.trip-details__passenger__.name { max-width:300px; }
table .group.trip-details__passenger__.name { max-width:none; }

.order-detail__trip-title.annulation { margin:30px 0; border-top:1px dotted #d9d9d9; padding-top:30px; }

/* Gestion des ventes */

.form__filtres__wider .elt-date { margin-top:20px; }
.form__filtres__wider .form__actions { width:228px; margin-top:36px; }
.default-form select.number { width:auto; }
.modale__ticket__action-box__passenger-type-list { margin:20px auto 0; padding-top:20px; border-top:1px dotted #d9d9d9; float:left }
.modale__ticket__action-box__passenger-type-list__item { margin:4px auto; }
.modale__ticket__action-box.modifier .trip-details__passengers__actions { margin:30px 45px 0; }

.modale__ticket__action-box__select { margin:0 0 20px 0; }
.modale__ticket__action-box__passengers__passenger { margin:3px 0; }
.modale__ticket__action-box__montants { margin:20px 0; }
.modale__ticket__action-box__montants .click-label { margin:15px 0 0; }
.modale__ticket__action-box__supplements { max-width:540px }

.action-sales-item-edit textarea.text { width:471px; }
.order-detail__trip-trajets { padding:10px 0 0 0; margin:10px 0; border-top:1px solid #d3d2d2; }
.order-detail__trip-trajets .infos__trajet { margin:0 0 10px 0; }
.order-detail__trip-trajets .infos__trajet__ligne { font-size:12px; }

/**/

.language[lang]:before { content:""; background:url(/web/sts/images/sts.sprite.png) no-repeat; vertical-align:middle; display:inline-block; font-size:0; width:16px; height:13px; background-position:-4px -11px; margin:-2px 5px auto; }
.language[lang="it"]:before { background-position:-4px -25px; }
.language[lang="en"]:before { background-position:-4px -39px; }
#language-selector { margin:auto auto auto -42px; position:absolute; top:39px; background:#f1f0f1; padding:10px; width:80px; box-shadow:0 3px 3px -2px rgba(0,0,0,0.5); z-index:11; border-bottom:3px solid #888686 }

/* Actualités */

.news-list ul                          { padding:0; }
.news-list__element                    { list-style-image:none; }
.news-list__element__title             { display:block; font-weight:bold; font-size:16px; }
.news-list__element__description       { color:#757474; display:block; margin:10px 0; max-width:88%; }
.news-list__element-link               { display:block; padding:20px 15px; position:relative; }
.news-list__element-link.odd           { background:white; }
.news-list__element-link:after         { content:""; opacity:0; background:url(/web/sts/images/sts.sprite.png) no-repeat -113px -140px;
                                         width:30px; height:30px; position:absolute; right:15px; top:50%; margin-top:-15px; -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; transition-duration:0.2s; }
.news-list__element-link:hover         { text-decoration:none; }

.news-list__element-link:hover .news-list__element__title { text-decoration:underline }
.news-list__element-link:hover:after { opacity:1; }

/* Customers */
.action-customer-item-edit .form__inputs-text-wider { margin-top:20px; width:100%; }
.action-customer-item-edit .form__inputs-text-wider div.elt .elt-control.elt-wide .text { width:100%; height:auto; }

.action-customer-item-edit .form__inputs-text-wider.user_titres { position:relative; }
.action-customer-item-edit .form__inputs-text-wider.user_titres .btn-add { position:absolute; top:-55px; right:20px; }

.action-customer-item-edit .form__inputs-text-wider.titre div.elt { display:inline-block; }
.action-customer-item-edit .form__inputs-text-wider.titre .titre_dates { display:inline-block; }