body{
	font-family: 'Quicksand', sans-serif;	
}


a, a:visited {
    color: #BBD034; 
	transition: all 0.3s;
}

a:hover{
	background:transparent;
}

a:focus, a:visited{
   
    outline: none !important;
}



#slider-annonce.owl-carousel {
    background: #e0e9be;  
}

#slider-annonce.owl-carousel .owl-item{
	height: 44px;
    justify-content: center;
    align-items: center;
    display: flex;
}

#slider-annonce.owl-carousel p,
#slider-annonce.owl-carousel a{
	font-size: 14px;
    color: #034a34;
    margin: 5px 0 !important;
    padding: 5px 0 !important;
    background: transparent !important;
    transition: all 250ms;
    font-family: "semplicitapro", sans-serif;
        text-align: center;
}

#slider-annonce.owl-carousel .owl-slide {
    padding: 5px 25px !important;
}

#slider-annonce.owl-carousel strong{
	color:#034a34;
    font-family: "semplicitapro", sans-serif;
	font-weight:900;
}

#slider-annonce.owl-carousel .owl-nav button {
    top: 0;
    height: auto;
    width: auto;
    border: none !important;
    background: transparent !important;
    opacity: 1;
}


#slider-annonce.owl-carousel .owl-nav button {
    position: absolute;
    text-align: center;
    transition: all 250ms;
}


#slider-annonce.owl-carousel .owl-nav {
    margin-top: 0;
display:block !important;
}

#slider-annonce.owl-carousel .owl-dots {
    display: none;
}

#slider-annonce.owl-carousel .owl-nav .owl-prev {
    left: 15%;
}

#slider-annonce.owl-carousel .owl-nav .owl-next {
    right: 15%;
}


#slider-annonce.owl-carousel .owl-nav button span {
    color: #034a34 !important;
}





#middlebar{
	 position: fixed;
    top: 0%; 
    z-index: 10000;
    width: 100%;
}

.navbar-custom-cha, .navbar-collapse.collapse {
    display: flex !important;
	justify-content:center;
	align-items:center;
    float: none !important;
    height: 80px !important;
}

.navbar-nav > li > a {
    
    line-height: inherit !important;
}

  

.minhnav{
	min-height:80px;
}

/* Classe principale de la barre de navigation */
 .navbar-default {
/* Couleur de fond de la barre de navigation */
/* background: linear-gradient(to top, rgba(249, 250, 146, 0.7) 0%,rgba(189, 210, 55, 1) 100%); */
/* background: rgba(48, 146, 0, 0.7); */
background:#034a34;  
transition: all 0.3s;
min-height:63px;
}

/* Couleur des titres affichés dans la barre */
.navbar-default .navbar-brand {
color: white;
}

/* Couleur utilisée lors du passage de la souris sur un titre de la barre */
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #BBD034;
}

/* Couleur utilisée pour les liens */
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:active, .navbar-default .navbar-nav > li > a:visited  {
color: white;
border-color: none;
}
/* Couleur utilisée pour les liens lorsque la souris passe dessus */
.navbar-default .navbar-nav > li > a:hover{
color: #bfd275;
transition: all 0.3s;
}


/* Caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
border-top-color: #bfd275;
border-bottom-color: #bfd275;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
border-top-color: #FFF;
border-bottom-color: #FFF;
}
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
border-top-color: #555;
border-bottom-color: #555;
}
/* Version mobile, le menu devient une icône qui déroule une liste avec le menu en vertical */
.navbar-default .navbar-toggle {
border-color: #bfd275;
color:#FFF;
text-align:center;
transition: all 0.3s;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: rgba(0,0,0,0.3);
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #bfd275;
}








label {
  display: inline-block;
  font-weight: 700;
  max-width: 100%;
  margin-bottom: 0px;
}


.navbar-toggle{
	margin-right:25px;
	position:absolute;
	top:15px;
	right:15px;
}

.nav li a.dropdown-toggle,
.nav li a.dropdown-toggle:focus,
.nav li a.dropdown-toggle:visited,
.nav li a.dropdown-toggle:active,
.menu-links  {
    background: transparent !important;
border-bottom: none;
font-family: "futura-pt", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    border-right:2px solid #bfd275 !important;
    padding:0 20px;
    letter-spacing: 2px;
    background:transparent;
    font-size:1em !important;
    border-radius:0;
    color:white !important;
}

.menu-links{
    border-right: none !important;
}

.nav li.dropdown:last-of-type a {
    border-right:none !important;
}

