@CHARSET "ISO-8859-1";
/* -------------------------------------- *
 * Style communs à plusieurs pages        *
 * -------------------------------------- *
 *
 * Organisation de la feuille de style
 * 1 - Icônes : Concerne les icônes
 * 2 - Typo : Concerne les textes
 * 3 - Forms : Concerne les formulaires
 * 4 - Layout : Concerne la mise en page générale (template)
 * 5 - Skin : Regroupe des styles commmuns à  plusieurs pages
 */

/* 1 - Icônes
-------------------------------- */

.icon-container {
    display: inline-block;
    position: relative;
}

.icon-layer {
    position: absolute;
    left: 0;
    top: 0;
}

@font-face {
    font-family: 'speed-icons';
    src:url('default/fonts/speed-icons.eot?aojzf2');
    src:url('default/fonts/speed-icons.eot?#iefixaojzf2') format('embedded-opentype'),
        url('default/fonts/speed-icons.woff?aojzf2') format('woff'),
        url('default/fonts/speed-icons.ttf?aojzf2') format('truetype'),
        url('default/fonts/speed-icons.svg?aojzf2#speed-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="speed-icon-"], [class*=" speed-icon-"] {
    font-family: 'speed-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.speed-icon-video:before { content: "\e900"; }
.speed-icon-speech-multiple:before { content: "\e665"; }
.speed-icon-slider:before { content: "\e664"; }
.speed-icon-picture:before { content: "\e663"; }
.speed-icon-phone:before { content: "\e662"; }
.speed-icon-arrow-down-alt:before { content: "\e65e"; }
.speed-icon-arrow-left-alt:before { content: "\e65f"; }
.speed-icon-arrow-right-alt:before { content: "\e660"; }
.speed-icon-arrow-up-alt:before { content: "\e661"; }
.speed-icon-file-duplicate:before { content: "\e64f"; }
.speed-icon-font:before { content: "\e650"; }
.speed-icon-footer:before { content: "\e651"; }
.speed-icon-header:before { content: "\e652"; }
.speed-icon-layout:before { content: "\e653"; }
.speed-icon-luggage:before { content: "\e654"; }
.speed-icon-menu:before { content: "\e655"; }
.speed-icon-puzzle:before { content: "\e656"; }
.speed-icon-quote-left:before { content: "\e657"; }
.speed-icon-quote-right:before { content: "\e658"; }
.speed-icon-seat:before { content: "\e659"; }
.speed-icon-sheets-attached:before { content: "\e65a"; }
.speed-icon-speech:before { content: "\e65b"; }
.speed-icon-sun:before { content: "\e65c"; }
.speed-icon-vcard:before { content: "\e65d"; }
.speed-icon-suitcase:before { content: "\e643"; }
.speed-icon-mail-alt:before { content: "\e64e"; }
.speed-icon-add-alt:before { content: "\e62a"; }
.speed-icon-add-alt2:before { content: "\e62b"; }
.speed-icon-add-on:before { content: "\e62c"; }
.speed-icon-api:before { content: "\e62d"; }
.speed-icon-arrow-down:before { content: "\e62e"; }
.speed-icon-arrow-left:before { content: "\e62f"; }
.speed-icon-arrow-right:before { content: "\e630"; }
.speed-icon-arrow-up:before { content: "\e631"; }
.speed-icon-auction:before { content: "\e632"; }
.speed-icon-bullet-arrow-down:before { content: "\e633"; }
.speed-icon-bullet-arrow-up:before { content: "\e634"; }
.speed-icon-cart:before { content: "\e635"; }
.speed-icon-check:before { content: "\e636"; }
.speed-icon-check-alt:before { content: "\e637"; }
.speed-icon-check-alt2:before { content: "\e638"; }
.speed-icon-delete-alt:before { content: "\e639"; }
.speed-icon-delete-alt2:before { content: "\e63a"; }
.speed-icon-euro:before { content: "\e63b"; }
.speed-icon-file:before { content: "\e63c"; }
.speed-icon-file-txt:before { content: "\e63d"; }
.speed-icon-file-html:before { content: "\e63e"; }
.speed-icon-file-csv:before { content: "\e63f"; }
.speed-icon-file-pdf:before { content: "\e640"; }
.speed-icon-floppy-disk:before { content: "\e641"; }
.speed-icon-gear:before { content: "\e642"; }
.speed-icon-money:before { content: "\e644"; }
.speed-icon-multiple-ways:before { content: "\e645"; }
.speed-icon-paperclip:before { content: "\e646"; }
.speed-icon-remove-alt:before { content: "\e647"; }
.speed-icon-remove-alt2:before { content: "\e648"; }
.speed-icon-wrench:before { content: "\e649"; }
.speed-icon-graph-trend:before { content: "\e64a"; }
.speed-icon-clipboard:before { content: "\e64b"; }
.speed-icon-calculator:before { content: "\e64c"; }
.speed-icon-address-book:before { content: "\e64d"; }
.speed-icon-add:before { content: "\e600"; }
.speed-icon-alert:before { content: "\e601"; }
.speed-icon-book:before { content: "\e602"; }
.speed-icon-bookmark:before { content: "\e603"; }
.speed-icon-box:before { content: "\e604"; }
.speed-icon-building:before { content: "\e605"; }
.speed-icon-bullet-add:before { content: "\e606"; }
.speed-icon-bullet-background:before { content: "\e607"; }
.speed-icon-bullet-delete:before { content: "\e608"; }
.speed-icon-bullet-remove:before { content: "\e609"; }
.speed-icon-delete:before { content: "\e60a"; }
.speed-icon-home:before { content: "\e60b"; }
.speed-icon-hotel:before { content: "\e60c"; }
.speed-icon-info:before { content: "\e60d"; }
.speed-icon-list:before { content: "\e60e"; }
.speed-icon-list-thumbnails:before { content: "\e60f"; }
.speed-icon-login:before { content: "\e610"; }
.speed-icon-logout:before { content: "\e611"; }
.speed-icon-loop:before { content: "\e612"; }
.speed-icon-mail:before { content: "\e613"; }
.speed-icon-math:before { content: "\e614"; }
.speed-icon-medal:before { content: "\e615"; }
.speed-icon-megaphone:before { content: "\e616"; }
.speed-icon-network:before { content: "\e617"; }
.speed-icon-note:before { content: "\e618"; }
.speed-icon-pencil:before { content: "\e619"; }
.speed-icon-plane:before { content: "\e61a"; }
.speed-icon-remove:before { content: "\e61b"; }
.speed-icon-search:before { content: "\e61c"; }
.speed-icon-sheet-text:before { content: "\e61d"; }
.speed-icon-shield:before { content: "\e61e"; }
.speed-icon-signature:before { content: "\e61f"; }
.speed-icon-user:before { content: "\e620"; }
.speed-icon-world:before { content: "\e621"; }
.speed-icon-zoom-in:before { content: "\e622"; }
.speed-icon-zoom-out:before { content: "\e623"; }
.speed-icon-calendar:before { content: "\e624"; }
.speed-icon-history:before { content: "\e625"; }
.speed-icon-filter:before { content: "\e626"; }
.speed-icon-bullet-alert:before { content: "\e627"; }
.speed-icon-bullet-arrow-left:before { content: "\e628"; }
.speed-icon-bullet-arrow-right:before { content: "\e629"; }

@font-face {
    font-family: 'resatravel-icons';
    src:url('default/fonts/resatravel-icons.eot?aojzf2');
    src:url('default/fonts/resatravel-icons.eot?#iefixaojzf2') format('embedded-opentype'),
        url('default/fonts/resatravel-icons.woff?aojzf2') format('woff'),
        url('default/fonts/resatravel-icons.ttf?aojzf2') format('truetype'),
        url('default/fonts/resatravel-icons.svg?aojzf2#resatravel-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="resatravel-icon-"], [class*=" resatravel-icon-"] {
    font-family: 'resatravel-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.resatravel-icon-plane-go:before { content: "\e906"; }
.resatravel-icon-plane-return:before { content: "\e907"; }
.resatravel-icon-checkbox-checked:before { content: "\e900"; }
.resatravel-icon-checkbox-unchecked:before { content: "\e901"; }
.resatravel-icon-landing:before { content: "\e902"; }
.resatravel-icon-radio-checked:before { content: "\e903"; }
.resatravel-icon-radio-unchecked:before { content: "\e904"; }
.resatravel-icon-take-off:before { content: "\e905"; }

/* 2 - Typo
-------------------------------- */

@font-face {
    font-family: 'roboto';
    src: url('default/fonts/roboto/regular/Roboto-Regular.eot');
    src: url('default/fonts/roboto/regular/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
         url('default/fonts/roboto/regular/Roboto-Regular.woff') format('woff'),
         url('default/fonts/roboto/regular/Roboto-Regular.ttf') format('truetype'),
         url('default/fonts/roboto/regular/Roboto-Regular.svg#roboto') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto';
    src: url('default/fonts/roboto/italic/Roboto-Italic.eot');
    src: url('default/fonts/roboto/italic/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
         url('default/fonts/roboto/italic/Roboto-Italic.woff') format('woff'),
         url('default/fonts/roboto/italic/Roboto-Italic.ttf') format('truetype'),
         url('default/fonts/roboto/italic/Roboto-Italic.svg#roboto') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'roboto';
    src: url('default/fonts/roboto/bold/Roboto-Bold.eot');
    src: url('default/fonts/roboto/bold/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
         url('default/fonts/roboto/bold/Roboto-Bold.woff') format('woff'),
         url('default/fonts/roboto/bold/Roboto-Bold.ttf') format('truetype'),
         url('default/fonts/roboto/bold/Roboto-Bold.svg#roboto') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'roboto';
    src: url('default/fonts/roboto/bolditalic/Roboto-BoldItalic.eot');
    src: url('default/fonts/roboto/bolditalic/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
         url('default/fonts/roboto/bolditalic/Roboto-BoldItalic.woff') format('woff'),
         url('default/fonts/roboto/bolditalic/Roboto-BoldItalic.ttf') format('truetype'),
         url('default/fonts/roboto/bolditalic/Roboto-BoldItalic.svg#roboto') format('svg');
    font-weight: bold;
    font-style: italic;
}

small {
    font-size: 80%;
}

body {
    font-size: 13px;
    font-family: 'roboto', Arial, sans-serif;
    color: #606060;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'roboto', Arial, sans-serif;
    color: #333;
}

h2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: .75rem;
}

h2 [class^="icon-"], 
h2 [class*=" icon-"] {
    font-size: 16px;
    margin-right: 2px;
}

h2.line:before {
    position: relative;
    top: 13px;
    display: block;
    height: 1px;
    content: '';
    background: #e2e2e2;
}

h2.line > span {
    position: relative;
    background: #fff;
    padding-right: 8px;
}

h2.line.text-center > span {
    padding-left: 8px;
}

h3 {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

h4 {
    text-transform: uppercase;
    font-size: 14px;
    color: #333333;
}

p {
    font-size: 13px;
    line-height: 1.5; 
    margin-bottom: .75rem;
}

ul,
ol,
dl {
    font-size: 13px;
}

a,
a:hover,
a:focus {
    color: #ec7041;
}

a.big-link {
    text-transform: uppercase;
    text-decoration: none;
}

a.big-link [class^="icon-"], 
a.big-link [class*=" icon-"] {
    position: relative;
    top: -1px;
    font-size: 16px;
    vertical-align: middle;
}

a.big-link .text {
    vertical-align: middle;
}

a.big-link:hover {
    text-decoration: none;
}

a.big-link:hover .text {
    text-decoration: underline;
}

a:hover,
a:focus {
    text-decoration: underline;
}

table tr th {
    color: #333;
}

table tr td {
    color: #606060;
}

*:focus {
    outline-color: #ec7041;
}

/* 3 - Forms
-------------------------------- */

input[type="text"], 
input[type="password"], 
input[type="date"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="month"], 
input[type="week"], 
input[type="email"], 
input[type="number"], 
input[type="search"], 
input[type="tel"], 
input[type="time"], 
input[type="url"], 
input[type="color"], 
textarea {
    padding: 0.5625rem 0.5rem;
    height: 2.4375rem;
    border-color: #e2e2e2;
}

input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="date"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="month"]:focus, 
input[type="week"]:focus, 
input[type="email"]:focus, 
input[type="number"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="time"]:focus, 
input[type="url"]:focus, 
input[type="color"]:focus, 
textarea:focus {
    border-color: #606060;
}

input:-moz-placeholder { color: #aaaaaa; }
input::-moz-placeholder { color: #aaaaaa; }
input::-webkit-input-placeholder { color: #aaaaaa; }
input:-ms-input-placeholder { color: #aaaaaa; } 

select {
    height: 2.4375rem;
    padding: .5625rem .5rem;
}

select,
select:hover {
    background-color: #fff;
    border-color: #e2e2e2;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

select:focus {
    border-color: #606060;
    outline: none;
}

button,
.button {
    font-family: 'roboto', Arial, sans-serif;
    background-color: #ec7041;
    border-color: #ec7041;
    padding: .5rem 1rem .5625rem 1rem;
}

button:hover,
button:focus,
.button:hover,
.button:focus {
    background-color: #db6437;
    border-color: #db6437;
}

button.disabled,
button[disabled],
.button.disabled,
.button[disabled] {
    background-color: #ec7041;
    border-color: #ec7041;
}

button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
    background-color: #ec7041;
}

/* -- Checkbox personnalisées -- */

label {
    font-size: 0.875rem;
}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
    margin-left: 0;
    position: relative; /* permet de positionner les pseudo-éléments */
    padding-left: 25px; /* fait un peu d'espace pour notre case à venir */
    cursor: pointer; /* affiche un curseur adapté */
}

/* Aspect des checkboxes */
/* :before sert à créer la case à cocher */
[type="checkbox"]:not(:checked) + label:before {
    font-family: 'resatravel-icons';
    font-size: 16px;
    content: '\e901';
    color: #d7d7d7;
    position: absolute;
    left: 0; top: 0;
    width: 16px; height: 16px; /* dim. de la case */
}

/* Aspect général de la coche */
[type="checkbox"]:checked + label:before {
    font-family: 'resatravel-icons'; 
    font-size: 16px;
    content: '\e900';
    color: #ec7041;
    position: absolute;
    top: 0; left: 0;
    width: 16px; height: 16px; /* dim. de la case */
}

/* -- Boutons radio personnalisés -- */

label {
    font-size: 0.875rem;
}

[type="radio"]:not(:checked),
[type="radio"]:checked {
    position: absolute;
    left: -9999px;
}

[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
    margin-left: 0;
    position: relative; /* permet de positionner les pseudo-éléments */
    padding-left: 25px; /* fait un peu d'espace pour notre case à venir */
    cursor: pointer; /* affiche un curseur adapté */
}

/* Aspect des checkboxes */
/* :before sert à créer la case à cocher */
[type="radio"]:not(:checked) + label:before {
    font-family: 'resatravel-icons';
    font-size: 16px;
    content: '\e904';
    color: #d7d7d7;
    position: absolute;
    left: 0; top: 0;
    width: 16px; height: 16px; /* dim. de la case */
}

/* Aspect général de la coche */
[type="radio"]:checked + label:before {
    font-family: 'resatravel-icons';
    font-size: 16px;
    content: '\e903';
    color: #ec7041;
    position: absolute;
    top: 0; left: 0;
    width: 16px; height: 16px; /* dim. de la case */
}

/* 4 - Layout
-------------------------------- */

html.no-scroll,
html.no-scroll body {
    overflow: hidden;
    height: 100%;
}

/*.page-footer, 
.page-footer-wrap 
{
    background: #2D2D2D;
    color: #7A7A7A;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.page-footer h2, 
.page-footer h3,
.page-footer-wrap h2,
.page-footer-wrap h3
{
    color: #BCBCBC; 
}

.page-footer a,
.page-footer-wrap a 
{
    color: #7A7A7A;
}

.page-footer h2.line > span,
.page-footer-wrap h2.line > span 
{
    background: #2D2D2D;
}

.page-header {
}*/

/* 5 - Skin
-------------------------------- */

 /* -- Addons -- */
 @media all and (max-width: 850px){
	.mobile-hidden{
		display:none;
	}
 }
 @media all and (min-width: 851px){
	.show-addons{
		display:none;
	}
}

/* -- Jquery -- */

.ui-widget {
    font-size: 14px;
}

.ui-widget .label {
    display: inline;
    font-family: 'roboto', Arial, sans-serif;
    position: static;
    text-align: left;
    white-space: normal;
    padding: 0;
    font-size: 1.1em;
    background: none;
    color: #222;
}

/* -- Jquery - Autocomplete -- */

.ui-autocomplete .ui-menu-item a {
    color: #222;
}

table.ui-datepicker-calendar {
    border: none;
}

table.ui-datepicker-calendar thead tr th,
table.ui-datepicker-calendar thead tr td {
    font-size: inherit;
}

table.ui-datepicker-calendar thead tr th {
    padding-left: 0.2em;
    padding-right: 0.2em;
}

.ui-datepicker.ui-widget,
.ui-datepicker.ui-widget:before,
.ui-datepicker.ui-widget:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* -- Jquery - Range slider -- */

.ui-slider {
    border: none;
}

.ui-slider-horizontal {
    height: 4px;
    margin: 0 11px 11px 11px;
    border-radius: 0;
    background: #d7d7d7;
}

.ui-slider .ui-slider-handle {
    width: 22px;
    height: 22px;
    background: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 0;
    cursor: pointer;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -8px;
    margin-left: -11px;
}

.ui-slider .ui-slider-range {
    background: #ec7041;
}

/** Modales **/

.reveal-modal .close-reveal-modal {
    font-size: 32px;
}

.reveal-modal .close-reveal-modal:hover {
    text-decoration: none;
}

.modal-title {
    margin-right: 32px;
}

.loading-box {
    border-radius: 100%;
    width: 80px;
    margin: 0 auto;
    height: 80px;
}

.loading-img {
    width: 80px;
    height: 80px;
}


.checkmark__circle {
	stroke-dasharray: 166;
	stroke-dashoffset: 166;
	stroke-width: 2;
	stroke-miterlimit: 10;
	fill: none;
	animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
	border-radius: 50%;
	display: block;
	stroke-width: 3;
	stroke: #fff;
	stroke-miterlimit: 10;
	animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}


.checkmark__check {
	transform-origin: 50% 50%;
	stroke-dasharray: 48;
	stroke-dashoffset: 48;
	animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

.insurance-logo {
    height: 25px;
    width: 25px;
    vertical-align: top;
}

.insurance-infos {
    padding-left: 6px;
}

.insurance-logo > svg {
    margin-right: 9px;
    height: 25px;
    width: 25px;
}
.insurance-block > div, .insurance-block > span {
    display: inline-block;
}

.insurance-block {
    display: block;
    margin-bottom: 10px;
}

@keyframes stroke {
    100% {
      stroke-dashoffset: 0;
    }
}
@keyframes scale {
    0%, 100% {
        transform: none;
      }
    50% {
    transform: scale3d(1.1, 1.1, 1);
    }
}
/* -------------------------------------- *
 * Ensemble du process de résa            *
 * -------------------------------------- */

.content {
	display: none;
	margin-bottom: 32px;
}

/* 0 - Styles communs à plusieurs pages
-------------------------------- */

.alc .overlay {
	position: absolute;
	z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #333;
    opacity: 0.6;
}

.alc #ariane_courant {
	font-weight: bold;
}

.iframe-auth {
	width:100%;
	height:75%;
	min-height:400px;
	max-height:800px;
}

/* 1 - Page d'attente
-------------------------------- */

.alc.waiting-page {
	background: #ec7041;
}

.alc.waiting-page .modal {
    padding: 32px 16px;
    margin-top: 16px;
    margin-bottom: 16px;
    background-color: #ffffff;
    position: relative;
    z-index: 2;
    text-align: center;
}


.alc.waiting-page .header-distant, 
.alc.waiting-page .footer-distant {
	background: #fff;
	overflow: auto;
}

.alc.waiting-page .container {
	background: #fff;
	overflow: auto;
}

/* 2 - Page de recherche
-------------------------------- */

.alc.result-page .page-container {
	max-width: 62.5rem;
	margin: 0 auto;
}

.alc.result-page .filter-overlay {
	display: none;
}

.alc.result-page .filter-overlay.visible {
	display: block;
}

.alc.result-page .info_importante {
	font-size: 14px;
	display: inline-block;
	color: #ff4f4f;
	width: 100%;
	padding: 4px 16px;
	background: #fff2f2;
}

.alc.result-page .flight-details .info_importante {
	padding: 0;
	background: #fff;
}

.alc.result-page .info_importante .speed-icon-info {
	margin-right: 8px;
	vertical-align: middle;
}

.alc.result-page .info_importante .text {
	vertical-align: middle;
}

.alc.result-page #aucunResultat {
	margin: 16px 0;
}

/* -- Filtres -- */

.alc.result-page .filters {
	position: absolute;
	top: 0; bottom: 0; left: -276px;
	background: #fff;
	z-index: 10;
	padding: 0 16px;
	transition: all .2s;
	width: 276px;
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	overflow: auto;
}

.alc.result-page .filters.visible {
	left: 0px;
}

.alc.result-page .filters .close-filter-link {
	float: right;
	margin-top: 8px;
	font-size: 16px;
	color: #ec7041;
}

.alc.result-page .filters .close-filter-link:hover, 
.alc.result-page .filters .close-filter-link:focus {
	text-decoration: none;
}

.alc.result-page .filters .annuler_filtres {
	display: none;
	color: #ec7041;
	text-decoration: underline;
}

.alc.result-page .filters .annuler_filtres:hover, 
.alc.result-page .filters .annuler_filtres:focus {
	text-decoration: none;
	cursor: pointer;
}

.alc.result-page .filters .filter-container {
	margin: 0 0 24px 0;
	border-top: 1px solid #e2e2e2;
}

.alc.result-page .filters h3 {
	position: relative;
	margin: 12px 0;
}

.alc.result-page .filters h3 > span {
	position: absolute;
	top: 1px; right: 0;
	font-size: 16px;
}

.alc.result-page .filters  h3 .amount {
	text-transform: none;
	font-size: 13px;
	font-weight: normal;
}

.alc.result-page .filters .aeroports {
	margin-bottom: 12px;
}

.alc.result-page .filters .sous_titre {
	font-weight: bold;
	margin-bottom: 4px;
}

.alc.result-page .filters .select-link-container {
	position: relative;
}

.alc.result-page .filters .texte_selectioner {
	float: left;
}

.alc.result-page .filters .selectionner_tout_aucun {
	text-align: right;
	margin-bottom: 4px;
}

.alc.result-page .filters .tout_selectionner, 
.alc.result-page .filters .tout_deselectionner {
	color: #ec7041;
}

.alc.result-page .filters .tout_selectionner:hover, 
.alc.result-page .filters .tout_selectionner:focus, 
.alc.result-page .filters .tout_deselectionner:hover, 
.alc.result-page .filters .tout_deselectionner:focus {
	text-decoration: underline;
	cursor: pointer;
}

.alc.result-page .filters select {
	margin-bottom: 8px;
}

.alc.result-page .page-content {
	width: 100%;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
}

/* -- Résumé de recherche -- */

.alc.result-page .search-summary .title-container {
	position: relative;
}

.alc.result-page .search-summary h2 {
	line-height: 28px;
	padding: 2px 0;
}

.alc.result-page .search-summary .title-container .new-search-button {
	display: none;
}

.alc.result-page .search-summary .title-container .new-search-button {
	float: right;
	font-size: 14px;
	color: #ec7041;
	line-height: 26px;
	padding: 2px 16px;
	background: #fff;
	border: 1px solid #e2e2e2;
}

.alc.result-page .search-summary .title-container .new-search-button:hover, 
.alc.result-page .search-summary .title-container .new-search-button:focus {
	background: #e2e2e2;
}

.alc.result-page .search-summary .title-container .filter-button {
	display: none;
	float: right;
	font-size: 14px;
	color: #fff;
	line-height: 26px;
	padding: 2px 16px;
	border-width: 1px; 
	border-style: solid;
}

.alc.result-page .search-summary .button-container {
	font-size: 0;
}

.alc.result-page .search-summary .button-container .new-search-button {
	font-size: 14px;
	color: #ec7041;
	line-height: 26px;
	padding: 2px 16px;
	background: #fff;
	border: 1px solid #e2e2e2;
	width: 50%;
}

.alc.result-page .search-summary .button-container .new-search-button:hover, 
.alc.result-page .search-summary .button-container .new-search-button:focus {
	background: #e2e2e2;
}

.alc.result-page .search-summary .button-container .filter-button {
	font-size: 14px;
	color: #fff;
	line-height: 26px;
	padding: 2px 16px;
	border-width: 1px; 
	border-style: solid;
	width: 50%;
}

.alc.result-page .search-summary .new-search-button .speed-icon-search {
	color: #333;
}

.alc.result-page .search-summary .bloc-content {
	display: none;
}

.alc.result-page .search-summary .searched-value {
	color: #ec7041;
}

/* -- ... -- */

.alc.result-page h1 {
	font-size: 18px;
	margin: 16px 0;
}

/* -- Meilleurs tarifs -- */

.alc.result-page .best-flights{
	position: relative;
}

.alc.result-page .best-flights .arrows {
	font-size: 0;
	text-align: right;
}

.alc.result-page .best-flights .best-price-arrows {
	display: inline-block;
	font-size: 14px;
	vertical-align: middle;
	display: none;
}

.alc.result-page .best-flights .slick-arrow {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
    font-size: 14px;
    color: #ec7041;
    line-height: 30px;
    width: 32px;
    background: #fff;
    margin-left: -1px;
    text-align: center;
    border: 1px solid #e2e2e2;
}

.alc.result-page .best-flights .slick-arrow.speed-icon-arrow-right-alt {
	right: 16px;
}

.alc.result-page .best-flights .slick-arrow.speed-icon-arrow-left-alt {
	right: 63px;
}



.alc.result-page .best-flights-container {
	font-size: 0;
	border: 1px solid #e2e2e2;
	overflow: hidden;
}

.alc.result-page .best-flights-container .left-column, 
.alc.result-page .best-flights-container .right-column {
	font-size: 14px;
	display: inline-block;
	vertical-align: top;
}

.alc.result-page .best-flights-container .left-column {
	font-size: 12px;
	width: 38%;
}

.alc.result-page .best-flights-container .right-column {
	width: 62%;
	overflow-x: hidden;
}

.alc.result-page .best-flights-container .best-flights-slide {
	width: 100%;
	margin: 0;
	border: none;
}

.alc.result-page .best-flights-container .best-flights-slide {
	text-align: center;
	width: 20%;
}

.alc.result-page .best-flights-container .carrier {
	height: 56px;
}

.alc.result-page .best-flights-container .left-column div:nth-child(even), 
.alc.result-page .best-flights-container .right-column .best-flights-slide div:nth-child(even) {
	background: #f5f5f5;
}

.alc.result-page .best-flights-container .right-column .best-flights-slide {
	outline: none;
}

.alc.result-page .best-flights-container .right-column .price {
	font-weight: normal;
}

.alc.result-page .best-flights-container .left-column .carrier {
	line-height: 56px;
	padding: 0 8px;
}

.alc.result-page .best-flights-container .right-column .carrier {
	padding: 6px;
}

.alc.result-page .best-flights-container .company-line{
	font-weight: bold;
}

.alc.result-page .best-flights-slide{
	display: inline-block;
}

.alc.result-page .best-flights-container .direct, 
.alc.result-page .best-flights-container .escale,
.alc.result-page .best-flights-container .other {
	line-height: 36px;
	height: 36px;
	padding: 0 8px;
	font-weight: bold;
	overflow: hidden;
}



.alc.result-page .best-flights-container .company-name {
	display: inline-block;
	font-size: 12px;
	color: #ec7041;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	overflow: hidden;
}

.alc.result-page .best-flights-container .vols_logo_compagnie:hover, 
.alc.result-page .best-flights-container .vols_logo_compagnie:focus, 
.alc.result-page .best-flights-container .company-name:hover, 
.alc.result-page .best-flights-container .company-name:focus {
	text-decoration: underline;
	cursor: pointer;
}

.alc.result-page .best-flights-container #vols_meilleurs_compagnies_premiere_ligne td {
	height: 56px;
	padding: 0 8px;
}

.alc.result-page .best-flights-container .price span:hover, 
.alc.result-page .best-flights-container .price span:focus {
	color: #ec7041;
	text-decoration: underline;
	cursor: pointer;
}



/* -- Groupe de résultat -- */

.alc.result-page .result {
	position: relative;
	font-size: 0;
	margin-top: 24px;
	margin-bottom: 24px;
	border: 1px solid #e2e2e2;
}

.alc.result-page .result .result-content-left {
	vertical-align: top;
	display: inline-block;
	font-size: 14px;
	width: 100%;
}

.alc.result-page .result .result-content-left h3 {
	margin: -1px 0 0 0;
	padding: 8px 16px 8px 0;
	border-bottom: 1px solid #e2e2e2;
}

.alc.result-page .result .result-content-left h3 .icon-container {
	display: inline-block;
	width: 16%;
	text-align: center;
}

.alc.result-page .result .result-content-left h3 .icon {
	font-size: 16px;
	color: #ec7041;
	vertical-align: middle;
}

.alc.result-page .result .result-content-left h3 .text {
	vertical-align: middle;
}

.alc.result-page .flight {
	font-size: 0;
}

.alc.result-page .flight .segment_vols {
	padding: 8px 0;
	border-top: 1px solid #e2e2e2;
}

.alc.result-page .flight .segment_vols.selected {
	background: #f9f9f9;
}

.alc.result-page .flight .segment_vols:first-child {
	border-top: none;
}

.alc.result-page .flight .checkbox-container, 
.alc.result-page .flight .infos-container, 
.alc.result-page .flight .logo-square-container, 
.alc.result-page .flight .company-container {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
}

.alc.result-page .flight .checkbox-container {
	width: 16%;
	text-align: center;
	vertical-align: middle;
}

.alc.result-page .result .checkbox-container label {
	padding: 0;
	height: 20px;
}

.alc.result-page .result .logo-large {
	display: none;
}

.alc.result-page .flight .infos-container {
	width: 69%;
	padding-right: 8px;
}

.alc.result-page .flight .infos-container p {
	font-size: 14px;
	margin: 0;
}

.alc.result-page .flight .logo-square-container {
	width: 15%;
	padding-right: 16px;
	text-align: right;
}

.alc.result-page .flight .company-container {
	width: 100%;
	text-align: right;
	padding: 0 16px 0 0;
}

.alc.result-page .flight .company-container .new-line {
	display: none;
}

.alc.result-page .flight .company-container img {
	margin-bottom: 4px;
}

.alc.result-page .flight .afficher_detail {
	display: inline-block;
	color: #ec7041;
	cursor: pointer;
}

.alc.result-page .flight .afficher_detail .texte, 
.alc.result-page .flight .afficher_detail .icon {
	vertical-align: middle;
}

.alc.result-page .flight .afficher_detail .icon {
	margin-left: 4px;
}

.alc.result-page .flight .afficher_detail:hover .texte, 
.alc.result-page .flight .afficher_detail:focus .texte {
	text-decoration: underline;
}

.alc.result-page .flight-details {
	display: none;
	font-size: 0;
	padding: 16px;
	margin-top: 8px;
	margin-bottom: -8px;
	line-height: 1.2;
	background: #fff;
	border-top: 1px solid #e2e2e2;
}

.alc.result-page .flight-details .flight-details-infos {
	font-size: 0;
}

.alc.result-page .flight-details .logo-large {
	display: inline-block;
}

.alc.result-page .flight-details .logo-container, 
.alc.result-page .flight-details .flight-infos {
	display: inline-block;
	font-size: 14px;
	vertical-align: middle;
	width: 50%;
}

.alc.result-page .flight-details .departure, 
.alc.result-page .flight-details .arrival {
	font-weight: bold;
}

.alc.result-page .flight-details .line {
	font-size: 0;
}

.alc.result-page .flight-details .departure-date, 
.alc.result-page .flight-details .arrival-date, 
.alc.result-page .flight-details .departure-time, 
.alc.result-page .flight-details .arrival-time, 
.alc.result-page .flight-details .departure-city, 
.alc.result-page .flight-details .arrival-city {
	display: inline-block;
	font-size: 14px;
	vertical-align: middle;
}

.alc.result-page .flight-details .departure-date, 
.alc.result-page .flight-details .arrival-date, 
.alc.result-page .flight-details .departure-city, 
.alc.result-page .flight-details .arrival-city {
	width: 40%;
}

.alc.result-page .flight-details .departure-time, 
.alc.result-page .flight-details .arrival-time {
	width: 20%;
}

.alc.result-page .flight-details .duration-container {
	padding-left: 40%;
	margin: 4px 0 4px -35px;
}

.alc.result-page .flight-details .temp_vol, 
.alc.result-page .flight-details .temp_correspondance {
	display: inline-block;
	padding: 2px 4px;
	background: #d7d7d7;
	border-radius: 4px;
}

.alc.result-page .flight-details .temp_vol{
	font-size: 14px;
}

.alc.result-page .flight-details .temp_vol .text, 
.alc.result-page .flight-details .temp_correspondance .text {
	font-weight: bold;
}

.alc.result-page .flight-details .tmp_correspondance {
	font-size: 14px;
	text-align: center;
	margin: 8px 0;
}

.alc.result-page .flight-details .tmp_correspondance:before {
	position: relative;
	top: 18px;
	display: block;
	content: '';
	border-bottom: 1px dashed #e2e2e2;
}

.alc.result-page .flight-details .temp_correspondance .info {
	display: inline-block;
	font-size: 13px;
	font-style: italic;
}

.alc.result-page .flight-details .temp_correspondance {
	position: relative;
}



.alc.result-page .result .result-content-right {
	vertical-align: top;
	position: relative;
	display: inline-block;
	font-size: 14px;
	width: 100%;
	background: #F9F9F9;
	border-top: 1px solid #e2e2e2;
}

.alc.result-page .result .price-container {
	text-align: center;
	padding: 0 16px;
	margin-bottom: 40px;
}

.alc.result-page .result .price-container .amount {
	display: block;
	font-size: 22px;
	color: #ec7041;
}

.alc.result-page .result .price-container .pax {
	font-size: 13px;
}

.alc.result-page .result .reservation-button {
	position: absolute;
	right: 0; bottom: 0; left: 0;
	width: 100%;
	margin: 0;
	text-transform: uppercase;
	background: #ec7041;
}

/* -- Pagination -- */

.alc.result-page .pagination_select {
	display: none;
}

.alc.result-page .pagination-container {
	text-align: right;
	margin-top: 1.25rem;
}

.alc.result-page ul.pagination {
	display: inline-block;
	margin-right: 1px;
}

.alc.result-page ul.pagination li {
	margin: 0 -1px 0 0;
	text-align: center;
	width: 32px;
	height: 32px;
	line-height: 32px;
	border: 1px solid #e2e2e2;
	border-radius: 0;
	cursor: pointer;
}

.alc.result-page ul.pagination li span {
	width: 32px;
	height: 32px;
	line-height: 32px;
}

.alc.result-page ul.pagination li:hover, 
.alc.result-page ul.pagination li:focus {
	background: #e2e2e2;
}

.alc.result-page ul.pagination li.current {
	color: #fff;
	border: 1px solid #ec7041;
	background: #ec7041;
}

.alc.result-page ul.pagination li:hover, 
.alc.result-page ul.pagination li:focus {
	background: #e2e2e2;
}

.alc.result-page ul.pagination li.current:hover, 
.alc.result-page ul.pagination li.current:focus {
	background: #ec7041;
}


.alc.result-page .search-summary, 
.alc.result-page .best-flights {
	border-bottom: 1px solid #e2e2e2;	
}

.alc.result-page .best-flights {
	padding-bottom: 24px;
}


/* 3 - Page de réservation
-------------------------------- */

.alc.reservation-page .page-container {
	max-width: 62.5rem;
	margin: 0 auto;
}

.alc.reservation-page .page-content {
	border-right: 1px solid #e2e2e2;
}

.alc.reservation-page .bloc {
	font-size: 14px;
	padding: 16px;
	border-bottom: 1px solid #e2e2e2;
}

.alc.reservation-page .icon {
	font-size: 16px;
}

/* -- Résumé de la réservation -- */

.alc.reservation-page .reservation-summary {
	padding: 0 16px;
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	overflow: auto;
}

.alc.reservation-page .reservation-summary p {
	font-size: 14px;
}

.alc.reservation-page .reservation-summary .filter-container {
	border-top: 1px solid #e2e2e2;
}

.alc.reservation-page .reservation-summary .ways {
	border-top: 1px dashed #e2e2e2;
}

.alc.reservation-page .reservation-summary .ways:first-child {
	border-top: none;
}

.alc.reservation-page .reservation-summary h3, 
.alc.reservation-page .reservation-summary h4 {
	margin: 8px 0;
}

.alc.reservation-page .reservation-summary h4 .icon, 
.alc.reservation-page .reservation-summary h4 .text {
	vertical-align: middle;
}

.alc.reservation-page .reservation-summary h4 .way {
	font-weight: bold;
}

.alc.reservation-page .reservation-summary h4 .icon {
	font-size: 16px;
}

.alc.reservation-page .reservation-summary .departure, 
.alc.reservation-page .reservation-summary .arrival {
	color: #ec7041;
}

.alc.reservation-page .reservation-summary .arrival-container {
	margin-bottom: 0;
}

.alc.reservation-page .reservation-summary .line {
	font-size: 0;
	padding: 4px 0;
	margin-bottom: 0;
	border-bottom: 1px dashed #e2e2e2;
}

.alc.reservation-page .reservation-summary .line .price-label, 
.alc.reservation-page .reservation-summary .line .price {
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
}

.alc.reservation-page .reservation-summary .line .price-label {
	width: 60%;
}

.alc.reservation-page .reservation-summary .line .price {
	width: 40%;
	font-weight: bold;
	color: #ec7041;
	padding-left: 8px;
	text-align: right;
}

.alc.reservation-page .reservation-summary .line .total-price {
	font-size: 18px;
	padding: 6px 0 0 0;
}

.alc.reservation-page .reservation-summary .escale-container {
	font-size: 14px;
    text-align: center;
    margin: 8px 0;
}

.alc.reservation-page .reservation-summary .escale-container:before {
	position: relative;
    top: 14px;
    display: block;
    content: '';
    border-bottom: 1px dashed #e2e2e2;
}

.alc.reservation-page .reservation-summary .escale {
	position: relative;
	display: inline-block;
    padding: 2px 4px;
    background: #d7d7d7;
    border-radius: 4px;
}

/* -- Assurance -- */

.alc.reservation-page .insurance {
	margin-bottom: 4px;
}

.alc.reservation-page .insurance .price {
	float: right;
	font-weight: bold;
	color: #ec7041;
}

/* -- Informations passagers -- */

.alc.reservation-page .informations .pax-number {
	float: left;
	width: 32px;
	line-height: 39px;
    font-size: 18px;
    font-weight: bold;
    color: #ec7140;
}

.alc.reservation-page .informations .pax-list .pax-number, 
.alc.reservation-page .informations .api .pax-number {
	margin-top: 20px;
}

.alc.reservation-page .informations .fields {
	margin-left: 32px;
}

.alc.reservation-page .informations .civility-field-container {
	width: 33%;
}

.alc.reservation-page .informations .luggage-field-container select {
	width: auto;
	max-width: 100%;
	padding-right: 24px;
}

.alc.reservation-page .informations .api label[for="complement_apis"] {
	margin-right: 0;
}

.alc.reservation-page .informations .api .more-info-api {
	color: #ec7041;
	cursor: pointer;
}

.alc.reservation-page .informations .api .more-info-api:hover, 
.alc.reservation-page .informations .api .more-info-api:focus {
	text-decoration: underline;
}

.alc.reservation-page .informations .api .more-info-api.close:hover, 
.alc.reservation-page .informations .api .more-info-api.close:focus {
	text-decoration: none;
}

.alc.reservation-page .informations .api .info-apis {
	background: #f9f9f9;
	margin: 0 -16px -16px -16px;
	padding: 16px;
}

.alc.reservation-page .informations .api .info-apis .close-link {
	text-align: right;
}

.alc.reservation-page .informations .api p {
	font-size: 14px;
}

/* -- Coordonnées -- */

.alc.reservation-page .contact .row.collapse .zip-code-container {
	padding-right: 8px;
}

.alc.reservation-page .contact .row.collapse .city-container {
	padding-left: 8px;
}

/* -- Paiement -- */

.alc.reservation-page .payment p {
	font-size: 14px;
}

.alc.reservation-page .payment .amount {
	color: #ec7041;
}

.alc.reservation-page .payment .nom_cb {
	font-weight: bold;
}

.alc.reservation-page .payment #crypto {
	width: 50%;
	display: inline-block;
	margin-right: 8px;
}

.alc.reservation-page .payment .know-more-link {
	color: #ec7041;
	cursor:pointer;
}

.alc.reservation-page .payment .know-more-link:hover, 
.alc.reservation-page .payment .know-more-link:focus {
	text-decoration: underline;
}

.alc.reservation-page .payment #savoir {
	display: none;
}

.alc.reservation-page .validation-button-container {
	text-align: center;
	margin: 24px 0;
}

.alc.reservation-page .validation-button-container a {
	text-decoration: none;
}

/* 3 - Page d'authentification du paiement
-------------------------------- */

.alc.authentification-page .page-container {
	max-width: 62.5rem;
	margin: 0 auto;
}

/* 4 - Page de confirmation
-------------------------------- */

.alc.confirmation-page .page-container {
	max-width: 62.5rem;
	margin: 0 auto;
}

.alc.confirmation-page .bloc {
	padding: 16px 0;
	border-bottom: 1px solid #e2e2e2;
}

.alc.confirmation-page .error {
	padding: 20px;
	color: #fff;
	background: #f73d3d;
}

.alc.confirmation-page .success {
	padding: 20px;
	color: #fff;
	background: #68b900;
}

.alc.confirmation-page .page-container p {
	font-size: 14px;
}

.alc.confirmation-page h1 {
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	margin: 0;
}

.alc.confirmation-page h1 .icon {
	font-size: 32px;
	margin-right: 8px;
	vertical-align: middle;
}

.alc.confirmation-page h1 .text {
	vertical-align: middle;
}

.alc.confirmation-page .resa-summary-table {
	table-layout: fixed;
}

.alc.confirmation-page .status-table, 
.alc.confirmation-page .pax-table, 
.alc.confirmation-page .resa-summary-table, 
.alc.confirmation-page .insurance-summary-table, 
.alc.confirmation-page .total-price-table {
	border: none;
	margin: 0;
}

.alc.confirmation-page .status-table tr:nth-of-type(even), 
.alc.confirmation-page .pax-table tr:nth-of-type(even), 
.alc.confirmation-page .resa-summary-table tr:nth-of-type(even), 
.alc.confirmation-page .insurance-summary-table tr:nth-of-type(even), 
.alc.confirmation-page .total-price-table tr:nth-of-type(even) {
	background: none;
}

.alc.confirmation-page .status-table td, 
.alc.confirmation-page .pax-table td, 
.alc.confirmation-page .resa-summary-table td, 
.alc.confirmation-page .insurance-summary-table td, 
.alc.confirmation-page .total-price-table td {
	padding: 4px 4px 4px 0;
}

.alc.confirmation-page .resa-summary-table td, 
.alc.confirmation-page .insurance-summary-table td, 
.alc.confirmation-page .total-price-table td {
	padding: 8px 4px 8px 0;
	border-bottom: 1px dashed #e2e2e2;
}


.alc.confirmation-page .resa-summary-table td.price, 
.alc.confirmation-page .insurance-summary-table td.price, 
.alc.confirmation-page .total-price-table td.price {
	text-align: right;
	color: #ec7041;
}

.alc.confirmation-page .total-price-table td.price {
	font-size: 18px;
	font-weight: bold;
}

.alc.confirmation-page .status.error {
	color: #f73d3d;
	background: none;
	padding: 0;
	font-weight: bold;
}

.alc.confirmation-page .status.success {
	color: #68b900;
	background: none;
	padding: 0;
	font-weight: bold;
}

.alc.confirmation-page .departure-label, 
.alc.confirmation-page .arrival-label {
	color: #ec7041;
}

.alc.confirmation-page .flight-number {
	font-weight: bold;	
}

.alc.confirmation-page .recap-bloc {
	border-bottom: none;
}

.alc.confirmation-page .conclusion {
	text-align: center;
	margin: 64px;
}

/* 5 - Mail de confirmation
-------------------------------- */

.body_mail {
	text-align: center;
}


.body_mail p, 
.body_mail table {
	font-size: 14px;
}

.body_mail .encart_generique1 {
	background: #fff;
}

.body_mail .titre_encart {
	background: #ec7041;
	color: #fff;
	font-weight: bold;
	padding: 8px;
	margin: 0;
	font-size: 15px;
	text-transform: uppercase;
}

.body_mail .texte_encart_generique1 {
	padding: 16px;
	border: 1px solid #e2e2e2;
	border-top: none;
}

.body_mail strong {
	color: #ec7041;
}

.body_mail .subtitle {
	font-weight: bold;
	border-bottom: 1px dashed #e2e2e2;
}




/* MEDIA QUERIES
--------------------------------------- */

/* Affichage tablette */
@media only screen and (min-width: 640px) {

	.iframe-auth {
		height:50%;
		min-height:375px;
		max-height:650px;
	}

	/* 2 - Page de recherche
	-------------------------------- */

	.alc.result-page .search-summary .bloc-content {
		display: inline-block;
	}

	.alc.result-page .search-summary .button-container {
		display: none;
	}

	.alc.result-page .search-summary .title-container .new-search-button, 
	.alc.result-page .search-summary .title-container .filter-button {
		display: inline-block;
	}

	.alc.result-page .search-summary .title-container .new-search-button:hover, 
	.alc.result-page .search-summary .title-container .new-search-button:focus {
		text-decoration: none;
	}

	.alc.result-page .best-flights-container .left-column {
		font-size: 14px;
		width: 20%;
	}

	.alc.result-page .best-flights-container .right-column {
		width: 80%;
	}

	.alc.result-page .best-flights .slick-arrow{
	    background: transparent;
	    border: none;
	}

	.alc.result-page .best-flights .best-price-arrows{
		display: inline-block;
		line-height: 30px;
	}

	.alc.result-page .result .result-content-left h3 .icon-container {
		width: 7%;
	}

	.alc.result-page .flight .checkbox-container {
		width: 7%;
	}

	.alc.result-page .flight .infos-container {
		width: 60%;
	}

	.alc.result-page .flight .logo-square-container {
		display: none;
	}

	.alc.result-page .flight .company-container {
		width: 33%;
	}

	.alc.result-page .flight .company-container .new-line {
		display: block;
	}

	.alc.result-page .flight-details {
		font-size: 0;
	}

	.alc.result-page .flight-details .company-infos {
		display: inline-block;
		width: 30%;
		vertical-align: middle;
	}

	.alc.result-page .flight-details .flight-details-infos {
		display: inline-block;
		width: 70%;
		vertical-align: middle;
	}

	.alc.result-page .flight-details .logo-container, 
	.alc.result-page .flight-details .flight-infos {
		display: block;
		width: 100%;
	}

	/* .result-content-left {
		width: 75%;
	} */

	/* .result-content-right {
		position: absolute;
		top: 0; 
		bottom: 0;
		width: 25%;
		border-top: none;
		border-left: 1px solid #e2e2e2;
	}

	.price-container {
		margin-top: 64px;
		margin-bottom: 0;
	} */

	.alc.result-page .result .price-column-content {
		font-size: 0;
	}

	.alc.result-page .result .price-container, 
	.alc.result-page .result .reservation-button {
		display: inline-block;
		vertical-align: middle;
		font-size: 14px;
	}

	.alc.result-page .result .price-container {
		margin: 0;
		line-height: 1;
		text-align: right;
		width: 70%;
	}

	.alc.result-page .result .reservation-button {
		position: relative;
		line-height: 28px;
		font-size: 16px;
		width: 30%;
	}

	.alc.result-page .price-column-content h3 {
		margin: 16px;
	}

	.alc.result-page .result .logo-large {
		display: inline-block;
	}

	.alc.result-page .result .logo-square {
		display: none;
	}

	/* 3 - Page de réservation
	-------------------------------- */

	/* -- Informations passagers -- */

	.alc.reservation-page .informations .fields {
		font-size: 0;
	}

	.alc.reservation-page .informations .field-container {
		font-size: 14px;
		display: inline-block;
		vertical-align: top;
		margin-right: 2%;
		width: 100%;
	}

	.alc.reservation-page .informations .civility-field-container {
		width: 20%;
	}

	.alc.reservation-page .informations .firstname-field-container, 
	.alc.reservation-page .informations .lastname-field-container, 
	.alc.reservation-page .informations .birthdate-field-container {
		width: 38%;
	}

	.alc.reservation-page .informations .firstname-field-container {
		margin-right: 0;
	}

	.alc.reservation-page .informations .api .type-field-container {
		width: 30%;
	}

	.alc.reservation-page .informations .api .number-field-container {
		width: 33%;
	}

	.alc.reservation-page .informations .api .end-field-container {
		width: 33%;
		margin-right: 0;
	}

	.alc.reservation-page .informations .api .country-field-container, 
	.alc.reservation-page .informations .api .nationality-field-container {
		width: 30%;
	}

	/* -- Coordonnées -- */

	.alc.reservation-page .contact .left-column {
		padding-right: 8px;
	}

	.alc.reservation-page .contact .right-column {
		padding-left: 8px;
	}

}

/* Affichage desktop */
@media only screen and (min-width: 1024px) {

	.iframe-auth {
		height:25%;
		min-height:350px;
		max-height:500px;
	}

	/* 2 - Page de recherche
	-------------------------------- */

	.alc.result-page .page-container {
		display: table;
		width: 100%;
		table-layout: fixed;
	}

	.alc.result-page .page-container .filters {
		position: static;
		display: table-cell;
		width: 25%;
		padding-left: 0.9375rem;
		padding-right: 0.9375rem;
	}

	.alc.result-page .search-summary .title-container .filter-button {
		display: none;
	}

	.alc.result-page .page-container .filters .close-filter-link {
		display: none;
	}

	.alc.result-page .page-container .page-content {
		display: table-cell;
		width: 75%;
	}

	.alc.result-page .filter-overlay, 
	.alc.result-page .filter-overlay.visible {
		display: none;
	}

	/* 3 - Page de réservation
	-------------------------------- */

	.alc.reservation-page .page-container {
		display: table;
		width: 100%;
	}

	.alc.reservation-page .page-container .reservation-summary {
		position: static;
		display: table-cell;
		width: 25%;
		padding-left: 0.9375rem;
		padding-right: 0.9375rem;
	}

	.alc.reservation-page .page-container .page-content {
		display: table-cell;
		width: 75%;
	}

	/* -- Informations passagers -- */

	.alc.reservation-page .informations .civility-field-container {
		width: 15%;
	}

	.alc.reservation-page .informations .firstname-field-container, 
	.alc.reservation-page .informations .lastname-field-container {
		width: 26%;
	}

	.alc.reservation-page .informations .birthdate-field-container {
		width: 27%;
	}

	.alc.reservation-page .informations .firstname-field-container {
		margin-right: 2%;
	}

	.alc.reservation-page .informations .birthdate-field-container {
		margin-right: 0;
	}



	.alc.reservation-page .informations .api .type-field-container {
		width: 20%;
	}

	.alc.reservation-page .informations .api .number-field-container {
		width: 18%;
	}

	.alc.reservation-page .informations .api .end-field-container {
		width: 18%;
		margin-right: 2%;
	}

	.alc.reservation-page .informations .api .country-field-container, 
	.alc.reservation-page .informations .api .nationality-field-container {
		width: 18%;
	}

	.alc.reservation-page .informations .api .nationality-field-container {
		margin-right: 0;
	}
}


/* affichage pages d'attentes en mode tablette/mobile */

@media all and (max-width: 850px){
	.alc.waiting-page .header-distant, 
	.alc.waiting-page .footer-distant {
		display: none;
	}
	.alc.waiting-page .modal {
		padding: 0px !important;
		margin-top: 0px !important; 
		margin-bottom: 0px !important; 
		background-color: #ffffff;
		position: absolute !important;
		text-align: center;
		display: flex;
		align-items: center;
		height: 100%;
		justify-content: center;
	}
}/* -------------------------------------- *
 * Style de la page d'accueil             *
 * -------------------------------------- */

/* ---- OFFRES SPECIALES ---- */

.homes.home-page .special-offers h2 {
    margin: 24px 0 4px 0;
}

.homes.home-page .special-offers .offer-container .offer-link {
    display: block;
    border-top: 1px dashed #e2e2e2;
    padding-top: 12px;
    padding-bottom: 12px;
}

.homes.home-page .special-offers .offer-container:first-child .offer-link {
    border-top: none;
}

.homes.home-page .special-offers h3 {
    color: #ec7041;
    padding-right: 8px;
    margin: 0;
}

.homes.home-page .special-offers .offer-container:hover h3, 
.homes.home-page .special-offers .offer-container:focus h3 {
    text-decoration: underline;
}

.homes.home-page .special-offers p {
    padding-right: 8px;
    color: #606060;
}

.homes.home-page .special-offers .offer-container:hover p, 
.homes.home-page .special-offers .offer-container:focus p {
    text-decoration: underline;
}

.homes.home-page .special-offers .company-logo-container {
    text-align: center;
}

.homes.home-page .special-offers .company-logo-container img {
    margin: 4px 0;
}

.homes.home-page .special-offers .price {
    color: #fff;
    text-align: center;
    padding: 4px;
    background: #ec7041;
}

.homes.home-page .special-offers .offer-container:hover .price, 
.homes.home-page .special-offers .offer-container:focus .price {
    background: #db6437;
}

.homes.home-page .special-offers .amount {
    font-size: 18px;
    font-weight: bold;
}


/* MEDIA QUERIES
--------------------------------------- */

/* Affichage tablette */
@media only screen and (min-width: 640px) {

}

/* Affichage desktop */
@media only screen and (min-width: 1024px) {

    /* ---- OFFRES SPECIALES ---- */

    .homes.home-page .special-offers .columns.company-logo-container {
        padding-right: 8px;
    }

}
/* CSS commun : traite touts les styles communs au site (entete, pied et balises génériques) */

/* ---- FORMS ---- */

input[type="text"][readonly] {
    background-color: #fff;
}

/* ---- MOTEURS ---- */

.search-engine .error {
    color: #fff;
    padding: 8px 16px;
    background: #f73d3d;
    border-radius: 5px 5px 0 0;
}

.search-engine-background {
    background: rgba(236, 112, 65, .25);
}

.search-engine-container {
    background: #fff;
}

.search-engine .switch-engine {
    margin: 8px 16px;
}

.search-engine .switch [type="radio"], 
.search-engine .switch label {
    vertical-align: middle;
}

.search-engine input, 
.search-engine select {
    margin: 0;
    border-radius: 5px;
}

.search-engine .field-group {
    margin-bottom: 16px;
}

.search-engine .take-off-airport-field, 
.search-engine .landing-airport-field, 
.search-engine .take-off-date-field, 
.search-engine .landing-date-field, 
.search-engine .pax-field {
    padding-left: 32px;
}

.search-engine .take-off-date-container, 
.search-engine .landing-date-container {
    position: relative;
    z-index: 30;
}

.search-engine .pax-field[readonly] {
    background: #fff;
}

.search-engine .take-off-airport-container, 
.search-engine .landing-airport-container, 
.search-engine .take-off-date-container, 
.search-engine .landing-date-container, 
.search-engine .pax-container {
    position: relative;
}

.search-engine .take-off-airport-container:before, 
.search-engine .landing-airport-container:before, 
.search-engine .take-off-date-container:before, 
.search-engine .landing-date-container:before, 
.search-engine .pax-container:before {
    position: absolute;
    top: 7px; left: 10px;
    font-family: 'resatravel-icons';
    display: block;
    width: 16px;
    height: 16px;
    font-size: 16px;
    color: #ec7041;
}

.search-engine .take-off-date-container:before, 
.search-engine .landing-date-container:before, 
.search-engine .pax-container:before {
    font-family: 'speed-icons';
}

.search-engine .take-off-airport-container:before {
    content: "\e905";
}

.search-engine .landing-airport-container:before {
    content: "\e902";
}

.search-engine .take-off-date-container:before, 
.search-engine .landing-date-container:before {
    content: "\e624";
}

.search-engine .pax-container:before {
    content: "\e620";
}

.search-engine button {
    text-transform: uppercase;
}

.search-engine button .icon {
    margin-right: 8px;
}

.pax-modal {
    display: none;
    position: absolute;
    top: 53px; right: 0;
    width: 100%;
    max-width: 360px;
    z-index: 1;
    padding: 16px;
    background: #fff;
    border: 1px solid #e2e2e2;
    box-shadow: 0px 4px 2px rgba(51, 51, 51, .25);
}

.pax-modal.visible {
    display: block;
}

.pax-modal .pointer {
    position: absolute;
    top: -13px;
    right: 24px;
    width: 24px;
    height: 13px;
    background: url('default/images/arrow-pax-modal.png') no-repeat top left;
}

.pax-modal .field-container {
    float: right;
    margin-bottom: 8px;
}

.pax-modal .field-title-container {
    margin-bottom: 8px;
}

.pax-modal .field-container {
    width: 117px;
}

.pax-modal .field-title {
    display: inline-block;
    font-weight: bold;
}

.pax-modal .age {
    display: inline-block;
    font-style: italic;
}

.pax-modal [type="text"][readonly] {
    float: left;
    width: 39px;
    text-align: center;
    background: #fff;
}

.pax-modal .nb_pax {
    float: left;
    display: inline-block;
    text-align: center;
    width: 39px;
    height: 39px;
    line-height: 39px;
    font-size: 16px;
    color: #ec7041;
    border: 1px solid #e2e2e2;
    border-left: none;
}

.pax-modal .nb_pax:hover, 
.pax-modal .nb_pax:focus {
    color: #fff;
    background: #ec7041;
    border-color: #ec7041;
    cursor: pointer;
}

.pax-modal .button-container {
    text-align: right;
}

.pax-modal button {
    width: 117px;
    font-size: 14px;
    text-transform: uppercase;
}

/* ---- ERREURS ---- */

.error {
    color: #f73d3d;
}

.error .icon {
    font-size: 16px;
    vertical-align: middle;
}

.error .text {
    vertical-align: middle;
}

/* Modification modal Invoice petit écran */

@media only screen and (max-width: 40em){
    .reveal-modal{
	min-height:0;
    }
}
#alc_liste_depart,
#alc_liste_destination
{
    position:absolute;
    border:1px solid #5C5C5C;
    width:250px;
    cursor:pointer;
    text-align:left;
    margin-left:110px;
    padding:5px;
}

a.bouton_valider {
    background-image:none;
    margin-left:30px;
}

a.bouton_valider span{
    background-image:none;
    width:100%;
    padding:0px;
}


.page_confirmation .texte_final{
    width:800px;
    margin:0 auto;
    margin-top:15px;
}

.page_confirmation .texte_final strong{
}

.page_confirmation .texte_encart_generique1 {
    margin:0px;

}

.page_confirmation .texte_encart_generique1 table{
}

.encart_generique1 .infos_vol, .encart_generique2 .infos_vol {
    line-height:18px;
    height:18px;
}

.page_confirmation  .texte_encart_generique1 span {
    padding-left:15px;
    display:block;
    margin-top:10px;
}


.page_confirmation .texte_encart_generique1 table#tablo_montant_total {
    font-weight:bold;
}

a.bouton_autre_vol {
    font-weight:bold;
}

/* --- pour page résultat vol 2 --- */
.mini_moteur_gauche .titre_moteur{
    text-align:left;
    margin:0;
    padding-top:8px;
    padding-left:12px;
    margin-bottom:12px;
    height:30px;
}

.mini_moteur_gauche .boutons_radio {
	margin: 4px 0 8px 0;
}

.mini_moteur_gauche #bouton_moteur{
    cursor:pointer;
}

/* ---- suivi commande --- */

#global.suivi_commande  .bloc .bloc_titre,
#global.dossier .bloc .bloc_titre{
}

#global.dossier span.ref{
}/* MOTEUR */
#global.home_vol #moteur_vol {
    width:930px;
    height:300px;
    margin-left:10px;
    margin-top:15px;
}

#global.home_vol iframe#frame_moteur {
    width:930px;
    height:257px;
}

