/*******FONT***********/
.teko{font-family: 'Teko'}

/***********ICONS****************/
.icon.alarm:after { content: "\f100"; }
.icon.enfant:after { content: "\f101"; }
.icon.info:after { content: "\f102"; }
.icon.next.big:after { content: "\f103"; }
.icon.prev.big:after { content: "\f104"; }
.icon.search:after { content: "\f105"; }
.icon.mail:after { content: "\f106"; }
.icon.money:after { content: "\f107"; }
.icon.dest:after { content: "\f108"; }
.icon.pdf:after { content: "\f109"; }
.icon.etoile.active:after { content: "\f10a"; }
.icon.move:after { content: "\f10b"; }
.icon.coche.active:after { content: "\f10c"; }
.icon.bas.big:after { content: "\f10d"; }
.icon.haut.big:after { content: "\f10d";rotate: 180deg; }
.icon.play:after { content: "\f10e"; }
.icon.adulte:after { content: "\f10f"; }
.icon.info2:after { content: "\f110"; }
.icon.photo:after { content: "\f111"; }
.icon.cabine:after { content: "\f112"; }
.icon.tel:after { content: "\f113"; }
.icon.home:after { content: "\f114"; }
.icon.garanti:after { content: "\f115"; }
.icon.credit-a-bord:after { content: "\f116"; }
.icon.carte:after { content: "\f117"; }
.icon.filtre:after { content: "\f118"; }
.icon.valide:after { content: "\f119"; }
.icon.vol:after,.icon.vol-inclus:after { content: "\f11a"; }
.icon.coche:after { content: "\f11b"; }
.icon.secure2:after { content: "\f11c"; }
.icon.restau:after { content: "\f11d"; }
.icon.etoile:after { content: "\f11e"; }
.icon.bas:after { content: "\f11f"; }
.icon.haut:after { content: "\f11f";rotate: 180deg; }
.icon.prev:after { content: "\f120"; }
.icon.next:after { content: "\f121"; }
.icon.radio:after { content: "\f122"; }
.icon.radio.active:after { content: "\f123"; }
.icon.assurance:after { content: "\f124"; }
.icon.duree:after { content: "\f125"; }
.icon.user:after { content: "\f126"; }
.icon.carte.multiple:after { content: "\f127"; }
.icon.equipage:after { content: "\f128"; }
.icon.secure:after { content: "\f129"; }
.icon.date:after { content: "\f12a"; }
.icon.message:after { content: "\f12b"; }
.icon.clock:after { content: "\f12c"; }
.icon.alert:after { content: "\f12d"; }
.icon.plus:after { content: "\f12e"; }
.icon.search:after { content: "\f12f"; }
.icon.headset:after { content: "\f130"; }
.icon.close:after { content: "\f131"; }
.icon.menu:after { content: "\f132"; }
.icon.passagers:after { content: "\f133"; }
.icon.moins:after { content: "\f134"; }
.icon.change:after { content: "\f135"; }
.icon.rate:after { content: "\f136"; }
.icon.medecin:after { content: "\f137"; }
.icon.edit:after { content: "\f138"; }
.icon.poubelle:after { content: "\f139"; }
.icon.bateau:after { content: "\f13a"; }
.icon.depit:after { content: "\f13b"; }
.icon.depes:after { content: "\f13c"; }
.icon.depfr:after { content: "\f13d"; }
.icon.quatrex:after { content: "\f13e"; }
.icon.new:after { content: "\f13f"; }
.icon.wifi:after,.icon.internet-illimite:after { content: "\f140"; }
.icon.enfant-gratuit:after,.icon.club-enfant:after { content: "\f141"; }
.icon.transfert:after { content: "\f142"; }
.icon.pension:after { content: "\f143"; }
.icon.tout-inclus:after { content: "\f144"; }
.icon.parking:after { content: "\f145"; }
.icon.train:after { content: "\f146"; }
.icon.petit-dejeuner:after { content: "\f147"; }
.icon.piscine:after { content: "\f148"; }
.icon.plage:after { content: "\f149"; }
.icon.plonge:after { content: "\f14a"; }
.icon.luxe:after { content: "\f14b"; }
.icon.sport:after { content: "\f14c"; }
.icon.ti:after { content: "\f14d"; }
.icon.selon-programme:after { content: "\f14e"; }
.icon.cadeau:after { content: "\f14f"; }
.icon.credit-a-bord2:after { content: "\f150"; }
.icon.bien:after { content: "\f151"; }
.icon.mauvais:after { content: "\f152"; }
.icon.moyen:after { content: "\f153"; }
.icon.video:after { content: "\f154"; }
.icon.protection:after { content: "\f155"; }
.icon.email:after { content: "\f156"; }
.icon.save:after { content: "\f157"; }
.icon.print:after { content: "\f158"; }
.icon.etiquette:after { content: "\f159"; }
.icon.idea:after { content: "\f15a"; }
.icon.floa:after { content: "\f15b"; }
.icon.unique:after { content: "\f15c"; }
.icon.deposit:after { content: "\f15d"; }
.icon.installments::after {
    content: "";
    display: inline-block;
    width: 50px;
    height: 40px;
    background-image: url('../../images/gfx/icon/paiement/installments.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    margin-top: 5px;
    margin-bottom: -10px;
}


.star.bleu {
    background: rgba(0, 0, 0, 0) url("https://static.cruiseline.eu/images/etoileBleu.png") repeat-x scroll left center;
}
.star.jaune {
    background: rgba(0, 0, 0, 0) url("https://static.cruiseline.eu/images/etoileJaune.png") repeat-x scroll left center;
}
.star.gris {
    background: rgba(0, 0, 0, 0) url("https://static.cruiseline.eu/images/etoileGris.png") repeat-x scroll left center;
}
.star {
    background: rgba(0, 0, 0, 0) url("https://static.cruiseline.eu/images/etoile.png") repeat-x scroll left center;
    height: 10px;
    width: 50px;
}


/*******BORDER***********/

/*******BACKGROUND***********/

.fg { background-color:#eee}
.fg.carlo { background-color:#4B5257}
.fde { background-color:#dedede}
.fc { background-color:#ccc}
.fn { background-color:#314350}
.fblf { background-color:#254958}
.fbl06 { background-color:rgb(0 153 204 / 60%)}
.fbln { background-color:#1c3642}
.fbl { background-color:#09c}
.fbl2 { background-color:#002060}
.fblCarlo { background-color:#006EFF}
.fblc { background-color:#D1E0EF}
.fvc { background-color:#dff5e9}
.fv { background-color:#44C260}
.fj { background-color:#fc3}
.fjf { background-color:#fcb329}
.fr { background-color:#F44336;}
.frc { background-color: #fccdcd;}
.fo { background-color:#ffa200}
.foc,.foc2 { background-color:#FFDFBF}
.ff2 { background-color:#f2f2f2}
.ff6 { background-color:#f6f6f6}
.fe6 { background-color:#e6e6e6}
.fd6 { background-color:#d6d6d6}
.fb { background-color:#fff}
.f9 { background-color:#999}
.f6 { background-color:#666}
.fb03 { background-color:rgba(255,255,255,.3)}
.fb04 { background-color:rgba(255,255,255,.4)}
.fb05 { background-color:rgba(255,255,255,.5)}
.fb08 { background-color:rgba(255,255,255,.8)}
.fn04 { background-color:rgba(28,54,66,.4)}
.fn07 { background-color:rgba(0,0,0,.7)}
.fgdeg { background: rgb(204,204,204);
background: -moz-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(238,238,238,1) 100%);
background: -webkit-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(238,238,238,1) 100%);
background: linear-gradient(to bottom, rgba(204,204,204,1) 0%,rgba(238,238,238,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 );}
.ligneTab2:nth-child(even),.ligneTab:nth-child(odd) { background-color:#fff}
.ligneTab2:nth-child(odd),.ligneTab:nth-child(even) { background-color:#eee}
.ligneTab:nth-child(even) .fond { background-color:#e3e3e3}
.ligneTab:nth-child(odd) .fond { background-color:#f2f2f2}

.fhover:hover{background-color: #eee}
.fhover.fg:hover{background-color: #fff}
.fhover.fblCarlo:hover{background-color: #0054c3}
.hover:hover{color:#0099cc}

input[type="checkbox"] + label, input[type="radio"] + label {cursor: pointer;display: block;padding-left: 20px;position: relative}
input[type="checkbox"] + label .icon:after {content: "\f11b";left: 0;position: absolute;top:2px}
input[type="checkbox"]:checked + label .icon:after {content: "\f10c";}
input[type="radio"] + label .icon:after {content: "\f122";left: 0;position: absolute;;top:2px}
input[type="radio"]:checked + label .icon:after {content: "\f123";}


/*******COULEUR***********/
.blanc {color:#fff}
.bleu.fonce {color:#1c3642}
.bleu.carlo {color:#006EFF}
.gec {color:#ececec}
.gb9 {color:#b9b9b9}
.gd6 {color:#d6d6d6}
.gccc {color:#ccc}
.g999 {color:#999}
.noir {color:#5D5F66}
.bleu {color:#09c}
.jaune {color:#fc3}
.jaune.fonce {color:#fcb329}
.vert {color:#2bb04a}
.vert.clair {color:#44C260}
.rouge,.red {color:#F44336}
.orange {color: #ff7f00}


/*******BOUTON***********/
.bouton{position:relative;cursor:pointer}
.bouton.modele{background-color: #F44336;border-radius: 5px;color:#fff;}

@keyframes sonarWarning {0% {box-shadow: 0 0 0 0 #ff7f00;}100% {box-shadow: 0 0 0 15px rgba(249, 202, 64, 0);}}
@keyframes sonarDanger {0% {box-shadow: 0 0 0 0 #ff715b;}100% {box-shadow: 0 0 0 15px rgba(255, 113, 91, 0);}}
@keyframes sonarSuccess {0% {box-shadow: 0 0 0 0 #82B440;}100% {box-shadow: 0 0 0 15px rgba(169, 253, 0, 0);}}
.danger {animation: 1.8s linear 0s normal none infinite running sonarDanger;background-color: #F44336;}
.warning {animation: 1.8s linear 0s normal none infinite running sonarWarning;background-color: #f9cb40;}
.success {animation: 1.8s linear 0s normal none infinite running sonarSuccess;background-color: #82B440;}
.messagepop.popright::after {font-family: "Flaticon";background-color: #d33d28;border-radius: 20px;content: "\f118";font-size: 16px;height: 30px;line-height: 30px;left: -35px;position: absolute;text-align: center;top: calc(50% - 15px);width: 30px;}
.messagepop.popleft::after {font-family: "Flaticon";background-color: #d33d28;border-radius: 20px;content: "\f118";font-size: 16px;height: 30px;line-height: 30px;right: -35px;position: absolute;text-align: center;top: calc(50% - 15px);width: 30px;}
.messagepop.fj::after {content: "\f108";animation: 1.8s linear 0s normal none infinite running sonarWarning;background-color: #ff7f00;}
.messagepop.fr::after {content: "\f12d";animation: 1.8s linear 0s normal none infinite running sonarDanger;background-color: #FD3F26;}
.messagepop.fv::after {content: "\f119";animation: 1.8s linear 0s normal none infinite running sonarSuccess;background-color: #82B440;}

/*******TRIANGLE*********/



/*******HEADER***********/



/*******FOOTER***********/


/*******CDF*************/


/***********NAV****************/

.tunnel::before {clear: both;content: "";display: table;}
.tunnel {background-color: transparent;padding:  0;height: 40px;counter-reset: cdf;}
ol, ul {list-style: outside none none;}
.tunnel li.visited::after {width: 100%;}
.tunnel .anime:after,.tunnel .anime *:before{-webkit-transition: 1s linear 0s; -moz-transition: 1s linear 0s; -o-transition: 1s linear 0s; -ms-transition: 1s linear 0s; transition: 1s linear 0s;}
.tunnel li::before {background-color: #ddd;bottom: 5px;color: #959fa5;content: "";height: 4px;left: 50%;position: absolute;width: 100%;}
.tunnel li::after {background-color: #fe6867;bottom: 5px;color: #959fa5;content: "";height: 4px;left: 50%;position: absolute;width: 0;}
.tunnel li:last-child::before {width: 0;}
.tunnel li {float: left;position: relative;}
.tunnel li.current > *::before {background-color: #fe6867;}
/*.tunnel li.visited:not(:first-child):hover > *::before {-webkit-transition: 0.3s linear 0s; -moz-transition: 0.3s linear 0s; -o-transition: 0.3s linear 0s; -ms-transition: 0.3s linear 0s; transition: 0.3s linear 0s;background-color: #fe6867;border-radius: 50%;bottom: 0;content: "";height: 15px;line-height: 15px;left: calc(50% - 10px);font-size: 16px;position: absolute;width: 15px;z-index: 1;box-shadow: 0 0 0 5px rgba(253, 63, 38, 0.3);}*/
.tunnel li.visited > *::before{-webkit-transition: 0s linear 0s; -moz-transition: 0s linear 0s; -o-transition: 0s linear 0s; -ms-transition: 0s linear 0s; transition: 0s linear 0s;box-shadow: 0 0 0 5px #eee;background-color: #eee;bottom:0;color: #2bb04a;content: "\f119";font-family: "Flaticon";font-size: 16px;left: calc(50% - 10px);line-height: 15px;height: 15px;width: 15px;}
.tunnel li > *::before {background-color: #ddd;border-radius: 50%;bottom: -3px;content: "";height: 20px;line-height:20px;left: calc(50% - 10px);position: absolute;width: 20px;z-index: 1;counter-increment: cdf;content: counters(cdf,"");color:#fff;font-size: 13px;font-weight: 900}
.tunnel li > *, .tunnel li.current > * {height: 35px;line-height: 15px;display: inline-block;padding-bottom: 20px;position: relative;text-align: center;text-decoration: none;width: 100%;}
.tunnel li.current > *{color:#fe6867}
.tunnel li:last-child.current > *{color:#2bb04a;font-size: 16px;font-weight: 900}
.tunnel li.visited > *{color:#575759}
.tunnel li a:link, .tunnel li a:visited {text-decoration: none;transition: color 0.2s ease-in 0s;}
.tunnel a::before {box-shadow: 0 0 0 0 rgba(253, 63, 38, 0);transition: all 0.2s ease-in 0s;}
.tunnel a:hover::before {box-shadow: 0 0 0 5px rgba(253, 63, 38, 0.3);transition: all 0.2s ease-in 0s;}
.tunnel a:hover {color: #fe6867;}
.onglet.pagination{border-top-left-radius:5px;border-top-right-radius:5px;}
.onglet.pagination.actif {
    -webkit-transform: translateY(1px);
    -moz-transform: translateY(1px);
    -o-transform: translateY(1px);
    -ms-transform: translateY(1px);
}
.onglet.pagination.actif .icon {background-color:#0099cc}
.onglet.pagination:not(.actif) .icon {background-color:#999}
/*.onglet.pagination:not(.actif) {
    box-shadow: inset 0 -15px 15px -10px rgba(0,0,0,.1) ;
}*/
/*.onglet.pagination:not(.actif):hover {
    box-shadow: 0 -15px 15px -15px rgba(0,0,0,.4) inset;
    height: 35px;
    line-height: 40px;
    transform: translateY(5px);
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -o-transform: translateY(5px);
    -ms-transform: translateY(5px);
}*/


/*************BLOC****************/
.bloc:not(.notactive){cursor: pointer;-webkit-transition: 0.3s ease 0s; -moz-transition: 0.3s ease 0s; -o-transition: 0.3s ease 0s; -ms-transition: 0.3s ease 0s; transition: 0.3s ease 0s;}
.bloc.active.ba{border: 3px solid #2bb04a}
.bloc:not(.active):not(.notactive):hover{box-shadow:0 0px 10px 0 rgba(0,0,0,0.5)}
.bloc{position:relative}
.typecab.bloc.active.triangle::after,.cab_complet.triangle::after,.cabine.triangle::after{
    border-left: 20px solid rgba(0, 0, 0, 0);
    border-right: 20px solid rgba(0, 0, 0, 0);
    border-bottom: 20px solid #eee;
    bottom: -32px;
    content: " ";
    height: 0;
    left: calc(50% - 20px);
    position: absolute;
    width: 0;   
    z-index: 0;
}
#liste li{background-color:#575759;margin-top:5px;padding:10px 50px 10px 10px;position:relative}
#liste li::after {font-family: "Flaticon";color:#fff;font-size: 50px;pointer-events: none;position: absolute;right: 45px;text-align: center;top: 10px;width: 24px;height: 50px;line-height: 50px;box-sizing: inherit;}
#liste li:hover{background-color:#0099cc;color:#ccc}
#liste li:hover .bleu{color:#fff}
#liste li.active{background-color:#0099cc;color:#ccc}
#liste li.active .bleu{color:#fff}
#liste li.active:after{border-bottom:20px solid transparent;border-left:20px solid #0099cc;border-top:20px solid transparent;bottom:calc(50% - 20px);content:" ";height:0;position:absolute;right:-20px!important;width:0;z-index:999}
#liste li.active{background-color:#0099cc}
#liste li.carte::after {content: "\f117"}
#liste li.depart::after {content: "\f136"}
#liste li.ami::after {content: "\f126"}
#liste li.etranger::after {content: "\f137"}
.selection {
    -moz-column-count:3;
    -moz-column-gap: 0;
    -moz-column-width: 33%;
    -webkit-column-count:3;
    -webkit-column-gap: 0;
    -webkit-column-width: 33%;
    column-count: 3;
    column-gap: 0;
    column-width: 33%;
}
.selection4 {
    -moz-column-count:4;
    -moz-column-gap: 0;
    -moz-column-width: 25%;
    -webkit-column-count:4;
    -webkit-column-gap: 0;
    -webkit-column-width: 25%;
    column-count: 4;
    column-gap: 0;
    column-width: 25%;
}
.selection5 {
    -moz-column-count:5;
    -moz-column-gap: 0;
    -moz-column-width: 20%;
    -webkit-column-count:5;
    -webkit-column-gap: 0;
    -webkit-column-width: 20%;
    column-count: 5;
    column-gap: 0;
    column-width: 20%;
}
.selection > *,.selection4 > *,.selection5 > * {
    -webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */
    display:table;                      /* Actually FF 20+ */
}
#pop_img_devis{
    width: 600px;
    position: relative;
}

.pop_img_devis{
    cursor:pointer;
}