.navbar-default {
border:none;
}


.dropdown-menu{
	padding: 20px !important;
	background:#034a34 !important;
	top:53px; 
}

.dropdown-menu > li > a,
.dropdown-menu > li > a:active,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:visited{
	color:#FFF;
	font-size:1.25em;
	background: transparent;
    font-family: "futura-pt", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size:1.2em;
 
}

.dropdown-menu > li > a:hover{
	color: #bfd275;
    background:transparent;
}

.block-header > h1{
    background:transparent;
    color:white;
    
}

.bloc-footer-logo{
    width:30%;
}


@media screen and (max-width: 1500px) {
    #slider-annonce.owl-carousel .owl-nav .owl-prev {
        left: 5%;
    }
#slider-annonce.owl-carousel .owl-nav .owl-next {
        right: 5%;
    }
}





@media (min-width: 767px) and (max-width: 1100px) {
	
	
.nav li a {
padding-left:7px;
padding-right:7px;
font-size:1.2em;
}
 
	
	.dropdown-menu > li > a{
	
	font-size:1.3em;
}


	
}




.head-margin{
margin-left: 25px;	
margin-top: 5px;
}

.no-padding{
	padding-left:0px !important;
	padding-right: 0px !important;
}

.no-marg{
	margin-bottom: 0px !important;
	
}

.logo-nav{
    position: absolute;
    top:0;
    left:10px;
}

.logo-nav:hover,
.logo-nav:focus,
.logo-nav:active{
	background:transparent !important;
}

.navbar{
min-height:80px !important;
margin-bottom:0px !important;
border-radius:0;
}

  

.bg-darky{
	background:rgba(0,0,0,0.6);
	padding: 15px !important;
	color:#660809;
}

.sliderp{
	font-size:0.8em;
}

.btn{
color:white !important;
border-color: #FFEC00 !important;
background:rgba(0,0,0,0.3);
transition:all 0.3s;
}

.btn:hover{
color:whitesmoke;
border-color: whitesmoke !important;
background:rgba(0,0,0,0.6);
	
}

.margin-logo{
	max-height:80px;
	margin:10px 60px; 
}	

.bg-red-mini{

	 padding:15px;
}	

.bg-vign{

	 padding:15px;
	
}

.bg-loc{

	 padding:15px;
	 margin-bottom:35px;
	 
	
}

.bg-spe{

	 padding:15px;
	
}

.sepd{

	 padding:10px;
}

.fback{
	display:flex;
	flex-flow: row nowrap;
	justify-content:space-around;
	align-items: center;
	
}

.foff{
	display:flex;
	flex-flow: row nowrap;
	justify-content:space-around;
	
}

.ftitre{
	display:flex;
	flex-flow:row nowrap;
	justify-content:center;
	align-items:center;
}

.bvign{
	background: rgba(0, 66, 156, 0.8);
	color:white;
	text-align:center;
	padding:25px;
	margin-top:25px;
	margin-bottom:25px;
	width:40%;
	
}

.bvign p{
	font-size: 1.3em;
	text-align:center;
	
}

.bvign h2{
	font-size: 1.7em;
	text-align:center;
	color:white;
	
}

.fa, .far, .fas {

    font-family: "Font Awesome 5 Free";
    font-size: 1.5em;

}

.fa-search-plus{
    font-size: 1.1em;
    padding-right:10px;
}


.vignm-info {

 background: transparent;

font-weight: 700;

padding: 25px 15px;

width: 25%;

margin: 0;

font-size: .9em;

color: #005fb3 !important;

text-align: center;

transition:  0.4s all;

box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
border: 1px solid rgba(0, 0, 0, 0.3);
margin: 5px !important;

}
.miniacenter{
    text-align:center;
	font-size: 1.3em;
	color:white;
}
.tcenter a, .tcenter a:visited, .tcenter a:active, .tcenter a:focus {

    color: #005fb3 !important;
    font-size: 1.3em;

}
.tcenter{

    max-width: 350px;

text-align: center;

font-size: 1.05em !important;

color: #005fb3;

background: rgba(250,250,250,0.7);

margin: 10px 0;

min-height: 520px;
transition: 0.4s all;
box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.3);
}
.tcenter:hover{
    background:white;
}
.tcenter p{
    box-shadow:none !important;
}
.minia {

    width: 350px !important;
    object-fit: cover;
    transition: 0.4s all;

} 
.dbimg {
    width: 350px !important;
    height: 250px !important;
    object-fit: cover;
    transition: 0.4s all;
}

