/* Général */
body{font-family: Gotham; font-weight: normal; font-size: 15px; line-height: 21px; text-align: left; color: #2C3E50;}
a{color:inherit;}
a:hover{color:inherit; text-decoration:none;}
@media all and (min-width:1350px){
	.container, .container-sm, .container-md, .container-lg, .container-xl {max-width: 1350px;}
}
@media all and (min-width:1500px){
	.container, .container-sm, .container-md, .container-lg, .container-xl {max-width: 1500px;}
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.btn-dugardin{font-family: Gotham; font-weight: 500; font-size: 16px; color: #fff; fill:#fff;  height:45px; line-height:45px; padding:0px 45px; display:inline-block; background:#CFAB79; transition:all 0.2s; border:0;border-radius:50px;}
.btn-dugardin i{font-size:10px;}

.btn-link{font-family: Gotham; font-weight: 500; font-size: 16px; color: #D2AC7B; fill:#D2AC7B; display:inline-block; background:none; transition:all 0.2s; border:0;}
.btn-link:hover{color:#D2AC7B;}
.btn-link i{font-size:10px;}

.btn-dugardin-ternary{font-family: Gotham; font-weight: 500; font-size: 16px; color: #D2AC7B; fill:#D2AC7B;  height:45px; line-height:45px; padding:0px 45px; display:inline-block; background:transparent; transition:all 0.2s; border:0;}
.btn-dugardin:hover{background:#B58D5A  !important; color:#FFF;}

.btn-dugardin-medium{height:45px; line-height:45px;}
.btn-mini{padding:0 15px;}

.btn-blue{background:#2C3E50;}
.btn-blue:hover{background:#6186AB   !important;}

.btn-linkedin{background:#12669B;}
.btn-linkedin:hover{background:#3291CC   !important;}

.form-control{border-radius:50px; border:0; height:45px; line-height:45px; padding:0px 20px; font-family: Gotham; font-weight: normal; font-size: 15px; text-align: left; color: #2c3e50;}
.form-control::placeholder{color: #2c3e50; opacity: 0.51; font-weight:400;}

.custom-file label{border-radius:0; border:0; height:45px; line-height:45px !important; padding:0px 20px; font-family: Gotham !important; font-weight: 400 !important; font-size: 15px !important; text-align: left; color: #BEC3C9 !important;}
.custom-file-input ~ .custom-file-label::after {
background-image:url('../images/icon_upload.png');
background-position:center center;
background-repeat:no-repeat;
background-color: #D2AC7B;
content: "";
border-radius:0;
height:45px;
width:45px;
}

.break {
  flex-basis: 100%;
  height: 0;
}



.dugardin-select {background-color: transparent;}
.dugardin-select .filter-option-inner-inner{ font-weight: normal; font-size: 15px; text-align: left; color: #2c3e50; opacity: 0.51;}
.dugardin-select .dropdown-item {padding: 0px 10px; height:30px; line-height:30px;}
.dugardin-select .dropdown-item.active, .protiere-select .dropdown-item:active {background-color: #D2AC7B}
.dugardin-select .btn{background:#F5F5F5; border-radius:50px; border:0; margin-top: -5px;padding:10px 20px;}
.dugardin-select .dropdown-toggle::after{border:0; content:"\f078"; font-family:"Font Awesome 5 Pro"; font-size:10px;}


.radio {display: block; position: relative; padding-left: 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none}
.radio input { position: absolute; opacity: 0; cursor: pointer;}
.checkround {position: absolute; top: 4px; left: 0; height: 14px; width: 14px; background-color: #fff ; border-color:#314051; border-style:solid;border-width:1px; border-radius: 50%; }
.radio input:checked ~ .checkround {background-color: #fff; }
.checkround:after { content: ""; position: absolute; display: none;}
.radio input:checked ~ .checkround:after {display: block; }
.radio .checkround:after { left: 1px; top: 1px; width: 10px; height: 10px; border-radius: 50%; background:#D2AC7B;}

/* The check */
.check { display: block; position: relative; padding-left: 25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.check input { position: absolute; opacity: 0; cursor: pointer; }
.checkmark {position: absolute; top: 3px; left: 0; height: 14px; width: 14px; background-color: #fff ; border-color:#2C3E50; border-style:solid; border-width:1px;}
.check input:checked ~ .checkmark { background-color: #fff  ; }
.checkmark:after { content: ""; position: absolute; display: none; }
.check input:checked ~ .checkmark:after { display: block;}
.check .checkmark:after { left: 4px; top: 0px; width: 5px; height: 10px; border: solid ; border-color:#CFAB79; border-width: 0 1px 1px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.cust-btn{ margin-bottom: 10px; background-color: #FFF; border-width: 0px; color: #fff;}
.cust-btn:hover{border-color: #f8204f; background-color: #fff; color: #CFAB79; border-radius: 20px; transform-style: 2s;}


nav.pages{width:100%; display:flex; flex-wrap: wrap; justify-content: space-between; padding:0 15px;}
.pagination{text-align:center; margin-top:16px; display:inline-block;}
.pagination > li {display:inline-block; margin:0 0px; }
.pagination > li > a, .pagination > li > span{display:inline-block;border-radius: 50px; color:#2C3E50; background-color:#EAEAEA; line-height:40px; text-align:center; width:44px; height:40px;}
.pagination > li.disabled > a{cursor: not-allowed; opacity:0.5;}
.pagination > li.first > a, .pagination > li.last > a{background-color:#D2AC7B; color:#FFF; width:214px;}
.pagination > li.first {justify-content: start;}
.pagination > .active > a, .pagination > .active > span, .pagination > a:hover, .pagination > span:hover, .pagination > a:focus, .pagination > span:focus{background-color:#D2AC7B; color:#FFF; }

/* Header */

#topheader{background-color:#F5F5F5;}
#topheader ul{list-style-type: none; text-align:right;}
#topheader ul li{display:inline-block;}
#topheader ul li a{display:block; color:#2C3E50; font-weight: 500; font-size: 13px; line-height: 21px; text-align: center; color: #2c3e50; padding:5px 10px; position:relative; text-decoration:none; transition:all 0.2s;}
#topheader ul li.or a{color:#CFAB79;}
#topheader ul li.or a .badge{background-color:#CFAB79; color:#FFF; border-radius:50%; width: 18px; height: 18px; line-height: 18px; padding: 0;}
#topheader ul li a .icon{fill:#2C3E50;}
#topheader ul li a::after{position:absolute; top:10px; right:0; content:""; width:1px; height:14px; background:#CCCCCC;}
#topheader ul li:last-child a::after{display:none;}

#topheader ul li a:hover, #topheader ul li a.active{background:#2C3E50; color:#FFF;}
#topheader ul li a:hover .icon, #topheader ul li a.active .icon{fill:#FFF;}
#topheader ul li a:hover::after, #topheader ul li a.active::after{display:none;}

#topheader ul li.or a:hover{background-color:#CFAB79; color:#FFF;}
#topheader ul li.or a:hover .badge{background-color:#FFF; color:#CFAB79; border-radius:50%;}

/* Menu PC */
#menu{}
#menu nav{margin-bottom:20px;}
#menu .navbar-nav .nav-link{font-family: "Caviar Dreams"; font-weight: bold; font-size: 16px; text-align: center; color: #2c3e50; text-transform:uppercase; transition:all 0.2s;}
#menu .navbar-nav .nav-link:hover, .nav-link.active{color:#CFAB79;}
#menu .navbar-nav {display:flex; align-items:center;}
#menu .navbar-brand{padding:0 20px;}
#menu .nav-item{padding:0 8px;}

#menu .content_menu_pc{border-top:1px solid #D9D9D9; background:#F5F5F5; padding:0px 0;}
#menu .content_menu_pc_element{display:none;}
#menu .header_ssmenu{display:flex;justify-content:center;align-items:start; flex-flow: row wrap; width:100%;}
#menu .header_ssmenu_item{font-size: 15px; line-height: 20px; text-align: center; color: #2c3e50; text-transform: uppercase; margin:28px 10px 28px 0; max-width:140px; transition: all .2s;}
#menu .header_ssmenu_item:first-child{margin-left:0px;}
#menu .header_ssmenu_item:last-child{margin-right:0px;}
#menu .header_ssmenu_item_image{background:#FFF; border-radius:50%; width:100px; height:100px; display:flex;justify-content:center;align-items:center; margin:0 auto 12px auto; transition: all .2s;}
#menu .header_ssmenu_item .header_ssmenu_item_image svg path{transition: all .2s; fill:#2C3E50 !important; stroke:transparent !important;}
#menu .header_ssmenu_item:hover .header_ssmenu_item_image{background:#2C3E50;}
#menu .header_ssmenu_item:hover .header_ssmenu_item_image svg path{fill:#FFF !important;}
#menu .header_ssmenu_item:hover {}

.nav_dugardin{display: grid;grid-template-columns: auto;align-items: center;width:100%;margin: auto;}

/* Menu Mobile */
.main-menu{width: 100%; height: 100%; opacity: 0; visibility: hidden;}
.nav-open .main-menu {opacity: 1; visibility: visible; background: rgba(44,62,80, 0.98); }
.main-menu .nav li a{font-family: "Caviar Dreams"; font-weight: bold; font-size: 21px; text-align: center; color: #fff; text-transform: uppercase; line-height:1.4em;}
.main-menu .nav li a  img{vertical-align: 2px;}
.main-menu .nav.sousmenu_mobile {margin-top:35px; padding-top:35px; border-top:1px solid #41556A;}
.main-menu .nav.sousmenu_mobile li a{font-family: "Gotham"; font-weight: 500; font-size: 16px; text-align: center; color: #fff; text-transform: none;  line-height:1.3em;}
.main-menu .nav.sousmenu_mobile li a img{vertical-align: -1px;}

.main-menu .nav li{opacity: 0; -webkit-transform: translateY(-40px); transform: translateY(-40px); -webkit-animation-timing-function: cubic-bezier(.45,.005,0,1); -moz-animation-timing-function: cubic-bezier(.45,.005,0,1); -o-animation-timing-function: cubic-bezier(.45,.005,0,1); animation-timing-function: cubic-bezier(.45,.005,0,1);}
.nav-open .main-menu .nav li{ opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-transition: -webkit-transform .2s,opacity .2s; transition: transform .2s,opacity .2s;}

.nav-button{position:relative; z-index:1111; height:42px; display:block; width:100px; padding:12px; text-align:right;}
.nav-button .nav-button-title{position:absolute; top:12px; left:3px; font-size: 16px; color: #2c3e50;}
.nav-button #nav-icon3{width:24px;height:22px;display:inline-block;position:relative;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;}
.nav-button #nav-icon3 span{display:block;position:absolute;height:3px;width:100%;background:#2C3E50;border-radius:9px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
.nav-button #nav-icon3 span:nth-child(1){top:0}
.nav-button #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3){top:7px}
.nav-button #nav-icon3 span:nth-child(4){top:14px}
.nav-open #nav-icon3 span{background:#FFF;}
.nav-open #nav-icon3 span:nth-child(1){top:9px;width:0;left:50%;}
.nav-open #nav-icon3 span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.nav-open #nav-icon3 span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.nav-open #nav-icon3 span:nth-child(4){top:9px;width:0;left:50%}
.content_menu_mobile{position:relative;}
.content_menu_mobile_close{position:absolute; top:-54px; left:0; font-family: "Gotham"; font-weight: bold; font-size: 16px; color:#FFF; cursor:pointer;}
.content_menu_mobile_close svg{margin-right:16px; }
.main-menu .flex-center{display:flex;justify-content:center;align-items:start;height:100%; padding:2rem; padding-top:80px;}

/* Alerte Header */
#header-alerte{background:#CFAB79; font-family: Gotham; font-size: 15px; line-height: 21px; text-align: center; color: #fff; padding: 11px 0;}

/* Footer */
#footer{background-color:#2C3E50; padding:38px 0; color:#FFF;}
#footer .footer_head{font-family: Gotham; font-weight: normal; font-size: 15px; line-height: 21px; text-align: left; border-bottom:1px solid #41556A; padding-bottom:38px;}
#footer .footer_head .container{justify-content:center;align-items:center;}

#footer .footer_nav{padding-top:38px; border-bottom:1px solid #41556A; padding-bottom:10px;}
#footer .footer_nav h3{font-size:15px;}
#footer .footer_nav ul{list-style-type: none; list-style-position: inside; margin:0; padding:0; margin-bottom:30px; }
#footer .footer_nav .footer_nav_titre{font-weight:bold; padding-bottom:3px;}
#footer .footer_nav .footer_nav_home{color:#CFAB79;}
#footer .footer_nav ul li a{transition: all .2s;}
#footer .footer_nav ul li a:hover{color:#CFAB79;}
#footer .footer_nav .footer_nav_rs li i{font-size:25px; vertical-align: middle; margin-right:8px;}
#footer .footer_nav .footer_nav_rs li, #footer .footer_nav .footer_nav_paiement li{padding-bottom:11px;}

#footer .footer_legal{padding:38px 0 0 0;}
#footer .footer_legal ul{list-style-type: none; list-style-position: inside; margin:0; padding:0; float:left;}
#footer .footer_legal ul li{display:inline-block; margin-right:24px;}
#footer .footer_legal_karita {position:relative; height: 66px; background: transparent; text-align: center; overflow: hidden; width: 100px; margin-top: -10px; float:right;}
.footer_legal_karita a {display: inline-block; text-decoration: none; width:80px; height:54px; }
.footer_legal_karita a img { vertical-align: middle; }
body:not(.iOS) #lines * { mix-blend-mode: lighten; }
.footer_legal_karita #fills * { opacity: 0; mix-blend-mode: lighten; }
.footer_legal_karita #line-i-1 { transform-origin: 30em 8em; }
.footer_legal_karita .fireworks { position: absolute; top: 0; left: 0; width: 100px; height: 25px;}
.footer_legal_karita .st0{fill:#AE9A66;}
.footer_legal_karita svg.logo { opacity: 1; background: rgba(255, 255, 255, 0); width: 80px; position: absolute; margin-top: -5px; margin-left: 48px; display: inline-block; bottom: 0; }
.footer_legal_karita a{ position: relative; }
.footer_legal_karita svg.logo { display: block; text-align: right; right: 0; margin: 0; top: 0; width: 80px; margin-left: 0; margin-right: 0; left: inherit; position: relative; } 


.home_title{position:relative;}
.home_title_link{position:absolute; bottom:0; right:5px; font-family: Gotham; font-weight: 500; font-size: 15px; line-height: 21px; text-align: left; color: #d2ac7b;}
.home_title_link i{font-size:10px;}

/* Listing véhicules */
.list_vehicules{}
.list_vehicules_neuf{background: #F5F5F5;}
.list_vehicules h2{font-family: "Caviar Dreams"; font-weight: bold; font-size: 27px; text-align: left; color: #2C3E50; text-transform: uppercase; text-align:left;}
.list_vehicules h4{font-family: "Caviar Dreams"; font-weight: bold; font-size: 15px; text-align: left; color: #d2ac7b; text-transform: uppercase; position:relative; margin-bottom:15px; padding-bottom:15px; text-align:left;}
.list_vehicules h4:after{content:""; position:absolute; bottom:0; left:0; height:1px; background:#CFAB79; width:35px;}
.list_vehicules_neuf{padding:75px 0 20px 0;}
.list_vehicules_legal{font-family: Gotham; font-weight: bold; font-size: 18px; line-height: 18px; text-align: center; color: #2C3E50; text-align:center; margin-top:50px;}
.list_vehicules_vertical_line i{margin: 0 10px;}
.list_vehicules_vertical_line::before{content: "";position: absolute;bottom: 13px;height: 50%;background: #CFAB79;width: 1px;}

/* Miniature véhicules */
.vehicule_mini_wrap{padding:0 10px;}
.vehicule_mini{position:relative; transition:all 0.5s;height: 100%;}
.vehicule_mini:hover{}
.vehicule_mini_fav, .vehicule_mini_compare{position:absolute; top:8px; right:8px; z-index:2; width:34px; height:34px; background:#FFF; border-radius:50%; line-height:34px; text-align:center; color:#D2AC7B; transition:all 0.2s;}
.vehicule_mini_fav i, .vehicule_mini_compare i{font-size:15px;}
.vehicule_mini_compare i{margin-left:-4px;}
.vehicule_mini_fav:hover, .vehicule_mini_compare:hover, .vehicule_mini_fav.active, .vehicule_mini_compare.active{background-color:#CFAB79; color:#FFF; }
.vehicule_mini_compare{top:48px;}

.vehicule_mini_localisation{position:absolute; bottom:8px; right:8px; z-index:2; height:34px; background:#FFF; border-radius:17px; padding:0 8px; line-height:34px; text-align:center; font-family: Gotham; font-weight: 500; font-size: 12px; color: #2c3e50;}
.vehicule_mini_localisation i{font-size:18px; color:#D2AC7B;}

.vehicule_mini_prime{display: flex;place-items: center;position:absolute; bottom:8px; right:8px; z-index:2; height:34px; background:#3C8B45; border-radius:17px; padding:0 8px; line-height:34px; text-align:center; font-family: Gotham; font-weight: 500; font-size: 12px; color: #FFF;}
.vehicule_mini_prime i{font-size:18px; color:#FFF;margin-right: 5px;}

.vehicule_mini_tags{position:absolute; top:8px; left:8px; z-index:2;}
.vehicule_mini_tags .vehicule_mini_tag{ border-radius:20px; padding:8px 15px; display:flex; justify-content:start;align-items:center; font-family: Gotham; font-weight: normal; font-size: 14px; line-height: 11px; text-align: left;color: #fff;}
.vehicule_mini_tags .vehicule_mini_tag .vehicule_mini_tag_image{flex-shrink: 0; margin-right:8px;}
.vehicule_mini_tags .vehicule_mini_tag .vehicule_mini_tag_image img{max-height:20px; object-fit: contain;}
.vehicule_mini_tags .vehicule_mini_tag .vehicule_mini_tag_titre{max-width:180px;}

.vehicule_mini_photo{width:100%; height:270px; position:relative;}
.vehicule_mini_photo img{object-fit: cover; transition: all .5s; width:100%; height:100%; position:relative;}
.vehicule_mini_photo:after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:none;  transition: all .5s;}
.vehicule_mini_photo:hover:after{background:rgba(44, 66, 80, 0.4);}
.vehicule_mini_details{background:#FFF; padding:15px 15px 15px 15px; display:flex; align-items: center; justify-content: space-between;}
.vehicule_mini_details > div:last-child{padding-left:8px;}
.vehicule_mini_nom{font-family: Gotham; font-weight: bold; font-size: 20px; line-height: 21px; text-align: left; color: #2c3e50; text-transform: uppercase;}
.vehicule_mini_modele{font-family: Gotham; font-weight: normal; font-size: 14px; line-height: 21px; text-align: left; color: #838383; text-transform: uppercase; height:2em;}
.vehicule_mini_caracteristiques{font-family: Gotham; font-weight: 400; font-size: 13px; line-height: 21px; text-align: left; color: #2c3e50; background:#FFF; padding:14px 15px;}
.vehicule_mini_caracteristiques ul{list-style-type: none; display:flex;justify-content:space-around;align-items:start; flex-flow: row wrap; margin:0; padding:0;}
.vehicule_mini_caracteristiques ul li{margin-left:8px;}
.vehicule_mini_caracteristiques ul li:first-child{margin-left:0px;}
.vehicule_mini_prix{background: rgb(49,64,81); background: linear-gradient(113deg, rgba(49,64,81, 1) 0%, rgba(49,64,81, 1) 54%, rgba(45,55,67,1) 54%, rgba(45,55,67,1) 100%); padding:17px 15px; position:relative; display:flex; justify-content:center;align-items:center; flex-flow: row wrap;}
.vehicule_mini_comptant{width:60%; display:inline-block; font-family: Gotham; font-weight: bold; font-size: 26px; line-height: 21px; text-align: left; color: #fff;}
.vehicule_mini_separator{position:absolute; left:calc(54% - 14px); font-family: Gotham; font-weight: bold; font-size: 14px; line-height: 17px; text-align: left; color: #fff;}
.vehicule_mini_credit{width:40%; display:inline-block; font-family: Gotham; font-weight: normal; font-size: 13px; line-height: 24px; text-align: left; color: #fff;}
.vehicule_mini_credit span{font-size: 26px; font-weight: bold;}

.vehicule_mini_comparateur .vehicule_mini_prix{background: rgb(49,64,81); background: linear-gradient(113deg, rgba(49,64,81, 1) 0%, rgba(49,64,81, 1) 54%, rgba(45,55,67,1) 54%, rgba(45,55,67,1) 100%); padding:17px 15px; position:relative; display:flex; justify-content:center;align-items:center; flex-flow: row wrap;}
.vehicule_mini_comparateur .vehicule_mini_details{background:#EAEAEA;}
.vehicule_mini_comparateur .vehicule_mini_compare{ top:8px; right:8px; background:none;}
.vehicule_mini_comparateur .vehicule_mini_compare:hover, .vehicule_mini_comparateur .vehicule_mini_compare.active{background:none;}

/* Miniature actus */
.actu_mini_wrap{padding:0px 10px;}
.actu_mini_photo{width:100%; height:270px; position:relative;}
.actu_mini_photo img{object-fit: cover; transition: all .5s; width:100%; height:100%; position:relative;}
.row .actu_mini_wrap .actu_mini{background-color:#F2F2F2; height:100%;}
.row .actu_mini_wrap:nth-of-type(2n) .actu_mini{background-color:#EAEAEA;}
.actu_mini_details{padding:25px 20px;}
.actu_mini_marque{display:inline-block; font-family: Gotham; font-weight: normal; font-size: 15px; line-height: 21px; text-align: left; color: #d2ac7b; margin-right:16px;}
.actu_mini_date{display:inline-block; font-family: Gotham; font-weight: normal; font-size: 15px; line-height: 21px; text-align: left; color: #2c3e50;}
.actu_mini_description{margin-top:30px; font-family: Gotham; font-weight: normal; font-size: 15px; line-height: 21px; text-align: left; color: #2c3e50;}

/* Fil d'Ariane */
.breadcrumbs{font-family: Gotham; font-weight: normal; font-size: 15px; line-height: 21px; text-align: left; color: #b9b9b9; margin:10px 0;}
.breadcrumbs ol{display:block; margin:0; padding:0; list-style-type: none; list-style-position: inside;}
.breadcrumbs li{display:inline-block; position:relative; padding-right:10px;}
.breadcrumbs li:last-child{padding-right:0px;}
.breadcrumbs li:after{content:""; position:absolute; right:0px; top:8px; background:url('../images/breadcrumbs.png') no-repeat; background-size: cover; width:4px; height:8px;}
.breadcrumbs li:last-child:after{content:""; display:none;}
.breadcrumbs li a:hover{text-decoration:underline;}


.list_actu_title{position:relative;}
.list_actu_title_main{font-family: "Caviar Dreams"; font-weight: bold; font-size: 27px; text-align: left; color: #2c3e50; text-transform: uppercase; margin-bottom:6px;}
.list_actu_title_sub{font-family: "Caviar Dreams"; font-weight: bold; font-size: 15px; text-align: left; color: #d2ac7b;  text-transform: uppercase; position:relative; margin-bottom:15px; padding-bottom:15px;}
.list_actu_title_sub:after{content:""; position:absolute; bottom:0; left:0; height:1px; background:#CFAB79; width:35px;}
.list_actu_title_link{position:absolute; top:3px; right:0px;}
.list_actu_title_link i{font-size:10px;}
.list_actualites{padding:75px 0 20px 0;}
.list_actualites h2{color:#2C3E50;}
.list_actualites .list_actualites_intro{font-family: Gotham; font-weight: normal; font-size: 15px; line-height: 21px; text-align: left; color: #2c3e50; margin-bottom:16px;}
#liste_actualites_slide .liste_actualites_slide_item{background:#F2F2F2;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background:#D2AC7B !important;}


#groupe .annexe .list_actualites_wrap{background:#F5F5F5;}
#groupe .annexe .row .actu_mini_wrap:nth-of-type(2n+1) .actu_mini{background-color:#FFF;}

.liste_marque_items{display:flex;justify-content: space-between;align-items:center; flex-flow: row wrap; width:100%; padding:20px;}
.liste_marque_item{text-align:center; margin-bottom:30px;}
.liste_marque_item img{max-width:103px;}
.liste_marque h2{font-family: "Caviar Dreams"; font-weight: bold; font-size: 27px; text-align: left; color: #2c3e50; text-transform: uppercase; text-align:center;}
.liste_marque h4{font-family: "Caviar Dreams"; font-weight: bold; font-size: 15px; text-align: left; color: #d2ac7b; text-transform: uppercase; position:relative; margin-bottom:15px; padding-bottom:15px; text-align:center;}
.liste_marque h4:after{content:""; position:absolute; bottom:0; left:calc(50% - 17px); height:1px; background:#CFAB79; width:35px;}

#liste_marque_volet {width: 92px; padding: 25px 15px; background: #F5F5F5; position: fixed; left: -92px; top: 55px; -webkit-transition: all .5s ease-in; transition: all .5s ease-in; z-index:99;}
#liste_marque_volet a.liste_marque_volet_open {padding: 10px 25px;	color: #fff; text-decoration: none;	position: absolute;	right: -89px; top: -10px; color:#2C3E50;  height:160px;}
#liste_marque_volet a span { display:inline-block;  background: #F5F5F5; padding:5px 5px 10px 10px;}
#liste_marque_volet .liste_marque_volet_open_text {transform: rotate(270deg); position:absolute; top:72px; left:-70px; width:160px; padding:5px 5px 10px 10px; font-size: 15px;}
#liste_marque_volet .liste_marque_volet_open_fleche {padding:5px;}
#liste_marque_volet .liste_marque_volet_item img{max-width:100%; margin-bottom:15px;}

#liste_marque_volet.active{left:0;}
#liste_marque_volet.active a.liste_marque_volet_open{right:-56px;}
#liste_marque_volet.active .liste_marque_volet_open_text {display:none;}
#liste_marque_volet.active .liste_marque_volet_open_fleche {transform: rotate(180deg);}


.d-column{flex-direction:column}
#body{min-height:200px;}


#espaceclient{display:none; position:fixed; top:0; left:0; height:100vh; width:100vw; z-index:9999; background:#2c3e50; transition: all 0.5s;}
#espaceclient .row{}
#espaceclient .espaceclient_image img{object-fit: contain; width:100%; height:100%;}
#espaceclient .espaceclient_form{height:100vh; display:flex;position:relative;font-size: 0.7em;}
#espaceclient.active{display:block;}

#espaceclient .espaceclient_close{font-family: Gotham; font-weight: normal; font-size: 14px; line-height: 21px; color: #FFFFFF; position:absolute; top:20px; right:20px; cursor:pointer;}

#espaceclient .espaceclient_form_content{width:100%; padding:0 50px 0 50px;}
#espaceclient .espaceclient_form_info{width:100%; padding:0 50px 0 50px;}

#espaceclient .espaceclient_titre{font-family: "Caviar Dreams"; font-weight: bold; font-size: 27px; text-align: left; color: #FFFFFF; text-transform:uppercase; text-align:center; }
#espaceclient .espaceclient_sstitre{position:relative; margin-bottom:20px; padding-bottom:9px; font-family: "Caviar Dreams"; font-weight: bold; font-size: 15px; text-align: center; color: #d2ac7b; text-transform:uppercase;}
#espaceclient .espaceclient_sstitre:after{content:""; position:absolute; bottom:0; left:calc(50% - 17px); height:1px; background:#CFAB79; width:35px;}

#espaceclient .connexion_form{padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #D9D9D9;}
#espaceclient .connexion_form label{font-family: Gotham; font-weight: bold; font-size: 15px; line-height: 21px; text-align: left; color: #FFFFFF; width:100%;}
#espaceclient .connexion_form .form-control{background-color:#FFF; width:calc(100% - 45px);}
#espaceclient .connexion_form .form_connexion_icone{display:inline-block; width:40px; text-align:center;}
#espaceclient .connexion_lost_password{font-family: Gotham; font-weight: bold; text-decoration: underline; font-size: 15px; line-height: 21px; text-align: center; color: #d2ac7b;}
#espaceclient .connexion_back{font-family: Gotham; font-weight: bold; text-decoration: underline; font-size: 15px; line-height: 21px; text-align: center;color: #FFFFFF; margin-top:50px;}

#espaceclient label, #espaceclient p, #espaceclient b{color: #FFFFFF;}

.menu-compte .menu-compte-wrap{background-color: #2c3e50;padding: 30px 20px;}
.menu-compte a{font-family: Gotham; font-weight: bold; font-size: 0.8em; line-height: 21px; color: #FFFFFF; text-transform:uppercase; display:block; margin-bottom:15px; display:flex; align-items:center;}
.menu-compte a svg{margin-right:12px;}
.menu-compte a path, .menu-compte a circle{fill:#FFFFFF;}
.menu-compte a:hover, .menu-compte a.active{color:#CFAB79;}
.menu-compte a:hover path,.menu-compte a:hover  circle, .menu-compte a.active path,.menu-compte a.active circle{fill:#CFAB79;}

.moncompte_contenu{min-height:500px; margin-bottom:40px;}
.moncompte_contenu .form-control{background:#F5F5F5;}

.champs_required{font-family: Gotham; font-weight: normal; font-size: 15px; line-height: 21px; text-align: left; color: #2c3e50; opacity: 0.31;}

#reservation h6{font-family: "Caviar Dreams"; font-weight: bold; font-size: 27px; text-align: left; color: #2c3e50; position:relative; padding-bottom:16px; margin-bottom:16px; text-align:center; width:100%; text-transform:uppercase;}
#reservation h6:after{content:""; position:absolute; bottom:0; left:calc(50% - 17px); height:1px; background:#CFAB79; width:35px;}

#popup_wrap{z-index:9999; position:fixed; width:100vw; height:100vh; background: transparent; backdrop-filter: blur(5px); --webkit-backdrop-filter: blur(5px); background-color: rgba(0, 0, 0, 0.25);}
#popup{z-index:9999; position:fixed; max-width: 800px; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#popup .popup_texte_wrap{background: #FFF; padding:20px;}
#popup .popup_texte_titre{font-weight:bold; font-size: 18px; text-align: left; color: #D2AC7B; position:relative; margin-bottom:16px; padding-bottom:8px; text-transform:uppercase;}
#popup .popup_texte_titre:after{content:""; position:absolute; bottom:0px; height:1px; width:50px; background-color:#D2AC7B; left:0;}
#popup .popup_texte_texte{font-weight: normal; font-size: 20px; text-align: left; color:#314051;}
#popup .popup_texte_bouton{font-family: Gotham;font-weight: 500;  font-size: 15px; line-height: 21px; text-align: left; color: #314051;}
#popup .popup_texte_bouton i{font-size:12px;}
#popup .popup_image{cursor: pointer; position:relative; height:100%;}
#popup .popup_image img{object-fit: cover; width:100%; height:100%;}
#popup .popup_close{cursor: pointer; position:absolute; top:10px; right:10px;}

.marque_logo{position:absolute; top:0px; right:0px; width:120px; height:5px;}
.marque_logo img{object-fit: contain; z-index: 8; position: absolute; top: 0px; left: 60px; width: 60px;height: 60px;}
.marque_logo{border-style: solid; border-width: 0 120px 120px 0; border-color: transparent #005A2B transparent transparent; z-index:2;}

.marque_concessions_container h2{color: #2C3E50;}
.marque_concession_wrap{padding-left:10px !important; padding-right:10px !important; margin-bottom:20px;}
.marque_concession{background:#F5F5F5; padding:25px;}
.marque_concession .marque_concession_ville{font-family: "Caviar Dreams"; font-weight: bold; font-size: 27px; color:#314051; text-transform: uppercase; text-align:left;  margin-bottom:20px; padding:0;  padding-bottom:12px; position:relative; text-align:center;}
.marque_concession .marque_concession_ville:after{content:""; position:absolute; bottom:0; left:calc(50% - 17px); height:1px; background:#CFAB79; width:35px;}
.marque_concession .marque_concession_adresse{text-transform: uppercase; text-align:center;}
.marque_concession .marque_concession_lien{text-align:center; color:#d2ac7b; font-weight:bold; margin-top:16px;}


.marque_offre{background:#2B3C4E; padding:40px 0;}
.marque_offre h2{color:#FFF;}

/* Offres */

.offre_mini{margin-bottom:30px; background:#F5F5F5;}
.offre_mini_image{position:relative; height:260px;}
.offre_mini_image:after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:none;  transition: all .5s;}
.offre_mini_image:hover:after{background:rgba(44, 66, 80, 0.4);}
.offre_mini_image img{width:100%; height:100%; object-fit: cover;}
.offre_mini_type{position:absolute; top:10px; left:10px; font-family: Gotham; font-weight: bold; font-size: 17px; color: #fff; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.55);}
.offre_mini_marque{position:absolute; top:0px; right:0px; width:40px; height:25px;}
.offre_mini_marque img{object-fit: contain; z-index: 8; position: absolute; top: 0px; left: 40px; width: 40px;height: 40px;}
.offre_mini_marque{border-style: solid; border-width: 0 80px 80px 0; border-color: transparent #005A2B transparent transparent; z-index:2;}
.offre_mini_disable .offre_mini_marque{border-color: transparent #707070 transparent transparent !important;}
.offre_mini_titre{position:relative; font-family: Gotham; font-weight: bold; font-size: 20px; line-height: 21px; text-align: center; color: #2c3e50; margin-bottom:15px; padding-bottom:15px; margin-top:38px;}
.offre_mini_titre:after{content:""; position:absolute; bottom:0; left:calc(50% - 17px); height:1px; background:#CFAB79; width:35px;}
.offre_mini_sstitre{font-family: Gotham; font-weight: 500; font-size: 15px; line-height: 21px; text-align: center; color: #2c3e50; margin-bottom:10px;}
.offre_mini_date{font-family: Gotham; font-weight: 500; font-size: 15px; line-height: 21px; text-align: center; color: #d2ac7b; padding-bottom:38px;}
.offre_mini_disable .offre_mini_date{color:#B2B2B2}
.offre_mini_disable .offre_mini_titre:after{background:#B2B2B2;}
.offre_mini_disable{opacity:0.4;}
.offre_mini_disable .offre_mini_image img{filter: grayscale(1);}
.offre_mini_disable .offre_mini_image img{filter: grayscale(1);}