#global.home_vol .titre_moteur {
    text-align:left;
    margin:0;
    padding-top:5px;
    padding-left:35px;
    position:relative;
    height:30px;
    line-height:30px;
    font-size:20px;
    font-weight:normal;
}

#global.home_vol .titre_moteur img{
    position:absolute;
    left:2px;
}

#global.home_vol .titre_moteur span {
}

/* frame moteur */
#page_moteur #partie_moteur {
    position:relative;
    padding: 0;
    width:auto;
    height: 250px;
}
#page_moteur #partie_moteur #boutons_radio{
        margin: 10px 0 0 10px;
}
#page_moteur #partie_moteur #droite_champs{
        margin: 10px 0 0 0;
}

#page_moteur #partie_moteur form{
    margin:0px;
}

#page_moteur #boutons_radio {
    text-align:left;
    float:left;
    line-height:25px;
    width:150px;
}

#page_moteur #droite_champs {
    float:left;
    position:relative;
    width:700px;
}

#page_moteur .gpe_champs {
    float:left;
    position:relative;
    width:350px;
}

#page_moteur .gpe_champs_date {
    float:left;
    position:relative;
    width:240px;
    text-align:left;
    margin-top:15px;
}

#page_moteur .gpe_champs_pax {
    float:left;
    position:relative;
    width:220px;
    text-align:left;
    margin-top:30px;
}

