body{width:100%;margin:0;background-color:black;font-family: 'Lato', sans-serif;color:white;font-size:17px;}
a{color:white;text-decoration:none;}
.wrap{max-width:1200px;margin:auto;}

header{width:100%;color:white;font-size:15px;z-index: 100;vertical-align:bottom;margin-top:10px;} 


.logo{top:0;left:0;padding: 0.3%;width: 100%;z-index:100;margin-left:3%;display: inline-block;}
footer{width: 100%;text-align: center;padding: 8px 0px;vertical-align: bottom;bottom: 0;border: none;font-weight: 300;} 



.col-0{width:100%;display:inline-block;vertical-align:top;padding:0}
.col-1{width:98%;display:inline-block;vertical-align:top;padding:0% 1%;}
.col-2{width:48%;display:inline-block;vertical-align:top;padding:0% 1%;}
.col-3{width:31.33333333333%;display:inline-block;vertical-align:top;padding:0% 1%;}
.col-3pad0,.etiquetteprix{width:33.33333333333%;display:inline-block;vertical-align:top;padding:0%;}

.col-4{width:24%;display:inline-block;vertical-align:top;padding:0% 0.5%;}
.col-5{width:19%;display:inline-block;vertical-align:top;padding:0% 0.5%;}
.col-6{width:15.6666667%;display:inline-block;vertical-align:top;padding:0% 0.5%;}
.col-7{width:13.2857143%;display:inline-block;vertical-align:top;padding:0% 0.5%;}
.col-8{width:11.5%;display:inline-block;vertical-align:top;padding:0% 0.5%;}
.col-9{width:10.1111111%;display:inline-block;vertical-align:top;padding:0% 0.5%;}
.col-10{width:9%;display:inline-block;vertical-align:top;padding:0% 0.5%;}
.col-11{width:8.0909091%;display:inline-block;vertical-align:top;padding:0% 0.5%;}
.col-12{width:7.3333333%;display:inline-block;vertical-align:top;padding:0% 0.5%;}
.col-24{width:4.1666666%;display:inline-block;vertical-align:top;padding:0% 0.5%;}
.col-48{width:2.0833333%;display:inline-block;vertical-align:top;padding:0% 0.5%;}

.col-2-3{width:63%;display:inline-block;vertical-align:top;padding:0% 1%;}
.col-3-4{width:73%;display:inline-block;vertical-align:top;padding:0% 1%;}
.col-7-8{width:85.5%;display:inline-block;vertical-align:top;padding:0% 1%;}

.pad-0{padding:0px;}
.pad-5{padding:5px;}
.pad-10{padding:10px;}
.pad-20{padding:20px;}
.pad-30{padding:30px;}
.pad-50{padding:50px;}
.pad-top-5{padding-top:5px;} 
.pad-top-10{padding-top:10px;} 
.pad-top-15{padding-top:15px;} 
.pad-top-20{padding-top:20px;} 
.pad-top-40{padding-top:40px;}
.pad-top-50{padding-top:50px;}
.pad-r-30{padding-right:30px;}
.pad-l-30{padding-left:30px;}
.pad-s-10{padding-left:10px;padding-right:10px;}
.pad-s-40{padding-left:40px;padding-right:40px;} 

.pad-bot-5{padding-bottom:5px;}
.pad-bot-8{padding-bottom:8px;}
.pad-bot-10{padding-bottom:10px;}
.pad-bot-15{padding-bottom:15px;}
.pad-bot-20{padding-bottom:20px;}
.pad-bot-40{padding-bottom:40px;}
.pad-bot-50{padding-bottom:50px;}
.pad-bot-80{padding-bottom:80px;}

.marg-0{margin:0px;}
.marg-5{margin:5px;}
.marg-10{margin:10px;}
.marg-20{margin:20px;}
.marg-30{margin:30px;}
.marg-left-33p{margin-left:33%;}
.marg-left-20{margin-left:20px;}

.marg-top-m30{margin-top:-30px;}
.marg-top-m50{margin-top:-50px;}
.marg-top-m80{margin-top:-80px;}
.marg-top-0{margin-top:0px;}
.marg-top-5{margin-top:5px;}
.marg-top-10{margin-top:10px;}
.marg-top-20{margin-top:20px;}
.marg-top-30{margin-top:30px;}
.marg-top-40{margin-top:40px;}
.marg-top-50{margin-top:50px;}
.marg-top-80{margin-top:80px;}
.marg-top-100{margin-top:100px;}
.marg-top-120{margin-top:120px;}

.marg-bot-0{margin-bottom:0px;}
.marg-bot-5{margin-bottom:5px;}
.marg-bot-10{margin-bottom:10px;}
.marg-bot-30{margin-bottom:30px;}
.marg-bot-40{margin-bottom:40px;}
.marg-bot-50{margin-bottom:50px;}
.marg-bot-80{margin-bottom:80px;}

