html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
background: transparent;
}
input, textarea, select { margin: 0; padding: 0 }
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
.bold{
font-weight:bold;
}
/* Général */
body {
position: relative;
background: #fff;
font-family: Arial;
font-size: 12px;
}
a, a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Utile */
.access-layout { display: none; }
.clearfix {
clear: both !important;
font-size: 0 !important;
line-height: 0 !important;
float: none !important;
height: 0 !important;
width: 0 !important;
margin: 0 !important;
padding: 0 !important;
display: block !important;
}
.text-bold { font-weight: bold }
.text-italic { font-style: italic }
.text-uppercase { text-transform: uppercase }
.text-left { text-align: left }
.text-right { text-align: right }
.text-justify { text-align: justify }
.text-center { text-align: center }
.text-underline { text-decoration: underline }
.text-normal { text-transform: none }
.pull-left { float: left !important }
.pull-right { float: right !important }
.margin-10 { height: 10px; }
.margin-20 { height: 20px; }
.margin-30 { height: 30px; }
.margin-40 { height: 40px; }
.margin-50 { height: 50px; }
.s8 { font-size: 8px; }
.s9 { font-size: 9px; }
.s10 { font-size: 10px; }
.s11 { font-size: 11px; }
.s12 { font-size: 12px; }
.s13 { font-size: 13px; }
.s14 { font-size: 14px; }
.s15 { font-size: 15px; }
.s16 { font-size: 16px; }
.s17 { font-size: 17px; }
.s18 { font-size: 18px; }
.s19 { font-size: 19px; }
.s20 { font-size: 20px; }
.s21 { font-size: 21px; }
.s22 { font-size: 22px; }
.s23 { font-size: 23px; }
.s24 { font-size: 24px; }
.s25 { font-size: 25px; }
.s26 { font-size: 26px; }
.s27 { font-size: 27px; }
.s28 { font-size: 28px; }
.s29 { font-size: 29px; }
.s30 { font-size: 30px; }
/** UTILE **/
.mobile .nomobile{
display:none;
}
#alert {
background: rgba(0,0,0,0.3);
top: 0;
left: 0;
width: 100%;
height: 100%;
position: fixed;
z-index: 10001;
}
.mobile #alert-container{
width: 90%;
margin:0;
transform: translate(-50%,-50%);
box-sizing: border-box;
}
#alert-container {
position: fixed;
top: 50%;
left: 50%;
width: 400px;
padding: 20px;
margin-left: -230px;
background: #fff;
box-shadow: 0 0 8px #777
}
#alert-title {
font-size: 16px;
font-weight: bold;
color: #ff5f46;
text-align: center
}
#alert-message {
text-align: center;
font-size: 14px;
margin: 10px 0;
}
#alert-actions {
text-align: center;
margin: 20px 0 0 -20px;
}
#alert-actions a {
background: #0064DC;
padding: 5px 15px;
font-size: 14px;
color: #fff;
display: inline-block;
margin: 0 0 0 20px;
text-decoration: none;
}
#alert-actions a:hover { background: #ff5f46 }
#loading {
background: rgba(0, 0, 0, 0.7);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10000
}
#loading-container {
text-align: center;
position: absolute;
top: 40%;
width: 100%;
font-size: 55px;
color: #fff;
}
#loading-message {
margin: 45px 0 0 0;
font-size:30px;
}
.spinner i {
background: #fff;
height: 50px;
width: 50px;
display: inline-block;
margin: 0 10px;
border-radius: 100%;
}
.spinner i {
-webkit-animation: spinner 1s infinite;
animation: spinner 1s infinite;
}
.spinner i:nth-child(1) {
-webkit-animation: spinner 1s .25s infinite alternate;
animation: spinner 1s .25s infinite alternate;
}
.spinner i:nth-child(2) {
-webkit-animation: spinner 1s .5s infinite;
animation: spinner 1s .5s infinite;
}
.spinner i:nth-child(3) {
-webkit-animation: spinner 1s .75s infinite;
animation: spinner 1s .75s infinite;
}
.spinner i:nth-child(4) {
-webkit-animation: spinner 1s 1s infinite;
animation: spinner 1s 1s infinite;
}
.spinner i:nth-child(5) {
-webkit-animation: spinner 1s .25s infinite;
animation: spinner 1s .25s infinite;
}
@-webkit-keyframes spinner {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes spinner {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
/* Messages */
.alert {
border: 1px solid;
border-radius: 2px;
padding: 15px 25px;
margin: 15px 0
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
/** LOADING **/
#preload{
position:relative;
width: 50px;
margin: 0 auto;
}
#preload:before{
width:20px;
height:20px;
border-radius:20px;
background:blue;
content:'';
position:absolute;
background:#ff5f46;
animation:preload_before 1.5s infinite ease-in-out;
}
#preload:after{
width:20px;
height:20px;
border-radius:20px;
background:blue;
content:'';
position:absolute;
background:#0064DC;
left:22px;
animation: preload_after 1.5s infinite ease-in-out;
}
@keyframes preload_before {
0% {transform: translateX(0px) rotate(0deg)}
50% {transform: translateX(50px) scale(1.2) rotate(260deg); background:#0064DC;border-radius:0px;}
100% {transform: translateX(0px) rotate(0deg)}
}
@keyframes preload_after {
0% {transform: translateX(0px)}
50% {transform: translateX(-50px) scale(1.2) rotate(-260deg);background:#ff5f46;border-radius:0px;}
100% {transform: translateX(0px)}
}
/***/
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #000;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #000;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #000;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #000;
}
#bloc-moteur-selects ::-webkit-input-placeholder {
font-size: 12px;
}
#bloc-moteur-selects :-moz-placeholder {
font-size: 12px;
}
#bloc-moteur-selects ::-moz-placeholder {
font-size: 12px;
}
#bloc-moteur-selects :-ms-input-placeholder {
font-size: 12px;
}
.select2-selection__placeholder { color: #000 !important }
#layer-overlay {
background: rgba(0, 0, 0, 0.4);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10000;
}
#layer {
position: fixed;
top: 40px;
left: 50%;
width: 700px;
background: #fff;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
border: 1px solid #fff;
z-index: 10000;
padding:15px;
}
#layer.layer-size-medium {
width: 758px;
}
#layer.layer-size-auto {
width: auto;
}
#layer.layer-anchor {
position: absolute;
}
#layer-close {
display: inline-block;
position: absolute;
top: 20px;
right: 20px;
color: #fff;
padding: 5px;
text-decoration: none;
font-size: 18px;
}
#layer h1 {
background: #2c3242;
padding: 10px;
font-size: 18px;
color: #fff;
text-transform: uppercase;
margin-bottom:10px;
}
#layer .page {
padding: 0;
}
#layer .page-content {
padding: 20px;
max-height: 60vh;
overflow: auto;
}
#layer.layerOriginFromProd.layer-anchor, #layer.layerOriginFromProd{
position: fixed;
max-height: 90%;
overflow: auto;
top:50% !important;
transform: translate(-50%,-50%) !important;
}
.page-container {
padding: 20px;
}
.mobile .page-container{
padding:0.5em;
}
.page {
font-size: 14px;
}
.page h1 {
font-weight: bold;
font-size: 20px;
color: #ff5f46;
}
.page p {
margin: 12px 0;
}
.page ul {
margin: 12px 0;
}
.page ul li {
margin: 5px 0;
}
.container-center{
width:1200px;
margin: 0 auto;
}
/* home Jo */
.resultats .select2-container--open .select2-dropdown--below{
width:250px !important;
}
#bloc-moteur-selects{
padding:10px 0 7px;
}
.resultats .fixed #bloc-moteur-selects{
width:1200px;
margin:0 auto;
}
.bloc-moteur-row{
padding:4px 10px;
}
.bloc-moteur-row select{
padding:7px 5px;
width:100%;
}
.bloc-moteur-row-overflow{
}
.bloc-moteur-row input{
padding:11px 5px;
height: 33px;
border:1px solid #aaa;
font-size:12px;
border-radius: 0;
box-sizing: border-box;
padding:7px 5px;
width:167px;
}
.bloc-moteur-row.bloc-moteur-row-overflow select{
padding:7px 5px;
width:167px;
}
#bloc-moteur-calendar-in-container, #bloc-moteur-budget{
float:left;
}
#bloc-moteur-calendar-out-container, #bloc-moteur-pax{
float:right;
}
#bloc-moteur-calendar-in-container, #bloc-moteur-calendar-out-container{
position:relative;
}
#bloc-moteur-calendar-in, #bloc-moteur-calendar-out{
background:url(//static2.maeva.com/partenaires/webfrance/public/images/moteur/ico-cal-m.png) right 5px center no-repeat white;
background-size:25px;
}
#bloc-moteur-reset{
float:left;
color:white;
font-size:14px;
position: relative;
padding:10px 0 0 20px;
}
#bloc-moteur-reset::after{
content:"x";
position: absolute;
color:#2c3242;
border-radius: 10px;
background: white;
left: 0;
width: 17px;
text-align: center;
height: 18px;
}
#bloc-moteur-search{
float:right;
text-align:center;
width:167px;
padding:12px 0;
color:white;
text-transform:uppercase;
background:#ff5f47;
font-size:14px;
cursor: pointer;
border: 0;
font-weight:bold;
}
/** CAL **/
.ui-datepicker-group{
margin-bottom:5px;
}
.ui-state-disabled > .ui-state-default{
color:#cccccc !important;
text-decoration:line-through;
}
.ui-datepicker-week-end > .ui-state-default.ui-state-hover{
color:#fff !important;
}
.ui-datepicker-week-end > .ui-state-default{
color:#336633 !important;
}
.ui-state-default{
background:white !important;
border:solid 1px white !important;
color:#2c3242 !important;
text-align:center !important;
font-weight:bold !important;
}
.ui-datepicker td span, .ui-datepicker td a{
padding:0.5em !important;
}
.ui-datepicker-calendar{
border:0;
}
.ui-datepicker table{
overflow:hidden;
}
.ui-datepicker .ui-datepicker-next{
right:7px !important;
}
.ui-widget-header{
font-weight:normal !important;
background:none !important;
border:none !important
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
background:#99cc33 !important;
color:white !important;
border:none !important;
}
.ui-date-arrive, .ui-date-arrive > .ui-state-default{
background:#99cc33 !important;
color:white !important;
border:none !important;
text-decoration:none !important;
cursor:default;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{
background:#3399ff !important;
color:white !important;
border:none !important;
}
.ui-state-disabled {
color:#333 !important;
background:white !important;
text-decoration:line-through;
border:solid 1px white !important;
}
.ui-datepicker-group-first{
width:49.5% !important;
border-right:1px solid #ccc;
}
.ui-datepicker th span{
font-weight:normal !important;
font-size:14px !important;
color:#222 !important;
}
.ui-icon-circle-triangle-w{
background:url("../images/calendar-we-arrow-b.png") 0 0 !important;
}
.ui-icon-circle-triangle-e{
background:url("../images/calendar-we-arrow-f.png") 0 0 !important;
}
.ui-icon.ui-icon-circle-triangle-w, .ui-icon.ui-icon-circle-triangle-e{
height:22px;
width:22px;
}
.ui-datepicker-month{
text-transform:capitalize;
}
.ui-state-hover.ui-datepicker-prev-hover{
background:none !important;
border:none !important;
top:2px;
left:2px;
}
.ui-state-hover.ui-datepicker-next-hover{
background:none !important;
border:none !important;
top:2px;
right:2px;
}
#calendar-header-arrive, #calendar-header-depart{
background:#e8e8e8;
color:#595959;
padding:10px;
overflow:auto;
text-align:center;
}
#ui-datepicker-div{
padding:0;
background:white;
z-index:92 !important;
}
.ui-datepicker-title{
color:black;
}
.calendar-close{
background: url("//static2.dnas.fr/partenaires/webfrance/public/images/homeV3/close-icon.png") no-repeat;
float: right;
height: 19px;
width: 19px;
cursor:pointer;
}
.vacance-a-actif > .ui-state-default{
background:#ffedc9 !important;
}
.vacance-b-actif > .ui-state-default{
background:#e7f2ff !important;
}
.vacance-c-actif > .ui-state-default{
background:#ffebf3 !important;
}
.vacance-actif > .ui-state-default{
background:#ffedc9 !important;
}
span[class^='kal-zone'], .kal-holidayz{
font-size:11px;
color:white;
padding:4px 20px;
cursor:pointer;
margin-left:15px;
}
.dayOff > .ui-state-default{
color:#336633 !important;
}
.kal-ss{
margin-top:8px;
background:url(//static2.dnas.fr/partenaires/webfrance/public/images/homeV3/info-icon.png) no-repeat 5px center;
background-size:15px;
padding-left:30px;
font-style:italic;
}
.kal-zoneA, .kal-holidayz{
background:#ffc34b;
}
.kal-zoneB{
background:#1e64af;
}
.kal-zoneC{
background:#c5004f;
}
#bloc-slide-container{
float:left;
width:578px;
height:315px;
margin-right:5px;
}
#bloc-topdesti-container{
float:left;
border:1px solid #e8e8e8;
width:233px;
}
#bloc-topdesti-header{
padding:13px 0;
font-size:18px;
color:#2c3242;
padding-left:45px;
text-transform:uppercase;
position: relative;
}
#bloc-topdesti-header::after{
content:"";
position:absolute;
width:35px;
height:35px;
background: url(../images/common/sprite-common.png) no-repeat;
background-position: 0 -52px;
transform:scale(0.6);
top: 5px;
left:15px;
}
.bloc-topdesti-row{
display:block;
text-decoration:none;
overflow:auto;
padding:5px 3px 0;
}
.bloc-topdesti-row-dark{
background:#f0f0f0;
}
.bloc-topdesti-desti{
color:#2c3242;
font-weight:bold;
font-size:13px;
/*padding-top:5px;*/
float:left;
width: 130px;
height:30px;
overflow: hidden;
justify-content: center;
display: flex;
flex-direction: column;
}
.bloc-topdesti-prix{
float:right;
font-size:12px;
padding:6px 0;
color:#595959;
}
.bloc-topdesti-leprix{
font-size:18px;
text-decoration:underline;
font-weight:bold;
color:#ff5f46;
}
#bloc-deal-lastminute-container{
margin:0 auto 20px;
width:1200px;
}
#bloc-deal-container{
width:703px;
float:left;
}
#bloc-deal-header{
font-weight:bold;
font-size:25px;
color:#ff5f46;
text-transform:uppercase;
padding-left:10px;
margin-bottom:5px;
}
#bloc-deal-tab{
padding:3px 7px 3px 7px;
border:1px solid #e8e8e8;
height:514px;
}
.bloc-deal-items {
margin: 0 0 0 -5px;
}
.bloc-deal-item{
float:left;
width:223px;
border:1px solid #e8e8e8;
margin: 5px 0 5px 5px;
height: 245px;
position: relative;
}
.bloc-deal-item span { display : inline-block }
.bloc-deal-item-last{
margin-right:0;
}
.bloc-deal-item img{
display:block;
}
.bloc-deal-item-libelle-container{
margin:10px;
}
.bloc-deal-item-residence-libelle{
font-weight:bold;
color:#595959;
font-size:14px;
height: 30px;
overflow: hidden;
width:100%;
}
.bloc-deal-item-destination-libelle{
font-weight:bold;
color:#0064dc;
font-size:15px;
height: 20px;
overflow: hidden;
text-overflow: ellipsis;
width: 200px;
white-space: nowrap;
}
.bloc-deal-item-bas-container {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.bloc-deal-item-promo-container{
background:#0064dc;
color:white;
float:left;
width:88px;
}
.bloc-deal-item-promo-until-libelle{
padding-left:15px;
padding-top:5px;
font-size:12px;
display: block !important;
}
.bloc-deal-item-promo-libelle{
text-align:center;
font-weight:bold;
font-size:26px;
display: block !important;
}
.bloc-deal-item-prix-container{
float:right;
color:#595959;
font-size:13px;
margin-right: 5px;
margin-top: 8px;
}
.bloc-deal-item-prix{
color:#ff5f46;
font-size:26px;
font-weight:bold;
}
#bloc-lastminute-container{
float:right;
width:483px;
}
#bloc-lastminute-header{
font-weight:bold;
font-size:25px;
color:#ff5f46;
text-transform:uppercase;
padding-left:10px;
margin-bottom:5px;
}
#bloc-lastminute-tab{
padding:0;
border:1px solid #e8e8e8;
height:520px;
background: #f0f0f0;
}
#bloc-lastminute-periods-link{
margin:16px 7px;
text-align: center;
background:white;
}
#bloc-lastminute-periods-link ul {
list-style: none;
display: table;
width: 100%;
}
#bloc-lastminute-periods-link ul li {
display: table-cell;
padding: 0 5px 0 0;
}
#bloc-lastminute-periods-link ul li:last-child {
padding-right: 0;
}
#bloc-lastminute-periods-link a{
font-size:15px;
color:white;
font-weight:bold;
text-align:center;
padding: 3px 11px;
background:#2c3242;
display: block;
text-decoration: none
}
#bloc-lastminute-periods-link a.bloc-lastminute-periods-active, #bloc-lastminute-periods-link a:hover{
background:#ff5f46;
}
#bloc-lastminute-periods-container{
background:#f0f0f0;
}
#bloc-lastminute-periods-container a {
display: block
}
.bloc-lastminute-row{
padding:5px 10px;
height:56px;
background:white;
}
.bloc-lastminute-row-dark{
background:#f0f0f0;
}
.bloc-lastminute-libelles-container{
float:left;
width:180px;
}
.bloc-lastminute-destination{
font-size:14px;
color:#0064dc;
font-weight:bold;
display: block;
width: 165px;
height:32px;
overflow: hidden;
}
.bloc-lastminute-region{
font-size:12px;
color:#000;
font-weight:bold;
display: block;
width: 150px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.bloc-lastminute-hebergement{
font-size:11px;
color:#595959;
font-weight:bold;
display: block;
width: 150px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.bloc-lastminute-promo-container{
float:left;
color:white;
background:#0064dc;
text-align:center;
width:80px;
}
.bloc-lastminute-promo-until{
font-size:12px;
margin-top:5px;
}
.bloc-lastminute-promo{
font-size:26px;
font-weight:bold;
}
.bloc-lastminute-prixbarre-container{
float:left;
width:65px;
color:black;
font-size:12px;
text-align:center;
padding-top:20px;
}
.bloc-lastminute-prixbarre{
text-decoration:line-through;
}
.bloc-lastminute-prix-container{
float:left;
width:120px;
color:#595959;
font-size:12px;
padding-top:7px;
}
.bloc-lastminute-prix{
font-size:26px;
font-weight:bold;
color:#ff5f46;
}
/* LISTE PRODUITS**/
.lp-paginate {
margin: 20px 0;
text-align: center;
}
.lp-paginate ul {
list-style: none;
margin: 0 0 0 -5px;
}
.lp-paginate ul li {
margin: 0 0 0 5px;
display: inline-block;
}
.lp-paginate ul li a {
display: inline-block;
background: #2c3144;
color: #fff;
padding: 6px 10px;
text-decoration: none;
font-weight:bold;
}
.lp-paginate ul li a.active, .lp-paginate ul li a:hover {
background: #0063e2;
}
.resultats #moteur-container{
width:1200px;
margin:0 auto 15px;
position:relative;
}
.resultats #moteur-ultra-container{
background: #eef5ff;
width: 100%;
}
.resultats #moteur-container.fixed{
position:fixed;
background:#eef5ff;
top:0;
width: 100%;
left:0;
z-index: 99;
box-shadow:0 1px 10px #666;
}
.resultats #moteur-container.fixed::after{
display:none;
}
.resultats .bloc-moteur-row{
float:left;
margin-right:22px;
padding:0;
position: relative
}
.bloc-moteur-row select{
border:1px solid #aaa;
font-size:12px;
width:100%;
border-radius: 0;
height: 33px;
box-sizing: border-box;
padding:5px;
-webkit-appearance: none;
-moz-appearance: none;
}
.bloc-moteur-row select::-ms-expand {
display: none;
}
.bloc-moteur-select {
position: relative;
background: #fff;
}
.bloc-moteur-select:after {
content:"";
position:absolute;
z-index:1;
right:8px;
top:50%;
margin-top:-3px;
height:0;
width:0;
pointer-events:none;
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
}
.resultats .bloc-moteur-row input{
padding:11px 5px;
height: 38px;
border:1px solid #aaa;
font-size:12px;
width:120px;
border-radius: 0;
box-sizing: border-box;
}
.resultats .bloc-moteur-row select{
border:1px solid #aaa;
font-size:12px;
width:100%;
border-radius: 0;
height: 38px;
box-sizing: border-box;
padding:9px 5px;
-webkit-appearance: none;
-moz-appearance: none;
}
.resultats .bloc-moteur-row select{
padding-right: 20px;
}
.resultats #bloc-moteur-region + .select2-container, .resultats #bloc-moteur-region{
width:125px !important;
}
.resultats #bloc-moteur-destination + .select2-container, .resultats #bloc-moteur-destination{
width:155px !important;
}
.resultats .select2-container--default .select2-selection--single{
border-radius: 0;
border-color:#e8e8e8;
}
.select2-container .select2-selection--single{
height:33px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
line-height:33px;
}
.resultats .select2-container .select2-selection--single{
height:38px;
}
.resultats .select2-container--default .select2-selection--single .select2-selection__rendered{
line-height:38px;
}
.resultats .select2-container--default .select2-selection--single .select2-selection__arrow{
height:30px;
}
.resultats #bloc-moteur-calendar-in-container{
width:120px;
margin-right:22px;
display:inline-block;
}
.resultats #bloc-moteur-calendar-out-container{
width:120px;
display:inline-block;
}
.resultats #bloc-moteur-hebergement-container{
width:170px;
}
.resultats #bloc-moteur-budget {
width:111px;
margin-right:22px;
}
.resultats #bloc-moteur-pax {
width:78px;
}
.resultats #bloc-moteur-search-container{
width:147px;
margin-right:0;
float:right;
}
.resultats #bloc-moteur-search{
padding:11px 0;
}
.resultats #bloc-moteur-reset{
display:none;
}
#lp-ariane-container{
margin-bottom:15px;
color:#595959;
}
#lp-ariane-container a{
font-size:13px;
color:#012e57;
text-decoration:none;
}
#lp-display-offers-container{
color:#595959;
font-size:15px;
float:left;
margin-bottom:15px;
}
.lp-display-offers-nb{
color:#2c3242;
font-size:21px;
font-weight:bold;
}
.lp-display-offers-price{
font-weight:bold;
font-size:26px;
color:#ff5f46;
}
.lp-display-offers-nights{
font-size:17px;
font-weight:bold;
color:#595959;
}
#lp-sorting-container{
float:right;
}
#lp-sorting-label{
float:left;
color:#2c3242;
font-size:13px;
font-weight:bold;
margin-right:10px;
margin-top:10px;
}
#lp-sorting-select{
float:left;
width:145px;
}
#lp-sorting{
border:1px solid #0064dc;
color:#0064dc;
padding:6px 3px;
width:100%;
font-size:14px;
}
#lp-results-left-container{
float:left;
width:300px;
margin-right:40px;
}
#lp-show-map{
text-align:center;
text-transform:uppercase;
color:#2c3242;
font-size:13px;
font-weight:bold;
border:1px solid #d3d3d3;
padding:15px;
margin-bottom:15px;
display: block;
text-decoration: none;
background:white;
position: relative;
}
#lp-show-map::after{
position: absolute;
content:"";
left:15px;
top:8px;
background: url(../images/common/sprite-common.png) no-repeat;
background-position:0 0;
height: 32px;
width: 20px;
}
#lp-show-map:hover {
background: #F8F8F8
}
.map-lp-produit{
width: 310px;
overflow: hidden;
cursor:pointer;
}
.map-lp-photo{
width:300px;
height:80px;
overflow:hidden;
margin-bottom:4px;
}
.map-lp-note-btn-container{
width:300px;
}
.map-lp-btn{
float: right;
padding: 5px;
background: #ff5f47;
color: white;
font-weight: bold;
}
.map-lp-note-container{
float:left;
height: 25px;
line-height: 25px;
}
.map-lp-note-btn-container .lp-offer-note-dots{
padding-top:5px;
}
#lp-selectedFilters-container{
background:white;
}
#lp-filters-container{
background:white;
}
.lp-left-container{
border:1px solid #d3d3d3;
margin-bottom:15px;
}
.lp-results-left-header{
font-size:17px;
color:#0064dc;
font-weight:bold;
text-transform:uppercase;
border-bottom:1px solid #d3d3d3;
padding:17px 0 12px 17px;
}
#lp-selectedFilters{
padding:10px 0;
}
#lp-affiner-title{
margin-bottom: 20px;
}
.lp-filter{
cursor:pointer;
font-size:16px;
color:#2c3242;
padding:12px 0 12px 50px;
position:relative;
}
.lp-filter::after{
position: absolute;
content: "X";
left: 23px;
top: 10px;
width: 20px;
font-size: 12px;
height: 17px;
color: white;
background: #2c3242;
border-radius: 16px;
text-align: center;
padding-top: 4px;
font-weight: bold;
}
.lp-filters-title{
background:#f7f6f4;
color:#2c3242;
font-size:15px;
font-weight:bold;
padding:5px 20px;
margin-top:10px;
}
.lp-filters-subcontainer{
padding:20px;
}
.lp-filter-select{
width:254px;
margin-bottom:8px;
}
.lp-filter-select select{
width:100%;
padding:8px 5px;
}
.lp-filter-subcat{
color:#505050;
font-size:13px;
font-weight:bold;
border-bottom:1px solid #e7e7e7;
padding-bottom:5px;
margin-bottom:20px;
margin-top:10px;
}
.lp-filter-checkbox{
margin-bottom:10px;
}
.lp-filter-checkbox-container{
margin-bottom:20px;
}
.lp-filter-checkbox input{
bottom: 2px;
margin-right:10px;
}
.lp-filter-checkbox label{
vertical-align: top;
display:inline-block;
width:200px;
}
#lp-delete-filter-btn{
float: right;
padding: 5px 20px;
background: #f7f7f7;
border-radius: 5px;
box-shadow: 1px 1px 2px #ddd;
margin-top: 15px;
margin-right: 15px;
font-size: 13px;
cursor: pointer;
display: inline-block;
color:#595959;
}
#lp-results-right-container{
float:right;
}
#lp-results-carte {
display: none;
height: 260px;
overflow: hidden;
margin: 0 0 20px 0;
position: relative;
border: 1px solid #d3d3d3
}
#lp-results-carte-container {
height: 260px;
}
.lp-offer-container{
border:1px solid #d3d3d3;
padding:10px;
margin: 0 0 20px 0;
background:white;
}
.lp-offer-favoris{
position: absolute;
right: 0;
top: 0;
background:url(../images/common/sprite-common.png) no-repeat;
background-position:-55px -1px;
transform: scale(0.8);
height:40px;
width:40px;
border-radius:5px;
border:1px solid #d3d3d3;
}
.lp-offer-favoris:hover, .lp-offer-favoris.active{
background-position:-55px -54px;
}
.lp-offer-photo{
float:left;
width:342px;
height:218px;
margin-right:20px;
overflow:hidden;
}
.lp-offer-photo ul {
list-style: none;
margin: 0;
}
.lp-offer-desti-favori-container{
margin-bottom:10px;
position: relative;
}
.lp-offer-info-container{
float:left;
width:470px;
height: 255px;
}
.lp-offer-destination{
position:relative;
font-size:15px;
text-transform:uppercase;
padding:10px 35px 20px 30px;
color:#565656;
border-bottom:1px solid #ebebeb;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 350px;
}
.lp-offer-destination::after{
content:"";
position:absolute;
left:0;
top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
height:42px;
width:32px;
background:url(../images/common/sprite-common.png) no-repeat;
background-position:0 0;
}
.lp-offer-residence-libelle{
font-size:19px;
font-weight:bold;
color:#2c3242;
margin-bottom:10px;
}
.lp-offer-residence-type{
font-size:13px;
font-weight:bold;
color:#595959;
margin-bottom:10px;
}
.lp-offer-notation-container{
margin-bottom:10px;
}
.lp-offer-notes{
float:left;
font-size:12px;
padding-top:3px;
}
.lp-offer-note-dots{
float:left;
margin-left:5px;
margin-right:10px;
}
.lp-offer-note-dot-on{
float:left;
height: 14px;
width: 14px;
background: #ec5225;
border-radius: 14px;
margin-right: 2px;
transform: none;
}
.lp-offer-note-dot-off{
float:left;
height: 14px;
width: 14px;
background: #ddd;
border-radius: 14px;
margin-right: 2px;
transform: none;
}
.lp-offer-reviews{
font-size:13px;
text-decoration:underline;
float:left;
padding-top:3px;
}
.lp-offer-pictos{
margin-bottom:10px;
height:35px;
}
.lp-offer-picto-wifi{
float:left;
height:36px;
width:36px;
background: url(../images/common/sprite-common.png) no-repeat;
background-position: -104px 0px;
transform:scale(0.7);
-webkit-transform:scale(0.7);
}
.lp-offer-picto-tv{
float:left;
height:36px;
width:39px;
background: url(../images/common/sprite-common.png) no-repeat;
background-position: -156px 0px;
transform:scale(0.7);
-webkit-transform:scale(0.7);
}
.lp-offer-picto-dog{
float:left;
height:36px;
width:36px;
background: url(../images/common/sprite-common.png) no-repeat;
background-position: -208px 0px;
transform:scale(0.7);
-webkit-transform:scale(0.7);
}
.lp-offer-picto-parking{
float:left;
height:36px;
width:36px;
background: url(../images/common/sprite-common.png) no-repeat;
background-position: -260px 0px;
transform:scale(0.7);
-webkit-transform:scale(0.7);
}
.lp-offer-picto-food{
float:left;
height:36px;
width:42px;
background: url(../images/common/sprite-common.png) no-repeat;
background-position: -310px 0px;
transform:scale(0.7);
-webkit-transform:scale(0.7);
}
.lp-offer-description{
font-size:13px;
color:#7c7c7c;
height: 30px;
overflow:hidden;
width: 450px;
overflow: hidden;
position: relative;
text-align: justify;
margin-bottom:10px;
margin-right: -1em;
padding-right: 1em;
}
.lp-offer-description::after{
content:"...";
position: absolute;
bottom: 0;
right: 0;
}
.lp-offer-container-top {
margin: 0 0 15px 0;
}
.lp-offer-container-bottom{
background:#f4f4f4;
margin: 0 0 5px 0;
display:block;
cursor: pointer;
}
.lp-offer-product-name-container{
float:left;
height:50px;
padding :20px 10px 10px 20px;
width:200px;
position:relative;
}
.lp-offer-product-dates-container::after{
content:"";
position:absolute;
height:60px;
left:0;
top:50%;
transform:translateY(-50%);
border-right:2px solid white;
}
.lp-offer-product-name-container::after{
content:"";
position:absolute;
height:60px;
right:0;
top:50%;
transform:translateY(-50%);
border-right:2px solid white;
}
.lp-offer-product-name{
font-weight:bold;
font-size:13px;
color:#2c3242;
text-transform:uppercase;
}
.lp-offer-product-surface{
font-size:13px;
color:#7c7c7c;
}
.lp-offer-product-dates-container{
float:left;
height:60px;
padding :10px 10px 10px 10px;
width: 170px;
position:relative;
}
.lp-offer-product-date{
position:relative;
text-align: center;
color:#223343;
font-size:13px;
font-weight:bold;
}
.lp-offer-product-op-container{
float:left;
height:50px;
padding :20px 20px 10px 20px;
width:130px;
position:relative;
}
.lp-offer-product-op{
position:absolute;
top:50%;
transform:translateY(-50%);
text-align:center;
width:130px;
color:#0064dc;
font-weight:bold;
}
.lp-offer-product-price-container{
float:right;
width:220px;
padding :0 0 0 10px;
position:relative;
height:80px;
}
.lp-offer-product-promo{
position:absolute;
top:0;
right:0;
background:#0064dc;
color:white;
padding: 1px 0;
width: 60px;
text-align: center;
font-size: 19px;
font-weight:bold;
}
.lp-offer-product-nuitelib{
font-size: 10px;
text-align: center;
margin: 0 0 5px;
padding-top:5px;
font-style:italic;
}
.lp-offer-product-old-prix{
font-size:12px;
color:#383838;
text-decoration:line-through;
padding-top:20px;
}
.lp-offer-product-prix{
color: #ff5f46;
font-size: 32px;
font-weight: bold;
margin-top:15px;
text-align:center;
}
.lp-offer-product-pax{
font-size: 15px;
padding: 0 5px;
padding-top:10px;
}
a.lp-offer-product-book-btn{
position:absolute;
bottom:0;
right:0;
text-align:center;
width: 225px;
font-size: 12px;
padding: 5px 0;
background:#ff5f46;
color:white;
text-transform:uppercase;
font-weight:bold;
text-decoration: none
}
/* FICHE PRODUIT */
#fp-cols-container{
margin-bottom:30px;
}
#fp-container{
margin:0 auto;
width:1200px;
border-top:1px solid #d3d3d3;
padding-top:10px;
}
#fp-ariane-container{
font-size:13px;
color:#565656;
margin-bottom:15px;
}
.mobile #fp-ariane-container{
padding:0 0.5em;
}
#fp-ariane-container a{
text-decoration:none;
color:#565656;
}
#fp-ariane-last{
color:#ff5f46;
}
#fp-left-container{
float:left;
margin-right:80px;
width:800px;
}
#fp-right-container{
float:left;
width:320px;
}
.fp-back-container{
margin-bottom:20px;
}
a.fp-back-btn{
display: inline-block;
color:white;
padding: 10px;
font-size:14px;
background:#0064dc;
text-decoration: none
}
a.fp-back-btn:before {
content: '';
width: 0px;
height: 0px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid #fff;
display: inline-block;
margin: 0 10px 0 0;
}
#fp-residence-header-container{
position:relative;
border:1px solid #e5e5e5;
background:white;
padding:20px;
margin-bottom:15px;
}
#fp-wishlist-container{
position:absolute;
height:35px;
width:35px;
right:0;
top:5px;
}
#fp-residence-localisation-container{
margin-bottom:15px;
width:700px;
}
#fp-residence-localisation-container-ark{
margin-bottom:15px;
border: 1px solid #e5e5e5;
background: white;
padding: 20px;
}
#fp-residence-options .fp-option-header { display: none }
#fp-residence-options {
margin: 20px 0 -10px -20px;
}
#fp-option-forfait, #fp-option-ski, #fp-option-asr, #fp-option-food, #fp-option-esf,#fp-option-presta-residence {
float: left;
margin: 0 0 20px 20px;
width: 365px;
position:relative;
}
#fp-option-forfait::after, #fp-option-ski::after, #fp-option-asr::after, #fp-option-food::after, #fp-option-esf::after,#fp-option-presta-residence::after{
content:"";
position:absolute;
left:0;
top:0;
background:url(../images/common/sprite-common.png);
height:42px;
width:42px;
}
#fp-option-forfait::after{
background-position: 0 -106px;
}
#fp-option-ski::after{
background-position: -210px -106px;
}
#fp-option-presta-residence::after{
background-position: -106px -106px;
}
#fp-option-esf::after{
background-position: -262px -106px;
}
#fp-option-food::after{
background-position: -314px -106px;
}
#fp-option-forfait .fp-option-select select, #fp-option-ski .fp-option-select select, #fp-option-asr .fp-option-select select, #fp-option-food .fp-option-select select, #fp-option-esf .fp-option-select select {
width: 100%;
}
.fp-option-hide-all{
display:none;
}
.fp-opt-option {
display: none;
font-size: 11px;
margin-bottom: 3px;
padding-bottom: 3px;
border-bottom: 1px dashed #e7e7e7;
}
.fp-opt-label+.fp-opt-option {
display: block;
}
.fp-opt-label {
font-weight: bold;
font-size: 13px;
}
.fp-option-display-all, .fp-option-hide-all {
font-size: 13px;
cursor: pointer;
font-weight: bold;
font-style: italic;
padding-left:60px;
}
#fp-residence-options .fp-option-libelle, #fp-residence-options .fp-option-date, #fp-residence-options .fp-option-select {
margin: 0 0 0 60px;
}
#fp-residence-options .fp-option-select {
margin-top: 5px;
}
#fp-wishlist-container{
position: absolute;
right: 10px;
top: 10px;
background: url(../images/common/sprite-common.png) no-repeat;
background-position: -55px -1px;
transform: scale(0.8);
height: 40px;
width: 40px;
border-radius: 5px;
border: 1px solid #d3d3d3;
}
#fp-wishlist-container:hover, #fp-wishlist-container.active{
background-position: -55px -54px;
border:0;
}
#fp-residence-carte{
margin-top:15px;
}
#fp-residence-libelle{
font-weight:bold;
font-size:19px;
color:#2c3242;
margin-right:5px;
}
#fp-residence-photos {
height: 500px;
overflow: hidden;
width: 700px;
margin: 0 auto 10px auto;
}
#fp-residence-photos ul {
list-style: none;
}
#fp-residence-vignettes {
height: 79px;
overflow: hidden;
width: 700px;
margin: auto;
}
#fp-residence-vignettes ul {
list-style: none;
}
.bx-wrapper {
position: relative;
padding: 0;
margin: 0 auto;
}
#fp-residence-photos .bx-prev, #fp-residence-photos .bx-next{
background: url(//static2.dnas.fr/partenaires/webfrance/public/images/fiche_produit/2015/fleches-diapo.png) no-repeat!important;
width: 24px!important;
height: 50px!important;
margin-top: -25px!important;
display: block;
cursor: pointer;
}
#fp-residence-photos .bx-wrapper .bx-controls-direction a.disabled{
display:none;
}
#fp-residence-photos .bx-next{
background-position: -24px!important;
}
.fp-residence-photos-pager li a{
border:2px solid transparent;
display:block;
}
.fp-residence-photos-pager li img{
}
.fp-residence-photos-pager li a.actif{
border-color:#ff5f46;
}
#fp-localisation-libelle{
font-size:15px;
color:#565656;
padding-top:3px;
text-transform: uppercase;
}
.mobile #fp-infos-produit-destination {
margin-bottom: 0.5em;
font-size: 15px;
padding: 0 0.5em;
text-transform: uppercase;
}
#fp-produit-note-container{
margin-bottom:30px;
}
#fp-produit-libelle{
float:left;
font-size:14px;
font-weight:bold;
color:#565656;
margin-right:30px;
}
#fp-note-libelle{
float:left;
font-size:13px;
color:#595959;
margin-right:5px;
}
#fp-note-dots{
float:left;
margin-right: 10px;
margin-top: -3px;
}
.fp-note-dot-on{
float:left;
height: 14px;
width: 14px;
background: #ec5225;
border-radius: 14px;
margin-right: 2px;
transform: none;
}
.fp-note-dot-off{
float:left;
height: 14px;
width: 14px;
background: #ddd;
border-radius: 14px;
margin-right: 2px;
transform: none;
}
.fp-btn-avis.layer:hover{
text-decoration: none;
}
#fp-note-reviews{
float:left;
font-size:13px;
color:#595959;
text-decoration:none;
}
#fp-note-reviews a{
text-decoration: underline;
color:#2c3242;
}
.fp-caract-residence{
float:left;
margin-right:10px;
margin-bottom:10px;
font-size:11px;
background:#f7f6f4;
color:#727272;
height:25px;
padding:10px 15px 0 40px;
position:relative;
}
.mobile #fp-caract-residence-container{
margin:10px 0 20px;
}
.mobile .fp-caract-residence{
background:none;
padding:35px 0 0 0;
width:25%;
line-height: 1;
height:auto;
margin-right:0;
text-align: center;
}
.mobile #fp-caract-pax::after,.mobile #fp-caract-product::after,.mobile #fp-caract-surface::after,.mobile #fp-caract-dog::after,.mobile #fp-caract-wifi::after,.mobile #fp-caract-pool::after,.mobile #fp-caract-tv::after,.mobile #fp-caract-pmr::after{
top:30%;
left:50%;
transform:translate(-50%,-50%);
}
#fp-caract-pax::after{
content:"";
position:absolute;
left:10px;
top:50%;
-webkit-transform:translateY(-50%);
background:url(../images/common/sprite-common.png) no-repeat;
background-position:-208px -156px;
height:15px;
width:20px;
}
#fp-caract-product::after{
content:"";
position:absolute;
left:10px;
top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
background:url(../images/common/sprite-common.png) no-repeat;
background-position:-208px -208px;
height:20px;
width:20px;
}
#fp-caract-surface::after{
content:"";
position:absolute;
left:10px;
top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
background:url(../images/common/sprite-common.png) no-repeat;
background-position:-260px -156px;
height:20px;
width:20px;
}
#fp-caract-dog::after{
content:"";
position:absolute;
left:10px;
top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
background:url(../images/common/sprite-common.png) no-repeat;
background-position:-312px -156px;
height:15px;
width:20px;
}
#fp-caract-wifi::after{
content: "";
position: absolute;
left: 0px;
top: 60%;
transform: translateY(-50%) scale(0.5);
background: url(../images/common/sprite-common.png) no-repeat;
background-position: -105px 0px;
height: 44px;
width: 44px;
}
.mobile #fp-caract-wifi::after{
transform: scale(0.5);
top: -4px;
left: 8px;
}
#fp-caract-pool::after{
content:"";
position:absolute;
left:10px;
top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
background:url(../images/common/sprite-common.png) no-repeat;
background-position:-156px -208px;
height:17px;
width:20px;
}
#fp-caract-tv::after{
content:"";
position:absolute;
left:10px;
top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
background:url(../images/common/sprite-common.png) no-repeat;
background-position:-156px -260px;
height:17px;
width:20px;
}
#fp-caract-pmr::after{
content:"";
position:absolute;
left:10px;
top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
background:url(../images/common/sprite-common.png) no-repeat;
background-position:-104px -208px;
height:22px;
width:20px;
}
.fp-container{
padding:20px;
border:1px solid #e5e5e5;
background:white;
margin-bottom:35px;
font-size:13px;
color:#565656;
}
.mobile .fp-container{
padding:0 0.2em;
}
.fp-container-title{
color:#0064dc;
font-weight:bold;
font-size:16px;
}
.fp-container-subtitle{
font-weight:bold;
font-size:14px;
margin:20px 0;
}
#fp-residence-menu-container{
padding:0;
}
#fp-residence-menu-container.fixed{
position: fixed;
top: 0;
width: 798px;
z-index: 999;
}
.fp-residence-menu-item{
width:20%;
float:left;
font-size:15px;
position:relative;
}
.fp-residence-menu-item a, .fp-residence-menu-item-disabled a:hover {
display: block;
padding:20px;
text-align:center;
color: #565656;
text-decoration: none
}
.fp-residence-menu-item-disabled a {
pointer-events: none;
color: #ddd;
}
.fp-residence-menu-item-active a, body.notouch .fp-residence-menu-item a:hover {
color:white;
background:#2c3242;
font-weight:bold;
color: #fff;
}
.fp-residence-menu-item-active a::after, body.notouch .fp-residence-menu-item a:hover::after{
content:" ";
position:absolute;
left:50%;
transform:translateX(-50%);
bottom:-15px;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 15px 0 15px;
border-color: #2c3242 transparent transparent transparent;
}
#fp-id{
margin:20px 0;
font-weight:bold;
font-size:13px;
}
.carte {
height: 375px;
}
#itineraireRoute {
height: 300px;
overflow: auto;
}
#fp-residence-details{
margin-top:20px;
}
#fp-residence-details ul {
list-style: none;
columns: 2;
column-gap: 40px;
-webkit-columns: 2;
-webkit-column-gap: 40px;
}
.mobile #fp-residence-details ul {
columns:1;
column-gap: 0px;
-webkit-columns: 1;
-webkit-column-gap: 0px;
}
#fp-residence-details ul li {
margin: 0 0 20px 0;
break-inside: avoid;
}
.mobile #fp-residence-details ul li {
margin: 0 1em 20px 1em;
break-inside: avoid;
}
#fp-residence-details-left-container{
width:350px;
float:left;
margin-right:50px;
}
#fp-residence-details-right-container{
width:350px;
float:left;
}
.fp-residence-details-item{
margin-bottom:15px;
}
.fp-residence-details-item-cat{
font-weight:bold;
}
#fp-residence-desc-container p {
margin: 12px 0;
}
#fp-residence-desc-container ul {
margin: 12px 0 12px 20px;
}
#fp-residence-desc-container ul li {
margin: 2px 0;
}
#fp-residence-details-container{
position: relative;
}
#fp-residence-details-container::after{
content:"";
position: absolute;
height: 85%;
width:1px;
background: #e7e7e7;
top: 7.5%;
left:50%;
transform: translateX(-50%);
}
.fp-outtitle{
font-weight:bold;
color:#595959;
font-size:14px;
margin-bottom:15px;
}
.fp-residence-autres-item{
padding-bottom:20px;
margin-bottom:20px;
border-bottom:1px solid #666;
}
.fp-residence-autres-item:last-child{
border-bottom:0;
padding-bottom:0;
margin-bottom:0;
}
.fp-residence-autres-item-photo{
float:left;
width:165px;
height:90px;
overflow:hidden;
margin-right:20px
}
.fp-residence-autres-item-produit{
font-weight:bold;
font-size:14px;
margin-bottom:20px;
}
.fp-residence-autres-item-desc-container{
font-size:13px;
color:#595959;
float:left;
width:280px;
margin-right:10px;
}
.fp-residence-autres-item-desc {
max-height: 45px;
overflow: hidden;
}
.fp-residence-autres-item-prix-container{
width:140px;
float:left;
margin-right:20px;
}
.fp-residence-autres-item-pax{
text-align:center;
font-size:13px;
font-weight:bold;
margin-bottom:20px;
}
.fp-residence-autres-item-prix{
color:#ff5f46;
font-size:31px;
font-weight:bold;
text-align:center;
}
.fp-residence-autres-item-oldPrix{
font-size:14px;
color:#595959;
text-decoration:line-through;
}
.fp-residence-autres-item-btn-container{
float:left;
margin-top:45px;
}
.fp-residence-autres-item-btn{
font-weight:bold;
color:white;
padding:3px 10px;
background:#ff5f46;
text-transform:uppercase;
}
.fp-residence-autres-item-btn a{
color:white;
}
.mobile #fp-localiser-container, .mobile #fp-avis-container{
display:none;
}
.mobile .toggleBox{
margin-bottom:20px;
}
.mobile .toggleBox.actif .toogleBoxContent{
display:block;
}
.mobile .toggleBox .toogleBoxContent{
display:none;
padding:0.6em;
}
.mobile .toggleBox h2{
background: white;
color: #010101;
border: 1px solid #010101;
border-right: none;
border-left: none;
border-top: none;
font-size: 16px;
font-weight: normal;
line-height: 45px;
height: 45px;
overflow: hidden;
text-overflow: ellipsis;
padding:0 1em;
position: relative;
cursor: pointer;
}
.mobile .toggleBox h2::after{
content: "";
position: absolute;
display: block;
width: 22px;
height: 22px;
background:url("data:image/svg+xml;utf8,") no-repeat;
background-size: 22px 22px;
right: 5px;
top:50%;
top:50%;
transform: translateY(-50%) rotate(-90deg);
}
.mobile .toggleBox.actif h2::after{
background:url("data:image/svg+xml;utf8,") no-repeat;
transform: translateY(-50%);
}
/* Loading */
#bloc-moteur-loading {
display: none;
float: right;
}
#bloc-moteur-loading .spinner i {
height: 20px;
width: 20px;
margin: 0 5px;
}
.fp-option-container{
border:1px solid #e5e5e5;
width:330px;
height:85px;
position:relative;
}
.fp-option-container-left{
margin-right:60px;
float:left;
}
.fp-option-container-right{
float:right;
}
.fp-option-libelle-info-container{
margin-left:60px;
}
.fp-option-select-container{
margin-left:60px;
margin-right:40px;
}
.fp-option-libelle-info-container{
margin-top:5px;
margin-bottom:15px;
}
.fp-option-libelle{
font-size:14px;
font-weight:bold;
}
.fp-option-select-container select{
padding:3px 5px;
border:1px solid #e5e5e5;
font-size:14px;
width:100%;
}
#fp-option-frm::after{
content:"";
position:absolute;
left:5px;
top:5px;
background:url(../images/common/sprite-common.png) no-repeat;
height:42px;
width:42px;
background-position:0 -105px;
}
#fp-option-asr::after{
content:"";
position:absolute;
left:5px;
top:5px;
background:url(../images/common/sprite-common.png) no-repeat;
height:42px;
width:42px;
background-position:-53px -105px;
}
#fp-residence-destination-libelle{
text-transform:uppercase;
font-weight:bolder;
color:#595959;
font-size:16px;
margin: 15px 0;
}
.fp-residence-destination-menu-item{
}
.fp-residence-destination-menu-item a {
padding:10px;
border:1px solid #e5e5e5;
float:left;
margin-right:20px;
text-decoration: none;
color:#333;
}
.fp-residence-destination-menu-item-active a, .fp-residence-destination-menu-item a:hover{
font-weight:bold;
color:#fff;
background:#2c3242;
}
#fp-residence-destination-acces-content{
margin:15px 0;
}
#fp-residence-destination-acces-content h3{
margin:15px 0;
}
.fp-residence-destination-itineraire-inverser a {
background: url(../images/iti-arrows.png) no-repeat;
width: 25px;
height: 25px;
display: inline-block;
}
.fp-residence-destination-itineraire-champ label{
font-weight:bold;
display: inline-block;
width:100px;
}
.fp-residence-destination-itineraire-champ input{
width: 70%;
padding:5px;
}
#fp-do-itineraire, #fp-itineraire-print{
margin:10px 10px 20px;
padding:10px;
background:#ff5f46;
color:white;
border:0;
cursor:pointer;
}
#fp-residence-destination-descriptif-content{
margin-top:30px;
}
#fp-residence-destination-descriptif-content-left{
float:left;
width:400px;
margin-right:40px;
}
#fp-residence-destination-descriptif-content-right{
float:right;
width:280px;
}
#fp-residence-destination-descriptif-title{
font-weight:bold;
font-size:13px;
background:#2c3242;
color:white;
padding:10px;
margin-bottom:20px;
}
#fp-photos-container {
margin: 0 0 0 -16px;
}
.fp-photos-item{
display: inline-block;
padding: 5px;
background: white;
width: 380px;
border: 1px solid #e5e5e5;
margin: 0 0 10px 16px;
}
.fp-photos-item img {
max-width: 380px
}
.knob{color:#595959 !important; font-size:23px !important; margin-left:-72px !important; width:60px !important;}
/** HEADER LAYER AVIS **/
#fp-avis-header{
overflow:auto;
height:140px;
}
#fp-avis-header-left{
float:left;
width:50%;
height:100%;
background:#f2f2f2;
color:#24afb2;
position:relative;
}
#fp-avis-header-left-ski{
float:left;
width:50%;
height:100%;
background:#f2f2f2;
color:#0a8bd5;
position:relative;
}
#fp-avis-header-nb-avis{
padding:0 0 0 20px;
font-size:17px
}
#fp-avis-header-residence-libelle{
padding:40px 5px 0 20px;
font-size:25px;
}
#fp-avis-header-old-avis{
color:#969696;
font-size:12px;
font-style:italic;
}
#fp-avis-header-right{
position:relative;
float:right;
width:50%;
height:100%;
}
/** NOTATION GAUCHE **/
#fp-avis-notation{
overflow:auto;
margin-top:20px;
}
#fp-avis-notation-left{
float:left;
width:275px;
margin-right:75px;
}
.mobile #fp-avis-notation-left{
float:none;
width:100%;
margin-left:-1%;
}
.mobile #fp-avis-notation-note-etablissement, .mobile #fp-avis-notation-note-reco{
width:48%;
float:left;
margin-left:2%;
margin-top:0;
height:170px;
}
.mobile #fp-avis-notation-note-reco{
margin-left:1%;
}
.fp-avis-notation-note-full{
padding:74px 0;
}
#fp-avis-notation-note-etablissement{
border:#c4c6c5 1px solid;
height:140px;
}
#fp-avis-notation-note-libelle{
padding-top:10px;
font-size:14px;
text-align:center;
}
.mobile #fp-avis-notation-note-libelle{
padding:10px 5px;
}
#fp-avis-notation-note-score{
padding-top:10px;
font-size:45px;
font-weight:bold;
text-align:center;
color:#2c3242;
}
#fp-avis-notation-note-stars{
padding-top:10px;
text-align:center;
width:80px;
margin:0 auto;
}
#fp-avis-notation-note-reco{
border:#c4c6c5 1px solid;
height:140px;
margin-top:5px;
}
#fp-avis-notation-note-reco-graph{
height:90px;
font-size:30px;
}
#fp-avis-notation-canvas-container{
margin:5px 100px 0;
float:left;
width:100px;
}
.mobile #fp-avis-notation-canvas-container{
margin:5px auto;
float: none;
}
#fp-avis-notation-note-reco-libelle{
padding:5px;
text-align:center;
font-size:10px;
margin-top:10px;
}
/** NOTATION DROITE **/
#fp-avis-notation-right{
float:left;
}
.mobile #fp-avis-notation-right{
margin-top:16px;
float:none;
}
#fp-avis-notation-note-critere{
border:#c4c6c5 1px solid;
height:287px;
}
.mobile #fp-avis-notation-note-critere{
height:380px;
}
#fp-avis-notation-note-critere-header{
background:#2c3242;
color:#fff;
padding:5px 0 5px 20px;
font-weight:bold;
}
#fp-avis-notation-note-liste-critere{
font-size:14px;
padding-top:10px;
}
.fp-avis-notation-note-critere{
padding:15px 5px 5px 15px;
}
.fp-avis-notation-note-critere-libelle{
float:left;
width:145px;
font-size:12px;
}
.fp-avis-notation-note-critere-score{
float:left;
overflow:auto;
}
.fp-avis-notation-note-critere-score-bars{
width:190px;
height:20px;
position:relative;
overflow:hidden;
float:left;
}
.fp-avis-notation-note-critere-score-bar-grey{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background:#d2d4d8;
z-index:1;
text-align:center;
color:#666;
font-size:12px;
font-style:italic;
padding-top:2px;
}
.fp-avis-notation-note-critere-score-bar-yellow{
height:100%;
position:absolute;
top:0;
left:0;
background:#ff5f46;
z-index:2;
}
.fp-avis-notation-note-critere-score-numero{
width:40px;
float:left;
margin-left:10px;
}
.fp-avis-notation-note-critere-score-numero-none{
display:none;
}
/** INFO AVIS **/
#fp-avis-info{
font-size:11px;
padding-left:85px;
margin-top:30px;
background:url(//static2.dnas.fr/partenaires/webfrance/public/images/fiche_produit/2015/avis-info-m.png) 25px center no-repeat;
}
/** BLOC LISTE AVIS **/
.fp-avis-bloc-avis-left {
float: left;
width: 250px;
}
.fp-avis-bloc-avis-right {
float: left;
width: 500px;
}
#fp-avis-liste-avis{
margin:20px 0;
max-height: 350px;
overflow: auto;
}
.fp-avis-bloc-avis{
margin-bottom:10px;
border-top: 1px solid #2c3242;
padding: 10px 0;
}
.fp-avis-bloc-avis-header{
overflow:auto;
}
.fp-avis-bloc-avis-header-name{
color:#2c3242;
font-weight:bold;
font-size:14px;
}
.fp-avis-bloc-avis-texte{
border:1px solid #c6c4c5;
padding:10px;
font-size:13px;
}
.fp-avis-bloc-avis-date{
font-size:12px;
font-weight:bold;
margin-top:2px;
}
.fp-avis-bloc-avis-texte:first-line{
font-weight:bold;
}
#fp-avis-liste-avis a{
display:inline-block; border:1px solid #c4c6c5; padding:3px 10px; color:#333; text-decoration:none; margin-right:5px;
}
#fp-avis-liste-avis a.active{
background:#333; color:white; font-weight:bold;
}
#fp-avis-bloc-reponse{
padding-left:50px;
margin-top:20px;
}
.fp-avis-reponse-header, .fp-avis-reponse-footer{
overflow:auto;
}
.fp-avis-reponse-auteur{
background:#7ccfd1;
color:white;
font-weight:bold;
float:left;
padding:5px;
}
.fp-avis-reponse-auteur-ski{
background:#6cb9e6;
color:white;
font-weight:bold;
float:left;
padding:5px;
}
.fp-avis-reponse{
margin-top:10px;
}
.fp-avis-reponse-titre{
font-weight:bold;
color:#333;
}
.fp-avis-reponse-texte{
font-style:italic;
}
.fp-avis-reponse-date{
float:right;
font-weight:bold;
}
.fp-btn-avis{
background:#2c3242;
padding:10px;
color:white;
font-weight:bold;
text-decoration:none;
float:right;
}
#fp-residence-count-title{
text-align:center;
color:#253646;
font-size:26px;
font-family: Arial;
padding: 20px;
font-weight:normal;
}
.sf #fp-residence-count-title{
text-align:center;
color:#595959;
font-size:20px;
font-family:Arial;
font-weight:bold;
}
#fp-residence-carrousel{
overflow:hidden;
width:1196px;
position:relative;
background:white;
margin : 0 0 30px 0;
border:1px solid #e5e5e5;
}
#fp-residence-carrousel-mask{
width:1096px;
height:200px;
overflow:hidden;
position:relative;
float:left;
}
.fp-residence-carrousel-thumb{
width:260px;
padding:5px;
float:left;
border:2px solid #fff;
}
.fp-residence-carrousel-thumb:hover, .fp-residence-carrousel-thumb-on{
border:2px solid #253646;
}
.fp-residence-carrousel-title{
font-weight:bold;
font-size:13px;
text-align:center;
padding:5px;
color:#565656;
}
#fp-residence-carrousel-nav{
float:left;
width:98px;
height:200px;
text-align:center;
font-size:13px;
border-left:1px solid #e5e5e5;
}
#fp-residence-carrousel-nav-next{
border-bottom:1px solid #e5e5e5;
}
#fp-residence-carrousel-nav-next, #fp-residence-carrousel-nav-prev{
padding:12px 0;
cursor:pointer;
}
.nav-next-icon{
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 17.3px;
border-color: transparent transparent transparent #020305;
margin-top:10px;
margin-left:40px;
}
.nav-prev-icon{
width: 0;
height: 0;
border-style: solid;
border-width: 10px 17.3px 10px 0;
border-color: transparent #020305 transparent transparent;
margin-top:10px;
margin-left:40px;
}
#fp-residence-carrousel-nav-next.fp-residence-disable-nav, #fp-residence-carrousel-nav-prev.fp-residence-disable-nav{
color:#e5e5e5;
cursor:default;
}
.fp-residence-disable-nav .nav-next-icon, .fp-residence-disable-nav .nav-prev-icon{
border-color: transparent #e5e5e5 transparent transparent;
}
/* Moteur */
#moteur-container.top {
position: fixed;
top: 0;
left: 0;
width: 100%;
background: #fff;
z-index: 100;
box-shadow: 0 0 8px #ddd;
}
#fp-ope-container{
border-radius:5px;
background:#2c3242;
font-weight:bold;
text-align:center;
padding:10px 5px;
color:white;
text-transform:uppercase;
font-size:15px;
margin-bottom:20px;
}
#fp-panier-container.fixed{
position: fixed;
top:20px;
width:320px;
}
#fp-prix-container{
border:1px solid #e7e7e7;
position:relative;
padding:30px 10px 10px;
margin-bottom:20px;
background:white;
}
#fp-promo-container{
position:absolute;
background:#0064dc;
color:white;
padding:5px;
text-transform:uppercase;
left:50%;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
top:-14px;
font-size:21px;
width:75%;
text-align:center;
font-weight:bold;
z-index: 1;
}
#fp-promo-container::before{
content: " ";
position: absolute;
width: 0;
height: 0;
left: -12px;
bottom: 21px;
border-top: 13px solid transparent;
border-bottom: 13px solid #0064dc;
border-left: 13px solid transparent;
}
#fp-pax-container{
font-size:13px;
color:#383838;
text-align:center;
margin-bottom:10px;
}
#fp-old-prix{
font-size:12px;
color:#595959;
text-decoration:line-through;
font-weight:normal;
}
#fp-prix-pax{
font-size:18px;
color:#595959;
}
#fp-prix{
color:#ff5f46;
font-size:46px;
text-align:center;
font-weight:bold;
margin-bottom:15px;
}
#fp-prix-combo-logement-duree-container{
margin-bottom:20px;
}
.mobile #fp-prix-combo-logement-duree-container{
margin-bottom:10px;
}
#fp-prix-combo-logement-duree-container label{
display:block;
margin-bottom:5px;
color:#333;
}
#fp-prix-combo-logement-duree-container select{
width:100%;
padding:3px;
border-color:#e7e7e7;
color:#333;
}
#fp-prix-combo-logement-container{
float:left;
width:45%;
}
#fp-prix-combo-duree-container{
float:right;
width:45%;
}
#fp-prix-combo-date{
margin-bottom:15px;
}
#fp-prix-combo-date label{
display:none;
}
#fp-prix-combo-date select{
display:none;
}
#fp-prix-book-btn{
background:#ff5f46;
color:white;
padding:10px;
text-align:center;
margin: 0 auto;
border: 0;
cursor: pointer;
display: block;
width: 100%;
box-sizing: border-box;
font-size: 16px;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
}
#fp-prix-push-fullpax-container{
margin-bottom:20px;
}
#fp-prix-quality-container{
margin-bottom:20px;
background:#fcece0;
padding:20px;
}
#fp-prix-quality-title{
text-align:center;
color:#ff5f46;
font-weight:bold;
padding:10px 5px;
border:2px solid #ff5f46;
margin-bottom:20px;
background:white;
font-size:19px
}
#fp-prix-quality-title-7{
font-size:26px;
}
.fp-prix-quality-item-nb{
color:#ff5f46;
font-weight:bold;
}
.fp-prix-quality-item{
font-size:12px;
color:#595959;
margin-bottom:5px;
}
#fp-prix-push-pax-container{
margin-top:-20px;
border:1px solid #e7e7e7;
}
.pension-tarif-trigger{
background:#f5f5f5;
padding:5px;
cursor:pointer;
overflow:auto;
}
.pension-tarif-trigger-icon{
float:right;
margin-top:5px;
}
.pension-tarif-trigger-title{
font-size:14px;
font-weight:bold;
color:#373737;
}
.pension-tarif-trigger-subtitle{
font-size:9px;
font-style:italic;
}
.pension-item{
position:relative;
margin:10px 0;
padding:0 10px 10px;
}
.pension-item::after{
content:"";
position:absolute;
bottom:0;
height:1px;
width:40%;
border-bottom:1px solid #e7e7e7;
left:50%;
transform:translateX(-50%);
display:none;
}
.pension-item-left{
float:left;
padding-top:2px;
font-size:13px;
}
.pension-item-right{
float:right;
padding-top:2px;
font-size:12px;
}
.pension-item-right-prix{
font-size:15px;
font-weight:bold;
color:#ff5f46;
}
.loading-container {
position: relative;
}
.loading {
display: none;
background: rgba(255,255,255,0.8);
text-align: center;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.loading-content {
position: absolute;
top: 50%;
margin-top: -25px;
width: 100%;
}
.loading-orange .spinner i {
background: #ff5f46;
}
.loading-size-30 .spinner i {
width: 30px;
height: 30px;
}
.loading-size-30 .loading-content {
margin-top: -15px;
}
/** TUNNEL **/
#tunnel-ariane{
width:1000px;
padding:10px;
margin:0 auto 40px;
overflow:auto;
}
.mobile #tunnel-ariane{
width: 100%;
overflow: hidden;
padding:0;
background:#f9f9f9;
}
.tunnel-ariane-item{
display:inline-block;
font-size:15px;
position:relative;
font-weight:bold;
border:1px solid #2c3242;
background:white;
font-weight:normal;
color:#2c3242;
padding:15px 60px 15px 80px;
float:left;
}
.mobile .tunnel-ariane-item{
background:transparent;
width:25%;
}
.mobile .tunnel-ariane-item, .mobile #tunnel-ariane-step01{
font-size:10px;
padding:45px 10px 0;
text-align: center;
border:0;
}
.mobile .tunnel-ariane-item.tunnel-ariane-item-left{
padding:45px 10px 0;
}
.tunnel-ariane-item.tunnel-ariane-current-item{
border-right:none;
background: #2c3242;
font-weight:bold;
color:white;
}
.tunnel-ariane-item.tunnel-ariane-item-left{
padding-left:100px;
border-left:none;
}
.tunnel-ariane-item::before{
content: " ";
z-index: 2;
position: absolute;
left: 99.8%;
top:0;
width: 0;
height: 0;
border-style: solid;
border-width:24px 0 24px 14px;
border-color: transparent transparent transparent #fff;
}
.tunnel-ariane-item::after{
content:" ";
z-index:1;
position:absolute;
left:100%;
top:0;
width: 0;
height: 0;
border-style: solid;
border-color: transparent transparent transparent #2c3242;
border-width:24px 0 24px 14px;
}
.mobile .tunnel-ariane-item::before, .mobile .tunnel-ariane-item::after{
display:none;
}
.ariane-int{
position :absolute;
top:20px;
left:20px;
padding:6px 11px;
border-radius:100%;
background:white;
font-weight:bold;
}
.mobile .ariane-int{
left:50%;
transform: translateX(-50%);
padding:6px 10px;
}
.tunnel-ariane-item.tunnel-ariane-item-left .ariane-int{
left:40px;
}
.mobile .tunnel-ariane-item.tunnel-ariane-item-left .ariane-int{
left:50%;
}
.mobile #tunnel-ariane-step04::before, .mobile #tunnel-ariane-step04::after{
display:none;
}
.tunnel-ariane-item.tunnel-ariane-current-item::after{
border-color: transparent transparent transparent #2c3242;
}
.tunnel-ariane-item.tunnel-ariane-current-item::before{
display:none;
}
.tunnel-ariane-item.tunnel-ariane-current-item .ariane-int{
color:#2c3242;
background:white;
}
.ariane-int{
background:#2c3242;
color:white;
left:10px;
top:10px;
}
#tunnel-ariane-step01{
padding:15px 25px 15px 50px;
}
#tunnel-container{
width:1200px;
margin:0 auto 40px;
}
.mobile #tunnel-container{
width: 100%;
overflow: hidden;
}
#tunnel-left-container{
float:left;
width:800px;
margin-right:70px;
}
.mobile #tunnel-left-container{
width: 100%;
margin-right: 0;
float:none;
}
#tunnel-right-container{
float:right;
width:325px;
}
.mobile #tunnel-right-container{
width: 100%;
float:none;
margin-top:0;
}
.tunnel-subcontainer{
border:1px solid #e5e5e5;
margin-bottom: 20px;
padding:20px;
background:white;
}
.tunnel-subcontainer-title{
color:#0064dc;
font-weight:bold;
margin-bottom:20px;
font-size:17px;
}
.tunnel-produits .tunnel-produit {
border-bottom: 1px solid #e5e5e5;
padding-bottom: 20px;
margin-bottom: 20px
}
.tunnel-produits .tunnel-produit:last-child {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0
}
.tunnel-infos .tunnel-infos-row:last-child {
margin-bottom: 0
}
.tunnel-photo{
display:inline-block;
width:300px;
height:200px;
margin-right:30px;
}
.mobile .tunnel-photo{
display:none;
}
.tunnel-infos{
display:inline-block;
vertical-align: top;
width:420px;
}
.mobile .tunnel-infos{
width:100vw;
}
.tunnel-infos-row{
margin-bottom:20px;
}
.tunnel-infos-title{
color:#414141;
font-weight:bold;
font-size:16px;
display:inline-block;
margin-right:20px;
width: 100px;
vertical-align: top;
text-overflow: ellipsis;
overflow: hidden;
}
.mobile .tunnel-infos-title, .mobile .tunnel-infos-libelle{
width: auto;
margin-right: 0;
}
.mobile .tunnel-infos-libelle a{
display: none;
}
.tunnel-infos-libelle{
font-size:15px;
display:inline-block;
width:295px;
}
.tunnel-infos-link{
display:inline-block;
color:#ff5f46;
font-style:italic;
text-decoration:underline;
}
#tunnel-codepromo-libelle{
display: inline-block;
width:325px;
}
#tunnel-codepromo-content { display: inline-block}
.mobile #tunnel-codepromo-content{
margin-top: 10px;
}
.mobile #tunnel-codepromo-content #tunnel-codepromo-input{
border:1px solid #c9c9c9;
}
#tunnel-codepromo-inputfield{
display: inline-block;
width:365px;
}
.mobile #tunnel-codepromo-inputfield{
width: 70vw;
}
#tunnel-codepromo-input{
padding:5px 5px 6px;
width:101%;
}
#tunnel-codepromo-btn{
display:inline-block;
background:#2c3242;
color:white;
padding: 8px 20px;
cursor:pointer;
border: 0;
}
#formTunnelConnexion .form-group{
display: inline-block;
}
#formTunnelConnexion .form-group label{
margin-right:10px;
font-weight:bold;
}
#formTunnelConnexion .form-group input{
margin-right:10px;
padding:5px;
}
#formTunnelConnexion button{
display: inline-block;
background: #2c3242;
color: white;
padding: 8px 20px;
cursor: pointer;
border: 0;
}
.tunnel-infos-client-row{
margin-bottom:40px;
}
.mobile .tunnel-infos-client-row{
margin-bottom: 16px;
}
.tunnel-infos-client-label{
font-weight: bold;
font-size:15px;
color:#414141;
margin-bottom:10px;
}
.tunnel-infos-client-row select, .tunnel-infos-client-row input{
padding:5px;
}
.tunnel-infos-client-row input{
border:none;
border-bottom:1px solid #e7e7e7;
}
.tunnel-infos-client-row input[readonly], .tunnel-infos-client-row select[readonly] {
background: #e4e4e4;
}
.tunnel-infos-client-option-container {
margin: 0 0 0 -10px;
}
input.has-error {
border-bottom-color: red;
background: #f2dede;
}
select.has-error {
border: 1px solid red;
}
#tunnel-infos-client-civlite{
width:95px;
margin-right: 25px;
}
.mobile #tunnel-infos-client-civlite{
width:100%;
margin-bottom:16px;
margin-right:0;
display: table-cell;
}
#tunnel-infos-client-nom{
width:265px;
margin-right: 25px;
}
.mobile #tunnel-infos-client-nom{
width:100%;
margin-right:0;
margin-bottom:16px;
}
#tunnel-infos-client-prenom{
width:295px;
}
.mobile #tunnel-infos-client-prenom{
width:100%;
}
select[id^="tunnel-infos-client-dob-"]{
padding:5px;
margin-right:20px;
}
.mobile select[id^="tunnel-infos-client-dob-"]{
margin-right:1%;
}
#tunnel-infos-client-dob-jour{
width:100px;
}
.mobile #tunnel-infos-client-dob-jour{
width:20%;
}
#tunnel-infos-client-dob-mois{
width:220px;
}
.mobile #tunnel-infos-client-dob-mois{
width:40%;
}
#tunnel-infos-client-dob-annee{
width:140px;
}
.mobile #tunnel-infos-client-dob-annee{
width:30%;
}
#tunnel-infos-client-telephone, #tunnel-infos-client-adresse, #tunnel-infos-client-email, #tunnel-infos-client-password, #tunnel-infos-client-password-check{
width: 100%;
}
#tunnel-infos-client-codepostal{
width:100px;
margin-right:60px;
margin-bottom: 1em;
}
.mobile #tunnel-infos-client-codepostal{
width:100%;
margin-right: 0
}
#tunnel-infos-client-ville{
width:300px;
margin-right: 60px
}
#tunnel-infos-client-pays {
width: 200px;
}
#tunnel-infos-client-stark{
color:#909090;
margin:40px 0 20px;
}
#tunnel-infos-client-option-header{
background:#2c3242;
color:white;
padding:10px 20px;
font-weight:bold;
font-size:15px;
margin-bottom:20px;
}
.tunnel-option-item-g {
float: left;
width: 50px;
margin: 0 10px 0 0;
}
.tunnel-option-item-d {
float: left;
width: 274px;
}
.tunnel-option-forfait .tunnel-option-picto, .tunnel-option-assurance_secours .tunnel-option-picto, .tunnel-option-spa .tunnel-option-picto, .tunnel-option-pension .tunnel-option-picto, .tunnel-option-location .tunnel-option-picto, .tunnel-option-esf .tunnel-option-picto, .tunnel-option-food .tunnel-option-picto {
content:"";
background:url(../images/common/sprite-common.png);
height:42px;
width:42px;
}
.tunnel-option-forfait .tunnel-option-picto {
background-position: 0 -106px;
}
.tunnel-option-assurance_secours .tunnel-option-picto{
background-position: -54px -106px;
}
.tunnel-option-spa .tunnel-option-picto{
background-position: -106px -106px;
}
.tunnel-option-pension .tunnel-option-picto{
background-position: -158px -106px;
}
.tunnel-option-location .tunnel-option-picto{
background-position: -210px -106px;
}
.tunnel-option-esf .tunnel-option-picto{
background-position: -262px -106px;
}
.tunnel-option-food .tunnel-option-picto {
background-position: -314px -106px;
}
.tunnel-option-item{
float: left;
margin: 0 0 10px 10px;
width:354px;
padding:10px 10px 25px;
background:#f0f0f0;
position: relative;
}
.tunnel-option-item-libelle,.tunnel-option-item-select{
}
.tunnel-option-item-libelle{
font-size:15px;
font-weight:bold;
color:#373737;
margin-bottom: 20px;
}
.tunnel-option-item-infolink{
float: right;
text-decoration:underline;
font-style:italic;
font-size: 12px;
margin-top: 3px;
}
.tunnel-option-item-select{
margin-right:30px;
}
.tunnel-option-item-select select{
padding:5px;
width: 100%;
}
.tunnel-option-item-jusqua{
font-size:11px;
}
.tunnel-option-item-pct{
font-weight:bold;
font-size:23px;
}
.tunnel-pax-combo-container{
color:white;
background:#2c3242;
font-weight:bold;
font-size:15px;
padding:15px 10px 15px;
position: relative;
margin-bottom:20px;
}
.mobile .tunnel-pax-combo-container select{
padding:5px;
}
#tunnel-pax-combo-select{
position: absolute;
right: 10px;
padding:5px;
top: 10px;
}
.tunnel-pax-item {
margin: 0 0 20px 0;
}
.tunnel-pax-item-libelle{
font-weight:bold;
color:#ff5f46;
font-size:15px;
}
.tunnel-pax-item-libelle-container{
margin-bottom: 20px;
}
.tunnel-pax-item-libelle, .tunnel-pax-placeholder{
display:inline-block;
}
.tunnel-pax-placeholder{
color:#a7a7a7;
font-style:italic;
}
.tunnel-pax-item-select-container{
margin-bottom:30px;
}
.tunnel-pax-item-nom, .tunnel-pax-item-prenom, .tunnel-pax-item-age{
border:0;
border-bottom:1px solid #e7e7e7;
padding:5px;
}
.mobile .tunnel-pax-item-nom, .mobile .tunnel-pax-item-prenom, .mobile .tunnel-pax-item-age{
width:100%;
margin-right: 0;
padding:10px;
margin-bottom:1em;
}
.tunnel-pax-item-nom{
width:270px;
margin-right:40px;
}
.tunnel-pax-item-prenom{
width:270px;
margin-right:40px;
}
.tunnel-pax-item-age{
width:105px;
}
.tunnel-assurance-item-checkbox,.tunnel-assurance-item-logo, .tunnel-assurance-item-libelle{
display: inline-block;
vertical-align: top;
}
.tunnel-assurance-item{
margin-bottom:50px;
}
.tunnel-assurance-item-checkbox{
margin-right:30px;
}
.tunnel-assurance-item-logo{
margin-right:30px;
width:100px;
position:relative;
}
.tunnel-assurance-item-logo-mdn::after{
content: "";
position: absolute;
height:50px;
width:100px;
background: url(../images/common/sprite-common.png) no-repeat;
background-position: -260px -267px;
top: 0;
}
.tunnel-assurance-item-logo-allianz::after{
content: "";
position: absolute;
height:40px;
width:105px;
background: url(../images/common/sprite-common.png) no-repeat;
background-position: -260px -208px;
top: 0;
}
.mobile .tunnel-assurance-item-logo-allianz::after{
top:-5px;
}
.tunnel-assurance-item-libelle{
width:560px;
font-size:13px;
}
.mobile .tunnel-assurance-item-libelle{
width:100%;
}
.tunnel-assurance-item-title{
font-size:17px;
font-weight:bold;
margin-bottom: 15px;
}
.mobile .tunnel-assurance-item-title{
margin-top:30px;
}
#tunnel-yes-cgv{
margin-bottom:40px;
}
#tunnel-cgv-ok{
margin-right:20px;
}
#tunnel-yes-cgv-libelle{
font-size:15px;
font-weight: bold;
}
#tunnel-yes-cgv-libelle-link{
font-style: italic;
font-size: 13px;
text-decoration: underline;
cursor: pointer;
}
#tunnel-button-next{
float:right;
font-size:18px;
color:white;
background:#006f9c;
padding:7px 15px;
text-transform: none;
border: 0;
cursor: pointer;
}
#tunnel-button-back{
float: left;
font-weight: bold;
text-decoration: underline;
font-size:15px;
margin-top:5px;
}
#tunnel-button-next{
float:right;
font-size:18px;
color:white;
background:#ff5f46;
padding:15px;
text-transform: uppercase;
border: 0;
cursor: pointer;
}
.mobile #tunnel-button-container{
position: relative;
padding-bottom: 50px;
margin:0 10px 40px;
}
.mobile #tunnel-button-next{
float:none;
width: 100%;
padding:0;
}
.mobile #tunnel-button-back{
float: none;
position: absolute;
bottom:5px;
}
#tunnel-charte-confidentialite{
width:1160px;
margin: 20px auto;
color:#414141;
}
.mobile #tunnel-charte-confidentialite{
width:100%;
}
#tunnel-charte-confidentialite-title{
font-size:17px;
font-weight:bold;
margin-bottom:10px;
}
#tunnel-charte-confidentialite-desc{
font-size:14px;
line-height: 1.5;
}
#tunnel-panier-title{
font-size:17px;
font-weight:bold;
color:#0064dc;
margin-bottom:15px;
}
.tunnel-panier-tabs-container{
display:none;
}
.tunnel-panier-tab{
width:49.5%;
display:inline-block;
background:white;
color:#0064dc;
padding:5px 0;
text-align: center;
font-weight:bold;
cursor:pointer;
}
.tunnel-panier-tab.tunnel-panier-tab-actif{
color:white;
background:#0064dc;
}
#tunnel-panier-globaldetails-container{
background:white;
}
#tunnel-panier-details-container{
display:none;
border:1px solid #e5e5e5
}
#tunnel-panier-global-container{
border:1px solid #e5e5e5
}
#tunnel-panier-destination-container{
margin:15px 0;
color:#2c3242;
text-align: center;
}
#tunnel-panier-destination-label{
color:#2c3242;
text-align: center;
font-size:15px;
margin-bottom:5px;
}
#tunnel-panier-destination-libelle{
font-weight:bold;
font-size:15px;
color:#2c3242;
text-align: center;
}
.tunnel-panier-categorie-container{
margin-bottom:15px;
}
.tunnel-panier-categorie-title{
color:#ff5f46;
font-weight:bold;
font-size:15px;
margin-bottom:15px;
background: #f7f6f4;
padding:3px 10px;
}
.tunnel-panier-item-container{
margin-bottom:15px;
}
.tunnel-panier-item-libelle-block{
font-size:13px;
color:#414141;
padding:0 10px;
}
.tunnel-panier-item-qte-prix-container{
padding:0 10px;
}
.tunnel-panier-item-qte{
color:#ff5f46;
font-size:12px;
float:left;
}
.tunnel-panier-item-prix{
font-weight:bolder;
font-size:12px;
float:right;
color:#2c3242;
}
.tunnel-panier-item-libelle-inline{
float:left;
}
.tunnel-panier-item-libelle-prix-container{
padding:0 10px;
margin-bottom:5px;
}
.tunnel-panier-total-container{
padding:20px 10px;
background:#ff5f46;
}
.tunnel-panier-total-libelle{
float:left;
color:white;
font-weight:bold;
font-size:17px;
}
.tunnel-panier-total-prix{
float:right;
color:white;
font-weight:bold;
font-size:17px;
}
.tunnel-panier-accompte{
margin-top:20px;
font-weight: bold;
}
.tunnel-panier-solde{
margin-top:20px;
font-weight: bold;
color:#ff5f46;
}
.tunnel-panier-solde .tunnel-panier-item-libelle-inline{
width:200px;
}
.tunnel-panier-solde .tunnel-panier-item-prix{
color:#ff5f46;
}
.tunnel-quality-container{
margin-top:20px;
}
#tunnel-pay-mode-available{
height: 150px;
margin-top: 20px;
border: 1px solid rgb(211,211,211);
background: url(../images/tunnel-pay-modes.png) center center no-repeat white;
}
#tunnel-pay-mode-available.tunnel-paiement{
margin-top:0;
}
#tunnel-bloc-paycheck {
border: 1px solid rgb(211,211,211);
margin-top: 20px;
background: white;
}
#tunnel-bloc-paycheck-title {
width: 90%;
text-align: left;
color: #0064dc;
font-size:16px;
text-transform: uppercase;
font-weight: bold;
margin: 0 0 0 10px;
padding: 10px 0 0;
}
#tunnel-bloc-paycheck-content-blue {
padding: 10px;
color: #2c3242;
font-weight: bold;
font-size: 12px;
}
#tunnel-bloc-paycheck-content {
padding: 10px;
font-size: 12px;
}
.tunnel-subcontainer-subtitle{
color:#2c3242;
font-weight:bold;
font-size:14px;
margin: 0 0 10px 0;
}
.mobile .tunnel-subcontainer{
padding:0.5em 0;
}
#tunnel-pay-coordonnees-container{
margin-bottom: 20px;
}
.tunnel-pay-coordonnees-left{
float:left;
width:300px;
}
.tunnel-pay-coordonnees-left{
float:left;
}
.mobile .tunnel-recap-tab{
font-size: 11px
}
.mobile .tunnel-recap-tab td.prix{
width:70px;
}
.tunnel-pay-order-row{
color:#414141;
line-height: 1.5;
}
.tunnel-pay-order-col-01{
border:1px solid #e5e5e5;
border-bottom:0;
border-right:0;
padding:10px;
width:120px;
display: table-cell;
margin:0;
font-size:14px;
vertical-align: middle;
}
.tunnel-pay-order-col-002{
border:1px solid #e5e5e5;
border-bottom:0;
padding:10px;
font-size:14px;
width:595px;
display: table-cell;
margin:0;
}
.tunnel-pay-order-col-02{
border:1px solid #e5e5e5;
border-bottom:0;
border-right:0;
padding:10px;
font-size:14px;
width:470px;
display: table-cell;
margin:0;
}
.tunnel-pay-order-col-03{
border:1px solid #e5e5e5;
border-bottom:0;
border-right:0;
padding:10px;
font-size:14px;
width:15px;
display: table-cell;
margin:0;
vertical-align: bottom;
}
.tunnel-pay-order-col-04{
border:1px solid #e5e5e5;
border-bottom:0;
padding:10px;
font-size:14px;
width:68px;
text-align: right;
display: table-cell;
margin:0;
vertical-align: bottom;
}
.tunnel-pay-order-lastrow{
padding:10px 0 10px 150px;
border:1px solid #e5e5e5;
line-height: 1.5;
font-size:15px;
}
.tunnel-pay-order-lastrow-itemleft{
float:left;
width:500px;
color:#2c3242;
}
.tunnel-pay-order-lastrow-itemright{
float: right;
width:93px;
margin-right: 10px;
text-align: right;
color:#2c3242;
}
#tunnel-pay-order-infos{
margin:20px 0;
text-align: center;
font-size:13px;
}
#tunnel-pay-order-infos-from-customer-left{
float:left;
width:300px;
}
#tunnel-pay-order-infos-from-customer-right{
float:right;
}
.tunnel-paymode-row{
padding:10px 10px 10px 140px;
margin:15px 0;
position: relative;
min-height: 80px;
}
.tunnel-paymode-row-more p {
margin: 10px 0;
}
.tunnel-paymode-row-more label {
font-size: 12px !important;
margin-bottom: 5px !important;
display: inline-block;
}
.mobile .tunnel-paymode-row{
padding:10px 10px 10px 10px;
margin:15px 0;
position: relative;
min-height: 80px;
}
.mobile .tunnel-paymode-row::after{
display:none;
}
.tunnel-paymode-row input{
margin-right:10px;
}
.tunnel-paymode-row label{
font-size:15px;
font-weight:bold;
color:#2c3242;
}
.tunnel-paymode-row input, .tunnel-paymode-row label{
vertical-align: middle;
}
#tunnel-paycb-ico{
background: url(//static5.dnas.fr/partenaires/webfrance/public/images/tunnel_resa/2014/ico-bank-2.jpg) no-repeat;
height: 44px;
}
#tunnel-pay-cb::after{
content:"";
position:absolute;
top:50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
left:20px;
width: 120px;
height: 100px;
background: url(//static5.dnas.fr/partenaires/webfrance/public/images/tunnel_resa/2014/ico-bank.jpg) no-repeat;
}
#tunnel-pay-cb4x::after{
content:"";
position:absolute;
top:0;
left:20px;
width: 120px;
height: 100px;
background: url(//static5.dnas.fr/partenaires/webfrance/public/images/tunnel_resa/2014/Picto_paiement4x.svg) no-repeat;
}
#tunnel-pay-paypal::after{
content:"";
position:absolute;
top:0;
left:0px;
width: 120px;
height: 48px;
background: url(//static5.dnas.fr/partenaires/webfrance/public/images/tunnel_resa/2014/logo-paypal.png) no-repeat;
}
#tunnel-pay-tel::after{
content:"";
position:absolute;
top:0;
left:0px;
width: 120px;
height: 100px;
background: url(//static5.dnas.fr/partenaires/webfrance/public/images/tunnel_resa/2014/ico-tel.jpg) no-repeat;
}
#tunnel-pay-courrier::after{
content:"";
position:absolute;
top:0;
left:0px;
width: 120px;
height: 100px;
background: url(//static5.dnas.fr/partenaires/webfrance/public/images/tunnel_resa/2014/ico-courrier.jpg) no-repeat;
}
#tunnel-pay-virement::after{
content:"";
position:absolute;
top:0;
left:0px;
width: 120px;
height: 100px;
background: url(//static5.dnas.fr/partenaires/webfrance/public/images/tunnel_resa/2014/ico-virement.jpg) no-repeat;
}
#tunnel-pay-devis::after{
content:"";
position:absolute;
top:0;
left:0px;
width: 80px;
height: 100px;
background: url(../images/common/sprite-common.png) no-repeat 0 -205px;
}
.casino-link{
display: block;
color:#003e52;
text-decoration: none;
margin-bottom:5px;
font-size: 11px;
float:left;
text-decoration: underline;
}
.casino-link + .casino-link{
float:right;
}
.tunnel-casino-links-container{
margin-top:10px;
}
.tunnel-casino-gdpr{
margin:15px 0;
}
.tunnel-casino-gdpr p{
font-size: 11px;
}
#tunnel-pay-cbx4-details{
margin-left:27px;
}
#tunnel-pay-courrie span{
vertical-align: bottom;
}
.tunnel-pay-label{
margin-bottom:10px;
}
.mobile .tunnel-pay-label .btn-info-bulle{
display:none;
}
#tunnel-paycourrier-ico{
height: 50px;
background: url(//static5.dnas.fr/partenaires/webfrance/public/images/tunnel_resa/2014/ico-check.jpg) no-repeat;
}
#tunnel-pay-autres-trigger{
background:#e7e7e7;
font-weight:bold;
padding:10px 5px 10px 20px;
font-size:15px;
margin-top:10px;
position:relative;
cursor:pointer;
}
#tunnel-pay-autres-trigger::after{
content:"";
position: absolute;
top:50%;
transform: translateY(-50%);
right:10px;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 20px 0 20px;
border-color: #000000 transparent transparent transparent;
}
#tunnel-pay-autres-container{
display: none;
}
#tunnel-pay-check-plusonze{
margin-top:30px;
}
#tunnel-buttons-container{
margin: 0 auto;
width: 500px;
}
.mobile #tunnel-buttons-container{
width: 100%;
}
.mobile #tunnel-button-home, .mobile #tunnel-button-account{
width: 100%;
float:none;
margin-bottom: 16px;
box-sizing: border-box;
}
#tunnel-button-home{
font-size:14px;
color:white;
background:#ff5f46;
padding:15px 0;
text-align: center;
border: 0;
width: 230px;
cursor: pointer;
font-weight: bold;
display: inline-block;
margin-right:20px;
}
#tunnel-button-account{
font-size:14px;
color:white;
background:#ff5f46;
padding:15px 0;
width: 230px;
text-align: center;
border: 0;
cursor: pointer;
font-weight: bold;
display: inline-block;
}
#tunnel-confirmation-container{
border:3px solid #2c3242;
margin-bottom:20px;
background:white;
}
#tunnel-confirmation-title{
background:#2c3242;
color:white;
padding:10px;
margin:5px;
}
#tunnel-confirmation-container.tunnel-confirmation-KO{
border-color:#b52641;
background:white;
}
.tunnel-confirmation-KO #tunnel-confirmation-title{
background:#b52641;
}
.tunnel-subcontainer-white{
background:white;
padding:10px;
margin-bottom:10px;
}
.tunnel-KO-color{
color:#b52641;
}
#tunnel-confirmation-title-sup{
font-size:18px;
text-align: center;
text-transform: uppercase;
font-weight: bold;
}
#tunnel-confirmation-title-sub{
text-align: center;
font-weight: bold;
}
#tunnel-confirmation-text{
margin:10px 5px;
font-size:14px;
}
#tunnel-confirmation-text p{
margin-bottom: 15px;
line-height: 1.4;
}
.tunnel-pay-mode-solde-row{
padding:0px 20px 40px 70px;
position: relative;
}
#tunnel-pay-mode-solde-cb::after{
height:40px;
width:60px;
position: absolute;
left: 0;
top: 0;
content:"";
background:url(//static2.maeva.com/p/locations_skis/images/mini-picto-cb.jpg) no-repeat;
}
#tunnel-pay-mode-solde-paypal::after{
height:40px;
width:60px;
position: absolute;
left: 0;
top: 0;
content:"";
background:url(//static2.maeva.com/partenaires/webfrance/public/images/tunnel_resa/2014/ico-paypal.png) no-repeat;
}
#tunnel-pay-mode-solde-tel::after{
height:40px;
width:60px;
position: absolute;
left: 0;
top: 0;
content:"";
background:url(//static2.maeva.com/p/locations_skis/images/mini-picto-phone.jpg) no-repeat;
}
#tunnel-pay-mode-solde-letter::after{
height:40px;
width:60px;
position: absolute;
left: 0;
top: 0;
content:"";
background:url(//static2.maeva.com/p/locations_skis/images/mini-picto-letter.jpg) no-repeat;
}
/* Paiement */
#paybox-container {
margin: auto;
width: 460px;
}
.mobile #paybox-container {
width: 100%;
}
.sips_cryptogram_table {
background-color: #f2ebe5;
border-style: none;
}
.sips_cryptogram_table tr, .sips_cryptogram_table td {
border-style: none;
padding: 7px;
font-weight: normal;
}
.sips_cryptogram_table a {
color: #c30;
}
.sips_trans_ref_table_id_customer, .sips_trans_ref_table_id_transaction, .sips_trans_ref_table_amount_transaction {
padding-right: 30px;
font-size: 12px;
font-weight: normal;
color: #432;
}
.sips_secure_message {
color: #c30;
}
body.paiement nav, body.paiement #header-infos, body.paiement footer {
display: none;
}
body.paiement main {
margin: 40px 0;
}
body.resultats, body.fiche, body.tunnel{
background:#faf8fa;
}
.page p {
margin: 12px 0;
}
#formConnexion{
display:block;
width:400px;
margin:50px auto;
}
.mobile #formConnexion{
width:auto;
}
#formConnexion .form-group{
margin-bottom:20px;
}
#formConnexion .form-group label{
display:block;
font-weight:bold;
margin-bottom:10px;
}
#formConnexion .form-group input{
padding:5px;
width: 100%;
}
.mobile #formConnexion .form-group input{
}
#formConnexion button{
color: white;
font-weight: bold;
padding: 7px 0;
text-align: center;
font-size: 16px;
background: #ff5f46;
border:0;
display: block;
width:180px;
margin:0 auto;
cursor:pointer;
}
table {
width: 100%;
border: 1px solid #e5e5e5;
}
table td {
border: 1px solid #e5e5e5;
vertical-align: top
}
table tr.no-border td {
border: 0;
}
table td {
padding: 10px;
}
.mobile table td{
padding: 10px 5px;
}
/* FAQ */
.faq-categories {
float: left;
width: 15%;
margin: 0 5% 0 0;
font-size: 14px;
}
.faq-questions {
float: left;
width: 80%;
}
.faq-questions form {
margin: 20px 0 40px 0;
}
.faq-questions input {
float: left;
box-sizing: border-box;
padding: 0 10px;
height: 35px;
line-height: 35px
}
.faq-questions input[type=text] {
float: left;
border: 1px solid #e8e8e8;
border-right: 0;
width: 80%;
}
.faq-questions input[type=submit] {
font-size: 16px;
background: #ff5f46;
cursor: pointer;
border: 0;
font-weight: bold;
color: #fff;
text-transform: uppercase;
}
.faq-categories ul {
list-style: none
}
.faq-categories ul li {
margin: 10px 0;
}
.faq-categories ul li a {
display: block;
padding: 5px 10px;
text-decoration: none;
}
.faq-categories ul li a:hover, .faq-categories ul li.active a {
background: #ff5f46;
color: #fff;
}
.faq-categories-titre {
font-size: 14px;
font-weight: bold;
}
.faq-questions-titre {
font-weight: bold;
font-size: 20px;
color: #ff5f46;
}
.faq-questions ul {
list-style: none;
}
.faq-questions ul li {
margin: 0 0 20px 0;
border-bottom: 1px solid #E8E8E8
}
.faq-questions ul li:last-child {
border: 0;
}
.faq-question {
color: #0064dc;
font-weight: bold;
font-size: 16px;
}
.faq-reponse {
color: #8e8e8e;
}
/* MA SELECTION */
.ms-container {
overflow:auto;
max-height:500px;
margin-bottom: 20px
}
.ms-content{
margin-bottom:20px;
}
.ms-delete-container a{
float:right;
display:block;
padding:10px;
background:#E0E0E1;
color:#595959;
text-decoration:none;
}
.ms-item{
border: 1px solid #e0e0e1;
padding:10px;
margin-bottom:10px;
}
.ms-item-left{
float:left;
width:360px;
margin-right: 20px;
}
.ms-item-left h2{
font-weight: bold;
font-size: 18px;
}
.ms-item-left h3{
text-transform: uppercase;
font-size: 13px;
font-weight:normal;
margin-top:5px;
}
.ms-produit-libelle{
font-weight:bold;
}
.ms-item-left img{
height: 200px;
width: 100%;
overflow: hidden;
margin: 15px 0;
}
.ms-item-left div{
margin-top: 10px;
font-size: 14px;
}
.ms-item-right{
float:right;
width:280px;
}
.ms-prix-info-container{
border:1px solid #e0e0e1;
padding-top:15px;
}
.ms-heb{
text-align: center;
margin-bottom: 15px;
}
.ms-prix{
font-size: 35px;
color:#ff5f46;
font-weight: bold;
text-align: center;
margin-bottom:15px;
}
.ms-date-container{
margin-bottom:15px;
padding:0px 10px;
}
.ms-date-libelle{
float:left;
font-weight:bold;
font-size:15px;
}
.ms-date-content{
float:right;
font-size:15px;
}
a.ms-btn{
display: block;
text-decoration: none;
background: #ff5f47;
color: #fff;
font-weight: bold;
padding: 7px;
border: 2px solid #ff5f47;
font-size: 15px;
text-align: center;
}
.ms-buttons {
text-align: center;
}
.ms-buttons a{
padding: 10px;
border: 1px solid #a3a3a3;
display: inline-block;
color: #595959;
text-align: center;
text-decoration: none;
font-size: 13px;
margin: 0 10px 0 0;
}
.ms-lesinfos{
overflow:auto;
margin-top:10px;
}
.ms-lesinfos-1{
float:left;
width:240px;
overflow:auto;
}
.ms-lesinfos-2{
float:right;
width:25px;
}
.ms-picto{
text-align:center;
padding-top:50px;
float:left;
font-size:11px;
}
.ms-pb-pax{
background: transparent url("//static2.maeva.com/partenaires/webfrance/public/images/fiche_produit/2015/pax.png") no-repeat scroll center 5px / 28px auto;
}
.ms-pb-apt{
background: transparent url("//static2.maeva.com/partenaires/webfrance/public/images/fiche_produit/2015/apt.png") no-repeat scroll center 10px / 28px auto;
}
.ms-pb-m2{
background: transparent url("//static2.maeva.com/partenaires/webfrance/public/images/fiche_produit/2015/m2.png") no-repeat scroll center 10px / 28px auto;
}
.ms-pb-dog{
background: transparent url("//static2.maeva.com/partenaires/webfrance/public/images/fiche_produit/2015/dog.png") no-repeat scroll center center / 18px auto;
}
.ms-pb-pool{
background: transparent url("//static2.maeva.com/partenaires/webfrance/public/images/fiche_produit/2015/pool.png") no-repeat scroll center center / 18px auto;
}
.ms-pb-pmr{
background: transparent url("//static2.maeva.com/partenaires/webfrance/public/images/fiche_produit/2015/pmr.png") no-repeat scroll center center / 18px auto;
}
.ms-pb-dogoff{
background: transparent url("//static2.maeva.com/partenaires/webfrance/public/images/fiche_produit/2015/dogoff.png") no-repeat scroll center center / 18px auto;
}
.ms-pb-pooloff{
background: transparent url("//static2.maeva.com/partenaires/webfrance/public/images/fiche_produit/2015/pooloff.png") no-repeat scroll center center / 18px auto;
}
.ms-pb-pmroff{
background: transparent url("//static2.maeva.com/partenaires/webfrance/public/images/fiche_produit/2015/pmroff.png") no-repeat scroll center center / 18px auto;
}
.ms-picto-2{
height:25px;
width:25px;
}
/* SUIVI COMMANDE **/
.account-dossier-box{
width:800px;
margin:0 auto;
border:2px solid #ebe9ea;
padding:10px
}
.acc-dossier-desti{
color: #253646;
font-weight: bold;
font-size: 16px;
margin-bottom: 10px;
}
.acc-dossier-date{
background:url(//static2.dnas.fr/partenaires/webfrance/public/images/monCompte/calendar-icon.png) no-repeat;
margin:5px 0;
height: 20px;
padding:2px 0 0 25px;
}
.acc-dossier-info{
margin-top:10px;
}
.acc-dossier-links{
float: right;
width: 320px;
padding-left:20px;
}
.acc-dossier-numero{
border: 2px solid #b2d0e4;
margin-bottom: 20px;
}
.acc-dossier-numero-cadre{
padding:10px;
text-align: center;
color: white;
font-size: 15px;
font-style: italic;
background:#253646;
margin:2px;
}
#account-bloc-solde-voucher{
margin:10px 0;
}
#account-bsv-solde{
padding: 15px;
color: #fff;
background: #253646;
text-align: center;
}
#account-bsv-voucher{
padding: 13px;
background: url(//static2.dnas.fr/partenaires/webfrance/public/images/monCompte/info-icon.png) 290px center no-repeat #bdbcbc;
font-weight: bold;
cursor: pointer;
margin-top:20px;
}
.acc-dossier-link-item {
display: block;
margin-bottom: 10px;
text-decoration: none;
color: #333;
padding: 0 0 0 15px;
background: url(//static2.dnas.fr/partenaires/webfrance/public/images/monCompte/li-black.png) left center no-repeat;
}
.acc-dossier-link-item a{
color:#595959;
}
.account-col-link {
display: block;
margin-bottom: 5px;
text-decoration: none;
color: #595959;
padding: 0 0 0 15px;
background: url(//static2.dnas.fr/partenaires/webfrance/public/images/monCompte/li-black.png) left center no-repeat;
}
#account-book-detail{
display:none;
}
#account-book {
padding-left: 45px;
cursor: pointer;
background: url(//static2.dnas.fr/partenaires/webfrance/public/images/monCompte/li-solde.png) left center no-repeat;
margin-bottom: 10px;
font-weight: bold;
}
body.suivi{
background:#f5f3f6;
}
#suivi-welcome{
font-weight:bold;
color:#2c2521;
margin-bottom:20px;
}
.suivi-title{
color:#2c2521;
font-weight:bold;
padding-bottom:5px;
border-bottom:1px solid #2c2521;
}
#suivi-container-center{
width:865px;
margin:0 auto;
}
.mobile #suivi-container-center{
width: 100%;
}
#suivi-devis-container{
background:white;
padding:15px;
}
#suivi-devis-photo{
width:230px;
height: 120px;
float:left;
margin-right:20px;
}
.mobile #suivi-devis-photo{
display:none;
}
#suivi-devis-infos{
float:left;
width: 420px;
}
.mobile #suivi-devis-infos{
float:none;
width: 100%;
}
#suivi-devis-numero{
margin-bottom:10px;
}
#suivi-devis-residence{
font-weight:bold;
font-size:17px;
}
#suivi-devis-date-debut{
color:#3572c1;
margin-top:40px;
}
.mobile #suivi-devis-date-debut{
margin-top:10px;
}
#suivi-devis-prix-btn{
float:left;
width:165px;
}
.mobile #suivi-devis-prix-btn{
float:none;
width:100%;
}
#suivi-devis-promo-container{
height:30px;
}
#suivi-devis-prix-nuits-container{
margin-top:25px;
text-align: center;
color:#ff583f;
}
.mobile #suivi-devis-prix-nuits-container{
margin-top:10px;
text-align: left;
}
#suivi-devis-prix{
font-size:20px;
font-weight:bold;
}
#suivi-devis-nuits{
font-size:16px;
}
#suivi-devis-toggle-recap{
background:#ff583f;
margin-top:15px;
color:white;
padding:7px 20px;
text-transform:uppercase;
font-weight:bold;
}
#suivi-devis-recap{
background:white;
padding:5px;
}
#suivi-devis-pay{
margin-top:20px;
}
#suivi-devis-pay-btn{
background:#ff583f;
margin-top: 15px;
color: white;
padding: 7px 20px;
text-transform: uppercase;
font-weight: bold;
border:0;
float: right;
cursor: pointer;
}
#suivi-devis-pay-btn-container{
padding-bottom:20px;
}
#suivi-logout{
font-weight:normal;
font-size:12px;
}
#suivi-solde-pay{
background:white;
padding:5px;
}
#suivi-dossier-recap{
/*display:none;*/
background:white;
padding:5px;
}
div.gm-style-iw {
max-height:170px;
overflow:scroll;
}
div.gm-style-iw div{
overflow:hidden !important;
}
.bx-wrapper {
box-shadow: none !important;
border: 0 !important;
}
/**POPUPLIGHTBOX **/
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; }
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; }
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; }
}
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }
.bx-wrapper .bx-controls-direction a {
z-index: 90 !important;
}
#btnTop {
opacity: 0;
position: fixed;
bottom: 5%;
right: 3%;
padding: 10px;
background: #3a3a3a;
color: #fff;
font-size: 11px;
text-align: center;
z-index: 100;
text-decoration: none;
transition: all 1s;
}
#btnTop:before {
content: ' ';
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #fff;
display: block;
margin: 0 auto 5px auto;
}
a.btn-info-bulle {
border: 1px solid #054F92;
border-radius: 50%;
padding: 0px 5px;
background: #fff;
text-decoration: none
}
.info-bulle-container {
position: relative;
display: inline-block;
}
.info-bulle {
position: absolute;
top: 100%;
left: 100%;
background: #dde7fc;
border: 1px solid #efefef;
padding: 5px 10px;
font-size: 11px;
z-index: 1;
cursor: default;
width: 200px;
}
#ms-send-container {
margin-top: 20px;
}
.ms-send-left, .ms-send-right {
float: left;
width: 45%;
}
.ms-send-left {
margin-right: 10%;
}
.ms-send-title {
font-weight: bold;
margin-bottom: 10px;
color: #595959;
font-size: 16px;
}
.ms-send-content {
background: #e7e7e7;
padding: 10px;
}
.ms-send-content input[type=text], .ms-send-content input[type=email], .ms-send-content textarea {
padding: 5px 10px;
border: 1px solid #eee;
box-sizing: border-box;
width: 100%;
margin: 0 0 10px 0;
}
#ms-send-container input[type=submit] {
padding: 10px 20px;
border: 1px solid #a3a3a3;
background: #666;
display: inline-block;
color: #fff;
cursor: pointer;
font-size: 14px;
margin-top: 20px;
}
.btn-supprimer {
background: url(../images/common/sprite-common.png) no-repeat -104px -260px;
width: 20px;
height: 20px;
display: inline-block;
}
.alert-info {
background: #eef5ff;
border-color: #666;
font-size: 15px
}
.ficheStationPhotos ul {
list-style: none;
margin: 0;
}
.ficheStationPhotos ul li {
display: none;
}
.ficheStationPhotos ul li:first-child {
display: block;
}
#alert {
background: rgba(0,0,0,0.3);
top: 0;
left: 0;
width: 100%;
height: 100%;
position: fixed;
z-index: 10001;
}
#alert-container {
position: fixed;
top: 50%;
left: 50%;
width: 400px;
padding: 20px;
margin-left: -230px;
background: #fff;
box-shadow: 0 0 8px #777
}
#alert-title {
font-size: 16px;
font-weight: bold;
color: #ff5f46;
text-align: center
}
#alert-message {
text-align: center;
font-size: 14px;
margin: 10px 0;
}
#alert-actions {
text-align: center;
margin: 20px 0 0 -20px;
}
#alert-actions a {
background: #0064DC;
padding: 5px 15px;
font-size: 14px;
color: #fff;
display: inline-block;
margin: 0 0 0 20px;
text-decoration: none;
}
#alert-actions a:hover { background: #ff5f46 }
#loading {
background: rgba(0, 0, 0, 0.7);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10000
}
#loading-container {
text-align: center;
position: absolute;
top: 40%;
width: 100%;
font-size: 55px;
color: #fff;
}
#loading-message {
margin: 45px 0 0 0;
font-size:30px;
}
.spinner i {
background: #fff;
height: 50px;
width: 50px;
display: inline-block;
margin: 0 10px;
border-radius: 100%;
}
.spinner i {
-webkit-animation: spinner 1s infinite;
animation: spinner 1s infinite;
}
.spinner i:nth-child(1) {
-webkit-animation: spinner 1s .25s infinite alternate;
animation: spinner 1s .25s infinite alternate;
}
.spinner i:nth-child(2) {
-webkit-animation: spinner 1s .5s infinite;
animation: spinner 1s .5s infinite;
}
.spinner i:nth-child(3) {
-webkit-animation: spinner 1s .75s infinite;
animation: spinner 1s .75s infinite;
}
.spinner i:nth-child(4) {
-webkit-animation: spinner 1s 1s infinite;
animation: spinner 1s 1s infinite;
}
.spinner i:nth-child(5) {
-webkit-animation: spinner 1s .25s infinite;
animation: spinner 1s .25s infinite;
}
@-webkit-keyframes spinner {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes spinner {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
/* Messages */
.alert {
border: 1px solid;
border-radius: 2px;
padding: 15px 25px;
margin: 15px 0
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.mobile #header-infos{
width:100%;
padding:0.5em;
}
.mobile #header-accroche, .mobile #header-suivi-commande, .mobile #header-maselection{
display:none;
}
body.mobile{
position: relative;
font-size: 16px;
}
.mobile main{
font-size:16px;
padding:1.5em 0.5em 0.5em 0.5em;
}
.mobile-resultats main{
padding-top:4em;
}
/*** HOME ***/
.mobile #bloc-moteur-container{
float:none;
width: auto;
margin:0;
}
.mobile #bloc-moteur-calendar-in-container, .mobile #bloc-moteur-calendar-out-container{
float:none;
width: auto;
margin:0;
}
.mobile .bloc-moteur-row input, .mobile .bloc-moteur-row-overflow select{
width: 100%;
}
.mobile #bloc-moteur-selects{
border-top:0;
}
.mobile #bloc-moteur-row-calendar{
margin-left: 0
}
.mobile .bloc-moteur-row{
padding:8px 10px;
}
.mobile #bloc-moteur-calendar-in,.mobile #bloc-moteur-budget{
margin:0 0 16px;
}
.mobile #bloc-moteur-calendar-in, .mobile #bloc-moteur-budget, .mobile #bloc-moteur-calendar-out, .mobile #bloc-moteur-pax{
float:none;
}
.mobile #bloc-moteur-search-container{
height:90px;
}
.mobile .select2-container--default .select2-selection--single .select2-selection__rendered, .mobile #bloc-moteur-calendar-in, .mobile #bloc-moteur-calendar-out, .mobile .bloc-moteur-row select, .mobile .bloc-moteur-row.bloc-moteur-row-overflow select, .mobile #bloc-moteur-search{
font-size: 16px;
}
.mobile #bloc-moteur-search{
width:90%;
height:45px;
line-height: 45px;
}
.mobile #bloc-moteur-selects ::-webkit-input-placeholder {
font-size: 16px;
}
.mobile #bloc-moteur-selects :-moz-placeholder {
font-size: 16px;
}
.mobile #bloc-moteur-selects ::-moz-placeholder {
font-size: 16px;
}
.mobile #bloc-moteur-selects :-ms-input-placeholder {
font-size: 16px;
}
.mobile #ui-datepicker-div{
position:fixed !important;
width:90% !important;
top:50% !important;
left:50% !important;
transform: translate(-50%,-50%);
}
.mobile .home-mea{
position: relative;
display: block;
width: 100%;
margin-top: 20px;
margin-bottom: 35px;
color: #595959;
font-weight: normal;
background-position: top right;
overflow: hidden;
}
.mobile .home-mea .home-mea-img-container{
display: block;
height:140px;
width: 100%;
}
.home-mea-sbloc-header {
margin-top:5px;
font-size: 17px;
text-align: left;
line-height: 18px;
text-shadow: none;
}
.home-mea-sbloc-promo {
float: left;
font-size: 12px;
}
.home-mea-sbloc-prix {
float: right;
font-size: 12px;
}
.home-mea-sbloc-prix-item{
font-size: 22px;
font-weight: bold;
}
.home-mea-sbloc-promo-item{
font-size: 17px;
font-weight: bold;
display: block;
}
/*** LP ***/
.mobile-resultats #header-infos{
}
.mobile #m-lp-search-cta-container{
margin:16px 0;
text-align: center;
color: #2c3242;
font-weight: bold;
border: 1px solid #d3d3d3;
padding: 10px;
display: block;
text-decoration: none;
background: white;
position: relative;
cursor:pointer;
}
.mobile #lp-results-left-container, .mobile #lp-results-right-container{
width:100%;
float:none;
margin-left: 0;
padding:0;
}
.mobile #lp-results-left-container{
display:none;
}
.mobile .container-center{
width:100%;
overflow: hidden;
}
.mobile #moteur-container.moteur-lp, .mobile #moteur-supra-container.moteur-lp{
display:none;
}
.mobile-resultats #moteur-container.moteur-results, .mobile #moteur-supra-container.moteur-lp.moteur-results{
display:block;
position: fixed;
z-index: 51;
top: 100px;
background: white;
width: 100%;
left: 0;
height: 87vh;
padding-bottom:30px;
overflow-y: scroll;
}
.mobile .lp-offer-destination{
padding:0;
}
.mobile .lp-offer-destination::after{
display:none;
}
.mobile .lp-offer-residence-libelle{
margin-bottom:5px;
}
.mobile .lp-offer-container{
padding:0;
}
.mobile .lp-offer-photo{
float:none;
width: 100%;
height:250px;
}
.mobile .lp-offer-description{
font-size:15px;
margin:10px 0 15px;
width:100%;
height: 30px;
}
.mobile .lp-offer-bottom-left{
float:left;
width:50%;
}
.mobile .lp-offer-bottom-right{
float:left;
width:50%;
}
.mobile .lp-offer-product-prix-container{
margin:0;
}
.mobile .lp-offer-container-bottom{
background:transparent;
position:relative;
padding-top:5px;
}
.mobile .lp-offer-container-bottom + .lp-offer-container-bottom{
margin-top:1em;
}
.mobile .lp-offer-container-bottom::after{
content:"";
position: absolute;
top:-5px;
width:80%;
transform:translateX(-50%);
left: 50%;
border-top: 1px solid #c4c6c5;
}
.mobile .lp-offer-product-prix::after{
display:none;
}
.mobile .lp-offer-product-name{
padding:0 5px 0 0;
}
.mobile .lp-offer-prix-btn{
position: relative;
height: 40px;
line-height: 40px;
background: #ec6ea6;
color: white;
width: 70%;
text-align: center;
margin: 0 auto;
}
.mobile .lp-offer-prix-btn-content{
position: absolute;
z-index: 1;
width:100%;
text-align: center;
}
.mobile .lp-offer-prix-btn::after{
content: "";
position: absolute;
background: #ec6ea6;
height: 40px;
width: 40px;
right: -20px;
z-index: 0;
transform: rotate(45deg) scale(0.707);
}
.mobile .lp-offer-product-m-prix {
color: #fff;
font-size: 28px;
display: inline-block;
text-align: center;
position: relative;
}
.mobile .lp-offer-product-m-pax{
color: #fff;
font-size: 12px;
display: inline-block;
text-align: center;
}
.mobile .lp-offer-product-old-prix{
height:15px;
line-height: 15px;
margin-bottom:5px;
}
.mobile .lp-offer-container{
margin:50px 0 0 0;
}
#lp-header{
position: fixed;
top:55px;
height:45px;
background:white;
width:100%;
left:0;
z-index: 50;
box-shadow: 0 1px 30px #ddd;
}
#lp-header-display-res, #lp-header-display-crit{
height:45px;
float:left;
line-height: 45px;
width:50%;
text-align: center;
position: relative;
color:##ababab;
cursor:pointer;
}
#lp-header-display-res.actif, #lp-header-display-crit.actif{
color: #fff;
background: #7ca7de;
}
/*** FILTRE ***/
.mobile .lp-filter{
display:inline-block;
background:#7ca7de;
color:white;
font-size:14px;
padding:12px 12px 12px 35px;
margin-right:10px;
margin-bottom:10px;
}
.mobile .lp-filter::after{
left:7px;
}
.mobile .lp-filters-subcontainer{
display:none;
}
.mobile .lp-left-container{
border:none;
}
.mobile .lp-filter-checkbox label{
width:100%;
padding:0 10px;
border:1px solid #ddd;
height:45px;
line-height: 45px;
display: block;
overflow:hidden;
}
.mobile .lp-filter-subcat{
font-size:16px;
}
.mobile .lp-filters-subcontainer{
padding:0;
margin-top:15px;
}
.mobile .lp-filter-checkbox{
margin-bottom: 15px;
}
.mobile .lp-filter-select{
width:100%;
margin-bottom: 15px;
}
.mobile .lp-filter-select select{
height:45px;
line-height: 45px;
padding:0 10px;
}
.mobile .lp-filters-title{
position:relative;
background: white;
border:none;
border-bottom: 1px solid #c4c6c5;
color: #253646;
white-space: normal;
line-height: 1.3em;
margin-top:10px;
font-size: 16px;
height:50px;
line-height: 50px;
padding:0px 10px;
cursor:pointer;
}
.mobile .lp-filters-title::after{
content:"";
position: absolute;
right: 1em;
top:50%;
transform: translateY(-50%);
background: url(../images/custom-icons-all.png);
background-position: -276px -138px;
height: 22px;
width: 22px;
}
.mobile .lp-filters-title.actif::after{
background-position: -230px -138px;
}
.mobile .lp-filters-title.actif + .lp-filters-subcontainer{
display:block;
}
.ux-btn{
font-size: 16px;
margin: 2em 0;
position: relative;
text-align: center;
overflow: hidden;
white-space: nowrap;
height:50px;
line-height: 50px;
border:1px solid #ddd;
}
#m-lp-sorting-container{
position:relative;
margin-bottom: 10px;
}
#m-lp-sorting-label{
line-height:45px;
float:left;
}
#m-lp-sorting-select{
line-height: 45px;
width: 75%;
float:right;
}
.mobile #lp-sorting{
height:45px;
line-height: 45px;
padding:0 1em;
text-align: center;
}
#m-lp-sorting-container:after {
content: "";
position: absolute;
z-index: 1;
right: 8px;
top: 50%;
margin-top: -3px;
height: 0;
width: 0;
pointer-events: none;
border-color: #ec5225 transparent transparent transparent;
border-style: solid;
border-width: 8px 6px 0 6px
}
/*** FICHE PRODUIT ***/
.mobile-fiche main{
padding:60px 0 0 0;
}
#fp-header-container{
height:45px;
top:60px;
position: fixed;
background: white;
width: 100%;
left: 0;
z-index: 150;
box-shadow: 0 1px 30px #ddd;
}
#fp-header-back, #fp-header-infos, #fp-header-localiser, #fp-header-avis{
float:left;
text-transform: uppercase;
height:45px;
line-height: 45px;
width:28%;
font-size:14px;
text-align: center;
position: relative;
cursor: pointer;
}
#fp-header-avis{
color:#ccc;
cursor: default;
}
#fp-header-avis.active{
color:#010101;
cursor: pointer;
}
#fp-header-infos.actif, #fp-header-localiser.actif, #fp-header-avis.actif{
color:white;
background:#7ca7de;
}
#fp-header-back{
width:16%;
}
#fp-header-back::after{
content:"";
position: absolute;
left:50%;
top:50%;
transform: translate(-50%,-50%);
background:url("data:image/svg+xml;utf8,") no-repeat;
background-size: 24px 24px;
height: 24px;
width: 24px;
}
.mobile .fp-residence-photos-container{
width:100%;
overflow: hidden;
}
.mobile #fp-residence-photos{
width: 100%;
margin:0;
height: 300px;
}
.mobile #fp-prix-combo-duree-container, .mobile #fp-prix-combo-date{
height:45px;
}
.mobile #fp-prix-combo-date label,.mobile #fp-prix-combo-date select{
display: none;
}
.mobile #fp-prix-combo-date-trigger{
line-height: 40px;
display: block;
overflow: hidden;
height: 40px;
padding: 0 30px 0 5px;
text-decoration: none;
}
#fp-prix-combo-date-trigger{
border:1px solid #a9a9a9;
line-height: 28px;
display: block;
overflow: hidden;
height: 28px;
padding: 0 30px 0 5px;
text-decoration: none;
cursor: pointer;
}
.mobile .fp-layer-date-item-date{
display: inline-block;
}
.mobile .fp-layer-date-item-prix{
color:#e23b13;
display: inline-block;
padding:0 5px;
margin-left: 5px;
white-space: nowrap;
}
.mobile .fp-layer-date-item-promo{
display: inline-block;
padding:0 5px;
margin-left: 5px;
}
.fp-layer-date-item-date{
display: inline-block;
}
.fp-layer-date-item-prix{
color:#e23b13;
display: inline-block;
padding:0 5px;
margin-left: 5px;
}
.fp-layer-date-item-promo{
display: inline-block;
padding:0 5px;
margin-left: 5px;
background:#e23b13;
color:white;
}
.mobile #fp-prix-combo-duree-container{
float:none;
width:100%;
}
.mobile-popin-container{
position: fixed;
width: 100vw;
height: 100vh;
top:0;
left:0;
background: rgba(0,0,0,0.7);
z-index: 9999;
display:none;
}
.mobile-popin-item{
position: absolute;
width: 90%;
height: 90%;
top:5%;
left:5%;
overflow-y: visible;
overflow-x: hidden;
background:white;
}
.desktop-popin-date-container{
position: fixed;
z-index: 9999;
display:none;
}
.desktop-popin-item{
position: absolute;
width: 450px;
height: 300px;
overflow: hidden;
background:white;
display: none;
border:1px solid #c9c9c9;
z-index: 99;
right: 0;
}
.desktop-popin-close{
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
.desktop-popin-content{
overflow-y: auto;
height: 100%;
}
.mobile .fp-layer-date-item{
display: flex;
align-items: center;
height:40px;
font-size:15px;
width: calc(96% - 10px);
margin:0 2%;
border-bottom: 1px solid #c9c9c9;
text-decoration: none;
position: relative;
padding-left:10px;
}
.fp-layer-date-item{
display: flex;
align-items: center;
height:40px;
width: calc(96% - 10px);
margin:0 2%;
border-bottom: 1px solid #c9c9c9;
text-decoration: none;
position: relative;
padding-left:10px;
font-size: 15px;
cursor:pointer;
}
.fp-layer-date-item:hover{
text-decoration: none;
}
.fp-layer-date-item-active::after{
content:"";
position: absolute;
top: 0;
left:0;
height: 100%;
width: 4px;
}
.mobile .fp-layer-date-item-active::after{
content:"";
position: absolute;
top: 0;
left:0;
height: 100%;
width: 4px;
}
.mobile .mobile-popin-close{
position: absolute;
height:20px;
width: 20px;
top:10px;
right: 10px;
}
.mobile .mobile-popin-close::after{
content:'x';
position: absolute;
height:20px;
width: 20px;
top:0;
left:0;
color:white;
text-align: center;
font-size: 1.5em;
line-height: 20px;
}
.mobile .mobile-popin-title{
padding: 0 10px;
height:40px;
line-height: 40px;
background:#e23b13;
color:white;
}
.desktop-popin-title{
padding: 0 10px;
height:40px;
line-height: 40px;
background:#e23b13;
color:white;
}
@media all and (max-width: 360px) {
.mobile .fp-layer-date-item{
font-size: 12px;
}
}
.mobile #fp-prix-combo-duree-container label, .mobile #fp-prix-combo-date label{
display:none;
}
.mobile #fp-prix-combo-logement-container{
display:none;
}
.mobile #fp-prix-combo-duree-container select, .mobile #fp-prix-combo-date select {
height:40px;
}
#fp-infos-residence-libelle{
color: #253646;
font-weight: bold;
font-size:16px;
padding:0 0.5em;
}
.mobile #fp-infos-residence-libelle{
margin-bottom:0.5em;
}
#fp-infos-produit-libelle{
padding:0 0.5em;
}
#fp-infos-avis-container{
padding:0 0.5em;
}
.mobile #fp-infos-produit-libelle, .mobile #fp-infos-avis-container{
margin-top:0.5em;
}
.mobile #formAjoutPanier{
margin-top:10px;
}
#mfp-ope-container{
background:#253646;
text-align: center;
text-transform: uppercase;
font-size:16px;
color:white;
height:35px;
line-height: 35px;
margin-bottom: 10px;
}
#fp-infos-prix-promos-container{
background:white;
border:1px solid #ddd;
padding:5px 0;
margin-bottom:10px;
}
#fp-infos-promo{
float:left;
width:20%;
text-align: center;
background: #ec6ea6;
color: white;
padding: 5px 10px;
}
#fp-infos-promo + #fp-infos-prix-container{
float:left;
width: 80%;
}
#fp-infos-prix-container{
float:none;
width: 100%;
}
#fp-infos-prix-heb{
text-align: center;
}
#fp-infos-prix-heb, #fp-infos-prix{
text-align: center;
}
#fp-infos-prix-heb{
font-size:0.9em;
}
#fp-infos-prix-barre{
text-decoration: line-through;
}
#fp-infos-price{
font-size: 1.8em;
font-weight: bold;
color: #ec6ea6;
}
#fp-infos-promo-text{
font-size:12px;
}
#fp-infos-promo-item{
font-size:25px;
}
.mobile #fp-infos-promo{
padding:5px 0;
}
.mobile #fp-prix-book-btn{
position: fixed;
bottom:25px;
z-index: 999;
}
.mobile select.hidden{
display:none !important;
}
.mobile .fp-residence-autres-item-produit-container{
float:left;
width: 65%;
}
.mobile .fp-residence-autres-item-produit-prix-container{
float: right;
width: 33%;
}
.mobile .fp-residence-autres-item-container{
background:#f6f6f6;
padding:10px;
margin-bottom:10px;
}
.mobile .fp-residence-autres-item-oldPrix{
text-align: center;
}
.mobile .fp-residence-autres-item-produit-prix-cta{
background: #ec5225;
text-align: center;
color: white;
line-height: 30px;
padding:0 14px;
height: 30px;
font-size: 24px;
text-shadow: none;
position: relative;
border-radius: 20px;
}
.mobile .fp-residence-autres-item-produit-pax{
font-size: 14px;
}
.mobile #layer{
width: 100%;
padding:0;
}
.mobile #layer-content{
margin:15px;
}
.mobile .fp-avis-notation-note-critere-libelle{
width: 100%;
float:none;
}
.mobile .fp-avis-notation-note-critere-score{
width: 100%;
float:none;
}
.mobile .fp-avis-notation-note-critere-score-bars{
width:80%;
}
.mobile #fp-avis-info{
height:auto;
}
.mobile .fp-avis-bloc-avis-left, .mobile .fp-avis-bloc-avis-right{
float:none;
width: 100%;
}
.mobile #footer-container{
width:100%;
margin:0 auto;
}
.mobile #footer-faq-container{
float:none;
margin:0 10px;
}
.mobile #footer-links-container{
float:none;
margin-top:1em;
}
.mobile #footer-links-container a{
display:block;
text-align: center;
margin:0 0 1em 0;
}
.mobile #footer-copyright-text{
padding:0 0.5em;
}
.mobile .faq-categories{
float: none;
width: 100%;
margin:0;
}
.mobile .faq-questions{
float:none;
width: 100%;
}
.mobile .faq-questions input[type=text]{
width:100%;
border-right:1px solid #e8e8e8;
}
.mobile .faq-questions input[type=submit]{
width: 100%;
margin-left:0;
margin-top:16px;
}
.fp-sim-actif, div[id^="fp-sim-"]:hover{
background:#2c3242 !important;
}
#alert-actions a:hover { background: #ff5f46 }
.maeva .faq{
background:#2c3242 !important;
}
.condi_vente .lien_fermer a.fermer, .condi_vente .lien_fermer a.fermer:active, .condi_vente .lien_fermer a.fermer:visited, .condi_vente .lien_fermer a.fermer:hover{
display:none !important;
}
.layer-matos-gamme-header-2{
overflow:hidden;
}
.layer-matos-gamme-header-1ss{
font-size:10px !important;
}
.layer-matos-gamme-header-1{
height:45px !important;
padding-top:12px !important;
width: 155px !important;
}
.layer-matos-gamme-00wc{
width:180px !important;
}
.layer-matos-gamme-00wb{
color:#ff5f46 !important;
}
.lm-select-link{
background:#ff5f46 !important;
}
div[id^='menu_food']{
width:108px !important;
}
#menu-food-container{
border-color:#2c3242 !important;
}
div[id^='menu_food'].actif, .content-food-price-container, .btn_choix_panier, .a_noter_food{
background:#2c3242 !important;
}
.content-food-right h3{
color:#2c3242 !important;
}
.content-food-right{
width:450px !important;
}
#esf-tab-ski-content, #esf-tab-snow-content{
width:649px !important;
}
#esf-tab-ski-tab-kid, #esf-tab-ski-tab-adult, #esf-tab-snow-tab-kid, #esf-tab-snow-tab-adult{
border-color:#2c3242 !important;
color:#2c3242 !important;
}
#esf-tab-ski-tab-kid.undertab-current, #esf-tab-ski-tab-adult.undertab-current, #esf-tab-snow-tab-kid.undertab-current, #esf-tab-snow-tab-adult.undertab-current{
border-color:#2c3242 !important;
background:#2c3242 !important;
color:#fff !important;
}
#esf-tab-ski-tab-kid:hover, #esf-tab-ski-tab-adult:hover, #esf-tab-snow-tab-kid:hover, #esf-tab-snow-tab-adult:hover{
border-color:#2c3242 !important;
background:#2c3242 !important;
color:#fff !important;
}
.esf-cours-btn{
background:#2c3242 !important;
}
.esf-triangle{
border-color: transparent transparent transparent #2c3242 !important;
}
.div_fond{
overflow: hidden;
}
.alert-success{
color: #fff;
background-color: #2c3242;
border-color: #2c3242;
}
#layer-matos-close{
top: 10px !important;
right: 10px !important;
}
#div_pack_food{
background:none!important;
padding-top:0!important;
}
.nav_fermer_food{
right: 10px !important;
top: 10px !important;
}
#menu-food-container{
overflow:hidden!important;
}
.layer-close{
top:45px!important;
right:45px!important;
}
/** styles spécifiques aux layers prod **/
.overflow {
overflow: hidden;
}
.font14 {
font-size: 14px;
}
#fp-station-infos-menu {
margin: 20px 0;
}
div[id^="fp-sim-"] {
display: inline-block;
padding: 7px 14px;
text-align: center;
margin: 0 0 0 10px;
cursor: pointer;
}
.fp-simbloc-do-libelle {
padding: 5px;
font-weight: bold;
background: #f5f5f5;
font-size: 15px;
color: #595959;
}
#fp-simblocd-commerce, .fp-simbloc-do-inf-rm{
width: 50%;
padding-left: 2.5%;
box-sizing: border-box;
}
.fp-simbloc-do-inf-pistes {
width: 50%;
padding-right: 2.5%;
box-sizing: border-box;
}
.fp-simbloc-do-inf-pistes {
border-right: 1px solid #e7e7e7;
}
.fp-simblocd-carac {
padding-bottom: 3px;
border-bottom: 1px solid #e7e7e7;
margin-bottom: 3px;
overflow: auto;
}
#printBtn{
display:none;
}
div[class^="fp-simbloc-do-inf-pistes-p"] {
float: left;
padding: 2px;
margin-right: 35px;
width: 37px;
font-size: 11px;
text-align: center;
}
.fp-simbloc-do-inf-pistes-pv .fp-inf-pistes-pastille {
background: #74b31a;
}
.fp-simbloc-do-inf-pistes-pb .fp-inf-pistes-pastille {
background: #217ad4;
}
.fp-simbloc-do-inf-pistes-pr .fp-inf-pistes-pastille {
background: #eb1304;
}
.fp-simbloc-do-inf-pistes-pn .fp-inf-pistes-pastille {
background: #000;
}
.fp-inf-pistes-pastille {
border-radius: 20px;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 15px;
font-weight: bold;
color: white;
margin: 0 auto 5px;
}
.fp-simbloc-do-inf-pistes-pv {
color: #74b31a;
background: none;
}
.fp-simbloc-do-inf-pistes-pb {
color: #217ad4;
background: none;
}
#bloc-moteur-cross{
display:none;
}
.mobile-resultats #bloc-moteur-cross{
display:block;
height:30px;
position: relative;
}
.mobile-resultats #bloc-moteur-cross::after{
content:"";
position: absolute;
right:10px;
top:10px;
background-size:30px;
width:30px;
height:30px;
}
.mobile .crossClose::after{
background: url("data:image/svg+xml;utf8,") center center;
}
.mobile-paiement .container-center{
min-height:450px;
}
#cookie-container {
background: #f4f6fc;
width: 100%;
border: 1px solid #cacaca;
position: fixed;
bottom: 0;
z-index: 50;
}
.cookieBandeau{
cursor: pointer;
}
#cookie-text {
width: 1200px;
padding: 10px 0;
font-size: 12px;
margin: 0 auto;
text-align: center;
}
#cookie-close {
position: absolute;
transform: translateY(-50%);
right: 10px;
cursor: pointer;
top:50%;
}
.mobile #cookie-close {
top:25%;
}
#cookie-text a:link, #cookie-text a:visited, #cookie-text a:hover {
color: #595959;
text-decoration: underline;
}
#cookie-container-mob {
background: #f4f6fc;
bottom: 0;
left: 0;
width: 100%;
border: 1px solid #cacaca;
position: fixed;
z-index:50;
}
#cookie-text-mob {
font-size: 11px;
margin: 0 auto;
padding-top: 22px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
}
#cookie-text-mob a:link, #cookie-text-mob a:visited, #cookie-text-mob a:hover {
color: #595959;
text-decoration: underline;
}
/*Bloc Promesse Home Mobile*/
.mobile .bloc-promesse {
text-align: center;
color: black;
min-height: 165px;
}
.mobile #bloc-promesse {
margin-top:15px;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom:15px;
}
.mobile #bloc-promesse h2 {
margin-left:2%;
font-size:16px;
}
.mobile #bloc-promesse-listen {
float: left;
}
.mobile #bloc-promesse-choice {
float: right;
}
.mobile #bloc-promesse-destination {
float: left;
}
.mobile #bloc-promesse-vacances {
float: right;
}
/*Bloc promesse Home Desktop*/
.bloc-promesse {
text-align: center;
color: black;
float: left;
width: 20%;
margin-left:4%;
min-height: 180px;
padding: 2px;
}
#bloc-promesse {
width: 1200px;
margin-left: auto;
margin-right: auto;
min-height: 210px;
margin-top:25px;
margin-bottom: 45px;
}
#bloc-promesse h2 {
font-size:24px;
color: #043061;
}
.bloc-promesse b {
font-size:15px;
font-weight: bold;
color: #006f9c;
}
.bloc-promesse p {
font-size:13px;
margin-top:8px;
color: #000000;
}
/* layer matos */
#layer-matos-type {
overflow: hidden;
border-bottom: 1px solid #000;
}
div[id^="layer-matos-type-"] {
float: left;
padding: 10px 10px 5px 10px;
margin-right: 50px;
text-align: center;
font-size: 13px;
font-weight: bold;
cursor: pointer;
}
.layer-matos-typeactif {
background: transparent;
color: #000;
border-bottom: 5px solid #000;
}
#layer-matos-all {
padding: 5px 5px;
}
.layer-matos-gamme-title {
font-weight: bold;
font-size: 16px;
color: #000;
}
.layer-matos-gamme-title-ss {
font-weight: bold;
font-size: 12px;
color: #000;
}
.layer-matos-gamme-desc {
font-size: 12px;
color: #000;
}
.layer-matos-gamme-center {
border-bottom: 1px solid #c9c9c9;
}
.layer-matos-gamme-bloc-cta-item {
margin-left: 10px;
width: 325px;
height: 70px;
float: left;
border: 1px solid #c9c9c9;
cursor: pointer;
}
.layer-matos-gamme-bloc-libelle {
float: left;
width: 160px;
margin-left: 10px;
}
.layer-matos-gamme-bloc-libelle-001 {
font-size: 14px;
color: #000;
font-weight: bold;
margin-top: 15px;
}
.layer-matos-gamme-bloc-pct {
font-weight: bold;
font-size: 25px;
color: #000;
text-align: center;
float: left;
width: 60px;
height: 70px;
line-height: 70px;
}
.layer-matos-gamme-bloc-prix-container {
background: #000;
color: white;
border-left: 4px solid #000;
float: right;
height: 70px;
width: 90px;
position: relative;
}
.layer-matos-gamme-bloc-libelle-002 {
font-size: 12px;
color: #000;
}
.layer-matos-gamme-bloc-prix-barre {
text-decoration: line-through;
font-size: 16px;
margin-top: 10px;
padding-left: 10px;
}
.layer-matos-gamme-bloc-prix {
font-weight: bold;
font-size: 24px;
padding-left: 10px;
}
#bloc-desktop-saviez-vous {
height: 180px;
width: 300px;
margin-bottom: 15px;
text-align: center;
border:1px solid #d3d3d3;
background-color: white;
}
#bloc-desktop-saviez-vous-header {
color: white;
font-size:17px;
height: 40px;
justify-content: center;
display: flex;
flex-direction: column;
font-weight: bold;
line-height: 1px;
}
#bloc-desktop-saviez-vous-content {
color: #293847;
font-size:13px;
font-weight: bold;
margin-right:10px;
margin-left:10px;
margin-top: 12px;
margin-bottom:12px;
font-weight: bold;
}
#bloc-desktop-saviez-vous-content p:nth-child(4) {
font-weight: normal;
}
#bloc-desktop-saviez-vous-picto {
font-weight: bold;
font-size: 35px;
height: 40px;
margin-bottom: 16px;
padding-left:35px;
}
#bloc-desktop-saviez-vous-esf {
background: url("../images/ESF.png") center no-repeat;
height: 40px;
width: 40px;
}
#bloc-desktop-saviez-vous-picto > div {
float: left;
}