#page_moteur .bt_radio {
    text-align:left;
    margin-bottom:10px;
}

#page_moteur #partie_moteur .gpe_champs label,
#partie_moteur .gpe_champs_pax label{
    position:absolute;
    left:0px;
}

#page_moteur #partie_moteur .gpe_champs input{
    margin-bottom:3px;
    margin-left:110px;
    width:200px;
}

#page_moteur #partie_moteur input.champs_calendrier{
    margin-left:115px;
    width:90px;
    margin-bottom:3px;
}

#page_moteur #partie_moteur input#bouton_moteur {
    margin-top:10px;
    cursor:pointer;
}

#page_moteur #partie_moteur select.petit_select {
    width:40px;
    margin-bottom:10px;
    margin-left:150px;
}
/* ---- FIN MOTEUR ---- */


/* OFFRES */
#global.home_vol .offre_vol a{
    text-decoration:none;
}

/* ---- Offrespe 1 ---- */
#global.home_vol  #bloc_offrespe1_resaneo{
    border:1px solid;
    border-bottom:none;
    float:left;
    width:380px;
    margin-left:10px;
    margin-top:10px;
    overflow:hidden;
    position:relative;
}

#global.home_vol #bloc_offrespe1_resaneo p.titre_offre {
    width:100%;
    height:25px;
    line-height:25px;
    margin:0px;
    font-size:14px;
    padding-left:10px;
    font-weight:bold;
    margin-bottom:115px;
}

