/*
Theme Name: Credit Suisse
Author: Le Petit Studio
Author URI: https://lepetitstudio.fr
Version: 1.0
*/

/*******RESET********/
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, textarea, th, td, figure{margin:0;padding:0;border:0;outline:none;}
header, hgroup, section, article, aside, figure, figcaption, nav, footer{display:block;}

ul, ol, li{list-style:none;}

a, a:hover{text-decoration:none;}

a
{
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
transition:all 0.5s ease;
}

.hidden{visibility:hidden;overflow:hidden;}
.none{display:none;}

.left{float:left;}
.right{float:right;}
.clear{clear:both;height:0;}
.maj{text-transform:uppercase;}
.lowercase{text-transform:lowercase;}

.col1
{
width:50%;
float:left;
padding-right:20px;
box-sizing:border-box;
}

.col2
{
width:50%;
float:right;
padding-left:20px;
box-sizing:border-box;
}

.container{width:1520px;margin:0 auto;position:relative;z-index:1;}

.valign{margin:auto;}

img{max-width:100%;height:auto;}

:root
{
--bleu:#15385e;
--gris:#f3f3f8;
--font_Texte:Arial,Helvetica Neue,Helvetica,sans-serif;
--font_Titre:Century Gothic,CenturyGothic,AppleGothic,sans-serif;
}

body, html{width:100%;height:100%;}
body
{
font-family:var(--font_Texte); 
font-size:24px;
color:var(--texte);
background:var(--gris);
box-sizing:border-box;
-webkit-font-smoothing: antialiased;
padding-bottom:150px;
}

::selection {
  background: var(--bleu);
  color: #ffffff !important;
}
::-moz-selection {
  background: var(--bleu);
  color: #ffffff !important;
}

header
{
background:#fff;
height:280px;
margin-bottom:30px;
}

header .container
{
display:flex;
align-items:center;
justify-content:space-between;
height:100%;
}

header .container h1
{
width:28%;
}

header .container #hero
{
width:70%;
height:100%;
background:url(images/hero.jpg) no-repeat center center;
background-size:cover !important;
position:relative;
}

header .container #hero hgroup
{
text-align:right;
border:2px solid #fff;
padding:10px;
position:absolute;
right:50px;
bottom:20px;
}

header .container #hero hgroup h2
{
font-family:var(--font_Titre);
color:#fff;
font-size:65px;
font-weight:bold;
}

header .container #hero hgroup h3
{
font-family:var(--font_Titre);
color:#fff;
font-size:38px;
font-weight:bold;
}

.info-connect
{
font-size: 14px;
text-align: right;
font-style: italic;
margin-bottom: 20px;
margin-top: -20px;
color: var(--bleu);
}

.info-connect a
{
color: var(--bleu);
text-decoration: underline;
}

.home .section2col
{
margin-bottom:15px;
}

.home .section2col .container
{
display:flex;
justify-content:space-between;
}

.home .section2col .container .col
{
width:49.5%;
min-height:340px;
display:flex;
}

.home .section2col .container .col .texte
{
width:50%;
background:var(--bleu);
padding:30px 15px;
color:#fff;
font-size:20px;
position:relative;
box-sizing:border-box;
}

.home .section2col .container .col .texte::before
{
display:block;
content:'';
width:30px;
height:30px;
background:var(--bleu);
transform:rotate(45deg);
position:absolute;
right:-15px;
top:45px;
z-index:2;
}

.home .section2col .container .col .texte h2
{
font-family:var(--font_Titre);
text-transform:uppercase;
font-size:20px;
margin-bottom:20px;
}

.home .section2col .container .col .texte h2 span
{
font-weight:400;
font-style:italic;
display:block;
}

.home .section2col .container .col .img
{
width:50%;
height:100%;
overflow:hidden;
position:relative;
}

.home .section2col .container .col .img figure
{
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
}