.dbimg:hover, .minia:hover{
    opacity:0.80;
    
}

#bloc-ariane a, #bloc-ariane a:visited, #bloc-ariane a:focus, #bloc-ariane a:active {
	 background-color: transparent !important;
	 font-size:1.3em;
}



.content img{
	max-height:300px;
}

.text-slide{
color:white;
padding:15px;
}

.text-red{
	color:red;
	font-size:1.5em;
}

.dl-bg{
	color:white !important;
	background:rgba(0,0,0,0.2);
	padding:15px;
	margin-top:20px;
	margin-bottom:0px;
	
}

.dl-bg a:hover{opacity:0.9;}

.dl-bg h2{
	color:#FFEC00 ;
	background:transparent;
	box-shadow:none;
}

.dl-bg h3{
	background:white;
	color:#0097d7;
	font-size:1.2em;
	text-align:center;
	text-transform: uppercase;
border-top: 1px solid whitesmoke;
}

.container-bg{
	background-image: url("/IMGHOME/fond-plage.jpg");
	padding-bottom:50px;
	padding-top:50px;
    background-repeat: no-repeat;
	background-size: cover;

}

.bg-bluet{
		
		margin-top:20px;
	margin-bottom:20px;
}



.bloc-presentation {
    padding: 35px;
    background: rgba(0,0,0,0.2);
}
.ftitre-left {
    display: flex;
    flex-flow: row nowrap;
    justify-content: left;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 15px;
}
.static-bar-custom {   
    position: fixed;
    top: 0%; 
    z-index: 200;
    width: 100%;
}

.par3{
    width:30%;
    padding:5px;
}

.bg-mer{
    background-image: url('/IMGHOME/bord-de-mer.jpg');
    background-size: cover;
    height:65vh;
    padding:25px;
}

.vign-mer{
    background: rgba(0, 66, 156, 0.55);
color: white;
    font-size:1em;
text-align: center;
padding: 25px;
margin-bottom: 25px;
width: 40%;
    transition:0.4s all;
}
.vign-mer:hover{
    background: rgba(0, 66, 156, 0.75);
}


.par2 {
   max-width: 49%;

padding: 15px;
}
.par2 img {
object-fit: cover;
height: 100%;
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);
}
.flex_images {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-justify-content: space-around;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 60px 0;
}  


.flex-debut {
    display: flex;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

}

.flex-center {
    display: flex;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

}


.flex-fin {



    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;

    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;

    justify-content: flex-end;
    -ms-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;

    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;

}

.flex-even {



    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;

    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;

    justify-content: space-evenly;
    -ms-justify-content: space-evenly;
    -webkit-justify-content: space-evenly;
    -moz-justify-content: space-evenly;

    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;

}

.widget-container {
max-width:100%;
margin: 0px auto;
padding:25px; 
background:white;
position:relative;
}

.widget-tarif{
	background:white;
	padding:10px;
	border-radius:10px;  
}

.widget-container .product-inventory .col-12{
	max-width:50%;
}

.widget-container .sticky{
	width:60%;
	position:sticky;
	top:90px;
	height: 100%;
}  



.widget-container .loc-details{ 
	width:38%;
}

.widget-container .v-application.ctv-availability .v-application--wrap{
	margin-bottom:0px;
}

.widget-container .owl-carousel .owl-item img, .widget-container #empl{
	height:320px;
}

.widget-container .owl-carousel .owl-item img{
	opacity:0.85;
	transition: all 250ms;
}
.widget-container .owl-carousel .owl-item img:hover{
	opacity:1;
}


.widget-container .owl-theme .owl-nav{	display:block;}

.widget-container .owl-carousel .owl-nav button.owl-prev, .widget-container .owl-carousel .owl-nav button.owl-next{
	background: #005fb3;
	color:#ffd807;
	padding: 0px 10px 10px 10px !important;
	position: absolute;
	bottom:120px;
	font-size:3em;
	border:none !important;
}

.widget-container .owl-carousel .owl-nav button.owl-prev:focus, .widget-container .owl-carousel .owl-nav button.owl-next:focus{
border:none !important;
}

#empl{background:black;}

.widget-container .owl-carousel .owl-nav button.owl-prev{
left:-10px;
}

.widget-container .owl-carousel .owl-nav button.owl-next{  
right:-10px;
}
 



@media (max-width: 1700px) {

#empl{margin-top:-50px;}
}

@media screen and (max-width: 1450px) {
.widget-container .owl-carousel .owl-item img, .widget-container #empl{
	height:220px;
}
 