#global.home_vol #bloc_offrespe1_resaneo .offre_vol{
    margin-top:5px;
    position:relative;
    width: 100%;
    border-bottom:1px solid;
    padding-bottom:5px;
}

#global.home_vol #bloc_offrespe1_resaneo .offre_vol .partie_gauche_offre {
    float:left;
    width:230px;
    display:inline;
    margin-left:10px;
    margin-top:5px;
}

#global.home_vol #bloc_offrespe1_resaneo .offre_vol .partie_gauche_offre h3,
#global.home_vol #bloc_offrespe1_resaneo .offre_vol .partie_gauche_offre p {
    margin:0px;
}

#global.home_vol #bloc_offrespe1_resaneo .offre_vol .partie_gauche_offre h3 a{
    font-size:12px;
    font-weight:bold;
}

#global.home_vol #bloc_offrespe1_resaneo .offre_vol .partie_gauche_offre p a{
    font-size:12px;
    font-weight:normal;
}

#global.home_vol #bloc_offrespe1_resaneo .offre_vol .prix_vol {
    display:block;
    margin:5px 0px;
    text-align:right;
    margin-right:10px;
}

#global.home_vol #bloc_offrespe1_resaneo .offre_vol .image_vol {
    display:block;
    text-align:right;
    margin-right:10px;
}