.home .section2col .container .col.first .img figure
{
background:url(images/Rome.jpg) no-repeat center center;
background-size:cover !important;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.home .section2col .container .col.last .img figure
{
background:url(images/hotel.jpeg) no-repeat center center;
background-size:cover !important;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.home .section2col .container .col:hover .img figure
{
transform:scale(1.05);
}

.home .sectioninfos
{
margin-bottom:15px;
}

.home .sectioninfos .container
{
display:flex;
justify-content:space-between;
}

.home .sectioninfos .container .texte
{
width:66.2%;
box-sizing:border-box;
}

.home .sectioninfos .container .texte h2
{
background:#a9a9ab;
color:#fff;
text-transform:uppercase;
font-size:24px;
font-family:var(--font_Titre);
font-weight:bold;
padding:8px 15px;
}

.home .sectioninfos .container .texte p
{
padding:8px 15px;
font-size:20px;
line-height:25px;
}

.home .sectioninfos .container .img
{
width:32.5%;
box-sizing:border-box;
position:relative;
overflow:hidden;
}

.home .sectioninfos .container .img figure
{
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
background:url(images/coucher-soleil.jpg) no-repeat center center;
background-size:cover !important;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.home .sectioninfos:hover .container .img figure
{
transform:scale(1.05);
}

.home .section3col
{
margin-bottom:15px;
}

.home .section3col .container
{
display:flex;
justify-content:space-between;
}

.home .section3col .container .col
{
width:49.5%;
height:300px;
position:relative;
display:flex;
align-items:center;
justify-content:center;
padding:30px 50px;
box-sizing:border-box;
}

.home .section3col .container .col h2
{
color:#fff;
font-size:24px;
text-align:center;
position:relative;
z-index:2;
}

.home .section3col .container .col .img
{
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
overflow:hidden;
}

.home .section3col .container .col .img::before
{
display:block;
content:'';
width:100%;
height:100%;
background:#000;
opacity:0.4;
position:absolute;
left:0;
top:0;
z-index:1;
}

.home .section3col .container .col .img.one figure
{
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
background:url(images/hotel.jpeg) no-repeat center center;
background-size:cover !important;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.home .section3col .container .col .img.two figure
{
width:50%;
height:100%;
position:absolute;
top:0;
background-size:cover !important;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.home .section3col .container .col:hover figure
{
transform:scale(1.05);
}

.home .section3col .container .col .img.two figure#bar
{
left:0;
background:url(images/bar.jpg) no-repeat center center;
}

.home .section3col .container .col .img.two figure#spa
{
right:0;
background:url(images/spa.jpg) no-repeat center center;
}

.home .section3col .container .col .img.two figure#chambre
{
left:0;
background:url(images/chambre.jpg) no-repeat center center;
}

.home .section3col .container .col .img.two figure#sdb
{
right:0;
background:url(images/sdb.jpg) no-repeat center center;
}

.home .bt-container
{
text-align:right;
padding-bottom:50px;
}

.home .resa-bt
{
width:300px;
height:50px;
background:var(--bleu);
color:#fff;
font-family:var(--font_Titre);
font-weight:bold;
font-size:24px;
display:inline-flex;
justify-content:center;
align-items:center;
border:3px solid var(--bleu);
text-transform:uppercase;
border-radius:15px;
}

.home .resa-bt:hover
{
background:none;
color:var(--bleu);
}

.main h2
{
color:var(--bleu);
font-size:30px;
margin-bottom:20px;
}

.main .infos-vol
{
width:100%;
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
background:#fff;
border:1px solid #000;
padding:10px 0;
margin-top:20px;
border-radius:15px;
box-sizing:border-box;
}

.main .infos-vol p
{
width:100%;
text-align:center;
}

.main .infos-vol p.titre
{
text-transform:uppercase;
font-weight:bold;
font-size:36px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:10px;
}

.main .infos-vol p.titre img
{
width:55px;
margin:0 20px;
}

.main .infos-vol p.mini
{
font-size:16px;
}

.main .infos-vol p.mini a
{
display:inline-flex;
justify-content:center;
align-items:center;
color:#000;
}

.main .infos-vol p.mini i
{
display:inline-flex;
justify-content:center;
align-items:center;
width:18px;
height:18px;
background:var(--bleu);
border-radius:50%;
color:#fff;
font-style:normal;
font-size:14px;
font-weight:bold;
margin-right:5px;
}

.liste-vols
{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
margin-top:20px;
}

.liste-vols li
{
width:32.5%;
background:#fff;
border:1px solid #000;
padding:10px;
margin-bottom:30px;
border-radius:15px;
box-sizing:border-box;
}

.liste-vols li a
{
color:#000;
}

.liste-vols li figure
{
width:100%;
height:60px;
display:flex;
justify-content:center;
align-items:center;
margin-bottom:15px;
}

.liste-vols li p
{
font-size:24px;
}

.liste-vols li p.mini
{
font-size:16px;
margin-bottom:10px;
}

.liste-vols li p.dispo
{
font-weight:bold;
}

.liste-vols li p.dispo span
{
font-size:35px;
font-weight:bold;
color:var(--bleu);
}

.liste-vols li .bouton
{
width:300px;
height:50px;
background:var(--bleu);
color:#fff;
font-family:var(--font_Titre);
font-weight:bold;
font-size:24px;
display:flex;
justify-content:center;
align-items:center;
border:3px solid var(--bleu);
text-transform:uppercase;
border-radius:15px;
margin:20px auto 0 auto;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.liste-vols li a:hover .bouton
{
background:none;
color:var(--bleu);
}

.fond-lightbox
{
width:100%;
height:100%;
background:#000;
opacity:0.8;
position:fixed;
left:0;
top:0;
display:none;
}

.lightbox,
.lightbox-accueil
{
width:90%;
max-width:1400px;
background:#fff;
border:1px solid #000;
box-sizing:border-box;
padding:30px;
position:absolute;
left:50%;
top:30px;
transform:translate(-50%,0);
z-index:2;
display:none;
}

.lightbox a
{
color:var(--bleu);
}

#popmake-77 .popmake-content
{
font-size:24px;
text-align:center;
}

#popmake-82 .popmake-content
{
font-size:24px;
}

.cartvol
{
width:100%;
background:#fff;
border:1px solid #000;
padding:10px 30px;
margin-top:20px;
border-radius:15px;
margin-bottom:20px;
box-sizing:border-box;
}

.cartvol p
{
font-size:16px;
}

.cartvol p.titre
{
text-transform:uppercase;
font-weight:bold;
font-size:19px;
display:flex;
align-items:center;
}

.cartvol p.titre img
{
width:55px;
margin:0 20px;
}

.cartvol img.logo
{
margin:5px 0;
}

.woocommerce-cart .erreur
{
background: #c42a2a;
padding: 20px;
color: #fff;
}

.woocommerce-cart a.remove
{
position:relative;
text-indent:-5000px;
background:none !important;
}

.woocommerce-cart a.remove::before
{
display:block;
content:'';
width:20px;
height:20px;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
background:url(images/corbeille.svg) no-repeat center center;
background-size:contain;
}

.woocommerce-cart .woocommerce .quantity .qty
{
width:150px;
height:30px;
}

.woocommerce-page table.cart td.actions
{
display:none;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt
{
background:var(--bleu) !important;
}

.woocommerce-billing-fields__field-wrapper
{
margin-bottom:50px;
}

/*
.woocommerce-additional-fields
{
display:none;
}
*/

.woocommerce form .form-row
{
margin-bottom:10px;
}

.woocommerce form .form-row#billing_country_field
{
display:none;
}

.woocommerce form .form-row#billing_city_field
{
width:45%;
float:left;
clear:none;
}

.woocommerce form .form-row#billing_postcode_field
{
width:45%;
float:right;
clear:none;
}

.woocommerce-checkout input
{
height:30px;
background:#fff;
border:1px solid #000;
padding:5px;
border-radius:5px;
}

.woocommerce-checkout #payment div.payment_box
{
font-size:16px;
}

.woocommerce-privacy-policy-text
{
display:none;
}

.woocommerce-thankyou-order-details
{
margin-top:30px;
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register
{
border:0;
padding:0;
}

.woocommerce form.login .form-row-last,
.woocommerce form.login .lost_password,
.woocommerce form.login .woocommerce-form-login__rememberme
{
display:none;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button
{
background:var(--bleu);
color:#fff;
}

.woocommerce-checkout #payment div.payment_box .form-row
{
margin:5px 0;
padding:0;
}




/***RESPONSIVE*******/

@media (max-width: 1530px) {

.container{width:95%;}

}

/******1530**********/

@media (max-width: 1024px) {

header
{
height:auto;
}

header .container
{
display:block;
width:100%;
}

header .container h1
{
width: 250px;
padding:0;
text-align: center;
margin: 0 auto;
}

header .container #hero
{
width: 100%;
height: 250px;
}

.home .section2col .container
{
flex-wrap:wrap;
}

.home .section2col .container .col
{
width:100%;
margin-bottom:10px;
}

.home .section3col .container
{
display:block;
}

.home .section3col .container .col
{
width:100%;
margin-bottom:20px;
}

.liste-vols li
{
width:100%;
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1
{
width:100%;
float:none;
}

.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2
{
width:100%;
float:none;
margin-bottom:30px;
}

}

/******1024**********/


@media (max-width: 580px) {

header .container #hero hgroup
{
width: 90%;
right: 50%;
transform: translate(50%, 0);
}

.home .section2col .container .col
{
display:block;
}

.home .section2col .container .col .texte
{
width:100%;
height:auto;
}

.home .section2col .container .col .texte::before
{
display:none;
}

.home .section2col .container .col .img
{
width:100%;
height:240px;
}

.home .sectioninfos .container
{
display:block;
}

.home .sectioninfos .container .texte
{
width:100%;
}

.home .sectioninfos .container .img
{
width:100%;
height:150px;
}

.main .infos-vol p.titre
{
font-size:20px;
}

}

/******580**********/