.widget-container .owl-carousel .owl-nav button.owl-prev, .widget-container .owl-carousel .owl-nav button.owl-next{
	bottom:70px;
}

#empl{margin-top:-50px;}
}

@media screen and (max-width: 1240px) {
.par3{
    width:100%;
}
 #empl{margin-top:0px;}
  .widget-container .sticky, .widget-container .loc-details{
	  width:100%;
	  position:relative;
  top:auto;
}
.widget-container .owl-carousel .owl-item img, .widget-container #empl{
	height:320px;
}
.widget-container .owl-carousel .owl-nav button.owl-prev, .widget-container .owl-carousel .owl-nav button.owl-next{
	bottom:120px;
}
}

@media screen and (max-width: 1140px) {
  .par2 {
    max-width: 100% !important; 
	width:100% !important
  }
  .flex_images{
	  -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
	  flex-wrap: wrap;
  }
 


    #slider-annonce.owl-carousel .owl-nav .owl-prev {
        left: 10px;
    }

 #slider-annonce.owl-carousel .owl-nav .owl-next {
        right: 10px;
    }
}


@media screen and (max-width: 1250px){
.navbar-custom-cha, .navbar-collapse.collapse {
    justify-content: flex-end !important;
}

.margin-logo{
    margin:10px;
} 
}

@media screen and (max-width: 1000px){

.resa-contain{
	flex-wrap:wrap; justify-content:center;
}

.widget-container {
    max-width: 100%;
    margin: 0px auto;
    }
    }
    




    @media (max-width: 967px) {
    .foff, .fback {
        
        flex-flow: row wrap;
    }
    
   
    
    .bvign{
        width:95%;
        margin-top:10px;
        
    }
}

@media (max-width: 910px) {


.nav li a.dropdown-toggle, .nav li a.dropdown-toggle:focus, .nav li a.dropdown-toggle:visited, .nav li a.dropdown-toggle:active {
    padding:0 8px;
}
}

@media (max-width: 867px){
	.bg-mer{height:auto;}
.vign-mer{width:100%;}
.bloc-presentation{padding:10px 0;}
#piedcds img{margin:10px 0;}




}


@media (max-width: 767px){

    #slider-annonce.owl-carousel a, 
#slider-annonce.owl-carousel a:active, 
#slider-annonce.owl-carousel a:focus,
#slider-annonce.owl-carousel a:visited, 
#slider-annonce.owl-carousel a:hover, 
#slider-annonce.owl-carousel p, 
#slider-annonce.owl-carousel h3,  
#slider-annonce.owl-carousel h2, 
#slider-annonce.owl-carousel strong {
        font-size: 12px;
        margin: 5px 0 !important;
        padding: 5px 0px !important;
        background: transparent !important;
        transition: all 250ms;
    }

#slider-annonce.owl-carousel span{
	font-size: 42px;
}

    #slider-annonce.owl-carousel .owl-nav .owl-prev {
        left: 5px;
    }

 #slider-annonce.owl-carousel .owl-nav .owl-next {
        right: 5px;
    }

    .fback {
    
        flex-flow: row wrap;
    }
    .navbar-custom-cha{
        width:100%;
        padding: 120px 0;
    }
        
    .navbar-nav {
        margin: 0px;
    }
        
    .dropdown-toggle{
         text-align:center;
         width:100%;
         border-bottom: 1px solid #FFF;
    }	
        
        .nav li a, .nav li a.dropdown-toggle, .nav li a.dropdown-toggle:focus, .nav li a.dropdown-toggle:visited, .nav li a.dropdown-toggle:active, .menu-links {
            padding:25px;
            font-size:1.8em !important;
        }
        
    .navbar-default .navbar-nav .open .dropdown-menu > li > a,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:visited,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:active  {
    color: white ;
    width:100%;
    border-bottom:  none ;
    text-align:center;
    padding:20px;
    font-size: 1.3em !important;
    font-weight:600;
    background:transparent;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
    color:#bfd275;
    }
    

	 .navbar-collapse.collapse{
		display:none !important;
	}

    .nav li a.dropdown-toggle, .nav li a.dropdown-toggle:focus, .nav li a.dropdown-toggle:visited, .nav li a.dropdown-toggle:active {
        border-right:none !important;
        font-size:2.2em;
    }
	
	.navbar-custom-cha, .navbar-collapse.collapse.in{
		display:block !important;
		overflow:scroll;
		height:calc(100vh) !important;  
	}


}