#global.home_vol #bloc_offrespe1_resaneo .offre_vol .prix_vol strong{
    padding:3px;
    font-size:14px;
}

#global.home_vol .pas_offre {
    width:auto;
    text-align:center
}

#global.home_vol body#page_moteur{
}
/* ---- Fin offrespe 1 ---- */ 

#global.home_vol #pluxml1 {
    width:380px;
    height:110px;
    position:absolute;
    top:25px;
}

#global.home_vol .contenu_bloc_pluxml img {
    width:100%;
    height:100%;
}

#global.home_vol  #bloc_slider_resaneo {
    margin-top:10px;
    margin-right:10px;
    width:525px;
    height:225px;
    float:right;
    display:inline
}

/* offre spe 2 */
#global.home_vol #bloc_offrespe2_resaneo{
    border:1px solid;
    border-bottom:none;
    margin-right:10px;
    float:right;
    width:525px;
    margin-right:10px;
    margin-top:15px;
}

#global.home_vol #bloc_offrespe2_resaneo p.titre_offre{
    height:25px;
    line-height:25px;
    margin:0px;
    font-size:14px;
    padding-left:10px;
    font-weight:bold;
    border-bottom:solid 1px;
}

#global.home_vol 
#bloc_offrespe2_resaneo .offre_vol{
    margin-top:5px;
    position:relative;
    width: 100%;
    border-bottom:1px solid;
    padding-bottom:5px;
}

#global.home_vol #bloc_offrespe2_resaneo .offre_vol .partie_gauche_offre {
    float:left;
    width:230px;
    display:inline;
    margin-left:10px;
}

#global.home_vol #bloc_offrespe2_resaneo .offre_vol .partie_gauche_offre h3,
#global.home_vol #bloc_offrespe2_resaneo .offre_vol .partie_gauche_offre p {
    margin:0px;
}

#global.home_vol #bloc_offrespe2_resaneo .offre_vol .partie_gauche_offre h3 a{
    font-size:12px;
    font-weight:bold;
}

#global.home_vol #bloc_offrespe2_resaneo .offre_vol .partie_gauche_offre p a{
    font-size:12px;
    font-weight:normal;
}

#global.home_vol #bloc_offrespe2_resaneo .offre_vol .prix_vol {
    display:inline;
    float:right;
    margin:5px 0px;
    margin-right:10px;
    font-size:14px;
}

#global.home_vol #bloc_offrespe2_resaneo .offre_vol .prix_vol strong{
    padding:3px;
}

#global.home_vol #bloc_offrespe2_resaneo .offre_vol .image_vol {
    display:inline;
    float:left;
}
/* fin offrespe 2 *//** COULEURS **/

ul, li {
	font-size: 0.9rem;
}

.content-booking a {
	color: var(--primary);
}

.content-booking article{
	background-color: #F2F2F2;
	color: white;
}

.content-booking article .row{
	background-color: white;
}

.content-booking .titre{
	color: #FFF;
	background-color: #ec7041;
}

.content-booking .button,
.content-booking .btn.btn-primary{
	color: white;
	background: #ec7041;  
	border-color: white;
}

.content-booking .button:hover,
.content-booking .btn.btn-primary:hover{
	color: white;
	background: #ec7041;  
	border-color: white;
}

.content-booking .button:hover{
	background: none;
	color: #ec7041;
	border-color: #ec7041;
}

.content-booking .pager li > a {
	border-color: #ec7041;
	color: #ec7041;
	width: 100%;
}

.content-booking .pager li > a:hover, 
.content-booking .pager li > a:focus {
	color: #fff;
	background: #ec7041;
}

.content-booking .panel.panel-default .panel-heading{
	background-color: #ec7041;
	color: white;
}

.content-booking .panel.panel-default .panel-heading a{
	color: white;
}

.content-booking .spinner > div {
	background-color: #ec7041;
}

.content-booking .main-navigation .btn:hover {
	background-color: #ebebeb;
}

.content-booking .main-navigation .btn:focus, 
.content-booking .main-navigation .btn.active {
	color: #fff;
	background-color: #ec7041;
	border: 1px solid #ec7041;
}

.content-booking .information {
	border-color: #ec7041;
}

/** FIN COULEURS **/


/** ICONES **/

@font-face {
	font-family: 'resatravel-icons';
	src:url('base/css/fonts/resatravel-icons.eot?-hkrbbu');
	src:url('base/css/fonts/resatravel-icons.eot?#iefix-hkrbbu') format('embedded-opentype'),
	url('base/css/fonts/resatravel-icons.ttf?-hkrbbu') format('truetype'),
	url('base/css/fonts/resatravel-icons.woff?-hkrbbu') format('woff'),
	url('base/css/fonts/resatravel-icons.svg?-hkrbbu#resatravel-icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="resatravel-icon-"], [class*=" resatravel-icon-"] {
	font-family: 'resatravel-icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 16px;
	
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.resatravel-icon-delete-alt2:before { content: "\e600"; }
.resatravel-icon-luggage:before { content: "\e601"; }
.resatravel-icon-megaphone:before { content: "\e602"; }
.resatravel-icon-plane:before { content: "\e603"; }
.resatravel-icon-seat:before { content: "\e604"; }
.resatravel-icon-sheet-text:before { content: "\e605"; }
.resatravel-icon-shield:before { content: "\e606"; }
.resatravel-icon-speech:before { content: "\e607"; }
.resatravel-icon-user:before { content: "\e608"; }
.resatravel-icon-vcard:before { content: "\e609"; }

i[class^="fi-"], i[class*=" fi-"] {
	font-size: 16px;
}

/** FIN ICONES **/

.form label {
	line-height: 1.9;
}

.suivi_commande article{
	padding: 10px 30px;
}
.suivi_commande article .row{
	padding-top: 10px;
}

.suivi_commande .titre{
	text-align: left;
	margin-bottom: 10px;
	padding: 5px;
	position: relative;
	height: 30px;
	font-size: 18px;
	font-weight: normal;
	margin-right: -15px;
	margin-left: -15px;
}

.suivi_commande .button{
	font-weight: bold;
	padding: 0.4em 1em;
	border: none;
	height: 36px;
	border-radius: 4px;
	margin-bottom: 12px;
	cursor: pointer;
}

.suivi_commande .form-control {
	padding: 0 5px;
}

.ui-icon {  
	display: inline-block;  
	vertical-align: bottom;
}

.suivi_commande #status{
	float: right;   
}

.suivi_commande .actions{
	float: right;
}

.suivi_commande .link{
	text-decoration: underline;
	cursor: pointer;
}

.suivi_commande .panel .alert{
	padding-top: 8px;
	padding-bottom: 8px;
	margin: 16px 0;
}
.suivi_commande .table .alert{
	margin: 0px;
}

#print-frame{
	text-align: left;
}

/*.suivi_commande .form-group{
	margin: 0;
}*/

.suivi_commande .no-border td{
	border-top: 0;
}

.suivi_commande .panel-body .table-row{
	border-top: 1px solid #dddddd;
	padding-top: 10px;
}

.suivi_commande .main-navigation .btn {
	text-align: left;
}

.suivi_commande .main-navigation .btn {
	display: table;
	white-space: normal;
	background-color: #f5f5f5;
}

.suivi_commande .main-navigation .btn-resa {
	background-color: #fff;
}

.suivi_commande .main-navigation .container-icon, 
.suivi_commande .main-navigation .text {
	display: table-cell;
	vertical-align: middle;
}

.suivi_commande .main-navigation .container-icon {
	position: relative;
	width: 24px;
}

.suivi_commande .main-navigation .glyphicon-plus {
	position: absolute;
	top: 1px;
	right: 0;
	font-size: 10px;
}

.suivi_commande .information {
	padding: 15px;
	border-width: 1px;
	border-style: solid;
	border-radius: 3px;
	margin-bottom: 20px;
}

.suivi_commande .information > .alert {
	margin-top: 0;
}

.payment {
	/*margin-top: 100px;*/
	padding: 15px;
	text-align: left;
}

.payment form {
	/*width: 568px;*/
	margin: 0 auto;
}

.payment a {
	text-decoration: underline;
}

.confirm {
	text-align: center;
}


/* Flights - edit */

.suivi_commande .form_flight .form-group-date {
	width: 30%;
} 
/*
.suivi_commande .form_flight .input-group-date {
	width: 86%;
} 
*/
.suivi_commande .form_flight .form_flight_departure_input {
	width: 36%;
}

.suivi_commande .form_flight .input-group-departure {
	width: 60%;
}

.suivi_commande .form_flight .form_flight_arrival_input {
	width: 32%;
}

.suivi_commande .form_flight .input-group-arrival {
	width: 60%;
}

.suivi_commande .form_flight td {
	background-color: #f5f5f5;
}

/** LOADER **/

.spinner {
	display: none;
	margin: 100px auto 0;
	width: 400px;
	text-align: center;
}

.spinner p {
	font-size: 14px;
	margin-top: 20px;
}

.spinner > div {
	width: 18px;
	height: 18px;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
	animation: bouncedelay 1.4s infinite ease-in-out;
	/* Prevent first frame from flickering when animation starts */
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0.0) }
	40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
	0%, 80%, 100% { 
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	} 40% { 
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
}

/** FIN LOADER **/












/** Barre de navigation **/

.content-booking .top-bar {
	background: #ec7041;
	margin-bottom: 20px;
}

.content-booking .top-bar .toggle-topbar {
	position: static;
	height: 2.8125rem;
}

.content-booking .top-bar .toggle-topbar.menu-icon {
	margin-top: 0;
}

.content-booking .top-bar .toggle-topbar.menu-icon a {
	height: 2.8125rem;
	line-height: 2.8125rem;
}

.content-booking .top-bar .title-area h2 {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 0 16px;
}

.content-booking .top-bar.expanded .title-area {
	background: #ec7041;
}

.content-booking .top-bar.expanded .toggle-topbar a, 
.content-booking .top-bar.expanded .toggle-topbar a span::after {
	color: #fff;
	box-shadow: 0 0 0 1px #fff,0 7px 0 1px #fff,0 14px 0 1px #fff;
}

