/** **/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit; /* 1 */
font: inherit; /* 2 */
margin: 0; /* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0; /* 1 */
padding: 0; /* 2 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/
/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/
/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
position: relative;
width: 100%;
max-width: 960px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box; }
.column,
.columns {
width: 100%;
float: left;
box-sizing: border-box; }
/* For devices larger than 400px */
@media (min-width: 400px) {
.container {
width: 85%;
/*padding: 0;*/
}
}
/* For devices larger than 550px */
@media (min-width: 550px) {
.container {
width: 80%; }
.column,
.columns {
margin-left: 4%; }
.column:first-child,
.columns:first-child {
margin-left: 0; }
.one.column,
.one.columns { width: 4.66666666667%; }
.two.columns { width: 13.3333333333%; }
.three.columns { width: 22%; }
.four.columns { width: 30.6666666667%; }
.five.columns { width: 39.3333333333%; }
.six.columns { width: 48%; }
.seven.columns { width: 56.6666666667%; }
.eight.columns { width: 65.3333333333%; }
.nine.columns { width: 74.0%; }
.ten.columns { width: 82.6666666667%; }
.eleven.columns { width: 91.3333333333%; }
.twelve.columns { width: 100%; margin-left: 0; }
.one-third.column { width: 30.6666666667%; }
.two-thirds.column { width: 65.3333333333%; }
.one-half.column { width: 48%; }
/* Offsets */
.offset-by-one.column,
.offset-by-one.columns { margin-left: 8.66666666667%; }
.offset-by-two.column,
.offset-by-two.columns { margin-left: 17.3333333333%; }
.offset-by-three.column,
.offset-by-three.columns { margin-left: 26%; }
.offset-by-four.column,
.offset-by-four.columns { margin-left: 34.6666666667%; }
.offset-by-five.column,
.offset-by-five.columns { margin-left: 43.3333333333%; }
.offset-by-six.column,
.offset-by-six.columns { margin-left: 52%; }
.offset-by-seven.column,
.offset-by-seven.columns { margin-left: 60.6666666667%; }
.offset-by-eight.column,
.offset-by-eight.columns { margin-left: 69.3333333333%; }
.offset-by-nine.column,
.offset-by-nine.columns { margin-left: 78.0%; }
.offset-by-ten.column,
.offset-by-ten.columns { margin-left: 86.6666666667%; }
.offset-by-eleven.column,
.offset-by-eleven.columns { margin-left: 95.3333333333%; }
.offset-by-one-third.column,
.offset-by-one-third.columns { margin-left: 34.6666666667%; }
.offset-by-two-thirds.column,
.offset-by-two-thirds.columns { margin-left: 69.3333333333%; }
.offset-by-one-half.column,
.offset-by-one-half.columns { margin-left: 52%; }
}
/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
font-size: 62.5%; }
body {
font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
line-height: 1.6;
font-weight: 400;
font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #222; }
/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 2rem;
font-weight: 300; }
h1 { font-size: 4.0rem; line-height: 1.2; letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3; letter-spacing: -.1rem; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5; letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0; }
/* Larger than phablet */
@media (min-width: 550px) {
h1 { font-size: 5.0rem; }
h2 { font-size: 4.2rem; }
h3 { font-size: 3.6rem; }
h4 { font-size: 3.0rem; }
h5 { font-size: 2.4rem; }
h6 { font-size: 1.5rem; }
}
p {
margin-top: 0; }
/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
color: #000; }
a:hover {
color: #888; }
/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
display: inline-block;
height: 38px;
padding: 0 30px;
color: #555;
text-align: center;
font-size: 11px;
font-weight: 600;
line-height: 38px;
letter-spacing: .1rem;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
background-color: transparent;
border-radius: 4px;
border: 1px solid #bbb;
cursor: pointer;
box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
color: #333;
border-color: #888;
outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
color: #FFF;
background: #ff4130;
border: none;
}
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
color: #FFF;
background: #ff4130;
border: none;
}
/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
height: 38px;
padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
background-color: #fff;
border: 1px solid #D1D1D1;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
textarea {
min-height: 65px;
padding-top: 6px;
padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
border: 1px solid #888;
outline: 0; }
label,
legend {
display: block;
margin-bottom: .5rem;
font-weight: 600; }
fieldset {
padding: 0;
border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
display: inline; }
label > .label-body {
display: inline-block;
margin-left: .5rem;
font-weight: normal; }
/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
list-style: circle inside; }
ol {
list-style: decimal inside; }
ol, ul {
padding-left: 0;
margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
margin: 1.5rem 0 1.5rem 3rem;
font-size: 90%; }
li {
margin-bottom: 1rem; }
/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
padding: .2rem .5rem;
margin: 0 .2rem;
font-size: 90%;
white-space: nowrap;
background: #F1F1F1;
border: 1px solid #E1E1E1;
border-radius: 4px; }
pre > code {
display: block;
padding: 1rem 1.5rem;
white-space: pre; }
/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
padding: 12px 15px;
text-align: left;
border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
padding-left: 0; }
th:last-child,
td:last-child {
padding-right: 0; }
/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
margin-bottom: 2.5rem; }
/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
width: 100%;
box-sizing: border-box; }
.u-max-full-width {
max-width: 100%;
box-sizing: border-box; }
.u-pull-right {
float: right; }
.u-pull-left {
float: left; }
/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
margin-top: 3rem;
margin-bottom: 3.5rem;
border-width: 0;
border-top: 1px solid #E1E1E1; }
/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
content: "";
display: table;
clear: both; }
/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/
/* Larger than mobile */
@media (min-width: 400px) {}
/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}
/* Larger than tablet */
@media (min-width: 750px) {}
/* Larger than desktop */
@media (min-width: 1000px) {}
/* Larger than Desktop HD */
@media (min-width: 1200px) {}
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/**/
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], input:-webkit-autofill,
label input, label select {
max-width: 100%;
width: 100%;
height: 30px;
margin-bottom: 6px;
border: none;
border-bottom: 1px solid grey;
border-radius: 0;
background-color: rgb(255, 255, 255) !important;
}
.col-1 {
width: 10%;
}
.col-2 {
width: 20%;
}
.col-3 {
width: 30%;
}
.col-4 {
width: 40%;
}
.col-5 {
width: 50%;
}
.col-6 {
width: 60%;
}
.col-7 {
width: 70%;
}
.col-8 {
width: 80%;
}
.col-9 {
width: 90%;
}
.toFooter {
display: none;
}
.right {
float: right;
}
.txt-center {
text-align: center;
}
.flex-center {
display: flex;
justify-content: center;
}
.warning {
margin: 20px 0;
text-align: center;
}
.warning > * {
color: #cf3429;
}
select:not(.btnList, .filterRow-select) {
-webkit-appearance: none;
background: url("data:image/svg+xml;utf8,") right no-repeat #fff;
background-position: right 4px top 10px;
background-size: 15px 15px;
}
a.tinylink {
color: #007aff;
}
.modal {
background-color: #c70829;
position: fixed;
width: 100%;
height: 100%;
top: 49px;
left: 0;
z-index: 10000;
display: none;
transform: scaleY(0);
transform-origin: 50% 0;
transition: transform 0.5s ease;
}
.footerResa {
transition: bottom 2s ease;
position: fixed;
left: 0;
bottom: -50px;
height: 50px;
width: 100%;
z-index: 9985;
background: #0209bd;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
text-transform: uppercase;
font-size: 14px;
}
.footerResashow {
bottom: 0px;
}
.footerResa .container {
padding: 0 10px;
display: flex;
justify-content: space-between;
align-items: center;
height: 50px;
}
.container.erreur {
display: none;
}
.footerResa .btnmini {
height: 20px;
margin: 10px;
flex-grow: 2;
line-height: 20px;
}
.modal.modalshow, .modalContainer.modalshow {
display: block;
transform: scaleY(1);
}
.modalBox-content > .isModalContent {
display: block;
}
body.modalshow {
overflow: hidden;
}
.basem.modalshow {
display: none;
opacity: 0;
}
h1 {
font-size: 2.2rem;
margin: 0;
}
h1.part {
font-size: 14px;
}
.blocmixte {
margin-top: 10px;
}
.blocmixte h1 {
font-weight: bold;
font-size: 1.6em;
}
.blocmixte h2 {
font-weight: bold;
font-size: 1.4em;
}
body {
font-size: 12px;
overflow-x: hidden;
}
p {
margin-bottom: 0;
}
h2 {
margin: 0;
margin-bottom: 5px;
}
h5 {
margin: 10px;
font-size: 18px;
line-height: 18px;
text-align: center;
}
h3 {
margin: 0;
margin-bottom: 5px;
font-size: 1.4rem;
color: #444;
}
h5.err {
font-size: 14px;
margin-top: 25px;
margin: 0;
}
.error, .err, .erreur {
background-color: #fff;
padding: 5px;
margin-bottom: 9px;
padding: 5px;
margin-bottom: 9px;
color: #c00;
border: 5px solid #c00;
font-weight: 700;
padding: 10px;
font-size: 14px;
text-align: center;
}
h1.title {
font-size: 1.4rem;
border-bottom: 1px dotted #aaa;
margin-bottom: 8px;
}
.rowbase {
padding: 10px;
}
.searchHeader {
display: none;
}
.withSearch .searchHeader {
display: block;
position: relative;
}
.withSearch .searchHeaderInput {
height: 28px;
width: 100%
}
.withSearch .searchHeaderButton,
.withSearch .searchHeaderButton:hover {
height: 28px;
position: absolute;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
top: 0;
right: 0;
line-height: 10px;
padding: 0 10px;
font: normal normal normal 14px/1 FontAwesome;
background-color: #800;
background: linear-gradient(to bottom, #45484d 0%, #000000 100%);
color: white;
border: 1px solid #222;
margin-left: -10px;
}
.withSearch .basem {
padding-top: 100px;
}
.withSearch .header {
height: 100px;
top: 0;
}
.suggestion_list {
position: absolute;
background: white;
border: 1px solid red;
padding: 4px;
color: black;
z-index: 1000000;
}
#autosuggest.suggestion_list ul {
padding: 0;
margin: 4px;
list-style-type: none;
z-index: 10000;
}
.suggestion_list li {
padding: 0;
margin: 2;
list-style-type: none;
display: block;
}
#autosuggest li a {
height: 48px;
padding: 2px;
overflow: hidden;
text-decoration: none;
color: black;
display: block;
width: 100%;
}
#autosuggest li a.aspect {
height: 28px;
padding: 2px;
background-color: #E6E6D8;
overflow: hidden;
text-decoration: none;
color: black;
display: block;
width: 100%;
}
#autosuggest li a.asalle {
height: 24px;
padding: 2px;
background-color: #E6E6D8;
overflow: hidden;
text-decoration: none;
color: black;
display: block;
font-size: 11px;
width: 100%;
}
#autosuggest li a.anext {
height: 20px;
text-align: right;
padding: 2px;
overflow: hidden;
text-decoration: none;
color: black;
display: block;
width: 100%;
}
li.selected a:link, li.selected a:visited {
border: 1px solid #800;
background: #b92327 !important;
color: white !important;
}
.suggestion_list .selected a {
color: white;
}
#autosuggest {
display: none;
width: 100%;
position: relative;
border: 1px solid #555;
/* top: 26px; */
left: 0;
z-index: 199999;
font-family: arial;
}
.pub {
padding: 10px 0px;
}
.pub--extend {
width: 100vw;
margin-left: calc(-50vw + 50%);
}
.pub--noAnotation {
padding: 4px 0px 0px 0px;
margin: 4px 0 8px 0;
line-height: 1.2em;
}
.cardContainer > .pub {
position: relative;
width: 100vw;
left: calc(-50vw + 50%);
}
.pub:not(.pub--noAnotation):after {
content: "Publicit\00E9";
font-size: 10px;
color: #ccc;
position: relative;
bottom: 6px;
right: 10px;
width: 100%;
display: block;
text-align: right;
}
.pub--top::before {
content: "Publicit\00E9";
font-size: 10px;
color: #ccc;
position: relative;
left: 10px;
width: 100%;
display: block;
text-align: left;
}
.width_pub_200 .pub:after {
text-align: center;
right: 0;
bottom: 0;
}
.pubposthead {
margin-top: -8px;
}
.max640x250, .max640x250 img,
.max728x90,
.max728x90 img {
width: 100%;
height: auto;
}
.max728x90 img{
margin-top: 4px;
}
.max640x250 img,
.max728x90 img {
box-shadow: 0 0 4px 0 #444;
}
.max200x200,
.max200x100 {
margin: 0 auto;
width: 65%;
max-width: 250px;
}
.max200x100 img,
.max200x200 img {
width: 100%;
height: auto;
box-shadow: 0 0 4px 0 #444;
}
.evtList .evtRow {
padding: 10px 0;
border-bottom: 1px solid #eee;
display: block;
color: black;
float: left;
width: 100%;
}
a.evtRow,
a.row {
text-decoration: none;
}
.elReduc {
font-size: 11px;
margin: 5px auto;
line-height: 11px;
color: #888;
text-align: center;
width: 40px;
}
.elReduc i {
color: #c00;
font-size: 14px;
font-weight: bold;
display: block;
}
.evtListHz {
overflow: hidden;
}
.evtListHz .swiper-slide {
width: 90px;
text-align: center;
}
.evtListHz .elPhoto {
width: 40%;
float: none;
text-align: center;
}
.elPhoto {
min-width: 90px;
}
.evtListHz .photoevt {
height: 100px;
width: 80px;
}
.elAcr {
width: 62%;
float: right;
text-align: left;
}
.evtListHz .elAcr {
display: block;
float: left;
width: 100%;
text-align: center;
}
.elDescr {
font-size: 14px;
line-height: 14px;
color: #555;
}
.elDispo {
font-size: 12px;
line-height: 13px;
color: #aaa;
}
.elPrix {
font-size: 12px;
line-height: 11px;
padding-top: 5px;
}
.prixli {
padding: 0 5px 0 0;
font-weight: bold;
font-size: 15px;
color: #FF4130;
}
.evtListHz .elTitre,
.evtListHz .elPrix,
.evtListHz .prixli {
font-size: 11px;
line-height: 11px;
}
.evtListHz .elTitre {
margin-top: 5px;
height: 45px;
overflow: hidden;
}
.elPrixFrais {
font-size: 10px;
color: #aaa;
}
.elPrixPromo {
line-height: 12px;
font-size: 10px;
color: #aaa;
display: block;
}
.evtListHz .elPrix {
font-size: 9px;
height: 50px;
overflow: hidden;
}
.evtListHz .elPrixFrais {
font-size: 8px;
}
.elSalle {
padding: 4px 0;
font-weight: bold;
font-size: 12px;
line-height: 11px;
}
.elArbo {
font-size: 11px;
line-height: 11px;
color: #444;
}
.notesNb {
font-size: 11px;
color: #888;
padding-bottom: 4px;
position: relative;
bottom: 5px;
}
.notevB,
.notevB b,
.notevM,
.notevM b,
.notevS,
.notevS b,
.notevB b i,
.notevM b i,
.notevS b i {
background-image: url('/z/billetreduc/images/notes.png');
display: inline-block;
}
.notevB,
.notevB b,
.notevB b i {
background-position: -3px -32px;
width: 106px;
height: 27px;
}
.notevB b {
background-position: -3px -1px;
}
.notevB b i {
background-position: -3px -1px;
background-color: #fff;
display: block;
text-indent: -9999px;
width: 10px;
}
.notevM,
.notevM b,
.notevM b i {
background-position: -3px -90px;
width: 64px;
height: 17px;
}
.notevM {
position: relative;
margin-top: 4px;
border: 1px solid transparent;
}
.notevM--header {
margin-top: 0px;
}
.notevM b {
border: 1px solid transparent;
width: 66px;
position: absolute;
top: -1px;
left: -1px;
background-position: -3px -71px;
}
.notevM b i {
background-position: -3px -71px;
background-color: #fff;
text-indent: -9999px;
display: block;
width: 5px;
margin-left: -1px;
}
.notevS,
.notevS b,
.notevS b i {
background-position: -85px -91px;
width: 46px;
height: 12px;
}
.notevS b {
background-position: -85px -76px;
}
.notevS b i {
background-position: -85px -76px;
background-color: #fff;
text-indent: -9999px;
display: block;
width: 5px;
}
.notevB .note9 {
width: 94px;
}
.notevB .note8 {
width: 106px;
background-position: -22px -1px;
}
.notevB .note7 {
width: 74px;
}
.notevB .note6 {
width: 106px;
background-position: -42px -1px;
}
.notevB .note5 {
width: 53px;
}
.notevB .note4 {
width: 106px;
background-position: -62px -1px;
}
.notevB .note3 {
width: 33px;
}
.notevB .note2 {
width: 20px;
background-position: -82px -1px;
}
.notevB .note1 {
width: 14px;
}
.notevB .note0 {
width: 0;
border: 0;
}
.notevS b.note10 {
width: 46px;
}
.notevS b.note9 {
width: 40px;
}
.notevS b.note8 {
width: 40px;
background-position: -94px -76px;
}
.notevS b.note7 {
width: 32px;
}
.notevS b.note6 {
width: 30px;
background-position: -102px -76px;
}
.notevS b.note5 {
width: 24px;
}
.notevS b.note4 {
width: 30px;
background-position: -110px -76px;
}
.notevS b.note3 {
width: 16px;
}
.notevS b.note2 {
width: 12px;
background-position: -118px -76px;
}
.notevS b.note1 {
width: 6px;
}
.notevS b.note0 {
width: 0;
border: 0;
}
.notevM,
.notevB,
.notevS {
display: inline-block;
}
.notevM b.note10 {
width: 64px !important;
}
.notevM b.note9 {
width: 56px !important;
}
.notevM b.note8 {
width: 64px;
background-position: -15px -71px;
}
.notevM b.note7 {
width: 44px;
}
.notevM b.note6 {
width: 44px;
background-position: -27px -71px;
}
.notevM b.note5 {
width: 32px;
}
.notevM b.note4 {
width: 44px;
background-position: -39px -71px;
}
.notevM b.note3 {
width: 20px;
}
.notevM b.note2 {
width: 20px;
background-position: -51px -71px;
}
.notevM b.note1 {
width: 9px;
}
.notevM b.note0 {
width: 0;
}
b.note0 i {
width: 0;
border: 0;
}
.prepage {
background: #eee;
padding: 5px 15px;
opacity: 0.89;
color: #444;
font-size: 17px;
box-shadow: 0 2px 2px 0 #aaa;
margin-bottom: 10px;
}
.prepage h4,
.prepage h5,
.prepage h6 {
text-align: center;
padding: 10px;
}
.prepage h4 {
font-size: 20px;
line-height: 20px;
}
.prepagelink {
padding-top: 5px;
font-size: 14px;
line-height: 14px;
}
.prepage p {
font-size: 12px;
line-height: 12px;
text-align: center;
}
.button.btnnext {
width: 46%;
margin-top: 5px;
padding: 0 10px;
float: right;
}
.button.btnprevious {
width: 46%;
margin-top: 5px;
padding: 0 5px;
float: left;
}
.btnline {
border: 1px solid #aaa;
padding: 10px;
display: block;
color: black;
border-radius: 4px;
border-color: #adb1b8 #a2a6ac #8d9096;
border-style: solid;
border-width: .1rem;
cursor: pointer;
position: relative;
margin: 10px;
text-decoration: none !important;
vertical-align: middle;
-webkit-tap-highlight-color: transparent;
}
.btngrey {
background: #e7e9ec;
background: linear-gradient(to bottom, #eee, #dcdee4)
}
input[type="submit"].btnred, .btnred, .button, button, input[type="submit"], input[type="reset"], input[type="button"], .element .abtn, #preliste .abtn, .newcrit .abtn, .btn_privilege .abtn, .pagination .abtn {
background: #ff4130;
border: none;
color: white;
border-radius: 0;
margin-bottom: 0;
word-spacing: normal;
}
input[type="submit"].abtn--green, div.abtn.abtn--green {
background-color: #09AC15;
height: 50px;
width: 100%;
margin: 0 0 20px 0;
}
div.abtn {
color: white;
font-weight: 600;
font-size: 14px;
line-height: 50px;
text-transform: uppercase;
text-align: center;
}
#loginuser #loginuserbox input[type="submit"], .element .abtn {
margin-top: 20px;
}
.pagination {
background-color: white;
}
.pagination .left {
float: left;
}
.pagination .right {
float: right;
}
.element .abtn, #preliste .abtn, .newcrit .abtn, .btn_privilege .abtn, .pagination .abtn {
display: inline-block;
height: 38px;
padding: 0 30px;
text-align: center;
font-size: 11px;
font-weight: 600;
line-height: 38px;
letter-spacing: .1rem;
text-transform: uppercase;
text-decoration: none;
}
#preliste .abtn {
display: block;
margin-top: 6px;
}
input[value="Connexion"].btnred {
width: 100%;
}
.btnred:hover {
color: white;
}
.btnmain {
text-align: center;
font-weight: bold;
font-size: 18px;
}
.btnline:hover {
border-color: #aaa;
}
.modal .bloclink {
background: white;
}
.bloclink li:after,
.btnline:after {
position: absolute;
content: '\f105';
font-family: FontAwesome;
right: 10px;
top: 7px;
font-size: 20px;
}
a#carteCadeauLink {
text-decoration: none;
}
.kdolink {
margin: 10px;
border: white solid 2px;
border-radius: 3px;
color: white;
padding: 5px;
font-size: 12px;
line-height: 20px;
text-align: center;
display: flex;
justify-content: space-between;
}
.kdolink div {
margin: auto 0;
text-decoration: none;
}
.kdolink .text {
text-transform: uppercase;
font-weight: bold;
}
.kdolink .fa {
font-size: 18px;
margin: 0 10px;
}
.btnsmall {
padding: 5px 10px;
margin: 10px 0;
}
.btnmini {
padding: 5px 10px 5px 5px;
margin: 10px 0;
font-size: 13px;
}
.btnline.btnsmall:after {
top: 2px;
}
.btnline.btnmini:after {
top: 5px;
font-size: 12px;
}
.bloclink li:after {
top: 2px;
right: 2px;
color: #888;
}
.bloclink {
margin: 10px;
padding: 10px;
border-radius: .3rem;
border-color: #adb1b8 #a2a6ac #8d9096;
border-style: solid;
border-width: .1rem;
}
.bloclink ul {
list-style: none;
}
.bloclink li {
position: relative;
border: .1rem solid #bbb;
border-left: 0;
border-right: 0;
border-top: 0;
}
.bloclink li a {
padding: 8px 2px 5px 2px;
height: 20px;
display: block;
text-decoration: none;
color: #555;
}
.bottom {
background: linear-gradient(to bottom, #eee, #dcdee4)
}
.footerLegal,
.footerLegal a {
font-size: 11px;
color: #888;
text-align: center;
}
.footerLegal {
margin-top: 10px;
}
.ongseances {
padding: 0;
margin-left: 2px;
}
.cal {
margin: 0 auto;
width: 100%;
}
.cal .calSetGrid {
display: none;
}
.callist .calSetGrid {
display: inline-block;
}
.callist .calSetList {
display: none;
}
.cal .mois {
margin-bottom: 5px;
width: 100%;
clear: both;
float: left;
}
.calendar {
display: flex;
width: 90000px;
}
.entour {
width: 100%;
overflow-x: scroll;
position: relative;
}
.caljour {
padding: 0 15px;
}
.enclos_fleche {
height: 50px;
}
.fleche {
position: absolute;
right: 0;
z-index: 100;
width: 25px;
display: flex;
justify-content: center;
height: 50px;
align-items: center;
background: #fff;
border-left: 1px solid #c70829;
}
.caljour .active {
background: #c70829;
color: #fff;
}
.jour_mois {
white-space: nowrap;
font-size: 9px;
}
.caljour:last-child .this_date {
padding-right: 25px;
}
.this_date {
display: block;
text-align: center;
text-decoration: none;
font-size: 11px;
padding: 10px;
color: #c70829;
}
.subtitle, form.alerte_lettres h4 {
color: #7b7b7b;
font-size: 14px;
font-weight: 700;
text-align: left;
margin: 0;
}
.subtitle.pseudo {
padding: 0;
}
h4.titlered,
.cal .mois h6 {
color: #fff;
font-weight: bold;
padding: 10px;
background: #c70829;
}
h4.titlered {
font-size: 16px;
padding: 10px 0 5px 0;
line-height: 16px;
}
p.info {
font-size: 14px;
line-height: 14px;
margin: 5px 0 5px 10px;
}
.item-content .list-group {
display: flex;
}
h6.title {
color: #a8a8a8;
width: 100%;
font-weight: bold;
margin: 10px 0;
}
.cal .calweek {
width: 100%;
float: left;
}
.cal .caldayn,
.cal .caldayh,
.cal .calday {
width: 12.6%;
height: 50px;
display: inline-block;
overflow: hidden;
margin: 1px;
font-size: 10px;
text-overflow: ellipsis;
text-align: center;
line-height: 11px;
float: left;
}
.cal .calday {
cursor: pointer;
}
.cal .caldayn {
border: 1px solid transparent;
height: 20px;
}
.callist .caldayn {
display: none;
}
.cal .caldayh,
.cal .calday {
background: #f7f1d0;
border-radius: 4px;
border: 1px solid #eee;
font-size: 12px;
}
.cal .caldayh {
border: 1px solid transparent;
background: #efefef;
opacity: 0.5;
}
.callist .caldayh {
display: none;
}
.cal .calday i {
float: right;
width: 60%;
margin: 2px 4px 4px 0;
text-align: right;
font-style: normal;
}
.callist .calday {
width: 100%;
border: 0px;
background: none;
height: auto;
}
.cal .btnline {
display: none;
}
.callist .btnline {
text-align: left;
font-size: 12px;
display: block;
border: none;
border-bottom: 1px solid #eee;
width: 100%;
margin: 0;
}
.callist .calday i {
display: none;
}
.callist .calday b {
display: none;
}
.cal .calday span {
margin: 2px;
clear: both;
display: block;
color: #444;
}
.calcontrol {
position: absolute;
right: 15px;
top: 5px;
color: #bbb;
width: 100px;
font-size: 20px;
float: right;
text-align: right;
}
.submenu .submenuitem {
text-decoration: none;
color: #fff;
text-transform: uppercase;
padding: 10px 0;
margin: 2px 0 -1px;
font-size: 12px;
font-weight: bold;
}
.submenu .submenuitem.actif {
border-bottom: 3px solid #fff;
}
.submenu {
background: #ff4130;
width: 100%;
margin-bottom: 0px;
display: flex;
justify-content: space-around;
}
.triBar {
background: #fff;
display: block;
width: 100%;
clear: both;
margin-bottom: 4px;
}
.triBar .inner {
padding: 4px 10px;
}
.triBar a {
width: 30px;
}
.paginationHeader {
font-size: 14px;
width: 100%;
font-weight: bold;
border-bottom: 1px solid #aaa;
padding: 10px 0;
margin-bottom: 10px;
text-transform: uppercase;
}
.blocResa {
margin-top: 5px;
background: #f4f4f2;
border-top: 1px solid #ddd;
}
.menu-container {
width: 100%;
height: 20px;
margin: 10px auto;
}
.swiper-slide {
text-align: center;
font-size: 14px;
background: #fff;
width: 80%;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.menu-container .swiper-slide a {
margin-left: 5px;
text-decoration: none;
color: #000;
width: 100%;
border-bottom: 3px solid #aaa;
padding: 0 4px;
font-size: 12px;
}
/** critiques **/
.crit {
display: block;
overflow: auto;
clear: both;
margin-top: 10px;
border-bottom: 1px solid #E1E1E1;
padding-bottom: 10px;
}
.evtCritNbr {
text-align: center;
font-weight: bold;
padding: 0px 10px 10px 10px;
}
.crInfo {
padding-top: 5px;
font-size: 11px;
line-height: 12px;
color: #888;
}
.crText {
padding-top: 5px;
font-size: 12px;
line-height: 15px;
}
.crTitre {
font-weight: bold;
line-height: 16px;
font-size: 14px;
}
.crTitre .notevS {
float: right;
}
.critMainTitle {
display: grid;
}
.critMainInfo {
display: inline-block;
width: 100%;
}
.addCritForm {
margin-bottom: 0;
}
/**** footer **/
.linkfa {
text-decoration: none;
border: 1px solid #888;
padding: 4px 10px;
border-radius: 4px;
margin-top: 10px;
display: inline-block;
}
.footApp {
display: block;
font-size: 15px;
color: #888;
}
.footApp a {
font-size: 15px;
text-decoration: none;
margin: 10px;
}
.linkfa i.fa, .footApp i.fa, .linkfa i.fa-brands, .footApp i.fa-brands {
padding-right: 5px;
}
input[type=checkbox].css-checkbox {
position: absolute;
z-index: -1000;
left: -1000px;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
input[type=checkbox].css-checkbox + label.css-label {
padding-left: 35px;
height: 30px;
display: inline-block;
line-height: 30px;
background-repeat: no-repeat;
background-position: 0 0;
font-size: 30px;
vertical-align: middle;
cursor: pointer;
}
input[type=checkbox].css-checkbox:checked + label.css-label {
background-position: 0 -30px;
}
input[type=checkbox].css-checkbox + label.css-label--15 {
height: 20px;
line-height: 20px;
font-size: 20px;
background-size: 20px 40px;
margin: 0; /* reset skeletton label margin */
}
input[type=checkbox].css-checkbox:checked + label.css-label--15 {
background-position: 0 -20px;
}
label.css-label {
background-image: url('/z/billetreduc/mobile/checkbox.png');
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.formcritique {
font-size: 12px;
}
.subtitle.critique_ajout {
margin-top: -4px;
margin-bottom: 0;
}
#nhc {
width: 100%;
}
.formcritique input, .formcritique textarea, .formcritique select {
width: 100%;
margin: 5px 0;
border-radius: 0;
color: #7b7b7b;
resize: none;
}
input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
? border: none !important;
}
@-webkit-keyframes autofill {
to {
background: #fff !important;
}
}
.button.button-primary, button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary {
border-radius: 0;
}
.presse_mobile {
padding: 10px;
}
.presse-container {
padding: 0;
}
.presse_mobile .flex {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px dotted #ddd;
padding: 10px 0;
}
.presse-container .flex {
padding: 10px;
}
.presse_mobile .flex div {
width: 50%;
font-size: 12px;
}
#Resa #loginmachine {
padding: 10px;
}
#Resa #loginmachine h5 {
margin: 0;
text-align: left;
padding: 10px;
}
.subtitle.red {
color: #c70829;
margin: 0 0 10px;
padding: 0;
}
.overlay {
background: rgba(0,0,0,0.7);
width: 100%;
height: 100vh;
position: fixed;
z-index: 9989;
right: -100%;
-webkit-transform: translate3d(100%,0,0);
-moz-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.overlay.active {
right: 0px;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
#loginuser h5.subtitle {
text-align: left;
padding: 10px 0;
margin: 0;
}
#loginuser a.btnred {
margin: 0;
}
#loginuser p.logininfo {
padding: 10px;
}
form.coord input[type="submit"] {
width: 100%;
margin-top: 10px;
}
form.coord input[type="email"], form.coord input[type="number"], form.coord input[type="search"], form.coord input[type="text"], form.coord input[type="tel"], form.coord input[type="url"], form.coord input[type="password"], form.coord textarea, input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], input:-webkit-autofill, form.coord select, form.alerte_br select {
max-width: 100%;
width: 100%;
height: 30px;
margin-bottom: 6px;
border: none;
border-bottom: 1px solid #DCDCDC;
border-radius: 0;
background-color: rgb(255, 255, 255) !important;
}
.nbplaces input[type="number"] {
border: none;
width: 40px;
}
form.coord select {
margin: 0 10px 0;
}
form.coord .flex, form.alerte_br .flex {
display: flex;
justify-content: space-between;
}
label b {
display: block;
font-size: 11px;
}
.placedroitez h4.subtitle, .placedroitez h2.subtitle {
margin: 10px 0;
}
.placedroitez .flex {
display: flex;
margin-top: 10px;
}
.xtTabs.commande {
display: flex;
}
.xt td, #preliste td {
border-bottom: none;
}
select {
height: 38px;
padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
background-color: #fff;
border-radius: 4px;
box-shadow: none;
border: none;
box-sizing: border-box;
}
.xt {
font-size: 12px;
margin-bottom: 0;
}
.libellepreliste {
font-size: 12px;
padding-bottom: 10px;
color: #8f8f8f;
}
td:last-child, td:first-child {
/*padding: 10px;*/
}
.blocbas td:last-child; .blocbas td:first-child, .xt td:last-child; .xt td:first-child {
padding: 0;
}
#listeAlertes, #preliste {
font-size: 12px;
}
.bgtri {
font-size: 12px;
}
.bgmulti {
margin-bottom: 0;
font-size: 12px;
}
form.liste_form {
margin-bottom: 0;
}
.head {
font-size: 14px;
}
th {
border: none;
}
.infouser {
font-size: 10px;
}
.infouser b {
font-size: 12px;
}
.my_container {
padding: 10px;
}
#Titre {
font-size: 16px;
}
#Titre a {
text-decoration: none;
}
.localisation {
font-size: 12px;
color: #2f4b5a;
margin-bottom: 0;
}
.date_current {
font-size: 12px;
}
#ResaTitre {
margin-top: 10px;
width: 100%;
}
input[type="submit"].height_dif {
margin-top: 10px;
width: 100%;
}
.blocbas img {
margin: 0 auto;
}
.blocbas {
font-size: 12px;
}
.abtnsmall {
display: block;
text-align: left;
font-size: 12px;
}
.closeBtn {
margin: 2px;
margin-top: 11px;
font-size: 8px;
background: #c00;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
border: 1px solid #222;
text-decoration: none;
font-weight: bold;
line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px #999;
-webkit-box-shadow: 0 1px 3px #999;
border-bottom: 1px solid #222;
cursor: pointer;
font-family: arial;
}
fieldset {
margin-bottom: 0;
}
.my_title {
font-size: 18px;
color: #ff4130;
text-align: center;
font-weight: 700;
margin-top: 20px;
margin-bottom: 0;
padding: 0 10px;
}
.gauche {
padding: :10px;
}
span.menu {
margin: 10px 0;
display: block;
text-align: center
}
.suivlarge {
display: block;
font-size: 12px;
}
.newcrit .suivlarge {
padding: 10px;
width: initial;
display: block;
}
.tableaux {
padding: 10px;
}
.element {
margin-top: 10px;
border-bottom: 1px solid #E1E1E1;
padding-bottom: 10px;
}
.element.bon_validation {
padding: 10px;
}
.evtrowSel .bgbeige .content-flex .head_list {
display: flex;
justify-content: space-between
}
.lieu a {
text-decoration: none
}
.iframe {
display: flex;
justify-content: center;
padding: 10px;
}
.container {
padding: 10px;
}
.abtn.link {
font-size: 12px;
}
.infobox_cb_confirme {
margin-top: 10px;
}
.cb_confirme_photo {
width: 65px;
height: 91px;
margin-right: 10px;
}
.header_resa {
display: flex;
justify-content: space-between;
padding: 10px;
background-color: #fff;
border-bottom: 1px solid #D1D1D1;
}
.recap_category {
background-color: #fff;
border-bottom: 1px solid #D1D1D1;
border-top: 1px solid #D1D1D1;
margin-top: 5px;
display: flex;
justify-content: space-between;
align-items: center;
}
.grey {
background-color: #EEE;
padding-bottom: 5px;
}
.col_right {
display: flex;
justify-content: flex-start;
align-items: center;
width: 75%;
;
}
.col_left {
font-size: 12px;
display: flex;
justify-content: center;
flex-direction: column;
align-items: flex-end;
width: 25%;
}
.resume {
display: flex;
justify-content: space-between;
padding: 10px;
background-color: #fff;
margin-top: 5px;
font-size: 12px;
}
.intitule_total {
width: 75%;
text-align: right;
font-weight: 700;
}
.prix_affiche {
display: flex;
flex-direction: column;
width: 25%;
font-weight: 500;
text-align: right;
align-self: flex-end;
}
.nbr_place {
text-align: center;
background-color: #06AD13;
color: #fff;
border-radius: 4px;
width: 20px;
height: 20px;
font-size: 12px;
display: inline-block;
font-weight: 700;
line-height: 20px;
margin-right: 10px;
}
.category_reduc {
font-size: 14px;
}
.padd {
padding: 10px 10px 0 10px;
}
.livraison_billet {
text-align: left;
margin-top: 10px;
}
modif_commande {
text-align: right;
}
.event_br {
padding: 0 10px 0 0;
font-size: 14px;
font-weight: 700;
margin-bottom: 0;
}
.event_br a {
text-decoration: none;
}
.btn_detail {
display: block;
font-size: 12px;
}
.evt_flex {
display: flex;
justify-content: space-between;
}
.reset {
padding: 0;
}
.content-flex {
border-bottom: 1px solid #E1E1E1;
padding-bottom: 10px;
}
.btn_green {
background-color: #09AC15;
}
.critique_all {
margin-top: 10px;
}
.total_preresa {
font-weight: 700;
margin-top: 10px;
}
.chiffre_preresa {
display: flex;
}
.bilan {
font-size: 12px;
}
.bilan .blocbas {
border-top: 1px solid #d1d1d1;
margin-top: 10px;
}
.bloc_preresa {
background: #fff;
padding-top: 10px;
}
.recap_preresa, .total_preresa, .pour_confirm {
padding: 10px;
background-color: #fff;
border-bottom: 1px solid #D1D1D1;
border-top: 1px solid #D1D1D1;
}
.pour_confirm--evt {
padding: 10px;
background-color: #fff;
border-top: 1px solid #D1D1D1;
}
.column {
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.mentions {
margin-top: 10px;
}
.total_preresa {
border: none;
margin-bottom: 10px;
}
.text_d {
text-decoration: none;
margin-top: 10px;
}
.header_preresa {
margin-bottom: 10px;
}
.confirm_preresa {
text-align: center;
font-size: 16px;
font-weight: 700;
color: #c70829;
margin-bottom: 10px;
margin-top: 10px;
padding-bottom: 10px;
}
.prereserver {
font-size: 12px;
margin-top: 10px;
display: block
}
.align_items {
display: flex;
justify-content: initial;
align-items: center;
}
.n_inscription {
font-size: 14px;
font-weight: 700;
}
.pour_confirm {
margin-bottom: 10px;
}
.pour_confirm img {
margin-bottom: 10px;
}
.pour_confirm p {
font-size: 12px;
margin-bottom: 0;
}
.separator {
border-bottom: 1px solid #E1E1E1;
padding-bottom: 10px;
}
.placedroitez {
font-size: 12px;
}
form[name="forminscr"] label {
margin-bottom: 0;
}
.btn_modif_inscr {
margin-top: 20px;
width: 100%;
}
.container.flex tr, .container.flex tr td {
text-align: left;
}
.title_commande {
width: 100%;
font-size: 12px;
min-height: 100px;
margin-bottom: 10px;
display: flex;
justify-content: space-between;
flex-direction: column;
}
.br_avoir_marg.background_evt_vu .title_commande {
width: 100%;
}
.title_commande a {
text-decoration: none;
font-weight: 700;
}
.element img {
padding-right: 10px;
}
.margin_img {
margin-top: 10px;
display: block
}
.no_title {
width: 100%;
padding: 0;
border: none;
font-size: 12px;
display: block;
}
.donnez_avis {
font-weight: 700;
font-size: 12px;
}
hr {
margin-top: 10px;
margin-bottom: 10px;
}
h5.sous_titre {
font-size: 14px;
text-align: left;
margin-bottom: 0;
}
.photoevt {
height: 100px;
width: 80px;
padding-right: 10px;
}
.event_vu {
background: #EEE;
padding: 10px;
margin: 10px 0 0;
}
.bgbeige {
margin-bottom: 10px;
}
.element a {
font-size: 12px
}
.element .title_commande a {
font-size: 14px;
}
.flex {
display: flex;
}
.br_avoir_marg {
margin-bottom: 10px;
}
.title_commande p {
margin-bottom: 0;
}
form .subtitle, .subtitle_no_form {
background: #EEE;
padding: 10px;
margin: 0;
}
fieldset {
margin: 0;
}
.flex a {
display: block;
width: 50%;
}
.list-item a {
display: block;
}
.list-item {
display: flex;
}
.align_end {
align-self:
}
form.conect h1.subtitle {
background: transparent;
margin: 0;
}
form.conect p {
font-size: 12px;
}
.tickets {
border: 1px solid #EEE;
padding: 10px;
margin-bottom: 10px;
}
.category_alertes {
font-weight: 700;
}
.tickets .flex a.modif, .tickets .flex a.sup {
display: inline-block;
width: 50%;
background: #c70829;
padding: 10px;
text-decoration: none;
color: #FFF;
text-transform: uppercase;
font-weight: 700;
text-align: center;
margin-top: 10px;
}
.tickets .flex a.modif {
margin-right: 10px;
}
.flex label input[type="radio"] {
margin-bottom: 0;
margin-right: 5px;
}
.formcritique input {
padding: 10px
}
.formcritique select {
border: 1px solid #D1D1D1;
}
.input_ajout_crit input {
line-height: initial;
}
img.icon {
width: 20px;
padding-right: 5px;
vertical-align: middle;
}
a.icon {
margin-top: 5px;
display: inline-block;
font-size: 14px;
margin-right: 10px;
}
.link_contremarque {
width: 100%;
display: block;
justify-content: center;
margin-bottom: 15px;
}
.tickets .btn_tickets {
padding: 3px;
}
div.btn_tickets {
text-align: center;
}
div.btn_tickets .flex {
justify-content: space-between;
margin-top: 10px;
}
a.btn_tickets {
background: #c70829;
border: none;
color: white;
border-radius: 0;
margin-bottom: 0;
word-spacing: normal;
width: 40%;
padding: 10px;
text-transform: uppercase;
font-weight: 700;
text-decoration: none;
}
a.btn_tickets.recommander {
width: 100%;
}
.btn_tickets .imp {
text-transform: uppercase;
font-weight: 700;
}
.br_vu_avis a, .br_vu_avis .ariane, .infosuiv {
color: #FFF;
padding: 5px;
background-color: #0209BD;
text-decoration: none;
font-weight: 700;
width: 60px;
text-align: center;
border-radius: 3px;
}
.pagination td {
margin: 0 10px;
}
.br_vu_avis .ariane {
font-size: 10px;
width: 100%;
padding: 5px 0;
margin: 10px auto;
}
.event_br_vu .bgbeige {
margin-bottom: 0;
}
.flex.br_vu_avis {
padding-top: 10px;
justify-content: space-between;
align-items: center;
}
.background_evt_vu {
background: #FFF;
padding: 10px;
margin: 10px 0;
border-bottom: 1px solid #DCDCDC;
border-top: 1px solid #DCDCDC;
}
.event_br_vu, .evtList, .crit_suivi_all {
background: #EEE;
padding-bottom: 10px;
}
.crit_suivi_all {
margin-top: 20px;
}
.event_br_vu div {
color: #8f8f8f;
}
.crit_suivi_all td {
border: none;
}
.background_evt_vu:first-child {
margin-top: 0;
}
.subtitle_br_ticket {
font-size: 14px;
font-weight: 700;
margin-bottom: 0;
}
.subtitle_brticket_bonv {
color: #c70829;
font-weight: 700;
}
.event_br.head a {
width: 100%;
}
.placedroite .event_br_vu {
padding-top: 10px;
}
.evtrowSel .flex .title_commande a, .list_salle .flex .title_commande a, .salle_list .flex .title_commande a {
width: 100%;
}
.list_salle .flex a.a_photoevt {
min-width: 80px;
width: 80px;
padding-right: 10px;
}
.list_salle .libellepreliste {
padding-bottom: 0;
}
.details_salle {
justify-content: space-between;
margin-top: 10px;
}
.details_salle .btn_privilege .abtn {
width: auto;
padding: 0 33px;
}
h4 {
letter-spacing: 0;
}
#map {
width: 100%;
height: 300px;
margin-bottom: 10px;
border: 1px solid #000;
}
.bas_page_salle ~ .subtitle_salle {
margin-bottom: 10px;
}
.calendrierhome {
float: left;
}
.calendrierhome i {
font-size: 14px;
}
.all_date_calendar {
padding: 10px;
text-align: right;
}
#flex {
display: flex;
}
.all_calendar {
width: 100%;
margin-bottom: 5px;
overflow: hidden;
position: relative;
}
.ca, .ca1, .d1 {
width: calc(100%/7);
text-align: center;
padding: 10px 0;
border: 1px solid #fff;
}
.photo_salle {
height: 50px;
}
.title_salle {
display: flex;
flex-direction: column;
margin-left: 10px;
}
.parking_proxy {
padding: 10px 0;
display: block;
}
span.menu_salle {
display: flex;
justify-content: space-around;
}
.salle_flex {
margin-top: 20px;
padding: 0 10px;
}
.calendar_salle {
justify-content: space-between;
}
.subtitle_salle .subtitle {
background: #EEE;
padding: 10px;
}
p.container {
margin: 10px 0;
font-size: 12px;
}
.iti .abtn {
width: 100%;
}
#modeTransport {
width: 180px;
}
span.modeTransport {
line-height: 38px;
}
.evtrowSel .flex .title_commande h4, .salle_list .flex .title_commande h4 {
margin-bottom: 0;
}
.ville {
display: inline-block;
}
.event_list {
background: #FFF;
padding: 10px;
border-bottom: 1px solid #DCDCDC;
border-top: 1px solid #DCDCDC;
}
.evtList .row {
display: block;
padding: 10px 0
}
section.evtrowSel {
background: #EEE;
padding: 10px 0;
}
section.evtrowSel:first-child {
padding: 20px 0 10px;
}
.list_bas_pagination td {
border-bottom: none;
}
.list_bas_pagination tr {
border-bottom: 1px solid #E1E1E1;
}
section.evtrowSel:last-child {
padding: 10px 0 0;
}
.margin_btn {
margin-right: 10px;
}
section.evtrowSel .br_vu_avis, .salle_bas .br_vu_avis {
width: 50%;
}
section.evtrowSel .place-info {
width: 80%;
}
section.evtrowSel .price, .evtList .price, .salle_bas .prix {
text-align: right;
width: 50%;
margin-top: 10px;
font-size: 12px;
}
section.evtrowSel .place-price {
text-align: right;
width: 20%;
}
div#tri {
text-align: center;
padding: 10px;
}
.subtitle_salle.event_find .subtitle {
padding-bottom: 0;
}
td.petit {
border: none;
}
table.bgtri {
margin-bottom: 10px;
}
.title_commande .head {
font-weight: 700;
}
.incl_critisp .title_commande a {
width: 100%;
}
.incl_critisp .title_commande .br_vu_avis a, .salle_list .flex .title_commande .br_vu_avis a {
width: initial;
}
.salle_list .flex .title_commande .br_vu_avis a {
margin: 10px 0;
}
.incl_critisp .title_commande h4 {
margin-bottom: 0;
}
.flex a.img_incl_critsp {
width: auto
}
.signal_incl_critsp {
margin-top: 10px;
width: 50%;
}
.signal_incl_critsp small {
display: flex;
justify-content: flex-start;
align-items: center;
}
.br_suivi #listeusers .infouser .user {
font-weight: 700;
text-decoration: none;
font-size: 12px;
}
.user .fa-user {
margin-right: 5px;
}
.see_all {
font-weight: 700;
text-align: center;
padding: 10px;
}
.infouser.flex-content {
border-bottom: 1px solid #E1E1E1;
padding-bottom: 10px;
}
.portrait {
padding: 10px;
}
img.align_left {
padding-right: 10px;
}
.newcrit .suivlarge {
line-height: initial;
height: auto;
}
.avis_pseudo {
margin-bottom: 10px;
}
.les_resas.flex a {
width: initial;
}
.les_resas_title {
margin-bottom: 10px;
}
.flex .signal_incl_critsp a {
display: inline-block;
width: 11px;
}
.event_list .vu_event {
margin-top: 10px;
width: 50%;
text-align: right;
}
.resas .br_vu_avis, .resas .br_vu_avis a {
margin-top: 0;
}
.resas h4 {
margin-bottom: 0;
}
.les_resas.flex a.btn_detail {
width: 60px;
}
.btn_les_resas {
padding: 10px;
text-align: center;
font-size: 11px;
font-weight: 600;
letter-spacing: .1rem;
text-transform: uppercase;
text-decoration: none;
background: #c70829;
color: white;
}
.les_resas_marg {
padding-top: 10px;
justify-content: space-between;
}
.marg_les_resas_right {
margin-right: 10px;
width: 150px;
}
.width_pub_200 {
width: 200px;
margin: auto;
}
.evtrowSel .flex .br_vu_avis, .salle_bas.flex .br_vu_avis {
margin-top: 10px;
font-size: 12px;
}
.salle_list.evtList {
padding-bottom: 0;
}
.prOffer {
background: #EEE;
padding: 10px 0;
}
.prSpecial h4 {
margin-bottom: 0;
}
.bas_list_event {
margin-top: 10px;
}
.evtList .bas_list_event .price {
text-align: right;
margin-top: 0;
}
.fb-like span {
display: block;
}
.bg_subtitle {
background: #EEE;
padding: 10px;
}
.flex.dep_col a {
width: initial;
}
.dep_col table {
margin-bottom: 0;
}
.onglet {
display: flex;
background: #fff;
}
.title_onglet {
font-size: 12px;
font-weight: 700;
padding: 10px;
align-self: stretch;
text-transform: uppercase;
border-left: 1px solid #d1d1d1;
border-top: 1px solid #d1d1d1;
}
.title_onglet:first-child {
border-left: none;
}
.title_onglet.active {
background: #c70829;
color: white;
border-top: 1px solid #c70829;
}
.br_vu_avis.date_search {
margin-top: 10px;
}
.signal_mod {
margin-top: 20px;
}
.signal_mod form {
margin-bottom: 0;
}
.btn_signal {
margin-top: 10px;
}
.onglet form {
margin-bottom: 10px;
width: 100%;
}
.signal_mod {
font-size: 12px;
border-bottom: 1px solid #D1D1D1;
padding-bottom: 20px;
}
.all_commande {
margin-top: 20px;
}
.btn_imp {
background: #c70829;
border: none;
color: white;
border-radius: 0;
margin-bottom: 0;
word-spacing: normal;
display: inline-block;
height: 38px;
padding: 0 30px;
text-align: center;
font-size: 11px;
font-weight: 600;
line-height: 38px;
letter-spacing: .1rem;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
cursor: pointer;
box-sizing: border-box;
width: 100%;
margin-top: 10px;
}
.exsalle .title_commande h4 {
margin-bottom: 0;
}
.exsalle .title_commande a.head {
width: 100%;
}
.exsalle .btn_privilege {
display: flex;
justify-content: flex-end;
width: 100%;
}
.exsalle .details_salle .btn_privilege .abtn {
min-width: 88px;
}
.nb_critique a {
width: 100%;
}
.pagination_exsalle p, .pagination_exsalle div {
display: inline-block;
}
.pagination_exsalle p {
margin-left: 10px;
}
.pagination_exsalle {
display: flex;
justify-content: center;
padding: 10px;
}
.bas_page_signal {
margin-left: 10px;
width: 100%;
margin-top: 0;
}
.icon_calendar {
width: 100%;
text-align: right;
height: 25px;
}
.icon_calendar img {
padding: 5px;
height: 25px;
}
.calendrier_icon {
opacity: 0.6;
}
.calendrier_icon.active {
opacity: 1;
}
.bas_for_all {
height: 20px;
}
.bas_for_evt {
height: 40px;
}
.description-table {
font-size: 12px;
}
.description-table td {
padding: 10px !important;
}
.additional-info {
padding: 10px;
}
.resa-form {
margin-bottom: 0;
}
.monbr {
margin-bottom: 0;
}
.pagination-top {
padding: 0 10px 0;
}
.pagination-bottom {
padding: 0 10px;
}
.txt {
padding: 10px;
}
.infobox {
font-family: "Segoe UI", Frutiger, Tahoma, "Helvetica", "Helvetica Neue", Arial, sans-serif;
margin: 10px;
clear: left;
background: #feffc9 url('/z/billetreduc/images/information.png') no-repeat 5px 5px;
border: 1px solid #eee;
}
.infobox p {
margin: 5px 5px 5px 30px;
}
.total-row {
display: flex;
width: 100%
}
.total-left {
width: 80%
}
.total-right {
width: 20%;
text-align: right;
}
.total-container {
padding: 10px;
}
.commande-details {
border: 1px solid #EEE;
padding: 10px;
margin: 10px;
}
.date-title {
color: #080;
font-size: 14px;
font-weight: bold;
text-align: center;
padding: 10px;
}
.very-important {
color: #400;
font-weight: bold;
font-size: 13px;
}
.important {
color: #c00;
font-weight: bold;
font-size: 13px;
}
.minor {
font-weight: bold;
font-size: 13px;
}
.warningbox {
text-align: center;
margin: 5px 0 5px 0;
font-family: arial;
border: 4px solid #c00;
background-color: white;
padding: 10px 0 10px 0;
}
.warningbox--sallediff {
position: relative;
background-color: #e7e7e7;
width: 100%;
}
.warningbox--sallediff > .left-side, .warningbox--sallediff > .right-side {
width: 15%;
text-align: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.warningbox--sallediff > .left-side {
font-size: 27px;
color: #c70829;
left: 0;
}
.warningbox--sallediff > .right-side {
right: 0;
position: absolute;
color: #c70829;
font-weight: bold;
}
.warningbox--sallediff > .content {
text-align: center;
width: 70%;
margin: auto;
}
.box-msg {
border: 2px solid #EEE;
text-align: center;
padding: 10px;
font-family: arial;
background-color: white;
margin-bottom: 10px;
}
.box-button {
width: 100%;
letter-spacing: 0;
padding: 5px;
color: white;
text-decoration: none;
height: auto;
}
.button-container {
margin: 10px 0 10px 0;
}
.commande-list {
list-style-type: none;
}
.commande-list li {
display: block;
border-bottom: 1px solid #E1E1E1;
margin-top: 10px;
padding: 5px;
}
.commande-unit {
border-bottom: 1px solid #E1E1E1;
}
.commande-unit-info a {
color: #FFF;
padding: 5px;
background-color: #2F4B5A;
text-decoration: none;
font-weight: 700;
text-align: center;
border-radius: 3px;
}
.list-search {
display: flex;
margin: 10px;
}
.list-search select {
margin: 0;
width: 100%;
font-size: 13px;
}
.list-search input {
margin: 0;
}
.scale-down {
height: 100%;
object-fit: scale-down;
}
input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus, input[type="email"]:active, input[type="number"]:active, input[type="search"]:active, input[type="text"]:active, input[type="tel"]:active, input[type="url"]:active, input[type="password"]:active, textarea:active, select:active {
border: none;
border-bottom: 1px solid grey;
background-color: rgb(255, 255, 255) !important;
}
label {
font-weight: normal;
line-height: 16px;
}
label input[type=checkbox] {
float: left;
margin: 5px 5px 0 0;
width: auto;
}
label b {
display: block;
font-size: 11px;
padding: 0 0 5px;
}
label i {
font-style: normal;
font-size: 12px;
font-weight: normal;
line-height: 13px;
display: block;
opacity: 0.8;
}
.labelCivilite {
width: 100%;
}
.labelNom {
width: 100%;
}
.labelPrenom input {
width: 100%;
}
.labelCodePostal {
width: 100%;
}
.labelVille {
width: 100%;
}
input[type="password"] {
width: 100%
}
.formDdn {
width: 100%;
clear: both;
}
.formDdn label {
}
.labelDdnTitle {
width: 100%;
display: block;
}
.labelJour {
width: 25%;
float: left;
padding: 10px 5px 0;
}
.labelMois {
width: 35%;
float: left;
padding: 10px 5px 0;
}
.labelAnnee {
width: 30%;
float: left;
padding: 10px 5px 0;
}
.legalMention {
font-size: 11px;
line-height: 1 !important;
color: #888;
margin: 0 10px;
}
.legalMention a {
color: #888
}
.optionalBr {
display: none;
}
h5 {
margin: 25px 0 10px 0;
padding-bottom: 10px;
clear: both;
line-height: 14px;
line-height: 20px !important;
text-align: left;
}
.mandatory-visu {
color: #c70829;
font-size: 10px;
}
/* STYLE EMBED GMAP */
.mapouter {
padding: 10px;
position: relative;
box-sizing: border-box;
width: 100%;
}
.gmap_canvas {
overflow: hidden;
width: 100%;
height: 300px;
margin-bottom: 10px;
border: 1px solid #000;
}
.assurance-inputs {
text-align: center;
margin: auto;
width: 50%
}
.assurance-inputs table {
width: 100%
}
.assurance-inputs table td {
border: none;
}
.assuranceInfoText {
width: 100%;
float: left;
text-align: left;
}
.assuranceInfoLogo {
width: 20%;
float: left;
display: none;
}
.assuranceInfoLogo img {
background-color: black;
width: 100px;
}
span.sallediff {
border: dotted #c70829;
padding: 3px 5px;
font-style: italic;
color: #000;
}
/*Web Loyelty*/
#bannerPadding {
height: auto !important;
}
/* CLICK TO DISPLAY ELEMENTS */
.dropDown {
padding: 0 10px;
z-index: 1;
}
.dropDown-clickzone {
width: 100%;
cursor: pointer;
}
.dropDown-hiddenzone {
padding: 5px 0 5px 0;
text-align: center;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
max-height: 2000px;
background-color: #f2f2f2;
}
.dropDown-hiddenzone.hide {
display: none;
}
/* UN RIEN C'EST TOUT style */
.dropDown#urct {
background-color: #f2f2f2;
}
.dropDown-clickzone.urct {
position: relative;
background-color: #dff5fe;
padding: 10px 0;
justify-content: space-between;
}
.dropDown-clickzone.urct::before {
content: '';
position: absolute;
background-color: #da0640;
top: 0;
bottom: 0;
left: 0;
width: 5px;
}
/*
.dropDown-clickzone .urct-desc{
display: flex;
}*/
.dropDown-clickzone .urct-desc .desc-text {
font-size: 13px;
font-weight: bold;
margin: auto 4vw;
text-align: center;
}
.dropDown-clickzone .desc-info {
color: #a2a5a7;
font-size: 12px;
margin: 0 10px 0 15px;
text-align: center;
}
.dropDown-clickzone .desc-info a {
color: #a2a5a7;
font-weight: bold;
}
.urct-button {
text-decoration: none;
border-radius: 3px;
border: none;
letter-spacing: -0.5px;
cursor: pointer;
padding: 10px 0;
outline: none;
}
.urct-association-active {
background-color: #080
}
.dropDown-clickzone .urct-button {
background-color: transparent;
border: .5px solid #989898;
width: 90px;
color: black;
line-height: unset;
margin: auto 4vw auto 0;
}
.urct-image {
height: 60px;
width: 60px;
margin-left: 4vw;
}
.urct-image img {
height: 100%;
}
.urct-card-content {
display: flex;
justify-content: space-between;
background-color: white;
padding: 0 3vw;
margin: 5px 0;
}
.urct-card-content .info {
font-size: smaller;
padding: 0px;
margin: 0px;
}
.urct-card-content .image {
height: 65px;
width: 65px;
min-width: 65px;
max-width: 65px;
padding: 5px 0;
}
.urct-card-content .image img {
max-height: 100%;
max-width: 100%;
}
.urct-card-content .content {
margin: auto 4vw;
text-align: left;
flex-grow: 1;
}
.urct-card-content .content div {
margin: 5px 0;
}
.urct-card-content .content .more {
cursor: pointer;
color: #989898;
text-decoration: none;
}
.urct-card-content .donate {
display: flex;
}
.urct-card-content .donate button {
margin: auto 0;
padding: 10px 6vw;
line-height: unset;
}
.hide_on_mobile {
display: none;
}
.dialog-modal .ui-dialog-titlebar {
border: none;
background: white;
}
.dialog-modal {
top: 100px !important;
width: 95% !important;
}
.ui-widget {
font-family: "open sans", "Trebuchet MS", "Gill Sans", Tahoma, Arial, sans-serif !important;
font-size: 12px !important;
margin: 0 !important;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.dialog-modal.ui-draggable.ui-resizable {
position: fixed !important;
left: 5px;
}
.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
position: absolute;
padding: 0px;
z-index: 9999;
right: 0px;
}
.urcttext-title {
display: block;
}
.urcttext-un_euro {
font-weight: bold;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.dialog-modal.ui-draggable.ui-resizable {
border-radius: 5px;
-moz-box-shadow: 0px 0px 14px 0px #191919;
-webkit-box-shadow: 0px 0px 14px 0px #191919;
box-shadow: 0px 0px 14px 0px #191919
}
.urct_title {
text-align: center;
font-size: large;
font-weight: 700;
}
/**/
.paymentLinkText {
color: #C10000;
font-family: arial;
font-weight: bold;
}
.giftCardPaymentLink img {
width: 55px;
height: 35px;
padding-top: 8px;
}
/*Password*/
.password-field_container {
position: relative;
}
.toggle-password {
position: absolute;
right: 0px;
padding: 10px;
top: 0px;
}
.toggle-password.fa-eye {
font-size: 1.4em;
padding: 0.4em;
}
.placement-container {
width: 100%;
text-align: center;
font-size: 0.8em;
}
.placement-container a {
width: 100%;
text-align: center;
font-size: 0.8em;
}
.img-placement-area-container img {
max-width: 100%;
width: 100%;
}
.placement-detail-container {
font-size: 0.8em;
}
.warning-contiguite-itr {
font-size: 18px;
}
div#div_info_annulation.modal {
background: white;
display: block;
transform: none;
position: unset;
}
.block__header__title{
font-size: 1.4rem;
color: #FFF;
text-transform: uppercase;
padding: 0.2rem;
margin-bottom: 0.5rem;
font-weight: 600;
background-color: #1A2E41;
background-color: #C10000;
}
a.btn-modal.header__button.header__button_info_annulation {
background: #eeeeee;
color: black;
font-weight: bold;
}
.modalContainer {
top: 0;
bottom: 0;
height: 100%;
width: 100%;
background-color: rgba(0,0,0, 0.5);
position: fixed;
z-index: 10000;
transform: scaleY(0);
overflow: hidden;
}
.modalTop {
height: 40px;
}
.modalBody {
position: relative;
max-height: 60vh; /* 100vh = la hauteur de l'écran. */
width: auto;
overflow: auto;
}
.modalFooter {
height: 40px;
text-align: center;
}
.modalBox-content {
position: absolute;
display: flex;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); /* tiré de la moitié de sa propre hauteur / largeur */
width: 85%;
min-width: 250px;
}
.modalBox-content-wrapper {
position: relative;
margin: auto;
width: 100%;
height: auto;
background-color: white;
}
.isModalContent {
display: none;
}
.modalBox {
position: relative;
height: 100%;
width: 100%;
}
.modal-row {
display: block;
line-height: 2.5em;
height: 2.5em;
border-bottom: solid 1px #c70829ad;
cursor: pointer;
overflow: hidden;
}
.modal-row::after {
content: "";
display: block;
clear: both;
}
.modalCb-right {
float: right;
margin: 0;
line-height: 2em;
height: 2em;
}
.modalLabel-left {
float: left;
}
.modalClose {
color: #c70829;
position: absolute;
top: 5px;
right: 5px;
font-size: 17px !important;
}
.header .fa {
font-size: 20px;
color: white;
opacity: 0;
transition: opacity 1s;
}
.headerBtnMenu {
float: left;
height: 100%;
}
.headerBtnBack {
float: left;
height: 100%;
}
.headerBtnUser {
float: right;
height: 100%;
}
.headerBtnSearch {
float: right;
height: 100%;
}
.header .fa.fa-angle-left {
font-size: 25px;
font-weight: bold;
}
#ID3xDebug {
display: none!important;
}
form input {
margin-bottom: 1rem;
}
form p {
font-size: 15px;
line-height: 14px;
padding: 5px 0;
}
.header {
opacity: 1;
border-bottom: 1px solid #ff4130;
background: #ff4130;
height: 49px;
position: fixed;
z-index: 9999;
top: 0;
width: 100% !important;
}
.basem {
margin: 0 auto;
overflow: hidden;
transition-duration: 0.5s;
transform: translate(0px, 0px);
padding-top: 49px;
}
.padtop {
padding-top: 10px;
}
.container {
position: relative;
}
.header .container .fa {
opacity: 1;
height: 52px; /* hauteur du parent */
width: 30px;
line-height: 52px; /* hauteur de ligne (identique) */
white-space: nowrap; /* interdiction de passer ? la ligne */
text-align: center;
}
.header .container {
width: 100%;
padding: 0 5px;
}
.header .logo {
margin: 0 auto;
margin-top: -2px;
background-size: 150px;
background-position: center;
display: block;
width: auto;
height: 50px;
cursor: pointer;
direction: ltr;
z-index: 9999;
text-indent: -9000px;
background-repeat: no-repeat;
background-image: url('/z/billetreduc/responsive/img/new-logo.svg');
filter: brightness(0) invert(1) !important;
}
form.conect input[type="email"], form.conect input[type="number"], form.conect input[type="search"], form.conect input[type="text"], form.conect input[type="tel"], form.conect input[type="url"], form.conect input[type="password"] {
max-width: 100%;
width: 100%;
height: 30px;
margin-bottom: 15px;
border: none;
border-bottom: 1px solid grey;
border-radius: 0;
background-color: rgb(255, 255, 255)!important;
}
form.conect input[type="email"] {
margin-top: 5px;
}
.evtHeader {
background-position: center top;
background-repeat: no-repeat;
min-height: 182px;
padding: 10px 0 0 0;
width: 100%;
filter: blur(3px);
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-o-filter: blur(3px);
-ms-filter: blur(3px);
width: 110%;
height: 190px;
margin-top: -5px;
background-size: cover;
}
.evtBackground {
background-position: center;
background-repeat: no-repeat;
padding: 0 0 0 0 !important;
filter: blur(3px);
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-o-filter: blur(3px);
-ms-filter: blur(3px);
width: 100%;
height: 190px;
background-size: cover;
}
.prix_event {
position: absolute;
left: 0;
bottom: 0;
z-index: 5;
}
.basem .info_p_spectacle {
filter: none;
-webkit-filter: none;
-moz-filter: none;
-o-filter: none;
-ms-filter: none;
position: relative;
width: 100%;
height: 182px;
border-bottom: 3px solid #ff4130;
overflow: hidden;
display: flex;
justify-content: center;
}
.basem .info_p_spectacle img {
width: 130px;
margin: 0 auto;
top:0px;
position: absolute;
left: calc(50% - 65px);
left: -webkit-calc(50% - 65px);
left: -moz-calc(50% - 65px);
display:block;
}
.basem .info_p_spectacle .splide .photo {
margin: -5px 0 0 0;
width:auto;
height: 100%;
max-width:100%;
position: relative;
left:50%;
transform:translate(-50%,-100%)
}
.evtHeader .photo,
.evtHeader .evtPhotoLeft {
width: 30%;
float: left;
margin-top: 30px;
margin-left: 5px;
box-shadow: 0 0 4px 0 #aaa;
}
.evtSmallHeader {
min-height: auto;
}
.evtPhotoBase {
text-align: center;
padding: 10px 0 0 0;
min-height: 150px;
}
.evtPhotoBase .photo {
margin: 5px auto 0 auto;
width: 50%;
box-shadow: 0 0 4px 0 #444;
}
.public_mobile {
font-size: 11px;
font-weight: 700;
margin-bottom: 10px;
}
.public_mobile a {
text-decoration: none;
}
.evtLibelle {
padding-bottom: 10px;
margin-bottom: 9px;
border-bottom: 1px dotted #ddd;
font-weight: 700;
}
.ongcritiques {
display: none;
}
.bas_page a {
text-decoration: none;
display: block;
padding: 10px;
color: #2e4a5a;
border-bottom: 1px solid #EEE;
}
.bas_page .pub--extend a {
padding: 0;
border: none;
}
.display_none {
display: none;
}
.bas_page .flex {
display: flex;
align-items: center;
justify-content: space-between;
}
.bas_page .flex .rassemblement i.fa-chevron-right {
font-size: 20px;
padding-left: 20px;
}
.bas_page .flex .rassemblement i {
font-size: 45px;
width: 45px;
display: flex;
justify-content: center;
}
.bas_page .rassemblement {
display: flex;
align-items: center;
justify-content: space-between;
}
.bas_page .position_flex {
font-size: 11px;
padding-left: 10px;
}
.evtCritiques a.ajout {
padding: 10px 0;
display: inline-block;
text-transform: uppercase;
font-weight: 700;
}
.bas_page .position_flex h6 {
font-size: 12px;
font-weight: 700;
}
.bas_page .voir_tout {
font-size: 14px;
font-weight: 700;
display: flex;
justify-content: space-between;
align-items: center;
text-transform: uppercase;
}
.bas_page a.voir_tout {
height: 50px;
padding: 0px 10px 0;
}
.bottom.bloclink {
display: none;
}
.extendedContainer{
width: 100vw;
margin-left: calc((-50vw) + (50%));
}
.poweredby-evt img {
width: 65px;
}
.rubrPath {
margin-top: 5px;
margin-bottom: 10px;
padding: 0px;
font-size: 9px;
line-height: 21px;
text-transform: uppercase;
font-weight: 700;
overflow-x: scroll;
text-align: center;
}
.extendedContainer .rubrPath {
margin: 0 20px 10px 20px;
}
.rubrPath .center {
margin: 0 auto;
}
.rubrPath::-webkit-scrollbar {
display: none;
}
.entour::-webkit-scrollbar {
display: none;
}
.rubrPath a {
box-sizing: initial;
background: #2e4a5a;
text-decoration: none;
color: white;
white-space: nowrap;
display: inline-flex;
padding: 7px;
line-height: normal;
margin: 0 5px;
height: 11px;
border-radius: 4px;
max-width: 25%;
}
.rubrPath a span {
overflow: hidden;
text-overflow: ellipsis;
}
.evtDescription {
padding-top: 10px;
padding-bottom: 10px;
font-size: 12px;
line-height: 1.2em;
}
.evtPrix {
position: absolute;
bottom: 0px;
left: 5px;
width: 22%;
font-size: 11px;
color: rgba(250, 250, 250, 0.7);
background: rgba(3,56,128,.6);
line-height: 18px;
text-align: center;
}
.evtPrix span {
color: #fff;
}
.evtPhotoBase .evtPrix {
height: auto;
}
.evtPrix .evtPx {
font-size: 20px;
font-weight: bold;
}
.evtReduc {
position: absolute;
bottom: 0px;
right: 5px;
width: 20%;
font-size: 11px;
height: 40px;
color: rgba(250, 250, 250, 0.7);
line-height: 18px;
}
.evtPxFrais {
font-size: 9px;
line-height: 14px;
}
.evtCritiques .barRow {
width: 96%;
float: left;
}
.evtCritiques .barRow i {
width: 18%;
text-align: right;
margin-right: 5px;
float: left;
}
.evtCritiques .barRow b {
float: left;
margin-left: 4px;
text-align: right;
width: 14%;
}
.evtCritiques .bar {
width: 64%;
background: #eee;
height: 20px;
float: left;
}
.evtCritiques .bar div {
background: #ffe039;
height: 20px;
}
.evtReduc i {
color: #fff;
font-size: 20px;
font-weight: bold;
display: block;
}
.info_p_spectacle .evtPrix {
right: initial;
left: 0;
bottom: 75px;
width: 75px;
text-align: center;
}
.info_p_spectacle .evtReduc {
right: initial;
bottom: 10px;
left: 0;
width: 75px;
background: #ff4130b8;
text-align: center;
}
.evtCredits,
.language {
font-size: 11px;
padding-bottom: 10px;
}
.evtCredits b,
.language b {
padding-bottom: 10px;
display: inline-block;
}
.evtCredits a,
.language a {
text-decoration: none;
}
.prix_condition {
font-size: 11px;
}
/*fiche evenement*/
.evtNb {
background: #c00;
color: white;
display: block;
border-radius: 15px;
width: 20px;
height: 20px;
font-size: 12px;
position: absolute;
bottom: -2px;
left: -2px;
box-shadow: 0 0 4px 0 #333;
}
.evtNonDispo {
margin: 5px;
line-height: 13px;
background: #666;
color: white;
font-weight: bold;
text-align: center;
padding: 10px;
}
.evtNote {
display: flex;
justify-content: center;
margin-bottom: 10px;
margin-top: 5px;
}
.evtCritNbr-header {
margin: auto 0 auto 10px;
}
.evtTitre {
text-align: center;
line-height: 12px;
overflow: hidden
}
.evtTitre h2 {
font-size: 13px;
color: #b3b3b3;
}
.evtTitre h2 a {
font-size: 13px;
color: #b3b3b3;
margin-top: 10px;
text-decoration: none;
}
.evtTitre h1 {
font-size: 19px;
font-weight: 700;
margin-bottom: 10px;
}
.evtBlocTitre {
width: 57%;
float: right;
text-align: left;
margin-right: 5px;
text-decoration: none;
display: block;
}
.evtBlocTitre h1 {
font-size: 18px;
line-height: 18px;
}
.evtBlocTitre .evtTitre,
.evtBlocTitre .evtNote {
text-align: left;
}
.evtHeader .evtPhotoLeft {
float: left;
margin: 2%;
margin-left: 10px;
width: 35%;
}
.headerPathBox p {
margin: auto;
}
h6 {
font-size: 14px;
line-height: 18px;
margin: 4px 0;
}
/*** reservation -- evtbook **/
.titrebook {
font-size: 18px;
line-height: 19px;
margin: 15px 0 5px;
text-align: center;
}
/** onglet selection preresa resa **/
ul.xtTabs {
width: 100%;
margin: 15px 0 0 0;
list-style-type: none;
background: #f4f4f2;
border-bottom-width: 1px;
}
.xtTabs li a {
font-weight: bold;
text-decoration: none;
width: 100%;
display: inline-block;
}
.xtTabs li a.active {
color: white;
font-weight: bold;
background-color: #c00;
padding: 10px 0;
}
.xtTabs li span {
display: block;
font-weight: normal;
}
.xtTabs li {
font-size: 12px;
line-height: 14px;
margin: 0;
width: 33%;
text-align: center;
display: flex;
align-items: center;
}
.xtTabs li.active {
border-bottom: 4px solid #c00;
}
.ebTarif ul {
list-style: none;
margin: 0;
}
.ebTarif li {
margin: 0;
box-sizing: border-box;
}
.list-group-title {
font-size: 11px;
font-weight: bold;
color: #cf0000;
white-space: initial;
}
.item-title small {
white-space: initial;
}
.list-group {
justify-content: space-between;
}
.item-content {
clear: both;
min-height: 50px;
border-bottom: 1px dotted #efefef;
padding: 5px 10px;
display: block;
}
a.topresas {
font-weight: bold;
color: #a00;
font-size: 16px;
font-style: italic;
letter-spacing: -0.1em;
text-decoration: none;
display: block;
}
.smallCenterLink {
text-align: center;
width: 100%;
}
.smallCenterLink a {
text-decoration: none;
}
.smallCenterLink a i {
margin-right: 5px;
}
.item-left {
padding-left: 10px;
white-space: nowrap;
display: block;
flex-wrap: wrap;
align-items: center;
}
.item-right {
display: flex;
}
.group_block {
display: flex;
}
.item-inner {
line-height: 15px;
display: flex;
align-items: center;
}
.item-inner--insc{
margin-bottom: 20px;
}
.item-content .prix {
display: block;
text-align: center;
font-size: 11px;
width: 50px;
flex-wrap: wrap;
justify-content: center;
align-self: center;
}
.item-content .prix b {
display: block;
font-size: 14px;
}
.calhor i {
float: right;
color: #c00;
font-weight: bold;
margin-right: 20px;
font-style: normal;
}
.calhor .btnline:after {
top: 2px;
}
.nbplaces {
font-size: 12px;
display: flex;
align-items: center;
padding: 0 10px 0 0;
}
.nbup,
.nbdown {
text-align: center;
background: #adadad;
content: "-";
color: white;
font-weight: bold;
font-size: 20px;
line-height: 20px;
cursor: pointer;
width: 20px;
height: 20px;
margin-bottom: 3px;
}
.nbup {
content: "+";
right: 0;
left: inherit;
}
.inforesa {
color: white;
font-weight: bold;
line-height: 15px;
font-size: 14px;
}
.item-title.label {
font-size: 11px;
}
.item-title.label.reglement {
color:#888;
margin-left: 10px;
text-align: justify;
}
.item-inner.reglement {
justify-content: space-between;
padding: 0 10px 10px 10px;
}
.heure {
color: #cf0000;
font-weight: 700;
font-size: 14px;
border-right: 1px dotted #efefef;
padding-right: 10px;
}
.nbplaces input {
line-height: 24px;
width: 40px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: none;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
display: input;
padding: 10px;
margin: 0;
height: 38px;
color: #000;
text-align: right;
font-size: 17px;
font-family: inherit;
}
.border-top-red {
border-top: 1px solid #cf0000;
}
.mob.inscr {
padding: 0;
}
#loginmachine input[type="email"],
#loginmachine input[type="text"],
#loginmachine input[type="password"] {
max-width: 100%;
width: 100%;
height: 30px;
margin-bottom: 15px;
border: none;
border-bottom: 1px solid grey;
border-radius: 0;
}
#loginuser b {
font-weight: 500;
}
a.btnred {
display: block;
height: 38px;
line-height: 38px;
text-align: center;
text-transform: uppercase;
text-decoration: none;
font-size: 11px;
font-weight: 600;
}
.container_menu {
width: 320px;
height: 100%;
background: #cf0000;
}
.container--evt {
width: 95%;
margin: 0 auto;
position: relative;
box-sizing: border-box;
padding: 10px;
}
[id*="menu-"] {
background: #252525;
bottom: 0;
color: #858585;
height: 100%;
position: fixed;
top: 0;
width: 320px;
z-index: 9990;
}
[id*="menu-"] .box {
height: 100%;
margin: 0;
padding: 0;
overflow: auto;
}
[id*="menu-"] .box::-webkit-scrollbar {
height: 4px;
width: 4px;
}
[id*="menu-"] ul {
margin: 0;
padding: 0;
border-bottom: 1px dotted #fff;
}
[id*="menu-"] li {
font-size: 14px;
line-height: 28px;
margin: 0;
overflow: hidden;
padding: 5px 10px;
position: relative;
list-style-type: none;
}
[id*="menu-"] li a {
text-decoration: none;
color: #FFF;
}
[id*="menu-"] li:last-child {
border: 0;
}
#menu-left {
border-left: 1px solid #fff;
right: -320px;
top: 49px;
background: #cf0000;
-webkit-transform: translate3d(205px, 0, 0);
-moz-transform: translate3d(205px, 0, 0);
transform: translate3d(205px, 0, 0);
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
#menu-left .profile {
border-bottom: 5px solid #151515;
padding: 8px 5px;
}
#menu-left .profile img {
border: 1px solid #111;
border-radius: 5px;
display: inline-block;
height: 32px;
vertical-align: middle;
width: 32px;
}
#menu-left .content {
position: relative;
height: initial;
width: 100%;
margin: 0;
}
#menu-left h5,
.name_user {
font-weight: 700;
color: #fff;
font-size: 14px;
text-transform: uppercase;
text-align: center;
}
#menu-left .deco {
display: block;
background: #fff;
color: #cf0000;
width: 100%;
font-weight: 700;
}
#menu-left .content .fa {
padding: 0 8px 0 4px;
}
#menu-left .content ul:last-child {
color: #656565;
padding-bottom: 60px;
}
#menu-left .content ul:last-child .fa {
color: #151515;
}
#menu-left.active {
right: 0px;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
#menu-left .fa.fa-times {
font-size: 18px;
color: #fff;
padding: 10px;
margin: 10px;
}
.notifyjs-bootstrap-error {
max-width: 100%;
}
.signal {
text-decoration: none;
font-size: 11px;
line-height: 12px;
color: #888;
background: url(/z/billetreduc/images/signal.png) no-repeat;
width: 11px;
height: 11px;
margin-right: 2px;
display: block;
float: left;
text-indent: -9000px;
}
.click {
text-align: center;
color: #fff;
font-weight: 700;
}
.inforesa div {
font-weight: 200;
}
.clear {
clear: both;
}
#paiementSipsblock input {
width: 70px;
}
.logo_presse {
padding-right: 10px;
text-align: center;
}
.recap_row_preresa {
margin-top: 5px;
display: flex;
justify-content: space-between;
align-items: center;
}
.frais_preresa {
margin-left: 30px;
}
/* new calendar */
.evt_book.all_calendar {
width:100%;
}
.evt_book.all_calendar .caption, .evt_book.all_calendar thead td, .calendrierhome section .bgbeige {
text-align:left;
font-weight:bold;
color:white;
background:#FF4130;
}
.evt_book.all_calendar thead td, .calendrierhome section .bgbeige {
padding: 10px;
}
section.flex.evt_week .d1 {
width: calc(100%/7);
font-size: 12px;
}
.caltarif {
font-size:11px;
width: calc(100% - 16px);
padding:4px;
margin:4px;
}
.caltarif b {
display: block;
}
.caltarif a:link,
.caltarif a:visited {
display:block;
background-color:#eee;
color:black;
text-decoration:none;
font-size: 12px;
padding:4px;
}
#ResaCalInfoTarifs{
max-height: 150px;
overflow: auto;
border: 1px solid #d1d1d1;
border-width: 1px 0 1px 0;
margin-top: 10px;
}
.caltarif a.horaireshow,.horaireshow,.resacal .day a.horaireshow, .resacal .day2 a.horaireshow {background:#070;color:#fff;}
.caltarif a.horaireshowh,.horaireshowh,.resacal .day a.horaireshowh, .resacal .day2 a.horaireshowh {background:#FFFF7F;color:#000;}
.tarif-list{
}
#ResaTitre {
width:680px;
}
.day, .day2 {
text-align: left;
}
.bgbeige {
border-top: none;
}
.d1, .day, .day2 {
font-weight: 700;
box-sizing: border-box;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
text-align: center;
padding: 2px;
}
.calendar--car > .day {
border-bottom: none;
}
.calendar--car .sallediff {
border: dotted #c70829 !important;
}
.flex.row_semaine:last-child .day,.flex.row_semaine:last-child .day2 {
border-bottom: none;
}
.day a, .day2 a {
font-weight: normal;
}
#ResaTitre .all_calendar {
order: 0;
width: 497px;
margin: 10px;
border: 2px solid #eee;
}
.row_semaine {
width: 100%;
justify-content: flex-start;
text-align: center;
}
.day, .day2 {
width: calc(100%/7);
position: relative;
}
.calendrierhome .bgbeige {
display: flex;
justify-content: space-between;
align-items: center;
}
.evt_book .calendrierhome i {
width: initial;
padding: 12px 25px;
}
.selected_day_calendar {
background-color: #cf0000;
border-radius: 50%;
border: 2px solid #fff;
height: 10px;
position: absolute;
right: -2px;
top: -3px;
width: 10px;
z-index: 1000;
}
.box {
margin: 10px;
}
.calendar_group:after
{
content: "";
display: block;
clear: both;
}
.day-month{
margin-bottom: 8px;
font-size:normal;
}
form.resa-form input[type="submit"], form.resa-form div.abtn--green {
width: 100%;
margin-top: 10px;
}
.prSpecial .details
{
display:block;
text-align:center;
width: 100%;
font-size:12px; font-weight:500;
border: 1px solid #EEE;
padding: 10px;
margin-bottom: 10px;
}
.prSpecial .details a{
width : 100%;
display:initial;
}
.btn_privilege a.abtn.margin_btn
{
width:100% !important;
}
.scrollBox {
padding: 5px;
height: 75px;
overflow-y: scroll;
overflow-x: hidden;
border: 1px solid #888;
margin: 0 20px 10px 20px;
font-size: 11px;
line-height: 1.5em
}
.txt .scrollBox {
margin: 20px 0;
}
.info-required {
font-size: 13px;
color: #c70829;
bottom: 0.1em;
left: 0.1em;
top: unset;
font-weight: bold;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
opacity: 1;
}
.flex-center .showDtPicker {
margin: 0; /* reset skeletton input margin */
}
.evtCalendar {
overflow-x: auto;
}
.calendar--car {
display: inline-flex;
}
.calendar--car .day {
border: solid transparent;
position: relative;
width: 21vw;
padding: 7px 0;
margin: 5px 2px;
}
.calendar--car .day.white.selected {
background-color: #c70829 !important;
}
.calendar--car .selected div {
color: white;
}
.calendar--car .day.white {
background-color: white !important;
}
.calendar--car .day a {
text-decoration: none;
}
.day-name {
font-size: 14px;
font-weight: bold;
color: #c70829;
}
.day-date {
color: black;
font-size: 12px;
font-weight: normal;
}
.monthCalendar-container {
width: 100%;
}
.monthCalendar-container .monthCalendar {
font-weight: bold;
color: white;
background: #a00;
display: flex;
justify-content: space-between;
align-items: center;
}
.monthCalendar-container i {
font-size: 14px;
padding: 12px 25px;
}
.monthCalendar-container .hidden {
display: none;
}
.calendar-separator {
width: 100%;
height: 38px;
display: flex;
background-color: #a00;
font-size: 12px;
color: white;
font-weight: bold;
}
.calendar-separator > * {
margin: auto;
}
.onglet-container {
display: flex;
overflow-x: auto;
margin: 5px;
}
.onglet-horaire {
border: solid transparent;
text-decoration: none;
display: inline-flex;
margin: 0 2px;
min-width: 100px; /* largeur de l'?cran / 6 */
flex-grow: 1;
color: #7b7b7b;
}
.onglet-horaire > div {
width: 100%;
text-align: center;
font-weight: bold;
font-size: 14px;
padding: 10px 0;
}
.onglet-container--2choices {
display: flex;
}
.onglet-element {
text-align: center;
font-size: 14px;
font-weight: bold;
line-height: 38px;
border-bottom: 1px solid #d1d1d1;
border-top: 1px solid #d1d1d1;
box-sizing: border-box;
}
.onglet-element.selected, .onglet-horaire.selected {
background-color: #c70829;
}
.onglet-element > a {
color: #7b7b7b;
text-decoration: none;
}
.onglet-element.selected > a, .onglet-horaire.selected {
color: white;
}
.infoReclamation {
font-size: 11px;
padding: 0 20px;
line-height: 1.2em;
margin-bottom: 20px;
text-align: justify;
}
.speoffrelimitee {
font-weight: bold;
color: #2e4a5a;
text-align: center;
font-size: 14px;
margin-bottom: 10px;
}
.speoffrelimitee .info {
font-size: 20px;
}
.arrows-on-top{
z-index: 10 !important;
}
.listContainer select, .listContainer .btnList-filter {
position: relative;
text-align: left;
letter-spacing: normal;
height: 2.5em;
margin: 5px 0;
padding: 4px 6px 3px 6px;
border: none;
background: url("data:image/svg+xml;utf8,") right no-repeat #ff4130;
background-size: 15px 15px;
}
.bold {
font-weight: 700;
}
.i {
font-style: italic;
}
.hidden {
display: none;
}
.listTitle {
text-align: center;
font-size: 19px;
line-height: 1.2;
font-weight: bold;
color: #191919;
margin: 30px 0 10px 0;
}
.listTitle a {
text-decoration: none;
}
.editorial {
padding: 0 2em;
text-align: center;
font-size: 14px;
line-height: 18px;
}
.mainTitle {
color: #ff4130;
font-size: 17px;
font-weight: 700;
margin-bottom: 5px;
margin: 20px 0;
text-align: center;
}
.showBtn {
font-weight: bold;
}
.main-carousel {
margin-left: -35px;
}
.carousel-cell {
height: auto !important;
}
.cardContainer{
padding: 7px;
margin: 15px 0;
}
.cardContainer::after {
content: "";
display: block;
clear: both;
}
.card {
display: block;
position: relative;
width: 100%;
margin-bottom: 25px;
box-sizing: border-box;
}
.card::after {
content: "";
display: block;
clear: both;
}
.col-top {
padding: 2px;
}
.col-1 {
width: 10% !important;
}
.col-2 {
width: 20% !important;
}
.col-3 {
width: 30% !important;
}
.col-4 {
width: 40% !important;
}
.col-5 {
width: 50% !important;
}
.col-6 {
width: 60% !important;
}
.col-7 {
width: 70% !important;
}
.col-8 {
width: 80% !important;
}
.col-9 {
width: 90% !important;
}
.col-10 {
width: 100% !important;
}
.col-25 {
width: 25% !important;
}
.col-50 {
width: 50% !important;
}
.col-75 {
width: 75% !important;
}
.card a {
text-decoration: none;
}
.card-image {
width: 94%;
margin-left:6%;
}
.card-imageBox {
float: left;
position: relative;
width: 28%;
min-width: 96px;
margin-right: 10px;
}
.card-imageContainer {
width: 100%;
border: solid black 1px;
}
.card-imageContainer--highlighted {
width: 100%;
border-radius: 3.5px;
border: #888888 1px solid;
position: relative;
}
.cardHighlighted {
display: block;
}
.imageContainer-img {
width: 100%;
min-height: 140px;
}
.image-reduction {
top: 50%;
right: 0;
position: absolute;
padding: 1% 5%;
text-align: center;
font-weight: bold;
color: white;
background-color: #FF4130B8;
line-height: 1.2em;
font-size: 12px;
}
.image-reduction--highlighted {
line-height: 1.5em;
font-size: 15px;
}
.card-imageContainer--highlighted > .imageContainer-img {
min-height: 197px;
}
.card-content {
overflow: auto;
font-size: 11px;
line-height: 1.2em;
color: #706f6f;
min-height: 140px;
}
.card-content--highlighted {
line-height: 1.4em;
text-align: center;
margin-top: 10px;
}
.content-top {
height: 3.6em;
}
.content-middle {
margin-top: 0.75em;
}
.content-title {
font-size: 14px;
font-weight: 700;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
max-height: 2.4em;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.content-title a {
color: #191919;
}
.noteImage-container{
font-weight: 400;
display: flex;
}
.noteImage-img {
height: 0.8em;
margin: auto 0;
}
.noteImage-nb {
font-size: 11px;
}
.content-location{
font-weight: bold;
}
.content-middle .content-location {
margin-top: 0.75em;
}
.content-desc {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
max-height: 3.6em;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin-top: 1em;
}
.content-bottom {
position: absolute;
bottom: 1px;
}
.content-bottom--book {
width: calc(72% - 10px);
}
.price {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
}
.price-info {
display: flex;
flex-direction: column;
align-self: flex-end;
}
.price-info--red {
font-size: 16px;
font-weight: bold;
color: #ff4130;
}
.price-info--del {
font-weight: bold;
font-size: 11px;
text-decoration: line-through;
color: #706f6f;
}
.price-info--frais {
font-size: 9px;
line-height: 0.9em;
}
.card-info {
height: 100%;
overflow: auto;
padding-bottom: 30px;
}
.sortBox::after {
content: "";
clear: both;
display: block;
}
.sortMenu {
background-color: #ff4130;
padding: 0 10px;
color: white;
cursor: pointer;
}
.sortMenu form {
margin: 0;
}
.filterRow {
position: relative;
line-height: 2.5em;
color: white;
padding: 0 5px 5px 5px;
}
.filterRow--flex {
display: flex;
}
.filterRow-sort::before {
content: "Trier par : ";
}
.filterRow:not(:last-child) {
border-bottom: solid 1px white;
}
.filterRow-select {
background-color: #ff4130;
color: white;
}
.filterRow--flex > .filterRow-select {
flex-grow: 1;
margin: auto;
padding: 0;
width: 50%; /* la width ici a juste besoin d'?tre inf?rieur au contenu restant dans le container.*/
}
.filterRow--flex > .filterRow-label {
margin: auto;
}
.btnContainer{
position: relative;
}
.btnContainer::after {
display: block;
content: "";
clear: both;
}
.btnContainer-filter {
background-color: #ff4130;
}
.btnContainer--center {
text-align: center;
}
.btnContainer--marginTop {
margin-top: 15px;
}
.btnContainer--row .col {
float: left;
box-sizing: border-box;
min-height: 1px;
text-align: center;
}
.btnContainer--row > .col {
padding: 0 10px;
}
.btnList {
border: none;
outline: none;
background-color: #D6D6D6;
padding: 4px 6px 3px 6px;
margin: 5px 0;
border-radius: 3px;
color: #191919;
font-size: 8pt;
text-align: center;
cursor: pointer;
line-height: 1.5em;
width: 100%;
height: auto;
}
.btnList-book {
margin: 0;
background-color: #ff4130;
color: white !important;
padding: 4px 6px 3px 6px;
}
.btnList-validation {
margin-left: 5px;
background-color: #313131;
color: white;
}
.btnList-validation--modal {
background-color: #ff4130;
width: auto;
padding: 4px 12px 3px 12px;
}
.btnList-validation--filter {
margin-left: 10px;
}
.btnList-filter {
position: relative;
text-align: left;
letter-spacing: normal;
border: solid 1px white !important;
color: white !important;
background-color: #ff4130;
text-transform: uppercase;
line-height: calc(2.5em - 10px);
height: 2.5em;
}
.btnList-pagination {
padding: 5px 3px;
background-color: #313131;
color: white;
}
.btnList-pagination > i {
font-size: 15px;
color: white;
}
.btnList-next {
position: absolute;
bottom: 0;
right: 0;
}
.filterContainer {
position: relative;
z-index: 1;
margin-bottom: 10px;
}
.menuFiltre {
background-color: white;
overflow: auto;
margin: 0 15px;
}
.menuFiltre-sort {
width: 19%;
right: 0;
}
.pagination {
height: 2.5em;
line-height: 2.5em;
margin: 10px;
}
.pagination-pages {
font-size: 15px;
}
.btnContainer-pagination {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.btnContainer-pagination--prev {
left: 10px;
}
.btnContainer-pagination--next {
right: 10px;
}
/* IMG SIZE MEDIA QUERIES */
@media screen and (min-width: 300px) and (max-width: 320px) {
.card-imageContainer--highlighted > img {
max-height: 198px;
}
.card-imageContainer > img {
max-height: 136px;
}
/* fixe la width de la partie droite d'une carte.*/
.content-bottom--book {
width: 200px; /* width du container - width de l'image - margin de l'image. */
}
}
@media screen and (min-width: 321px) and (max-width: 360px) {
.card-imageContainer--highlighted > img {
max-height: 227px;
}
.card-imageContainer > img {
max-height: 136px;
}
}
@media screen and (min-width: 361px) and (max-width: 375px) {
.card-imageContainer--highlighted > img {
max-height: 238px;
}
.card-imageContainer > img {
max-height: 137px;
}
}
@media screen and (min-width: 376px) and (max-width: 384px) {
.card-imageContainer--highlighted > img {
max-height: 245px;
}
.card-imageContainer > img {
max-height: 141px;
}
}
@media screen and (min-width: 385px) and (max-width: 414px) {
.card-imageContainer--highlighted > img {
max-height: 267px;
}
.card-imageContainer > img {
max-height: 152px;
}
}
.modal-container{
padding:0px !important;
}
.modal_title{
font-weight: bold;
text-align: center;
}
.modal_content{
padding:10px;
}
.modal_content .btn-modal-close{
border: none;
padding: .4rem 1rem;
margin-right: 1rem;
border-radius: .5rem;
background: #C10000;
color: white;
float:right;
margin-right: 20px;
margin-bottom: 10px;
}