.margin-left-185p {margin-left: 18.5%;}
.margin-left-135p {margin-left: 13.5%;}
.marg-acroche-1{margin-left:-100px;}
.marg-acroche-2{margin-left:100px;}
.relative{position: relative;}

.fs20{font-size:20px;}
.fs30{font-size:30px;}
.fs40{font-size:40px;}


.right {text-align:right;}
.center {text-align:center;}
.left {text-align:left;}

.va-m{vertical-align:middle;}
.va-t{vertical-align:top;}
.va-b{vertical-align:bottom;}

.bold{font-weight:bold;}

.bgnoir{background-color:black;}
.bgblanc{background-color:white;}
.bgbleuciel{background-color:#99d9ea;}
.bgbleufonce{background-color:#183c6a;}
.bggrisclair{background-color:#f2f2f2;color:#605f54;} 
.bggrisfonce{background-color:#666;color:white;} 
.bgvertclair{background-color:#80cc28;color:white;} 

.black{color:black;}
.white{color:white;}
.rouge{color:#cf1721;}
.vert{color:green;}
.grisclair{color:#605f54;} 


.flag{display:inline-block;border:1px solid black;padding:5px 10px;}
.flag a {color:black;}
.flag:hover{background-color:#f25c19;color:white;}

hr{border:1px solid #d4d4d4;}
.review{font-weight: 300;}
h1{font-family: 'Lato', sans-serif;font-weight:300;font-size:60px;margin-left:10%;padding-top:5vh;line-height:50px;margin-top: 10px;}
h2{font-family: 'Lato', sans-serif;font-weight:300;text-transform: uppercase;}


.index{background-image: url("../img/intro.jpg");background-size: cover;}


.pano{background-size: cover;height:65vh;background-repeat: no-repeat;}
.pano-index{background-image: url("../img/intro.jpg");}
.pano-flotte{background-image: url("../img/pano-flotte.jpg");}
.pano-vip{background-image: url("../img/pano-VIP.jpg");}
.pano-accompagnement{background-image: url("../img/pano-Service-Accompagnement-Hors-Ile.jpg");}
.pano-demande{background-image: url("../img/pano-Transport-Locaux-St-Barth.jpg");}



.txt1{font-family: 'Lato', sans-serif;margin-bottom:350px;margin-top: 100px;z-index:100;position: relative;font-size:48px;font-weight:300;color:white;}
.txt2{margin-bottom:50px;z-index:100;position: relative;}
.picto{width:70%;}

.mobileonly{display:none;}
.desktoponly{display:inline-block;}

button{cursor: pointer;font-size:19px;color: white;background-color: #caa453;border: none;padding: 10px 40px;margin-top:20px;}
.btn_form_footer{margin-left:25%;}


input,select,textarea{font-family: 'Lato', sans-serif;background-color:#f5f5f5;border:none;padding:10px;color:black;width:95%;}
.bggrisclair input, .bggrisclair select,.bggrisclair textarea {border: 1px solid #e0e0e0;}

.main-carousel {width: 100%;margin-top:100px;} 
.carousel-cell {width: 100%;margin-right: 0px;}
.carousel-cell img{width: 100%;}
#cssmenu ul ul{position:absolute;}


.form_identification{display:none;border: 4px solid #caa453;padding:5px;margin-top:-5px;margin-left: 5px;margin-right: -5px;}
.btn-compte{font-size: 19px;color:white;background-color:#caa453;padding: 10px 40px;width: inherit;margin: 5px;}

@media (max-width:768px)
{
    body{font-size: 14px;}

    h1{font-size: 10vw;}
    h2,h3{font-size: 18px;}
    h3{}
    .logo{position:inherit;border:none;height:80px;width:auto;}
    header{line-height: 0.1em;}
    .col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-2-3,.col-3-4,.col-7-8,.txtannonce{width:98%;display:inline-block;vertical-align:top;padding:1%;}
    .pad-0{padding:0px;}
    footer{font-size:12px;}
    .moteur{margin-top:0px;}
    #cssmenu > ul > li{width:100%;text-align:center;}
    #cssmenu ul ul{position:static;display:none;}
    #cssmenu ul ul li a{text-align:center;}
    .mobileonly{display:inline-block;}
    .desktoponly{display:none;}
    .btn_form_footer{margin-left:0;}
    .marg-top-20{margin-top:0px;}
    .marg-bot-50{margin-bottom:10px;}
    
    .pano{background-size: 100%;height:40vw;}
    
    .form_identification{border:none;padding:0px;}
    .btn-compte{margin-left:5px;width: 95%; padding:10px 1%;display: block;margin-bottom: 5px;text-align:center;}
}