.content-booking .top-bar .top-bar-section .tab-title {
	border-top: 1px solid #e2e2e2;
}

.content-booking .top-bar .top-bar-section .tab-title a {
	font-size: 13px;
	padding: 8px 16px;
	background: #fff;
	line-height: 20px;
}

.content-booking .top-bar .top-bar-section .tab-title.active a, 
.content-booking .top-bar .top-bar-section .tab-title a:hover, 
.content-booking .top-bar .top-bar-section .tab-title a:focus {
	color: #fff;
	background: #ec7041;
	text-decoration: none;
	line-height: 20px;
	padding: 8px 16px;
}

.content-booking .top-bar .container-icon, 
.content-booking .top-bar .text {
	display: table-cell;
	vertical-align: middle;
}

.content-booking .top-bar .container-icon {
	position: relative;
	width: 24px;
}

.content-booking .top-bar .container-icon [class^="resatravel-icon"], 
.content-booking .top-bar .container-icon [class^="speed-icon"] {
	font-size: 16px;
}

.content-booking .top-bar [class^="fi-"] {
	position: absolute;
	top: -3px;
	right: 3px;
	font-size: 10px;
}

/** Accueil - bloc messages **/

.content-booking .messages-list-header, 
.content-booking .messages-list-body {
	font-size: 0;
}

.content-booking .messages-list-container .messages-content {
	display: inline-block;
	vertical-align: middle;
}

.content-booking .messages-list-container .subject, 
.content-booking .messages-list-container .date, 
.content-booking .messages-list-container .action {
	font-size: 13px;
	display: inline-block;
	vertical-align: middle;
	padding: 4px 8px;
}

.content-booking .messages-list-container .action i {
	font-size: 16px;
}

.content-booking .messages-list-header .date {
	display: none;
}

.content-booking .messages-list-header {
	font-weight: bold;
	border-bottom: 1px solid #e2e2e2;
}

.content-booking .messages-list-body {
	border-top: 1px solid #e2e2e2;
}

.content-booking .messages-list-container .subject {
	width: 100%;
}

.content-booking .messages-list-container .modal-container {
	display: none;
}

.content-booking .messages-list-container .messages-content {
	width: 90%;
}

.content-booking .messages-list-container .action {
	width: 10%;
}

.content-booking .messages-list-container .subject, 
.content-booking .messages-list-container .date {
	width: 100%;
}

/** Accueil - bloc vols **/

.content-booking .flights-container .flight {
	font-size: 0;
	border-top: 1px solid #e2e2e2;
}

.content-booking .flights-container .flight-header {
	font-weight: bold;
}

.content-booking .flights-container .left-column, 
.content-booking .flights-container .right-column {
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
	width: 100%;
}

.content-booking .flights-container img {
	border: 2px solid #e2e2e2;
	margin: 4px 4px 4px 0;
}

.content-booking .flights-container .left-column .flight-header {
	border-bottom: 1px solid #e2e2e2;
}

.content-booking .flights-container .left-column .flight-header { 
	padding: 8px 16px;
	line-height: 20px;
	background: #f5f5f5;
}

.content-booking .flights-container .left-column .flight-content, 
.content-booking .flights-container .right-column .class, 
.content-booking .flights-container .right-column .departure, 
.content-booking .flights-container .right-column .arrival, 
.content-booking .flights-container .right-column .duration {
	padding: 4px 16px;
	line-height: 20px;
}

.content-booking .flights-container .right-column .flight-header, 
.content-booking .flights-container .right-column .flight-content {
	display: inline-block;
	vertical-align: top;
}

.content-booking .flights-container .flight.same-date .left-column .flight-header {
	display: none;
}

/** Accueil - bloc passagers **/

.content-booking .pax-container .pax {
	padding: 8px 16px;
	border-top: 1px solid #e2e2e2;
}

.content-booking .pax-container .pax .title {
	margin-top: 4px;
	display: inline-block;
}

/* Flights - edit */

.content-booking .form_flight .input-date {
	position: relative;
	z-index: 100;
}

/* Luggages - edit */

.content-booking #form_bags .first-line {
	margin-bottom: 8px;
}

.content-booking #form_bags .control-label {
	font-weight: bold;
}

/* Cancel - edit */

.content-booking #form_cancel .first-line {
	margin-bottom: 8px;
}

.content-booking #form_cancel .control-label {
	font-weight: bold;
}

/* Payment */

body.payment {
	padding: 0;
	height: auto;
}

body.payment .ui-datepicker-title select {
	display: inline-block;
	font-size: 14px;
	height: 24px;
	width: 35%;
}

body.payment .spinner {
	display: none;
	margin: 100px auto 0;
	width: auto;
	text-align: center;
}

body.payment .spinner p {
	font-size: 14px;
	margin-top: 20px;
}

body.payment .spinner > div {
	width: 18px;
	height: 18px;
	background: #ec7041;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
	animation: bouncedelay 1.4s infinite ease-in-out;
	/* Prevent first frame from flickering when animation starts */
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

body.payment .spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

body.payment .spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0.0) }
	40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
	0%, 80%, 100% { 
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	} 40% { 
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
}






/** Styles foundation **/

.form-booking .search-engine-background {
	background: #fff;
	flex: 1 0 auto;
	padding: 40px 0;
	display: flex;
    align-items: center;
}

.form-booking .header-distant, 
.form-booking .footer-distant {
	background: #fff;
}

.form-booking .search-engine-container h2 {
	font-size: 16px;
}

.form-booking .search-engine {
	border: 1px solid #ccc;
	border-radius: 10px;
}

.form-booking .search-engine .row{
	margin: 1rem 0;
}

.form-booking  {
	background: #ec7041;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.form-booking .search-engine-container .faq-info {
	font-size: 14px;
	margin: 32px 0 24px 0;
}

.form-booking .search-engine-container .faq-info a {
	font-family: 'Quicksand', sans-serif;
	font-weight: 600;
}

.content-booking .tabs.vertical.row {
	width: 100%;
	max-width: 100%;
}

.content-booking .panel{
	margin-bottom: 20px;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
	padding: 0;
	border-color: 1px solid #ddd;
}
.content-booking .panel-heading {    
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd;
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
}

.content-booking .panel-footer {
	padding: 10px 15px;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	/*height: 3.3rem;*/
}

.content-booking .panel-body{
	padding: 10px 15px;
	line-height: 1.8rem;
}	

.content-booking .table {
	width: 100%;
	max-width: 100%;
	border: none;
}

.content-booking .table th{
	vertical-align: bottom;
	border-bottom: 1px solid #ddd;
}

.content-booking .tabs-content {
	margin: 0;
}

.content-booking .tabs-content .content {
	padding: 0;
}

.content-booking .tabs-content .content:last-child {
	margin-bottom: 0;
}

.content-booking .panel.faq-container {
	padding: 10px;
}

.content-booking .alert-info {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}

.content-booking .alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
	line-height: 1rem;
}

.content-booking .alert.alert-dismissible {
	padding-right: 35px;
}

.content-booking .alert .close {
	float: right;
	position: relative;
	top: -6px;
	right: -23px;
	color: inherit;
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0;
	font-size: 22px;
}

.content-booking .alert-warning {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
}

.content-booking .alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}

.content-booking .alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

/*.content-booking .actions{
	float: right;
}*/

.content-booking .actions button {
	margin: 4px 0;
}

.hidden{
	display: none;
}

.modal-header {
	min-height: 16.43px;
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
}

.reveal-modal{
	padding: 0;
}

.modal-body{
	padding: 1.875rem;
}

.modal-footer {
	padding: 15px;
	text-align: right;
	border-top: 1px solid #e5e5e5;
	min-height: 50px;
}

.modal-footer .btn{
	position: absolute;
	right: 0;
	bottom: 0;
	margin-bottom: 0;
}

.page-layout-wrap .close-reveal-modal:hover, 
.page-layout-wrap .close-reveal-modal:focus {
	text-decoration: none;
}

.list-group {
	padding-left: 0;
	margin-bottom: 20px;
	margin-left: 0;
}

.list-group-item {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid #ddd;
}

.mails table a{
	color: inherit;
}

/* Corona protect */

.coronaprotext-text {
	display: flex;
	align-items: center;
	font-weight: bold;
	color: #222;
	flex-wrap: wrap;
	font-size: 15px;
	margin: 0 0 15px;
}

.coronaprotext-text svg {
	margin: 0 8px 0 0;
	fill: #222;
}

.coronaprotext-text a {
	margin: 0 0 0 4px;
	display: inline-block;
}


/** timepicker **/

.ui-timepicker-wrapper {
	overflow-y: auto;
	height: 150px;
	width: 6.5em;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	outline: none;
	z-index: 10001;
	margin: 0;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
	width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
	width: 11em;
}

.ui-timepicker-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ui-timepicker-duration {
	margin-left: 5px; color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
	color: #888;
}

.ui-timepicker-list li {
	padding: 3px 0 3px 5px;
	cursor: pointer;
	white-space: nowrap;
	color: #000;
	list-style: none;
	margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
	background: #fff; color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
	background: #1980EC; color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
	color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	color: #888;
	cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	background: #f2f2f2;
}

/*
* Media Queries
* ---------------------------- */

@media only screen and (min-width: 1024px) {
	.content-booking .panel.faq-container.mobile {
		display: none;
	}

	.content-booking .panel.faq-container.desktop {
		font-size: 13px;
		margin-top: 15px;
	}
}

@media only screen and (max-width: 1024px) {
	/*Interface de connexion*/
	.form-booking .search-engine-container .form-container {
		padding: 0 10px;
	}

	.form-booking .search-engine-container .faq-info {
		padding: 0 10px;
	}

	/*Interface de gestion*/
	.content-booking .tabs-content .content:last-child {
		margin-bottom: 0;
	}

	.content-booking .panel.faq-container.desktop {
		display: none;
	}

	.content-booking .panel.faq-container {
		margin: 0 15px 20px;
	}
}

/* Affichage tablette */
@media only screen and (min-width: 640px) {
	
	/** Accueil - bloc messages **/
	
	.content-booking .messages-list-header .date {
		display: inline-block;
	}
	
	.content-booking .messages-list-container .subject {
		width: 70%;
	} 
	.content-booking .messages-list-container .date {
		width: 30%;
	}
	
	/** Accueil - bloc vols **/
	
	.content-booking .flights-container .left-column {
		width: 33%;
	}
	
	.content-booking .flights-container .right-column {
		font-size: 0;
		width: 67%;
	}
	
	.content-booking .flights-container .right-column .class, 
	.content-booking .flights-container .right-column .departure, 
	.content-booking .flights-container .right-column .arrival, 
	.content-booking .flights-container .right-column .duration {
		display: inline-block;
		vertical-align: top;
		font-size: 13px;
		width: 27%;
		padding: 0;
	}
	
	.content-booking .flights-container .right-column .duration {
		width: 19%;
	}
	
	.content-booking .flights-container .flight-header {
		background: #f5f5f5;
	}
	
	.content-booking .flights-container .right-column .flight-header {
		padding: 8px 4px;
		line-height: 20px;
		border-bottom: 1px solid #e2e2e2;
	}
	
	.content-booking .flights-container .right-column .flight-header, 
	.content-booking .flights-container .right-column .flight-content {
		display: block;
	}
	
	.content-booking .flights-container .right-column .flight-content {
		padding: 4px;
	}
	
	.content-booking .flights-container .flight.same-date .right-column .flight-header {
		display: none;
	}
	
	/** Accueil - bloc passagers **/
	
	.content-booking .pax-container .pax {
		padding: 8px 16px;
		border-top: 1px solid #e2e2e2;
	}
	
	.content-booking .pax-container .pax .first-line .title {
		margin-top: 0;
	}
	
}

.modal-open {
	overflow: hidden;
}

/** Barre de navigation **/
@media only screen and (min-width: 40.0625em){
	.contain-to-grid .top-bar {
		margin-bottom: 0
	}

	.fixed {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 99;
		left: 0
	}

	.fixed.expanded:not(.top-bar) {
		height: auto;
		max-height: 100%;
		overflow-y: auto;
		width: 100%
	}

	.fixed.expanded:not(.top-bar) .title-area {
		position: fixed;
		width: 100%;
		z-index: 99
	}

	.fixed.expanded:not(.top-bar) .top-bar-section {
		margin-top: 2.8125rem;
		z-index: 98
	}
	
	.top-bar {
		background: #333; 
		height: 2.8125rem;
		line-height: 1.5;
		margin-bottom: 0;
		overflow: hidden;
		position: relative
	}

	.top-bar ul {
		list-style: none;
		margin-bottom:0
	}

	.top-bar .row {
		max-width: none
	}

	.top-bar form,
	.top-bar input,
	.top-bar select {
		margin-bottom: 0
	}

	.top-bar input,
	.top-bar select {
		font-size: 0.75rem;
		height: 1.75rem;
		padding-bottom: .35rem;
		padding-top: .35rem
	}

	.top-bar .button,
	.top-bar button {
		font-size: 0.75rem;
		margin-bottom: 0;
		padding-bottom: 0.4125rem
		;padding-top: 0.4125rem
	}

	@media only screen and (max-width: 40em) {
		.top-bar .button,
		.top-bar button {
			position: relative;
			top: -1px
		}
	}
	.top-bar .title-area {
		margin: 0;
		position: relative
	}
	.top-bar .name {
		font-size: 16px;
		height: 2.8125rem;
		margin: 0 
	}

	.top-bar .name h1,
	.top-bar .name h2,
	.top-bar .name h3,
	.top-bar .name h4,
	.top-bar .name p,
	.top-bar .name span {
		font-size: 1.0625rem;
		line-height: 2.8125rem;
		margin: 0
	}
	.top-bar .name h1 a,
	.top-bar .name h2 a,
	.top-bar .name h3 a,
	.top-bar .name h4 a,
	.top-bar .name p a,
	.top-bar .name span a {
		color: #fff;
		display: block;
		font-weight: normal;
		padding: 0 0.9375rem;
		width:75%
	}
	.top-bar .toggle-topbar{
		position: absolute;
		right: 0;
		top: 0
	}
	.top-bar .toggle-topbar a {
		color: #fff;
		display: block;
		font-size: 0.8125rem;
		font-weight: bold;
		height: 2.8125rem;
		line-height: 2.8125rem;
		padding: 0 0.9375rem;
		position: relative;
		text-transform: uppercase
	}
	.top-bar .toggle-topbar.menu-icon {
		margin-top: -16px;
		top: 50%
	}
	
	.top-bar .toggle-topbar.menu-icon a {
		color: #fff;
		height:34px;
		line-height:33px;
		padding:0 2.5rem 0 0.9375rem;
		position:relative
	}
	.top-bar .toggle-topbar.menu-icon a span::after {
		content:"";
		display:block;
		height:0;
		position:absolute;
		margin-top:-8px;
		top:50%;
		right:0.9375rem;
		box-shadow:0 0 0 1px #fff,0 7px 0 1px #fff,0 14px 0 1px #fff;
		width:16px
	}
	.top-bar .toggle-topbar.menu-icon a span:hover:after {
		box-shadow:0 0 0 1px "",0 7px 0 1px "",0 14px 0 1px "";
	}
	.top-bar.expanded {
		background:transparent;
		height:auto 
	}
	.top-bar.expanded .title-area {
		background:#333
	}
	.top-bar.expanded .toggle-topbar a {
		color:#888
	}
	.top-bar.expanded .toggle-topbar a span::after {
		box-shadow:0 0 0 1px #888,0 7px 0 1px #888,0 14px 0 1px #888
	}
	@media screen and (-webkit-min-device-pixel-ratio: 0) {
		.top-bar.expanded .top-bar-section .has-dropdown.moved>.dropdown,
		.top-bar.expanded .top-bar-section .dropdown {
			clip:initial
		}
		.top-bar.expanded .top-bar-section .has-dropdown:not(.moved)>ul {
			padding:0
		}
	}
	.top-bar-section {
		left:0;
		position:relative;
		width:auto;
		transition:left 300ms ease-out;
		display: flex;
    	flex-direction: column;
	}
	.top-bar-section ul {
		display:block;
		font-size:16px;
		height:auto;
		margin:0;
		padding:0;
		width:100%
	}
	.top-bar-section .divider,.top-bar-section [role="separator"] {
		border-top:solid 1px #1a1a1a;
		clear:both;
		height:1px;
		width:100%
	}
	/* TODO : enlever le css en inline  */
	.top-bar-section ul li{background:#333}.top-bar-section ul li>a{color:#fff;display:block;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-size:0.8125rem;font-weight:normal;padding-left:0.9375rem;padding:12px 0 12px 0.9375rem;text-transform:none;width:100%}.top-bar-section ul li>a.button{font-size:0.8125rem;padding-left:0.9375rem;padding-right:0.9375rem;background-color:#008CBA;border-color:#007095;color:#fff}.top-bar-section ul li>a.button:hover,.top-bar-section ul li>a.button:focus{background-color:#007095}.top-bar-section ul li>a.button:hover,.top-bar-section ul li>a.button:focus{color:#fff}.top-bar-section ul li>a.button.secondary{background-color:#e7e7e7;border-color:#b9b9b9;color:#333}.top-bar-section ul li>a.button.secondary:hover,.top-bar-section ul li>a.button.secondary:focus{background-color:#b9b9b9}.top-bar-section ul li>a.button.secondary:hover,.top-bar-section ul li>a.button.secondary:focus{color:#333}.top-bar-section ul li>a.button.success{background-color:#43AC6A;border-color:#368a55;color:#fff}.top-bar-section ul li>a.button.success:hover,.top-bar-section ul li>a.button.success:focus{background-color:#368a55}.top-bar-section ul li>a.button.success:hover,.top-bar-section ul li>a.button.success:focus{color:#fff}.top-bar-section ul li>a.button.alert{background-color:#f04124;border-color:#cf2a0e;color:#fff}.top-bar-section ul li>a.button.alert:hover,.top-bar-section ul li>a.button.alert:focus{background-color:#cf2a0e}.top-bar-section ul li>a.button.alert:hover,.top-bar-section ul li>a.button.alert:focus{color:#fff}.top-bar-section ul li>a.button.warning{background-color:#f08a24;border-color:#cf6e0e;color:#fff}.top-bar-section ul li>a.button.warning:hover,.top-bar-section ul li>a.button.warning:focus{background-color:#cf6e0e}.top-bar-section ul li>a.button.warning:hover,.top-bar-section ul li>a.button.warning:focus{color:#fff}.top-bar-section ul li>a.button.info{background-color:#a0d3e8;border-color:#61b6d9;color:#333}.top-bar-section ul li>a.button.info:hover,.top-bar-section ul li>a.button.info:focus{background-color:#61b6d9}.top-bar-section ul li>a.button.info:hover,.top-bar-section ul li>a.button.info:focus{color:#fff}.top-bar-section ul li>button{font-size:0.8125rem;padding-left:0.9375rem;padding-right:0.9375rem;background-color:#008CBA;border-color:#007095;color:#fff}.top-bar-section ul li>button:hover,.top-bar-section ul li>button:focus{background-color:#007095}.top-bar-section ul li>button:hover,.top-bar-section ul li>button:focus{color:#fff}.top-bar-section ul li>button.secondary{background-color:#e7e7e7;border-color:#b9b9b9;color:#333}.top-bar-section ul li>button.secondary:hover,.top-bar-section ul li>button.secondary:focus{background-color:#b9b9b9}.top-bar-section ul li>button.secondary:hover,.top-bar-section ul li>button.secondary:focus{color:#333}.top-bar-section ul li>button.success{background-color:#43AC6A;border-color:#368a55;color:#fff}.top-bar-section ul li>button.success:hover,.top-bar-section ul li>button.success:focus{background-color:#368a55}.top-bar-section ul li>button.success:hover,.top-bar-section ul li>button.success:focus{color:#fff}.top-bar-section ul li>button.alert{background-color:#f04124;border-color:#cf2a0e;color:#fff}.top-bar-section ul li>button.alert:hover,.top-bar-section ul li>button.alert:focus{background-color:#cf2a0e}.top-bar-section ul li>button.alert:hover,.top-bar-section ul li>button.alert:focus{color:#fff}.top-bar-section ul li>button.warning{background-color:#f08a24;border-color:#cf6e0e;color:#fff}.top-bar-section ul li>button.warning:hover,.top-bar-section ul li>button.warning:focus{background-color:#cf6e0e}.top-bar-section ul li>button.warning:hover,.top-bar-section ul li>button.warning:focus{color:#fff}.top-bar-section ul li>button.info{background-color:#a0d3e8;border-color:#61b6d9;color:#333}.top-bar-section ul li>button.info:hover,.top-bar-section ul li>button.info:focus{background-color:#61b6d9}.top-bar-section ul li>button.info:hover,.top-bar-section ul li>button.info:focus{color:#fff}.top-bar-section ul li:hover:not(.has-form)>a{background-color:#555;color:#fff;background:#222}.top-bar-section ul li.active>a{background:#008CBA;color:#fff}.top-bar-section ul li.active>a:hover{background:#0078a0;color:#fff}.top-bar-section .has-form{padding:0.9375rem}.top-bar-section .has-dropdown{position:relative}.top-bar-section .has-dropdown>a:after{border:inset 5px;content:"";display:block;height:0;width:0;border-color:transparent transparent transparent rgba(255,255,255,0.4);border-left-style:solid;margin-right:0.9375rem;margin-top:-4.5px;position:absolute;top:50%;right:0}.top-bar-section .has-dropdown.moved{position:static}.top-bar-section .has-dropdown.moved>.dropdown{position:static !important;height:auto;width:auto;overflow:visible;clip:auto;display:block;position:absolute !important;width:100%}.top-bar-section .has-dropdown.moved>a:after{display:none}.top-bar-section .dropdown{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px;display:block;padding:0;position:absolute;top:0;z-index:99;left:100%}.top-bar-section .dropdown li{height:auto;width:100%}.top-bar-section .dropdown li a{font-weight:normal;padding:8px 0.9375rem}.top-bar-section .dropdown li a.parent-link{font-weight:normal}.top-bar-section .dropdown li.title h5,.top-bar-section .dropdown li.parent-link{margin-bottom:0;margin-top:0;font-size:1.125rem}.top-bar-section .dropdown li.title h5 a,.top-bar-section .dropdown li.parent-link a{color:#fff;display:block}.top-bar-section .dropdown li.title h5 a:hover,.top-bar-section .dropdown li.parent-link a:hover{background:none}.top-bar-section .dropdown li.has-form{padding:8px 0.9375rem}.top-bar-section .dropdown li .button,.top-bar-section .dropdown li button{top:auto}.top-bar-section .dropdown label{color:#777;font-size:0.625rem;font-weight:bold;margin-bottom:0;padding:8px 0.9375rem 2px;text-transform:uppercase}
	/* TODO : enlever le css en inline  */
		.js-generated {
			display:block
		}

.content-booking .top-bar {
	background: #ec7041;
	margin-bottom: 20px;
}

.content-booking .top-bar .toggle-topbar {
	position: static;
	height: 2.8125rem;
}

.content-booking .top-bar .toggle-topbar.menu-icon {
	margin-top: 0;
}

.content-booking .top-bar .toggle-topbar.menu-icon a {
	height: 2.8125rem;
	line-height: 2.8125rem;
}

.content-booking .top-bar .title-area h2 {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 0 16px;
}

.content-booking .top-bar.expanded .title-area {
	background: #ec7041;
}

.content-booking .top-bar.expanded .toggle-topbar a, 
.content-booking .top-bar.expanded .toggle-topbar a span::after {
	color: #fff;
	box-shadow: 0 0 0 1px #fff,0 7px 0 1px #fff,0 14px 0 1px #fff;
}

.content-booking .top-bar .top-bar-section .tab-title {
	border: 1px solid #e2e2e2;
}

.content-booking .top-bar .top-bar-section .tab-title a {
	font-size: 13px;
	padding: 8px 16px;
	background: #fff;
}

.content-booking .top-bar .top-bar-section .tab-title.active a, 
.content-booking .top-bar .top-bar-section .tab-title a:hover, 
.content-booking .top-bar .top-bar-section .tab-title a:focus {
	color: #fff;
	background: #ec7041;
}

.top-bar .toggle-topbar {
	display: block;
}

.top-bar .title-area {
	float: none;
}
meta.foundation-mq-topbar{font-family:"/only screen and (min-width:1024px)/";width:1024px;}

.top-bar-section li.active:not(.has-form) a:not(.button), 
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
	background: #ec7041;
}
}


@media only screen and (min-width: 1024px){
	.top-bar {
		background: #333;
		overflow: visible;
		height: auto;
	}

	.top-bar:before,
	.top-bar:after {
		content: " ";
		display: table
	}

	.top-bar:after{clear:both}.top-bar .toggle-topbar{display:none}.top-bar .title-area{float:left}.top-bar .name h1 a,.top-bar .name h2 a,.top-bar .name h3 a,.top-bar .name h4 a,.top-bar .name h5 a,.top-bar .name h6 a{width:auto}.top-bar input,.top-bar select,.top-bar .button,.top-bar button{font-size:0.875rem;height:1.75rem;position:relative;top:0.53125rem}.top-bar.expanded{background:#333}.contain-to-grid .top-bar{margin-bottom:0;margin:0 auto;max-width:62.5rem}.top-bar-section{transition:none 0 0;left:0 !important}.top-bar-section ul{display:inline;height:auto !important;width:auto}.top-bar-section ul li{float:left}.top-bar-section ul li .js-generated{display:none}.top-bar-section li.hover>a:not(.button){background-color:#555;background:#222;color:#fff}.top-bar-section li:not(.has-form) a:not(.button){background:#333;line-height:2.8125rem;padding:0 0.9375rem}.top-bar-section li:not(.has-form) a:not(.button):hover{background-color:#555;background:#222}.top-bar-section li.active:not(.has-form) a:not(.button){background:#ec7041;color:#fff;line-height:2.8125rem;padding:0 0.9375rem}.top-bar-section li.active:not(.has-form) a:not(.button):hover{background:#ec7041;color:#fff}.top-bar-section .has-dropdown>a{padding-right:2.1875rem !important}.top-bar-section .has-dropdown>a:after{border:inset 5px;content:"";display:block;height:0;width:0;border-color:rgba(255,255,255,0.4) transparent transparent transparent;border-top-style:solid;margin-top:-2.5px;top:1.40625rem}.top-bar-section .has-dropdown.moved{position:relative}.top-bar-section .has-dropdown.moved>.dropdown{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px;display:block}.top-bar-section .has-dropdown.hover>.dropdown,.top-bar-section .has-dropdown.not-click:hover>.dropdown{position:static !important;height:auto;width:auto;overflow:visible;clip:auto;display:block;position:absolute !important}.top-bar-section .has-dropdown>a:focus+.dropdown{position:static !important;height:auto;width:auto;overflow:visible;clip:auto;display:block;position:absolute !important}.top-bar-section .has-dropdown .dropdown li.has-dropdown>a:after{border:none;content:"\00bb";top:0.1875rem;right:5px}.top-bar-section .dropdown{left:0;background:transparent;min-width:100%;top:auto}.top-bar-section .dropdown li a{background:#333;color:#fff;line-height:2.8125rem;padding:12px 0.9375rem;white-space:nowrap}.top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button){background:#333;color:#fff}.top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button){background-color:#555;color:#fff;background:#222}.top-bar-section .dropdown li label{background:#333;white-space:nowrap}.top-bar-section .dropdown li .dropdown{left:100%;top:0}.top-bar-section>ul>.divider,.top-bar-section>ul>[role="separator"]{border-right:solid 1px #4e4e4e;border-bottom:none;border-top:none;clear:none;height:2.8125rem;width:0}.top-bar-section .has-form{background:#333;height:2.8125rem;padding:0 0.9375rem}.top-bar-section .right li .dropdown{left:auto;right:0}.top-bar-section .right li .dropdown li .dropdown{right:100%}.top-bar-section .left li .dropdown{right:auto;left:0}.top-bar-section .left li .dropdown li .dropdown{left:100%}.no-js .top-bar-section ul li:hover>a{background-color:#555;background:#222;color:#fff}.no-js .top-bar-section ul li:active>a{background:#008CBA;color:#fff}.no-js .top-bar-section .has-dropdown:hover>.dropdown{position:static !important;height:auto;width:auto;overflow:visible;clip:auto;display:block;position:absolute !important}.no-js .top-bar-section .has-dropdown>a:focus+.dropdown{position:static !important;height:auto;width:auto;overflow:visible;clip:auto;display:block;position:absolute !important}
	
	.top-bar-section {
		background-color: #fff;
	}
	
	.content-booking .top-bar .top-bar-section .tab-title a:focus {
		outline: none;
	}
}/*[data-page-block-id="385"] > .row {
    max-width: none;
}

[data-page-block-id="385"] > .row > .columns {
    padding: 0;
}*/

.pas_offre {
    text-align: center;
    min-height: 120px;
}

.slider-img {
    display : none;
}

.slider-container {
    position: relative;
}

.main-slider {

    background: #333;
}

.main-slider .slick-arrow { 
    position: absolute;
    top: 160px;
    z-index: 100;
    color: #fff;
    font-size: 32px;
    cursor: pointer;
}

.main-slider .slick-arrow:nth-of-type(1) {
    left: 0;
}

.main-slider .slick-arrow:nth-of-type(2) {
    right: 0;
}

.main-slider .slick-slide {
    position: relative;
    min-height: 355px;
    line-height: 355px;
    text-align: center;
    overflow: hidden;
}

.main-slider .slick-slide img {
    display: inline-block;
    vertical-align: middle;
    margin: -100% -50%;
    width: 100%;
    height: auto;
    /*opacity: .6;*/
}

/*.main-slider .slick-active img, 
.main-slider .slick-center img {
    opacity: 1;
} */

.slider-container > .row {
    position: relative;
    max-width: 62.5rem;
    margin: 0 auto;
    width: 100%;
}

.offer-slider-container {
    position: absolute;
    top: 40px; left: 20px; right: 20px;
    z-index: 20;
    background: rgba(0, 0, 0, .5);
}

.offer-slider-container .dots-container {
    position: absolute;
    right: 0; bottom: 52px; left: 0;
    height: 16px;
    margin: 0 16px;
}

.offer-slider-container .slick-arrow {
    position: absolute;
    top: 0;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    padding: 4px;
}

.offer-slider-container .slick-arrow:nth-of-type(1) {
    left: 0;
}

.offer-slider-container .slick-arrow:nth-of-type(2) {
    right: 0;
}

.offer-slider-container .slick-dots {
    list-style-type: none;
    margin: 2px 0;
    padding: 0;
    line-height: 0;
    text-align: center;
}

.offer-slider-container .slick-dots li {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 4px;
    padding: 0;
}

.offer-slider-container .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: inline-block;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    color: #fff;
    border: 0;
    outline: none;
    vertical-align: middle;
    background: transparent;
}

.offer-slider-container .slick-dots li button:after {
    display: inline-block;
    content: '';
    width: 8px;
    height: 8px;
    background: #fff;
    opacity: .6;
    border-radius: 999px;
}

.offer-slider-container .slick-dots li.slick-active button:after {
    width: 16px;
    height: 16px;
    opacity: 1;
}

.offer-slider {
    display : none;
    color: #fff;
    background: rgba(236, 112, 65, .5);
}

.offer-slider .slick-slide {
    padding-bottom: 40px;
    min-height: 204px;
}

.offer-slider h2 {
    color: #fff;
    text-align: center;
    margin: 12px 16px;
    line-height: 1.2em;
    max-height: 2.4em;
    overflow: hidden;
}

.offer-slider p {
    text-align: center;
    margin: 0 16px 12px 16px;
}

.offer-slider .description {
    display: none;
    max-height: 64px;
}

.offer-slider .price-container {
    font-size: 14px;
}

.offer-slider .price {
    font-size: 18px;
    font-weight: bold;
}

.offer-slider .button {
    position: absolute;
    bottom: 0;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
}

.offer-slider .button:hover, 
.offer-slider .button:focus {
    text-decoration: none;
}

/* MEDIA QUERIES
--------------------------------------- */

/* Affichage tablette */
@media only screen and (min-width: 640px) {

    .main-slider .slick-slide {
        height: 315px;
    }

    .offer-slider .description {
        display: block;
        max-height: 64px;
    }

    .offer-slider-container {
        left: auto; right: 80px;
        width: 250px;
    }

}

/* Affichage desktop */
@media only screen and (min-width: 1024px) {

    .main-slider .slick-slide {
        height: 440px;
    }

    .offer-slider .slick-slide {
        min-height: 240px;
    }

}:root{
    --primary: #EF5A41;
    --footerbgc: #0079C1;
    --footerfgc: #FFF;
}
/* -------------------------------------- *
 * Style communs à plusieurs pages        *
 * -------------------------------------- *
 *
 * Organisation de la feuille de style
 * Les variables globales sont définies dans le fichier variables.css du site
 * 1 - Icônes : Concerne les icônes
 * 2 - Typo : Concerne les textes
 * 3 - Forms : Concerne les formulaires
 * 4 - Layout : Concerne la mise en page générale (template), contient le header et le footer
 * 5 - Skin : Regroupe des styles commmuns à  plusieurs pages
 */


/* 1 - Icônes
-------------------------------- */

/* 2 - Typo
-------------------------------- */

a,
a:hover,
a:focus {
    color: var(--primary);
}

*:focus {
    outline-color: #24a9e1;
}

/* 3 - Forms
-------------------------------- */

button,
.button {
    background-color: var(--primary);
    border-color: var(--primary);
	border: 1px solid var(--primary);
}

button:hover,
button:focus,
.button:hover,
.button:focus {
    background-color: #fff;
	border: 1px solid var(--primary);
	color: var(--primary);
}

button.disabled,
button[disabled],
.button.disabled,
.button[disabled] {
    background-color: var(--primary);
    border-color: var(--primary);
}

button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
    background-color: var(--primary);
}

/* -- Checkbox personnalisées -- */

[type="checkbox"]:checked + label:before {
    color: var(--primary);
}

/* -- Boutons radio personnalisés -- */

[type="radio"]:checked + label:before {
    color: var(--primary);
}

/* 4 - Layout
-------------------------------- */

/* -- header -- */

.header-distant .header-container {
    color: #333333;
    position: relative;
    overflow: auto;
	padding:25px 0;
    background-color: #fff;
}

.header-distant .logo-link {
    float: left;
    width: 50%;
    height: 72px;
    padding: 16px 16px 8px 16px;
}

.header-distant .logo-link img {
    border-radius: 5px;
    background-color: #ffffff;
    padding: 10px;
    width: auto;
    max-height: 100px;
    max-width: 60%;
}

.header-distant .logo {
    border-radius: 5px;
    background-color: #ffffff;
    padding: 10px;
}

.header-distant .title {
    font-size: 18px;
    color: #fff;
    padding: 0 16px;
    margin: 72px 0 8px 0;
    text-align: center;
    clear: both;
}

.header-distant .gradient {
    clear: both;
    background: linear-gradient(to bottom, var(--primary), rgba(236,112,65,0));
    height: 45px;
    margin-bottom: 16px;
}

.header-distant .tel-header {
    float: right;
    font-size: 16px;
    text-align: right;
    width: 50%;
    height: 72px;
    padding: 16px 16px 8px 16px;
}

.header-distant .numero {
    margin: 0;
    line-height: 16px;
}

.header-distant .numero img,
.header-distant .numero span {
    vertical-align: middle;
}

.header-distant .prix {
    font-size: 10px;
    margin: 0;
}

.header-distant .order-link {
    display: inline-block;
    float: right;
    color: var(--primary);
    padding: 2px 8px;
    margin-bottom: 8px;
    background: #fff;
    border-radius: 4px;
    margin-right: 16px;
	border: 1px solid var(--primary);
}

.header-distant .order-link:hover,
.header-distant .order-link:focus {
    text-decoration: none;
}

.header-distant .order-link .icon {
    font-size: 16px;
    vertical-align: middle;
}

.header-distant .order-link .text {
    vertical-align: middle;
}

.header-distant .order-link:hover .text,
.header-distant .order-link:focus .text {
    text-decoration: underline;
}

/* -- footer -- */

.footer-distant .gradient {
    background: linear-gradient(to top, var(--primary), rgba(236,112,65,0));
    height:30px;
    margin-top:15px;
}

.footer-distant .footer-container {
    background-color:var(--footerbgc);
	padding:30px 0;
    color:var(--footerfgc);
}

/* ---- moteurs ---- */

.search-engine-background {
    background: rgba(10, 171, 211, .25);
}

.search-engine .take-off-airport-container:before,
.search-engine .landing-airport-container:before,
.search-engine .take-off-date-container:before,
.search-engine .landing-date-container:before,
.search-engine .pax-container:before {
    color: var(--primary);
}

.pax-modal .nb_pax {
    color: var(--primary);
}

.pax-modal .nb_pax:hover,
.pax-modal .nb_pax:focus {
    background: var(--primary);
    border-color: var(--primary);
}

/* 5 - Skin
-------------------------------- */

/* -- Jquery - Range slider -- */

.ui-slider .ui-slider-range {
    background: var(--primary);
}

/* MEDIA QUERIES
--------------------------------------- */

/* Affichage tablette */
@media only screen and (min-width: 640px) {

}

/* Affichage desktop */
@media only screen and (min-width: 1024px) {

    /* -- header -- */

    .header-distant .logo-link img {
        max-height: 100px;
        max-width: 50%;
    }

    .header-distant .title {
        margin-top: 16px;
        margin-left: 25%;
        margin-right: 25%;
        clear: none;
    }

}
/* -------------------------------------- *
 * Ensemble du process de résa            *
 * -------------------------------------- */

/* 1 - Page d'attente
-------------------------------- */

.alc.waiting-page {
    background: var(--primary);
}

/* 2 - Page de recherche
-------------------------------- */

/* -- Filtres -- */

.alc.result-page .filters .close-filter-link {
    color: var(--primary);
}

.alc.result-page .filters .annuler_filtres {
    color: var(--primary);
}

.alc.result-page .filters .tout_selectionner, 
.alc.result-page .filters .tout_deselectionner {
    color: var(--primary);
}

/* -- Résumé de recherche -- */

.alc.result-page .search-summary .title-container .new-search-button {
    color: var(--primary);
}

.alc.result-page .search-summary .button-container .new-search-button {
    color: var(--primary);
}

.alc.result-page .search-summary .searched-value {
    color: var(--primary);
}

/* -- Meilleurs tarifs -- */

.alc.result-page .best-flights .slick-arrow {
    color: var(--primary);
}

.alc.result-page .best-flights-container .company-name {
    color: var(--primary);
}

.alc.result-page .best-flights-container .price span:hover, 
.alc.result-page .best-flights-container .price span:focus {
    color: var(--primary);
}

/* -- Groupe de résultat -- */

.alc.result-page .result .result-content-left h3 .icon {
    color: var(--primary);
}

.alc.result-page .flight .afficher_detail {
    color: var(--primary);
}

.alc.result-page .result .price-container .amount {
    color: var(--primary);
}

.alc.result-page .result .reservation-button {
    background: var(--primary);
}

/* -- Pagination -- */

.alc.result-page ul.pagination li.current {
    border-color: var(--primary);
    background: var(--primary);
}

.alc.result-page ul.pagination li.current:hover, 
.alc.result-page ul.pagination li.current:focus {
    background: var(--primary);
}

/* 3 - Page de réservation
-------------------------------- */

/* -- Résumé de la réservation -- */

.alc.reservation-page .reservation-summary .departure, 
.alc.reservation-page .reservation-summary .arrival {
    color: var(--primary);
}

.alc.reservation-page .reservation-summary .line .price {
    color: var(--primary);
}

/* -- Assurance -- */

.alc.reservation-page .insurance .price {
    color: var(--primary);
}

/* -- Informations passagers -- */

.alc.reservation-page .informations .pax-number {
    color: var(--primary);
}

.alc.reservation-page .informations .api .more-info-api {
    color: var(--primary);
}

/* -- Coordonnées -- */

/* -- Paiement -- */

.alc.reservation-page .payment .amount {
    color: var(--primary);
}

.alc.reservation-page .payment .know-more-link {
    color: var(--primary);
}

/* 3 - Page de confirmation
-------------------------------- */

.alc.confirmation-page .resa-summary-table td.price, 
.alc.confirmation-page .insurance-summary-table td.price, 
.alc.confirmation-page .total-price-table td.price {
    color: var(--primary);
}

.alc.confirmation-page .departure-label, 
.alc.confirmation-page .arrival-label {
    color: var(--primary);
}

/* 4 - Mail de confirmation
-------------------------------- */

.body_mail .titre_encart {
    background: var(--primary);
}

.body_mail strong {
    color: var(--primary);
}

/* 5 - Loaders 
-------------------------------- */

.loading-box{
	background: var(--primary);
}

.checkmark__circle {
	stroke: var(--primary);
}

.checkmark{
	box-shadow: inset 0px 0px 0px var(--primary);
}

@keyframes fill {
  100% {
	box-shadow: inset 0px 0px 0px 40px var(--primary);
  }
}

/* MEDIA QUERIES
--------------------------------------- */

/* Affichage tablette */
@media only screen and (min-width: 640px) {

}

/* Affichage desktop */
@media only screen and (min-width: 1024px) {

}

/* Si logo blanc */
/*.waiting-page .container .columns > img{
	background: #00b1a0;
    padding: 20px;
    width: 250px;
} *//* -------------------------------------- *
 * Style de la page d'accueil             *
 * -------------------------------------- */

/* ---- Slider ---- */

.offer-slider {
    background: rgba(10, 171, 211, .5);
}

/* ---- OFFRES SPECIALES ---- */

.homes.home-page .special-offers h3 {
    color: var(--primary);
}

.homes.home-page .special-offers .price {
    background: var(--primary);
}

.homes.home-page .special-offers .offer-container:hover .price, 
.homes.home-page .special-offers .offer-container:focus .price {
    background: #019ec5;
}


/* MEDIA QUERIES
--------------------------------------- */

/* Affichage tablette */
@media only screen and (min-width: 640px) {

}

/* Affichage desktop */
@media only screen and (min-width: 1024px) {

}
.content-booking .titre{
    background-color: var(--primary);
}

.content-booking .button,
.content-booking .btn.btn-primary{
    background: var(--primary);  
}

.content-booking .button:hover,
.content-booking .btn.btn-primary:hover{
    background: var(--primary);  
}

.content-booking .button:hover{
    color: var(--primary);
    border-color: var(--primary);
}

.content-booking .pager li > a {
  border-color: var(--primary);
  color: var(--primary);
}

.content-booking .pager li > a:hover, 
.content-booking .pager li > a:focus {
	background: var(--primary);
}

.content-booking .panel.panel-default .panel-heading{
    background-color: var(--primary);
}

.content-booking .spinner > div {
	background-color: var(--primary);
}

.content-booking .main-navigation .btn:focus, 
.content-booking .main-navigation .btn.active {
	background-color: var(--primary);
	border-color: var(--primary);
}

.content-booking .information {
	border-color: var(--primary);
}

/** Barre de navigation **/

.content-booking .top-bar {
	background: var(--primary);
}

.content-booking .top-bar.expanded .title-area {
	background: var(--primary);
}

.content-booking .top-bar .top-bar-section .tab-title.active a, 
.content-booking .top-bar .top-bar-section .tab-title a:hover, 
.content-booking .top-bar .top-bar-section .tab-title a:focus {
	background: var(--primary);
}

/* Payment */

body.payment .spinner > div {
	background: var(--primary);
}

.form-booking  {
    background: var(--footerbgc);
}

/*
 * Media Queries
 * ---------------------------- */

/* Affichage tablette */
@media only screen and (min-width: 640px) {

}



 /** Barre de navigation **/

 @media only screen and (min-width: 40.0625em){

	.content-booking .top-bar {
		background: var(--primary);
	}

	.content-booking .top-bar.expanded .title-area {
		background: var(--primary);
	}

	.content-booking .top-bar .top-bar-section .tab-title.active a, 
	.content-booking .top-bar .top-bar-section .tab-title a:hover, 
	.content-booking .top-bar .top-bar-section .tab-title a:focus {
		background: var(--primary);
	}

	.top-bar-section li.active:not(.has-form) a:not(.button), 
	.top-bar-section li.active:not(.has-form) a:not(.button):hover {
		background: var(--primary);
	}
}


 @media only screen and (min-width: 1024px){

	.top-bar-section li.active:not(.has-form) a:not(.button){
		background:var(--primary);
	}

	.top-bar-section li.active:not(.has-form) a:not(.button):hover{
		background:var(--primary);
	}

}