@charset "utf-8";
/*	----------------------------------------------------------------
*	HTML defaults
*/
html{background: #fff;}
body{font-size:13px;line-height:20px;font-family: 'Lato';color: #555;}
input[type=checkbox]{border:0;}
img{vertical-align:text-bottom;}
sup{font-size:.6em;vertical-align:top;}
/*a:link,a:visited{color:#fff;}
a:hover,a:active{color:#000;}*/
.base-border-color.blue { border-color: #000044!important;}
.base-color.blue { color: #000044!important;}
.base-color.blue:hover { background: #000044!important;}
@font-face {
    font-family: 'Corporate A BQ';
    src: url('fonts/CorporateABQ-Regular.woff2') format('woff2'),
        url('fonts/CorporateABQ-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/*	----------------------------------------------------------------
*	Useful classes
*/
.clear:before,
.clear:after,
.header-section:before,
.header-section:after,
.content-section:before,
.content-section:after,
.footer-section:before,
.footer-section:after {
	content: " ";
	display: table;
}
.clear:after,
.row:after,
.header-section:after,
.content-section:after,
.footer-section:after {
	clear: both;
}

hr {display:block;clear: both;position: relative;width: 100%;border:0px;border-top: 1px solid #EEE;width:100%; margin: 0 auto;margin-bottom: 20px;margin-top: 20px;}
span.settings {color:red;}
span.settings b {color:#01A517;}

.hidden{display: none;}

.bg-white{background: #FFFFFF;}
.no-padding{padding: 0 !important;}
.underline{text-decoration: underline;}
.ph10{padding-left: 10px !important;padding-right: 10px !important;}
.h20{display: block; clear: both; height:20px;}
.h50{display: block; clear: both; height:50px;}

.f-left{float: left !important;}
.f-right{float: right !important;}
.loading_container {text-align:center; position:absolute; width: 200px; height: 200px; top: 20%;left: 40%;}
.aligncenter{text-align:center;}

.mr-10{margin-right: 10px;}
.mb-20{margin-bottom: 20px;}

.show_on_mobile{display:none!important}
.animation-infinite {animation: zoomInOut 2s infinite;}


.youtube-holder{max-width: 100%; position: relative; margin: 0; height: 0px; overflow: hidden; padding-bottom: 56.25%;}
.youtube-holder iframe{position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%;}

/*	================================================================
*	base classes used for settings default colors dependant on domain marque color (values are overwritten in core.php controller)
*/
.base-color {color: #000000 !important;}
.base-border-color {border-color: #000000 !important;}
.base-bg-color {background: #000000 !important;}

/*	================================================================
*	block:	HEADER
*/
#header {background-color: rgba(0,0,0,0.4);position: relative; line-height: 0;}
#header a.logo {display: block;float: left;}
#header a.cfao {display: block;float: right; margin-right:10px;}
#header a.logo img {height:100px;-webkit-transition: height .4s ease, opacity .3s ease;-o-transition: height .4s ease, opacity .3s ease;transition: height .4s ease, opacity .3s ease;}
#header .country_header a.logo img { max-width: 110px; max-height: 49px; margin-top: 30px; margin-left: 20px; height: auto; width: 100%;}
#header h1 {float: left;height: 60px;line-height: 60px;margin: 20px 0 20px 30px;padding: 0px 0px 0px 30px;font-size: 24px;/*border-left: 1px solid #787878;*/color: #fff;}
#header nav {float: right;}
#header nav ul {float: left;}
#header nav ul li {float: left;padding: 29px 0px;}
#header nav ul li > a {display: block;line-height: 22px;padding:10px;margin: 0px 2px;color: #eee;font-weight: bold;font-size: 12px;letter-spacing: 1px;text-transform: uppercase;-webkit-transition: margin .4s ease, padding .4s ease;-o-transition: margin .4s ease, padding .4s ease;transition: margin .4s ease, padding .4s ease;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
#header nav ul li > a.active, #header nav ul li > a:hover {background:#00334c;}
#header div.trigger-menu-side {float: right;padding: 35px 20px 35px 20px;line-height: 20px;}
#header div.trigger-menu-side span {display: block; line-height:18px;font-size:18px;color:#ededed; padding:5px 10px; border:1px solid #656565; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; cursor: pointer;text-align: center;font-weight: bold;text-transform: uppercase;}
#header div.trigger-menu-side span:hover {border-color: #ccc;color: #fff;}
#header div.languages {position: absolute;top:10px;right:10px;}
#header div.languages a {display: block;height: 11px;width: 16px;background-position: center center;background-repeat: no-repeat; float: right; margin-left: 5px;}
#header div.languages a.fr {background-image: url('languages/fr.gif');}
#header div.languages a.en {background-image: url('languages/en.gif');}
#header div.languages a.es {background-image: url('languages/es.gif');}
#header div.languages a.pt {background-image: url('languages/pt.jpg');}
#header-sticky-wrapper {z-index: 100;}
#header.fixed {position: fixed;top:0;z-index: 10;left:0;right:0;/*opacity: 0.7;*/}

/*	================================================================
*	block:	SIDEMENU NAVIGATION
*/
div#sidemenu{}
div#sidemenu div.menu-overlay{position: fixed; top: 0; bottom: 0; right: 0; left: 0; background: #000000; opacity: 0.6; z-index: 13; cursor: url('images/close.png') 15 15, default;}
div#sidemenu div.menu-section{position: fixed; top: 0; bottom: 0; right: 0; max-width: 350px; padding: 20px; background: #383838; z-index: 14; overflow: auto;}
div#sidemenu div.menu-section a.trigger-menu-close{display: block;position: fixed;z-index: 15;top: 0;left: auto;right: 0;width: 40px;height: 40px;font-size: 18px;line-height: 40px; color: #fff; background-color: rgba(0,0,0,0.2); text-align: center;border-radius: 0 0 0 2px;}
div#sidemenu div.menu-section a.logo {text-align: center;display: block;}
div#sidemenu div.menu-section a.logo img{margin-bottom: 40px; max-width: 200px;}
div#sidemenu div.menu-section h4{margin-bottom: 25px;font-size: 15px;font-weight: 600;letter-spacing: 2px;text-transform: uppercase; color: #BBB;}

div#sidemenu div.menu-section nav.nav-menu{}
div#sidemenu div.menu-section nav.nav-menu ul{list-style: none;}
div#sidemenu div.menu-section nav.nav-menu ul li a{color: #BBB;display: block; padding: 8px 0; text-transform: uppercase; font-size: 13px; font-weight: 700; letter-spacing: 2px; font-family: 'Lato';}
div#sidemenu div.menu-section nav.nav-menu ul li a:hover{color: #FFF;}
div#sidemenu div.menu-section nav.nav-menu ul li a.red {color:#EB0A1E;}
div#sidemenu div.menu-section nav.nav-menu ul li hr{margin-top: 20px;margin-bottom: 20px;border: 0;border-top: 1px solid #4C4C4C;}
div#sidemenu div.menu-section nav.nav-menu ul ul{display: none;}
div#sidemenu div.menu-section nav.nav-menu ul ul a{padding: 6px 0 6px 20px; font-size: 11px;}
div#sidemenu div.menu-section nav.nav-menu ul li.quicky a {font-size: 16px;}
div#sidemenu div.menu-section nav.nav-menu ul li.mb-20 a{padding-left:10px;}
div#sidemenu div.menu-section nav.nav-menu ul li.mb-20 ul a:hover{background: #f3f3f3;}
div#sidemenu div.menu-section nav.nav-menu ul li.mb-20 ul{margin-top:10px;}

div#sidemenu div.menu-section nav.nav-menu ul li.social {text-align: left;}
div#sidemenu div.menu-section nav.nav-menu ul li.social a {display: inline-block; width:48px;height: 48px;padding:0px; margin: 0px 5px;background-position: top center;background-repeat: no-repeat;background-size: contain;background-color: transparent;opacity: 0.8;}
/*div#sidemenu div.menu-section nav.nav-menu ul li.social a:hover {opacity: 1;}
div#sidemenu div.menu-section nav.nav-menu ul li.social a.facebook {background-image: url('social/64px/facebook.png');}
div#sidemenu div.menu-section nav.nav-menu ul li.social a.twitter {background-image: url('social/64px/twitter.png');}
div#sidemenu div.menu-section nav.nav-menu ul li.social a.youtube {background-image: url('social/64px/youtube.png');}
div#sidemenu div.menu-section nav.nav-menu ul li.social a.instagram {background-image: url('social/64px/instagram.png');} */

div#sidemenu div.menu-section nav.nav-menu ul li.social a {font-size: 14px;margin: 0 10px;color: #fff;display: inline-block;}
div#sidemenu div.menu-section nav.nav-menu ul li.social a {width: 40px;height: 40px;font-size: 20px;line-height: 38px !important;margin: 0 10px 10px 0;float: left;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-size: 100% 200%;-webkit-transition: background-position 0.4s;-moz-transition: background-position 0.4s;transition: background-position 0.4s;}

div#sidemenu div.menu-section nav.nav-menu ul li.social a.facebook {background-image: url('footer/facebook.png');}
div#sidemenu div.menu-section nav.nav-menu ul li.social a.twitter {background-image: url('footer/twitter.png');}
div#sidemenu div.menu-section nav.nav-menu ul li.social a.instagram {background-image: url('footer/instagram.png');}
div#sidemenu div.menu-section nav.nav-menu ul li.social a.youtube {background-image: url('footer/youtube.png');}
div#sidemenu div.menu-section nav.nav-menu ul li.social a.linkedin {background-image: url('footer/linkedin.png');}
div#sidemenu div.menu-section nav.nav-menu ul li.social a.tiktok {background-image: url('footer/tiktok.png');}
div#sidemenu div.menu-section nav.nav-menu ul li.social a:hover {background-position: 0 100%;}

/*	================================================================
*	block:	SIDEMENU FORM RAPIDE
*/
div#sidemenu div.menu-section h4 {margin: 0; font-size: 16px; color: #DDD;}
div#sidemenu div.menu-section div.form {background: none; padding: 0; width: 100%;}
div#sidemenu div.menu-section div.form div.row {margin-top: 10px;}
div#sidemenu div.menu-section div.form div.row div.row-cell {padding: 5px 0; width: 50%;}
div#sidemenu div.menu-section div.form div.row div.row-cell.full {width: 100%;}
div#sidemenu div.menu-section div.form .form-input, 
div#sidemenu div.menu-section div.form .form-textarea,
div#sidemenu div.menu-section div.form div.select select {border-color: #000 !important; border-radius: 0; background: #2D2D2D; color: #999;}
div#sidemenu div.menu-section div.form div.select {border-radius: 0;}
div#sidemenu div.menu-section div.form div.select:after {background: transparent;}
div#sidemenu div.menu-section div.form div.block-submit-btn {margin: 0; width: 100%; background: none; padding: 5px 0; line-height: initial;}
div#sidemenu div.menu-section div.form div.block-submit-btn input[type=submit] {margin: 0; border-radius: 0; width: 100%;}
div#sidemenu div.menu-section div.form div.select.field-error select,
div#sidemenu div.menu-section div.form .form-input.field-error,
div#sidemenu div.menu-section div.form .form-textarea.field-error {border-color: #999 !important; border-width: 1px; background: #fff9b6}


/*	================================================================
*	block:	ALERT MESSAGES
*/
.alert{padding: 15px;margin: 20px 0;border: 1px solid transparent;border-radius: 4px; display: none;}
.alert.error{background-color: #f2dede;border-color: #ebccd1;color: #a94442;}
.alert.success{background-color: #dff0d8;border-color: #d6e9c6;color: #3c763d;}

/*  ================================================================
 *  block:	PAGINATION
 */
ul.pagination{text-align: center; margin: 30px 0;}
ul.pagination li{display: inline-block; margin: 5px;}
ul.pagination li a, ul.pagination li.link-inactive{display: inline-block; padding: 5px; width: 24px; height: 24px; line-height: 24px; font-size: 16px; color: #FFFFFF; background: #999999; border-radius: 5px;}
ul.pagination li.link-active a{background: #999999;}
ul.pagination li.link-inactive, ul.pagination li.link-active a:hover{background: #00344C;}

/*	================================================================
*	block:	TITLES
*/
.title-dots{background: url('images/dotted.png') left center repeat-x; margin: 20px 0;}
.title-dots h3{display: inline-block; padding-right: 15px; background: #FFFFFF; font-size: 28px;}
.gamme_wallpaper.active{ background-repeat: no-repeat; background-size: contain; min-height: 300px; position:relative; margin-bottom:30px;background-position: center center;}
.gamme_wallpaper > img{width:100%; max-width: 100%; height:auto}
#content .gamme_wallpaper.active::before { position: absolute; content: '';	width: 100%; height: 100%; top: 0;left: 0;background: transparent url('images/grid.png') repeat; }
#content .gamme_wallpaper.active div.content-section div.content-heading.white h2{ color: #fff; position: relative;margin-top: 80px;}
/*	================================================================
*	block:	FORM INPUTS
*/
.form-input, .form-textarea{border: 2px solid #ccc; line-height: 29px; color: #333333; font-size: 13px; padding: 3px 5px 3px 0; display: block; width: calc(100% - 9px); text-indent: 10px;border-radius: .25em;}
.form-textarea{line-height: 16px; min-height: 80px; padding-top: 10px; padding-bottom: 10px;}
.form-input.field-error, .form-textarea.field-error, select.field-error, input[type=checkbox].field-error + label:before {border-color: #999 !important;background: #fff9b6;}
.select.field-error:after {background: transparent !important;}
/*.btn{padding: 10px 10px; display: inline-block; margin: 5px; text-align: center; line-height: 14px; font-size: 14px; background: rgba(0, 0, 0, 1); color: #FFFFFF; border: none; font-weight: bold; text-transform: uppercase; min-width: 250px; cursor: pointer; border-radius: 5px;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;}
.btn:hover{background: #000;color:#fff;}*/

.btn.theme-border {border-width: 2px; border-style:solid; background-color: #fff;}
.btn.theme-fill {border-width: 2px; border-style:solid;}
.btn.theme-fill:hover {background-color: #fff;}

.half_error{float:left;	max-width:49%;	width: 100%;padding-left: 1%;font-size: 13px;}

.form div.row div.row-cell .select select, .accordion .select select,
.form-input, .form-textarea{
	border: 1px solid #999;
	border-color: #999!important;
}
/*	================================================================
*	block:	CUSTOM POPUP
*/
#my-popup{}
#my-popup div.overlay{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; background: #000000; opacity: 0.7;}
#my-popup div.popup-wrap{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999; text-align: center;}
#my-popup div.popup-wrap div.popup-container{position: absolute; top: 0; left: 0; width: calc(100% - 12px); height: 100%; padding: 0 6px; z-index: 7; text-align: center; overflow: auto; cursor: url('images/close.png') 15 15, default;}
#my-popup div.popup-wrap div.popup-container div.popup-content-block{position: relative;display: inline-block;vertical-align: middle;margin: 0 auto;text-align: left;z-index: 10; min-width: 300px; min-height: 30px; background: #FFFFFF url('images/loading.gif') center center no-repeat; cursor: default;}
#my-popup div.popup-wrap div.popup-container div.popup-content-block div.close{position: absolute; top: 18px; right: 18px; z-index: 11; width: 16px; height: 16px; background: url('images/close_small.png') center center no-repeat; cursor: pointer;}

/*	================================================================
*	block:	TAKATA POPUP
*/
#takata-popup{}
#takata-popup div.overlay{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; background: #000000; opacity: 0.7;}
#takata-popup div.popup-wrap{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 6; text-align: center;}
#takata-popup div.popup-wrap div.popup-container{position: absolute; top: 0; left: 0; width: calc(100% - 12px); height: 100%; padding: 0 6px; z-index: 7; text-align: center; overflow: auto; cursor: url('images/close.png') 15 15, default;}
#takata-popup div.popup-wrap div.popup-container div.popup-content-block{position: relative;display: inline-block;vertical-align: middle;margin: 0 auto;text-align: left;z-index: 10; min-width: 300px; min-height: 30px; background: #FFFFFF url('images/loading.gif') center center no-repeat; cursor: default; padding: 20px 30px;}
#takata-popup div.popup-wrap div.popup-container div.popup-content-block div.close{position: absolute; top: 18px; right: 18px; z-index: 11; width: 16px; height: 16px; background: url('images/close_small.png') center center no-repeat; cursor: pointer;}
#takata-popup .form div.heading { position: absolute; left: 0px;  top: -5px; width:100%;}

#takata-popup .vin_result_search{font-size: 26px; line-height:30px;}

.rappel_container .popup-holder{ border:none;}

/*	================================================================
*	block:	MAGNIFIC POPUP
*/
.popup-holder {border: 4px solid #fff; cursor: default; max-width: 700px;}
.popup-holder.error{border-color: #ff0000;}
.form{margin: 0 auto; background: #fff none repeat scroll 0 0;margin: 0 auto;width: calc(100% - 28px);padding: 20px 10px 10px 10px;position: relative;text-align: left;}
.form.half-display{border: none; width: calc(100% - 20px); max-width: calc(50% - 20px);}
.form.full-display{border: none; width: calc(100% - 20px);}
.form div.row{margin-top: 10px;}
.form div.row div.row-cell{float: left; width: calc(50% - 10px); padding: 5px; box-sizing: content-box;}
.form div.row div.row-cell.full{width: calc(100% - 10px);}
.form div.row div.row-cell.one-third{width: calc(33.3333% - 10px);}
.form div.row div.row-cell.one-quart{width: calc(25% - 10px);}
.form div.row div.row-cell div.select{width: 97%;}

.popup-holder input[type="text"],
.popup-holder select,
.popup-holder textarea{
	border-color: #999;border-width: 1px;
}

.form div.heading{/*text-transform: uppercase;*/font-size: 18px;line-height: 22px;overflow: hidden;border-bottom:2px solid #ccc;padding: 0px 0px 2px 0px;margin: 0px 0px 5px 0px;color: #000;font-weight: bold; font-style: italic;border-color: #999!important;}
.popup-holder.error div.heading{border-bottom-color: #ff0000;}
.form div.heading strong{font-size: 14px;}
.form div.subtitle{font-style: italic;}
.form div.section-heading{font-size: 14px; line-height: 18px;overflow: hidden;border-bottom:2px solid #ccc;padding: 0px 0px 2px 0px;margin: 20px 0px 5px 0px;color: #000; font-style: italic;border-color: #999!important;}
.form div.block-submit-btn{padding: 20px 0; text-align: center; background: #EFEFEF; margin: 0 -10px -10px -10px; line-height: 44px; height: 44px;}
.form input[type=submit]{/*background: rgba(0, 52, 76, 1);*/}
 
select {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;appearance: none;outline: 0;box-shadow: none;border: 2px solid #ccc;background: #FFFFFF;background-image: none;}
select {width: 100%;height: 100%;margin: 0;padding: 0 0 0 .5em;color: #333333;cursor: pointer;}
select::-ms-expand {display: none;}
.select {position: relative;display: block;width: 20em;height: 3em;line-height: 3;background: transparent;overflow: hidden;border-radius: .25em;}
.select::after {content: '\25BC';position: absolute;top: 0;right: 0;bottom: 0;padding: 0 1em;background: #ccc;color: #FFFFFF;pointer-events: none;}/* Transition */
.select:hover::after {/*color: #F51D2A;*/}
.select::after {-webkit-transition: .25s all ease;-o-transition: .25s all ease;transition: .25s all ease;}

.form div.row div.row-cell .select::after,
.accordion .select{	background-color: transparent;color: #999;}

.form div.row div.row-cell .select,
.accordion .select{	height: 36px;overflow:visible;}

.form div.row div.row-cell .select select,
.accordion .select select{	height: 36px;	-webkit-border-radius: 2px;	-moz-border-radius: 2px;border-radius: 2px;}

.accordion input[type="text"],
.accordion select,
.accordion textarea{border-color: #999;border-width: 1px;}

.form div.row div.row-cell.full_size{width: calc(100% - 10px);float:none;}

.form .step2_iframe{min-height: 600px;width: 100%;text-align: center;}

.form #step_2 .item-content{position: relative;}

/*	================================================================
*	block:	OWL CAROUSEL
*/

.owl-wrapper .owl-footer-nav {position: fixed;bottom:0px;left:0px;right:0px;background: #003145 !important;z-index: 100;width: 100%;min-height: 50px;border-top: 2px solid rgba(0,0,0,0.2);text-align: center;}
.owl-wrapper .owl-footer-nav li {display: inline-block;}
.owl-wrapper .owl-footer-nav li a {display: inline-block;text-align: center;color: #fff;font-size: 22px;line-height: 32px;font-style: normal;margin: 5px 10px;font-weight: 400;text-transform: uppercase;height: 30px;}
.owl-wrapper .owl-footer-nav li a.active {text-decoration: underline;}

.owl-carousel.owl-slider-default {}
.owl-carousel.owl-slider-default .owl-dots { position: absolute;bottom: 60px;right: 30px;}
.owl-carousel.owl-slider-default .owl-nav {display: block;transform: none !important;left: 0%;top: 50%;width: 100%;position: absolute;}
.owl-carousel.owl-slider-default .owl-nav .owl-prev {left: 40px;}
.owl-carousel.owl-slider-default .owl-nav .owl-next {right: 40px;}
.owl-carousel.owl-slider-default .owl-nav .owl-prev,
.owl-carousel.owl-slider-default .owl-nav .owl-next {position: absolute;}
.owl-carousel.owl-slider-default .owl-slide {position: relative;background-color: lightgray;background-repeat: no-repeat;padding-bottom: 1px;background-size:cover;background-position: center 100%;}
.owl-carousel.owl-slider-default .owl-slide .item {z-index: 100;position: inherit; background-size: 0px 0px;background-repeat: no-repeat;display: inline-block;vertical-align: middle;width: 100%;min-height: 200px;text-align: center;margin-top: 25%;}
.owl-carousel.owl-slider-default .owl-slide .item h1 {z-index: 100;position: inherit;font-size: 36px;line-height: 36px;text-transform: uppercase;color: #FFFFFF;letter-spacing: 2px;/*text-shadow: 3px 3px #000;*/margin: 0 0 20px 0;}
.owl-carousel.owl-slider-default .owl-slide .item h2 {z-index: 100;position: inherit;font-size: 20px;line-height: 20px;text-transform: uppercase;color: #FFFFFF;letter-spacing: 2px;/*text-shadow: 3px 3px #000;*/margin: 20px 0 20px 0;}
.owl-carousel.owl-slider-default .owl-slide .item a {background-color: black;border-radius: 35px;padding: 20px;}
.owl-carousel.owl-slider-default .owl-slide .item a.btn:hover{background: #fff;color:#000;}
.owl-carousel.owl-slider-default .owl-slide::before{position: absolute;content:'';top:0px;left:0px;right:0px;bottom:0px;background-color: rgba(0,0,0,0.4);z-index: 5;}
@media screen and (max-width: 750px) {
	.owl-carousel.owl-slider-default .owl-slide {background-image: none !important;}
	.owl-carousel.owl-slider-default .owl-slide .item {position: relative;height: 100vh;background-color: lightgray;padding-bottom: 1px;background-size:cover ;background-position: center 100%;padding-top: 30%;margin-top: 0;}
	.owl-carousel.owl-slider-default .owl-slide .item::before{position: absolute;content:'';top:0px;left:0px;right:0px;bottom:0px;background-color: rgba(0,0,0,0.4);z-index: 5;}
}

.owl-carousel.owl-slider-brand {}
.owl-carousel.owl-slider-brand .owl-dots { position: absolute;bottom: 60px;right: 30px;}
.owl-carousel.owl-slider-brand .owl-nav {display: block;transform: none !important;left: 0%;top: 50%;width: 100%;position: absolute;}
.owl-carousel.owl-slider-brand .owl-nav .owl-prev {left: 40px;}
.owl-carousel.owl-slider-brand .owl-nav .owl-next {right: 40px;}
.owl-carousel.owl-slider-brand .owl-nav .owl-prev,
.owl-carousel.owl-slider-brand .owl-nav .owl-next {position: absolute;}
.owl-carousel.owl-slider-brand .owl-slide {position: relative;background-color: lightgray;background-repeat: no-repeat;padding-bottom: 1px;background-size:cover ;background-position: center 100%;}
.owl-carousel.owl-slider-brand .owl-slide .item {z-index: 100;position: inherit;background-size: 0px 0px;background-repeat: no-repeat;display: inline-block;vertical-align: middle;width: 100%;min-height: 200px;text-align: center;margin-top: 25%;}
.owl-carousel.owl-slider-brand .owl-slide .item h1 {z-index: 100;position: inherit;font-size: 36px;line-height: 36px;text-transform: uppercase;color: #FFFFFF;letter-spacing: 2px;/*text-shadow: 3px 3px #000;*/margin: 0 0 20px 0;}
.owl-carousel.owl-slider-brand .owl-slide .item h2 {z-index: 100;position: inherit;font-size: 20px;line-height: 20px;text-transform: uppercase;color: #FFFFFF;letter-spacing: 2px;/*text-shadow: 3px 3px #000;*/margin: 20px 0 20px 0;}
.owl-carousel.owl-slider-brand .owl-slide::before{position: absolute;content:'';top:0px;left:0px;right:0px;bottom:0px;background-color: rgba(0,0,0,0.4);z-index: 5;}
@media screen and (max-width: 750px) {
	.owl-carousel.owl-slider-brand .owl-slide {background-image: none !important;}
	.owl-carousel.owl-slider-brand .owl-slide .item {position: relative;height: 100vh;background-color: lightgray;padding-bottom: 1px;background-size:cover ;background-position: center 100%;padding-top: 30%;margin-top: 0;}
	.owl-carousel.owl-slider-brand .owl-slide .item::before{position: absolute;content:'';top:0px;left:0px;right:0px;bottom:0px;background-color: rgba(0,0,0,0.4);z-index: 5;}
}

#ujas {height: 100vh;background-color: lightgray;background-size: cover;padding-top: 15%;}

.owl-carousel div.slide-buttons {padding: 20px 90px;z-index: 100;position: inherit;}
.owl-carousel div.slide-buttons a.btn {min-width: 240px;padding: 10px 0px;}

.slides-away {background-size:cover;background-position: top center;padding-top: 25%;position: fixed;top: 100px;bottom: 0px;right: 0px;left: 0px;z-index: 0;background-color: #ccc;}
.slides-away h1 {font-size: 36px;line-height: 36px;text-transform: uppercase;color: #FFFFFF;letter-spacing: 2px;text-shadow: 3px 3px #000;margin: 0 0 20px 0;text-align: center;}


a.shortcode:link,
a.shortcode:visited {color:#EA1421;}
a.shortcode.shortcode-image {display: block;}
a.shortcode.shortcode-image img {max-width:100%;}
a.shortcode.text-left {text-align: left;}
a.shortcode.text-center {text-align: center;}
a.shortcode.text-right {text-align: right;}

/*	================================================================
*	block:	BREADCRUMB
*/
#breadcrumb {position: relative;padding:10px 0px;background-color: #F5F5F5;border-bottom: 1px solid #EEE;text-align: right;font-size: 12px;}
#breadcrumb ul {}
#breadcrumb ul li {display: inline-block;color: #555;padding: 0px 10px;}
#breadcrumb ul li a {color: #222;font-weight: bold;}
#breadcrumb div.breadcrumb-section {max-width: 1370px;width:100%;margin: 0 auto;}

/*	================================================================
*	block:	CONTENT
*/
#content {/*min-height: 600px;*/padding: 0px 0px 0px 0px;}
#content div.content-section {max-width: 1350px;width:calc(100% - 20px);margin: 0 auto;padding: 0 10px;}
#content div.content-section div.content-heading {text-align: center;padding: 30px 0px;margin: 0px 0px 25px 0px;}
#content div.content-section div.content-heading h2 { font-size: 30px; line-height: 40px;text-transform: uppercase;color: #333;font-weight: 700;}
#content div.content-section div.content-heading.filter{ margin: 5px 0px; padding: 0px; margin-bottom: 20px;}
#content div.content-section div.content-heading h3{ font-size: 18px; line-height: 22px;color: #333;font-weight: 700; }
#content div.section-title {color: #444;font-weight: 600;line-height: 1.5;margin: 0 0 30px 0;font-family: sans-serif;font-size: 30px;text-align: center;text-transform: uppercase;}
#content div.content-photo{text-align: center; margin: 40px 0;}
#content div.content-photo img{display: inline-block; max-width: 100%;}
.filter_container{text-align: center;}
.filter_tabs{float:none; display:inline-block; text-align: center; position: relative;margin: 0 0 40px 0;list-style: none;border: 1px solid rgba(0,0,0,0.07);border-radius: 4px;overflow:hidden;}
.filter_tabs li{background: transparent; padding: 8px 15px; margin:0px;text-align: center;float:left;border-right: 1px solid rgba(0,0,0,0.07)}
.filter_tabs li:last-child{border-right:none;}
.filter_tabs li a{ color: #666;}
.filter_tabs li.active{background: red;}
.filter_tabs li.active a{color: #fff;}
.filter_tabs li a:hover{color: red;}
.filter_tabs li.active a:hover{color: #fff;}
.filter_tabs .icon{min-height: 52px;}

#content section.wallpaper-content{display: block; text-align: center;}
#content section.wallpaper-content:before{display: inline-block; content: ""; width: 0; height: 100%; vertical-align: middle; padding: 0; margin: 0; overflow: hidden;}
#content section.wallpaper-content div.middle{display: inline-block; vertical-align: middle; max-width: calc(100% - 4px);}
#content section.wallpaper-content div.middle h2{font-size: 36px; line-height: 36px; text-transform: uppercase; color: #FFFFFF; letter-spacing: 2px; margin: 0 0 40px 0;text-shadow: 3px 3px #000;}
#content section.wallpaper-content div.middle h2:not(:first-of-type) {display: none;}
#content section.wallpaper-content div.middle div.flying-words h2 a {font-size: 17px;font-weight: normal;text-decoration: underline;}
#content section.wallpaper-content div.middle h2 a:hover {}
#content section.wallpaper-content div.middle .btn{background: rgba(0, 0, 0, 0.5);}
#content section.wallpaper-content div.middle .btn:hover{background: rgba(0, 0, 0, 1);}
#content section.wallpaper-content div.middle #hp_achat_buttons {display: none;}

.outer_wrapper_gray{
	width: 100%;
	background: #f5f5f5;
	padding-bottom: 120px;
}

#content.page_maintenance #breadcrumb
#content.page_page404 #breadcrumb{
	margin-bottom: 100px;
	
}

#content.page_page404 .content-section.page404 p{
	margin: 10px 0px;	
}

#content.page_maintenance,
#content.page_page404{
	padding-bottom: 0px;
}

/*	================================================================
*	block:	FOOTER
*/
#footer {position: relative;border-top: 5px solid rgba(0,0,0,0.2);background-size: cover;/*background-image: url('footer/bg.jpg');*/background-repeat:no-repeat;background-color: #242424;}
#copyrights {padding:30px 0px;width:100%;max-width: none;background-color: rgba(0,0,0,0.2);color: rgba(255,255,255,0.25);text-shadow: 1px 1px 1px rgba(0,0,0,0.1);}
#footer div.footer-section {max-width: 1370px;width:100%;margin: 0 auto;}
#footer div.footer-section div.footer-logo {float: left;width:250px;height: 100px;background-position: center center;background-repeat: no-repeat;}
#footer div.footer-section div.footer-nav {float: left;width:calc(100% - 400px);padding: 25px 0px 0px 0px;}
#footer div.footer-section div.footer-nav ul {float: left;padding: 10px;min-width: 200px;}
#footer div.footer-section div.footer-nav ul li {background: url('images/3dots.png') left center no-repeat;padding-left: 10px;text-align: left;}
#footer div.footer-section div.footer-nav ul li a {color: #fff;}
#footer div.footer-section div.footer-nav ul li a:hover {color: #ccc;}
#footer div.footer-section div.footer-nav ul.red li a {color: #E30613;}
#footer div.footer-section div.footer-nav ul.red li {background-image: url('images/3dots-red.png');}
#footer div.footer-section div.footer-nav ul.red li a:hover {color: #ccc;}
#footer div.footer-section div.footer-nav ul.red li:hover {background-image: url('images/3dots.png');}

#footer div.footer-section div.footer-resume {float: right;width:150px;text-align: right;padding: 30px 0px 0px 0px;}
#footer div.footer-section div.footer-resume div{font-family: sans-serif;padding: 0px 25px;margin-bottom: 20px;}
#footer div.footer-section div.footer-resume div span {display: block;font-size: 28px;padding: 0px 10px 20px 0px;text-align: left;font-weight: bold;}
#footer div.footer-section div.footer-resume div span.count-blue {color: #2CAACA;}
#footer div.footer-section div.footer-resume div span.count-green {color: #35BBAA;}
#footer div.footer-section div.footer-resume div span.count-red {color: #E30613;}
#footer div.footer-section div.footer-resume div h5 {text-transform: uppercase;font-size: 13px;color: #eee;opacity: 0.7;letter-spacing: 1px;font-weight: 400;}
#footer div.footer-section div.footer-nav {float: left;}
#footer div.footer-section div.footer-nav a {font-size: 14px;margin: 0 10px;color: #fff;display: inline-block;}

#footer div.footer-section div.footer-social {float: right;}
#footer div.footer-section div.footer-social a {width: 40px;height: 40px;font-size: 20px;line-height: 38px !important;margin: 0 10px 10px 0;float: left;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-size: 100% 200%;-webkit-transition: background-position 0.4s;-moz-transition: background-position 0.4s;transition: background-position 0.4s;}
#footer div.footer-section div.footer-social a.facebook {background-image: url('footer/facebook.png');}
#footer div.footer-section div.footer-social a.twitter {background-image: url('footer/twitter.png');}
#footer div.footer-section div.footer-social a.instagram {background-image: url('footer/instagram.png');}
#footer div.footer-section div.footer-social a.youtube {background-image: url('footer/youtube.png');}
#footer div.footer-section div.footer-social a.linkedin {background-image: url('footer/linkedin.png');}
#footer div.footer-section div.footer-social a.tiktok {background-image: url('footer/tiktok.png');}
#footer div.footer-section div.footer-social a:hover {background-position: 0 -100%;}

#footer-lite {position: fixed;bottom:0px;background-color: rgba(0,0,0,0.3);left:0px;right:0px;}
#footer-lite div.footer-nav {text-align: center;padding: 15px 0px;}
#footer-lite div.footer-nav ul {text-align: center;}
#footer-lite div.footer-nav ul li {display: inline-block;padding: 0px 10px;}
#footer-lite div.footer-nav a {text-align: center;color: #fff;font-size: 14px;}

#footer-home {position: fixed;bottom:0px;background-color: rgba(0,0,0,0.3);left:0px;right:0px;border-top: 2px solid rgba(0,0,0,0.2);text-align:center;z-index: 10;}
#footer-home a{text-align: center; display: inline-block; height: 20px;margin: 15px 12px;}
#footer-home a:hover{color: #dedede;}

#footer .hq_section{float: right;margin-top: -30px;color: #fff;padding-right: 10%;}

@media screen and (max-width: 768px) {
	#footer-home a {margin: 5px 12px;}
}

/*	================================================================
*	block:	SIDEBAR
*/
#sidebar {position: fixed;top: 40%;right: 0;z-index: 2;}
#sidebar a{position: absolute; top: 0; right: -225px; font-size: 14px; text-indent: 45px; width: 270px; background: #171717; height: 35px; line-height: 35px; text-align: left; color: #fff !important;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;}
#sidebar a:hover,
#sidebar.s1 a.tab{width: 220px; right: 0px; color: #fff; }
#sidebar.s2 a.tab{-webkit-transition: all 3.0s ease-in;-moz-transition: all 3.0s ease-in;-o-transition: all 3.0s ease-in;}
#sidebar a.sidebar_general{background: rgba(23,23,23,0.55) url('sidebar/sidebar_general.png') left 7px center no-repeat;}
#sidebar a.sidebar_testdrive{background: rgba(23,23,23,0.55) url('sidebar/sidebar_testdrive.png') left 7px center no-repeat; top: 36px;}
#sidebar a.sidebar_testdrive.moto{background: rgba(23,23,23,0.55) url('sidebar/sidebar_testdrive_moto.png') left 7px center no-repeat; top: 36px;}
#sidebar a.sidebar_ask_reprise{background: rgba(23,23,23,0.55) url('sidebar/sidebar_ask_reprise.png') left 7px center no-repeat; top: 72px;}
#sidebar a.sidebar_demande_devis{background: rgba(23,23,23,0.55) url('sidebar/sidebar_demande_devis.png') left 7px center no-repeat; top: 108px;}
#sidebar a.sidebar_demande_devis.moto{background: rgba(23,23,23,0.55) url('sidebar/sidebar_demande_devis_moto.png') left 7px center no-repeat; top: 72px;}
#sidebar a.facebook{background: rgba(23,23,23,0.55) url('sidebar/facebook.png') left 7px center no-repeat; top: 144px;}
#sidebar a.sidebar_special_offers{background: rgba(23,23,23,0.55) url('sidebar/sidebar_special_offers.png') left 7px center no-repeat; top: 180px;}
#sidebar a.sidebar_actualite{background: rgba(23,23,23,0.55) url('sidebar/sidebar_actualite.png') left 7px center no-repeat; top: 211px;}
#sidebar a.sidebar_campagne_de_rappel{background: rgba(235,10,30,0.95) url('sidebar/sidebar_campagne_rappel.png') left 7px center no-repeat; top: 144px;}
#sidebar a.sidebar_campagne_de_rappel.lower{top: 180px;}
#sidebar.sidebar_gamme_marque_Toyota a.facebook{background: rgba(23,23,23,0.55) url('sidebar/facebook.png') left 7px center no-repeat; top: 180px;}
#sidebar a.sidebar_actualite{background: rgba(23,23,23,0.55) url('sidebar/sidebar_actualite.png') left 7px center no-repeat; top: 216px;}
div#sidemenu div.menu-section div.form .form-input, div#sidemenu div.menu-section div.form .form-textarea, div#sidemenu div.menu-section div.form div.select select{
	background: #fff!important; color: #222;
}
#sidebar a.higlighted{background-color: rgba(235,10,30,0.95)!important}

#sidebar a.sidebar_offre_commerciale{top:-36px;background: rgba(23,23,23,0.55) url('sidebar/sidebar_special_offers.png') left 7px center no-repeat;}
#sidebar a.sidebar_ask_newsletter{top:252px;background: rgba(23,23,23,0.55) url('sidebar/sidebar_ask_newsletter.png') left 7px center no-repeat;}

#sidebar.sidebar_gamme_marque_Yamaha-Equipements a.sidebar_demande_devis,
#sidebar.sidebar_gamme_marque_5 a.sidebar_demande_devis{background: rgba(23,23,23,0.55) url('sidebar/sidebar_demande_devis_equipement.png') left 7px center no-repeat; top: 36px;}
#sidebar.sidebar_gamme_marque_Yamaha-Marine a.sidebar_demande_devis,
#sidebar.sidebar_gamme_marque_3 a.sidebar_demande_devis{background: rgba(23,23,23,0.55) url('sidebar/sidebar_demande_devis_marine.png') left 7px center no-repeat; top: 36px;}
#sidebar.sidebar_gamme_marque_Suzuki-Marine a.sidebar_demande_devis{background: rgba(23,23,23,0.55) url('sidebar/sidebar_demande_devis_marine.png') left 7px center no-repeat; top: 36px;}

#sidebar a.sidebar_autofinance{background: rgba(23,23,23,0.55) url('sidebar/sidebar-autofinance.png') left 7px center no-repeat; top: 252px;}

/*	================================================================
*	block:	gamme
*/
div.gamme-modeles {}
div.gamme-modeles div.item { float: left; width:calc( 25% - 30px );margin: 10px 15px 20px 15px;background: #f5f5f5;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; position: relative; padding-bottom: 20px;}
div.gamme-modeles div.item img {width:100%;}
div.gamme-modeles div.item span {display: block; position: absolute; bottom:0px; left:0px; right:0px; padding: 0px 0px 10px 0px; text-align: center; color: #000; font-size: 16px;font-weight: bold; text-transform: uppercase; }

div.gamme-marque-items {height: 100vh;background-color: lightgray;background-size: cover;padding-top: 13%;text-align: center;background-position: center;}
div.gamme-marque-items div.item {position: relative;float: left; width: calc(33.33% - 40px);margin: 25px 20px;}
div.gamme-marque-items div.item a.link-main {max-width: 340px;width: 100%;text-align: center;display: block;position: relative;background: rgba(255,255,255,0.5);margin: 0 auto;min-height: 200px;}
div.gamme-marque-items div.item a.link-main img {max-width: 150px;max-height: 150px;width: 100%;height: 100%;text-align: center;margin: 0px auto;}
div.gamme-marque-items div.item .details{display:none; max-width: 340px; height: 100%; position : absolute; color: #fff; top:0px;left:0px;right:0px; background: rgba(0,0,0,0.75);margin: 0 auto;min-height: 200px;text-align: center;}
div.gamme-marque-items div.item .details img{width: 100%; height: auto; max-width: 64px; max-height:64px; margin-top: 5px; margin-bottom: 0px;}
div.gamme-marque-items div.item .details h3{color: #fff; font-weight: 600; margin-top:0px; margin-bottom: 5px; text-transform:uppercase;line-height:110%;min-height: 30px;}
div.gamme-marque-items div.item .details p{color: #fff; padding: 0px 10px;}
div.gamme-marque-items div.item .details a.domain {display: block;position: absolute;top:0px;left:0px;right:0px;bottom:0px;padding-top: 65px;}
div.gamme-marque-items div.item .details div.domains div.domain {max-width: 30%;float: left;width: 100%;margin: 20px 1% 0px 1%;display: inline;}
div.gamme-marque-items div.item .details div.domains div.domain a {text-align: center;display: block;width: 100%;position: relative;}
div.gamme-marque-items div.item.over .details{display:block;-webkit-animation: fadeIn 0.8s;animation: fadeIn 0.8s;z-index: 10;}
@media screen and (max-width: 1024px) {
	div.gamme-marque-items div.item {width: calc(50% - 40px);}
}
@media screen and (max-width: 576px) {
	div.gamme-marque-items {height: auto;}
	div.gamme-marque-items div.item {width: calc(100% - 40px);float: none;}
}
/*	================================================================
*	block:	timeline
*/
div.timeline {position: relative; text-align: center; height: 100%;}
div.timeline div.bar{border: 1px dashed #CCC; position: absolute; top: 0; left: calc( 50% - 0.5px ); z-index: 1; width: 0; height: 100%;}
div.timeline div.month-label-holder{position: relative; height: 44px; margin: 50px 0;}
div.timeline div.month-label-holder div.label{position: absolute; top: 0; left: calc(50% - 150px); z-index: 2; max-width: 266px; width: calc(100% - 34px); border: 2px solid #EEE; padding: 10px 15px; background: #FFFFFF; font-weight: bold; font-size: 16px; line-height: 16px; color: #333; text-transform: uppercase; margin: 0 auto; letter-spacing: 1px;}
div.timeline div.item {width: calc(50% - 20px); position: relative; padding: 10px;}
div.timeline div.item div.content{width: calc(100% - 40px); text-align: left;}
div.timeline div.item div.joint{position: absolute; top: 0; width: 48px; border-bottom: 1px dashed #CCC; z-index: 3;}
div.timeline div.item div.joint:after{display: block; content: ""; background: #FFFFFF; width: 10px; height: 10px; border-radius: 50%; border: 2px solid #CCC; position: absolute; bottom: -7px; z-index: 4;}
div.timeline div.item:hover div.joint:after{border-color: #00344C;}
div.timeline div.item.item-left{float: left;}
div.timeline div.item.item-left div.content{float: left;}
div.timeline div.item.item-left div.joint{right: 0; height: 50px;}
div.timeline div.item.item-left div.joint:after{right: -7px;}
div.timeline div.item.item-right{float: right;}
div.timeline div.item.item-right div.content{float: right;}
div.timeline div.item.item-right div.joint{left: 0; height: 100px;}
div.timeline div.item.item-right div.joint:after{left: -7px;}

div.timeline div.item div.content div.timeline-photo {}
div.timeline div.item div.content div.timeline-photo img {width:100%; transition: opacity .6s;}
div.timeline div.item div.content div.timeline-photo img:hover{opacity: 0.8; filter: alpha(opacity=80);}
div.timeline div.item div.content div.timeline-date {color: #999; font-style: italic; margin-bottom: 30px;}
div.timeline div.item div.content div.timeline-date i{margin-right: 5px;}
div.timeline div.item div.content h4.timeline-title{margin: 30px 0 20px 0;}
div.timeline div.item div.content h4.timeline-title a {font-size: 20px; line-height: 24px; font-weight: bold; color: #333333; text-transform: uppercase; font-family: sans-serif; letter-spacing: 1px;}
div.timeline div.item div.content div.timeline-resume {margin-bottom: 20px; color: #333333;}
div.timeline div.item div.content a.view-link{color: #00334c; text-decoration: underline; font-style: italic; font-size: 14px; font-weight: bold;}

/*	================================================================
*	block:	actualites
*/
div.actualites {}
div.actualites div.item {border-bottom-width: 2px; border-bottom-style: solid; padding: 20px 0;}
div.actualites div.item h2 {margin-bottom: 20px;}
div.actualites div.item h2 a {font-size: 24px; line-height: 26px;}
div.actualites div.item div.details {padding: 5px;}
div.actualites div.item div.details div.photo {text-align: center; float: left; width: 20%;}
div.actualites div.item div.details div.photo img {display: inline-block; max-width: 100%;}
div.actualites div.item div.details div.resume {padding-left: 20px; float: left; width: calc(80% - 20px);}
div.actualites div.item div.details div.resume p.date {font-weight: bold; margin-bottom: 10px;}
div.actualites div.item div.details div.resume p.date i.icon-calendar {margin-right: 5px;}
div.actualites div.item div.details div.resume a.view-link {margin-top: 30px; font-size: 14px; display: inline-block;}

/*	================================================================
*	block:	actualite
*/
div.actualite {padding: 10px;}
div.actualite div.actualite-photo { margin: 0px 0px 25px 0px; text-align: center; }
div.actualite div.actualite-photo img {max-width:100%;}
div.actualite div.actualite-date {color: #999; font-style: italic; margin-bottom: 30px;}
div.actualite div.actualite-content {margin-bottom: 40px;}
div.actualite div.actualite-content a {color:#EA1421;}
div.actualite a.back-link{color: #00334c; text-decoration: underline; font-style: italic; font-size: 14px; font-weight: bold;}

/*	================================================================
*	block:	offres
*/
div.offre {padding: 10px;}
div.offre div.offre-photo { margin: 0px 0px 25px 0px; text-align: center; }
div.offre div.offre-photo img {max-width:100%;}
div.offre div.offre-date {color: #999; font-style: italic; margin-bottom: 30px;}
div.offre div.offre-content {margin-bottom: 40px;}
div.offre a.back-link{color: #00334c; text-decoration: underline; font-style: italic; font-size: 14px; font-weight: bold;}

/*	================================================================
*	block:	promotions
*/
div.promotion-photo img{max-width: 100%; width: auto;}

.promotion .promotion-content div,
.promotion .promotion-content pre{max-width: 100%; width: auto; display: block;}

.promotion .one_half{	margin-bottom: 30px; max-width: 48%; float:left; width: 100%; margin-right: 2%; }
.promotion .one_half.last{ 	margin-right: 0px;	margin-left: 2%;}

.promotion{	padding-bottom: 30px;}
.promotion .form div.block-submit-btn{background: #fff;}

#content.page_promotion{padding-bottom: 0px;}
.promo_outer_container.domain_24 h2,
.promo_outer_container.domain_24 .promotion-date,
.promo_outer_container.domain_24 h4.heading{color: #fff!important;}

.promo_outer_container.domain_24 .form,
.promo_outer_container.domain_24 .form div.block-submit-btn{background:transparent}

.promotion #form_promotion_holder h4.heading{display:none;}

/*	================================================================
*	block:	safety
*/
.content-photo.safety{float:right;	max-width: 300px;	margin-left:20px;}

.content-photo.safety img{width: 100%; height: auto;}

/*	================================================================
*	block:	promotions
*/
div.partnership-photo img{max-width: 100%; width: auto;}

.partnership .partnership-content div,
.partnership .partnership-content pre{max-width: 100%; width: auto; display: block;}

.partnership .one_half{	margin-bottom: 30px; max-width: 48%; float:left; width: 100%; margin-right: 2%; }
.partnership .one_half.last{ 	margin-right: 0px;	margin-left: 2%;}

.partnership{	padding-bottom: 30px;}
.partnership .form div.block-submit-btn{background: #fff;}
#form_promotion_holder .form{background: transparent!important;}
#form_promotion_holder .block-submit-btn{background: transparent!important;}
#content .promo_outer_container.dark div.content-section div.content-heading h2,
.promo_outer_container.dark .promotion h3,
.promo_outer_container.dark .promotion-date{color: #fff;}

/*	================================================================
*	block:	SITEMAP
*/
div.sitemap {padding: 25px 0px 50px 0px;}
div.sitemap div.item {float: left;width:calc(25% - 50px);padding: 25px;min-height: 300px;}
div.sitemap div.item div.label {padding: 0px 0px 10px 0px;margin: 0px 0px 10px 0px;border-bottom:1px solid #cdcdcd;color: #000;font-size: 20px;line-height: 20px;min-height: 40px;}
div.sitemap div.item ul {}
div.sitemap div.item ul li {}
div.sitemap div.item ul li a {font-size: 16px;color: #787878;}
div.sitemap div.item ul li a:hover {color: #000;}

/*	================================================================
*	block:	gamme	-> MODELE
*/
div.gamme-modele {}
div.gamme-modele h4.slogan{margin: 0 auto;text-align: center;font-size: 16px;padding: 0px 0px 20px 0px;}
div.gamme-modele hr {max-width: 1370px;}
div.gamme-modele div.gamme-modele-characteristics {float: left;width:66.66%;min-height: 250px; padding-top: 30px;}
div.gamme-modele div.gamme-modele-characteristics div.gmc-group {width:100%;max-width: 33%;float: left;text-align: center; min-height: 250px;}
div.gamme-modele div.gamme-modele-characteristics div.gmc-group.last {float:right;}
div.gamme-modele div.gamme-modele-characteristics div.gmc-group div.gmc-group-icon {height: 50px;}
div.gamme-modele div.gamme-modele-characteristics div.gmc-group div.gmc-group-icon img {height: 50px;transition: all 0.1s ease 0s;}
div.gamme-modele div.gamme-modele-characteristics div.gmc-group:hover div.gmc-group-icon img {transform: scale(1.2); transform-origin: 50% 50%;}
div.gamme-modele div.gamme-modele-characteristics div.gmc-group h5 {padding: 15px 0px; padding-top: 20px;color: #444;font-size: 18px;font-weight: 600;}

div.gamme-modele div.gamme-modele-360 {float: right;width:33.33%;text-align: center;min-height: 250px;}
div.gamme-modele div.gamme-modele-360 img.modele-image { width:100%; }

div.gamme-modele div.gamme-modele-360 div.box-360view{position: relative; margin-top: 10px;}
div.gamme-modele div.gamme-modele-360 div.box-360view div.wrap360{position: relative;}
div.gamme-modele div.gamme-modele-360 div.box-360view div.wrap360 div.empty{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1;}
div.gamme-modele div.gamme-modele-360 div.box-360view div.wrap360 div.drag-arrow{position: absolute;bottom: 7%;right: 7%;width: 85px;height: 60px;z-index: 1;background: url('images/pages/modele/arrow360.png');}
div.gamme-modele div.gamme-modele-360 div.box-360view div.wrap360 div#rotator {margin:0 auto;max-width: 640px;height: 320px;background-repeat:no-repeat;background-position:0 0;overflow: hidden;text-align: center;position: relative;}
div.gamme-modele div.gamme-modele-360 div.box-360view div.wrap360 div#rotator div.loading{margin: 100px 0 0 0; padding: 10px 20px; background: #fff; border: 1px solid #ccc; display: none;}
div.gamme-modele div.gamme-modele-360 div.box-360view div.wrap360 div#rotator div#start360{ border: 1px solid #ccc;margin: 100px auto 0;padding: 10px;position: relative;/*position: absolute;left: 5px;top: 5px;*/width: 219px;z-index: 2;}

div.gamme-modele div.gamme-modele-360 ul.colors {padding:5px 0px; text-align: center;  z-index: 99;display: block; }
div.gamme-modele div.gamme-modele-360 ul.colors p{ margin-top:120px; font-size: 12px; }
div.gamme-modele div.gamme-modele-360 ul.colors li{margin: 2px; display: inline-block; height: 40px; width: 40px; position: relative; cursor: pointer;padding: 5px;}
div.gamme-modele div.gamme-modele-360 ul.colors li div.color-icon{display: block;height: 40px; width: 40px; background-position: center center; background-repeat: no-repeat; border:2px solid #fff;}
div.gamme-modele div.gamme-modele-360 ul.colors li div.color-icon.bordered{
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;overflow:hidden;
}
div.gamme-modele div.gamme-modele-360 ul.colors li div.color-label{height: 70px; width: 90px; position: absolute; bottom: 0px;}
div.gamme-modele div.gamme-modele-360 ul.colors li:hover div.color-icon, div.gamme-modele div.gamme-modele-360 ul.colors li.selected div.color-icon{ border: 2px solid #ccc;}

div.gamme-modele div.gamme-forms {float: right; padding: 20px 0;}
div.gamme-modele div.gamme-modele-versions {max-width: 1370px;margin: 0 auto;color: #444;}
div.gamme-modele div.gamme-modele-versions div.gamme-modele-version {}
div.gamme-modele div.gamme-modele-versions div.gamme-modele-version div.gmv-image { width: 35%; float: left; }
div.gamme-modele div.gamme-modele-versions div.gamme-modele-version div.gmv-image img {width: 100%;}
div.gamme-modele div.gamme-modele-versions div.gamme-modele-version div.gmv-info { width: calc(65% - 20px); float: right; }
div.gamme-modele div.gamme-modele-versions div.gamme-modele-version div.gmv-info div.version-name {border-bottom: 1px solid #eee;font-weight: 600;padding: 0px 0px 5px 0px;line-height: 20px;font-size: 18px;}
div.gamme-modele div.gamme-modele-versions div.gamme-modele-version div.gmv-info div.version-equipements {padding: 20px 0px; line-height: 50px;}
div.gamme-modele div.gamme-modele-versions div.gamme-modele-version div.gmv-info div.version-equipements div.ve-box {float: left;height: 50px; padding: 0px 10px;border-right:1px solid #eee;position: relative; margin-bottom: 10px;}
div.gamme-modele div.gamme-modele-versions div.gamme-modele-version div.gmv-info div.version-equipements div.ve-box img {width:100%;max-width: 48px;}
div.gamme-modele div.gamme-modele-versions div.gamme-modele-version div.gmv-info div.version-equipements div.ve-box div.ve-tooltip {display: none;position: absolute;top: -30px; left: 50px; z-index: 1; border: 2px solid #EEE; border-radius: 4px; background: #FFFFFF; color: #444; padding: 5px 10px; white-space: nowrap; line-height: initial;}
div.gamme-modele div.gamme-modele-versions div.gamme-modele-version div.gmv-info div.version-equipements div.ve-box div.ve-tooltip.active {display: block;}

div.gamme-modele div.gamme-modele-versions div.gamme-modele-version div.gmv-info div.version-equipements .btn-info {background: url('images/pages/modele/zoom-in.png') #FFFFFF 10px center no-repeat;padding: 15px 15px 15px 45px; margin: 0 0 0 10px;text-transform: uppercase; min-width: auto; float: left;}
div.gamme-modele div.gamme-modele-versions div.gamme-modele-version div.gmv-info div.version-equipements .btn-info.suzuki {background-image: url('images/pages/modele/zoom-in-suzuki.png');}
div.gamme-modele div.gamme-modele-versions div.gamme-modele-version div.gmv-info div.version-equipements .btn-info.toyota {background-image: url('images/pages/modele/zoom-in-toyota.png');}
div.gamme-modele div.gamme-modele-versions div.gamme-modele-version div.gmv-info div.version-equipements .btn-info.mitsubishi {background-image: url('images/pages/modele/zoom-in-mitsubishi.png');}
div.gamme-modele div.gamme-modele-versions div.gamme-modele-version div.gmv-info div.version-equipements .btn-info.ford{color: #00334c}
div.gamme-modele div.gamme-modele-versions div.gamme-modele-version div.gmv-info div.version-equipements .btn-info.ford:hover{color: #fff; background: url('images/pages/modele/zoom-in-blanc.png') #00334c 10px center no-repeat;}
div.gamme-modele div.gamme-modele-versions div.gamme-modele-version div.gmv-info div.version-equipements .btn-info:hover {background-image: url('images/pages/modele/zoom-in-blanc.png');color: #FFFFFF !important;}

div.version-brochure {background: #FFFFFF; height: 100%; max-height: 800px; width: 100%; max-width: 700px; overflow: auto;}
div.version-brochure h3 {text-align: center; font-size: 28px; margin: 40px 0;}
div.version-brochure div.photos {text-align: center; padding: 0 20px; width: calc(100% - 40px);}
div.version-brochure div.photos img {margin: 0 10px; vertical-align: middle; max-width: calc(50% - 20px);}
div.version-brochure div.photos img.photo-modele {}
div.version-brochure table {width: 100%;}
div.version-brochure table tr td {padding: 10px; border-bottom: 1px solid #dddddd;}
div.version-brochure table tr td:first-of-type {border-top: 1px solid #dddddd;}
div.version-brochure table tr.gray td {background: #F2F2F2;}
div.version-brochure table tr td * {vertical-align: middle;}
div.version-brochure table tr td h5 {display: inline-block; font-size: 18px;}
div.version-brochure table tr td img {margin-right: 20px;max-width: 48px;}

div.gamme-modele div.gamme-modele-images {margin: 0 auto;position: relative;padding: 10px 0px 20px 0px;}

div.gamme-modele div.gamme-modele-images div.image-main {float:left;width:40%;}
div.gamme-modele div.gamme-modele-images div.image-main a {display: block;line-height: 0;overflow: hidden;}
div.gamme-modele div.gamme-modele-images div.image-thumbs {float:left;width:60%;}
div.gamme-modele div.gamme-modele-images div.image-thumbs a {display: block;width:33.33%;float: left;line-height: 0;overflow: hidden;}
div.gamme-modele div.gamme-modele-images div.image-main a img,
div.gamme-modele div.gamme-modele-images div.image-thumbs a img {width:100%;transition: all 0.5s ease 0s;}
div.gamme-modele div.gamme-modele-images div.image-main a img:hover,
div.gamme-modele div.gamme-modele-images div.image-thumbs a img:hover{transform: scale(1.05); transform-origin: 50% 50%;opacity: 0.8;}
div.gamme-modele div.gamme-modele-images div.copyrights {position: absolute;bottom:0px;right:10px; font-size: 11px;font-weight: bold;}

/*	================================================================
*	block:	membres
*/
div.membres {padding: 0 10px;}
div.membres div.concession-title{position: relative; padding: 0 10px 0 0; margin: 20px 0;}
div.membres div.concession-title h3{font-size: 24px; line-height: 24px; height: 24px; display: inline-block; background: #ffffff; position: relative; z-index: 1; padding: 0 10px 0 0;}
div.membres div.concession-title:before{content: ""; position: absolute; top: 50%; left: 0; width: 100%; z-index: 0; border-top: 1px solid #efefef;}
div.membres div.item{float: left; width: calc(16.6666% - 30px); margin: 10px 15px;}
div.membres div.item div.membre-photo{text-align: center;}
div.membres div.item div.membre-photo img{display: inline-block; max-width: 100%;}
div.membres div.item h3.membre-nom{text-align: center; font-weight: bold; font-size: 18px; letter-spacing: 2px; line-height: 22px; text-transform: uppercase; padding: 10px 0;}
div.membres div.item div.membre-position{text-align: center; font-style: italic; font-size: 14px; height: 14px;}
div.membres div.item div.membre-contact{text-align: center; padding: 30px 0 10px 0;}
div.membres div.item div.membre-contact a.contact-btn{display: inline-block; padding: 8px; width: 25px; height: 25px; line-height: 25px; border: 1px solid #00344C; background: #00344C; border-radius: 50%; font-size: 24px; color: #FFFFFF; margin: 0 10px;}
div.membres div.item div.membre-contact a.contact-btn:hover{color: #00344C; background: #FFFFFF;}

/*	================================================================
*	block:	concessions
*/
div.concessions{text-align: center;}
div.concessions a.item{/*float: left; */display: inline-block; width: calc(33.3333% - 34px); margin: 10px 15px; border-width: 2px; border-style: solid; text-align: center; line-height: 36px; font-size: 14px; font-weight: bold; text-transform: uppercase; border-radius: 5px;}

div.concession-departments {text-align: center;padding: 0px 5% 0px 5%;}
div.concession-departments div.department {}
div.concession-departments div.department div.name {padding: 10px 0px;background-color: #F5F5F5;border-bottom: 1px solid #EEE;font-size: 16px;line-height: 20px;font-weight: bold;text-transform: uppercase;border-radius: 5px;}
div.concession-departments div.department div.concessions {padding: 20px 0px;}
div.concession-departments div.department div.concessions a.item {float:left; display: block; width: calc(25% - 34px); margin: 10px 15px; border-width: 2px; border-style: solid; text-align: center; line-height: 36px; font-size: 14px; font-weight: bold; text-transform: uppercase; border-radius: 5px;/*border:0px;*/}

div.concession-departments div.department.blue div.name {background-color: #002060;color:#fff;}
div.concession-departments div.department.blue div.concessions a.item {border-color: #002060 !important;color: #002060 !important;}
div.concession-departments div.department.blue div.concessions a.item:hover {background-color: #002060 !important;color:#fff !important;}
div.concession-departments div.department.red div.name {background-color: #c00000;color:#fff;}
div.concession-departments div.department.red div.concessions a.item {border-color: #c00000 !important;color: #c00000 !important ;}
div.concession-departments div.department.red div.concessions a.item:hover {background-color: #c00000 !important;color:#fff !important;}
div.concession-departments div.department.gray div.name {background-color: #7f7f7f;color:#fff;}
div.concession-departments div.department.gray div.concessions a.item {border-color: #7f7f7f !important;color: #575757 !important;}
div.concession-departments div.department.gray div.concessions a.item:hover {background-color: #7f7f7f !important;color:#fff !important;}

/*div.concessions a.item:hover, div.concessions a.item.active{background: #00344C; color: #FFFFFF;}*/
div#map_block{height: 500px; margin: 20px 15px; position: relative;}

/*	================================================================
*	block:	concessions map blocks
*/
.map_holder{position: relative; overflow: visible;}
.concession-info-block{position: absolute; left: 200px; z-index: 100;display: block;cursor: pointer;}
.concession-info-block .info-section{position: relative; border: 1px solid #444; min-width: 350px; border-radius: 15px; background: #FFFFFF; color: #333333;}
.concession-info-block .info-section .line{height: 0; overflow: hidden; border-top: 1px solid #E5E5E5; margin: 10px 0;}
.concession-info-block .info-section .heading{padding: 10px 10px 0 10px; text-align: center; color: #444; font-size: 16px; font-weight: 500; font-weight: bold  }
.concession-info-block .info-section .heading img{display: inline-block; vertical-align: middle;max-width: 120px;}
.concession-info-block .info-section .heading .concession-name{display: inline-block; vertical-align: middle; text-indent: 5px;}
.concession-info-block .info-section .concession-adresse{padding: 0 10px 0 10px;}
.concession-info-block .info-section .concession-contact{padding: 10px 10px 0 10px;}
.concession-info-block .info-section .view-link{padding: 0 0 10px 0; text-align: center; color: #666; font-weight: bold;}
.concession-info-block:hover .info-section .view-link{text-decoration: underline;}

/*	================================================================
*	block:	concession
*/
div.concession{margin: 20px 0;}
div.concession div.concession-info{float: none; width: calc(50% - 40px); padding: 20px; background: #f5f5f5; text-align: center; margin: 0px auto;}
div.concession div.concession-info div.line{height: 0; overflow: hidden; border-top: 1px solid #E5E5E5; margin: 10px 0;}
div.concession div.concession-info div.marque-logo{text-align: center; margin: 0 0 20px 0;}
div.concession div.concession-info div.location-info{float: left; padding: 10px; width: calc(50% - 20px); color: #EA1421; line-height: 30px; font-size: 16px;}
div.concession div.concession-info div.contact-info{float: left; padding: 10px; width: calc(50% - 20px); font-size: 16px;}

.contact-info a{color: #555;}

div.concession div.concession-images{float: none; width: 100%; max-width: 100%;}
div.concession div.concession-map{margin: 0;}
div.concession div.concession-map div#map_block{margin: 0; height: 500px;}

div.concession-services{padding: 10px 0;}
div.concession-services div.item{float: left; padding: 10px; width: calc(25% - 20px); text-align: center; font-size: 14px; font-weight: bold;}
div.concession-services div.item img{max-width: 70px; margin-bottom: 10px;}

div.concession-schedules{padding: 10px 0; text-align: center;}
div.concession-schedules h5{margin-bottom: 20px; text-decoration: underline;}
div.concession-schedules div.item{margin-bottom: 10px;}
div.concession-schedules div.item div.type-title{font-weight: bold;}

div.concession-contact-buttons{padding: 10px 0;}
div.concession-contact-buttons div.item{float: left; width: calc(50% - 40px); padding: 10px 20px;}
div.concession-contact-buttons div.item a{display: block; line-height: 36px; color: #EA1421; border: 2px solid #EA1421; text-transform: uppercase; font-size: 16px; font-weight: bold; border-radius: 5px; background: #FFFFFF;}
div.concession-contact-buttons div.item a:hover{color: #FFFFFF;background: #EA1421;}

/*	================================================================
*	block:	entretiens
*/
.page_entretien .content_wrapper{background: #fff;min-height: 1000px;}
div.entretiens{padding: 0 10px;}
div.entretiens div.v-tabs{margin-bottom: 50px;}
div.entretiens div.v-tabs div.tabs-links{float: left; width: 100%; max-width: 280px; margin-right: -1px;border-top: 1px solid #DDDDDD; position: relative;}
div.entretiens div.v-tabs div.tabs-links a.item{display: block; color: #444; font-weight: bold; background: #F2F2F2; padding: 15px 10px; font-size: 14px; line-height: 14px; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;}
div.entretiens div.v-tabs div.tabs-links a.item.active{border-right: 1px solid #FFFFFF; background: #FFFFFF;}
div.entretiens div.v-tabs div.tabs-contents{float: left; width: calc(100% - 321px); border: 1px solid #DDDDDD; padding: 20px;}
div.entretiens div.v-tabs div.tabs-contents > div.item:not(:first-child){display: none;}
div.entretiens div.v-tabs div.tabs-contents div.item h3 {text-align: center; font-size: 24px; line-height: 28px; margin-bottom: 40px;}
div.entretiens div.v-tabs div.tabs-contents div.item p {margin-bottom: 16px;}
div.entretiens div.v-tabs div.tabs-contents div.item div.form-holder{padding: 0;}
/*div.entretiens div.v-tabs div.tabs-contents div.item a {color: #EA1421; text-decoration: underline;}
div.entretiens div.v-tabs div.tabs-contents div.item a:hover {color: #000;}*/
div.entretiens div.v-tabs div.tabs-contents div.item ul {padding: 0px 0px 15px 20px; }
div.entretiens div.v-tabs div.tabs-contents div.item ul li {list-style: square;}
div.entretiens div.v-tabs div.tabs-contents table {width: 100%;border:1px solid #ccc;padding: 0px;border-collapse: inherit;}
div.entretiens div.v-tabs div.tabs-contents table thead {}
div.entretiens div.v-tabs div.tabs-contents table thead th {background-color: #fefefe;padding: 2px;}
div.entretiens div.v-tabs div.tabs-contents table tbody {}
div.entretiens div.v-tabs div.tabs-contents table tbody td {border:1px solid #ccc;padding: 2px;}
div.entretiens div.v-tabs div.tabs-contents table tbody td strong {color: #000;font-size: 14px;}

.brand-Toyota .item.active.recall {background: rgba(235,10,30,0.95)!important; color: #fff!important;}

/*	================================================================
*	block:	spareparts
*/
div.spareparts{padding: 0 10px;}
div.spareparts div.v-tabs{margin-bottom: 50px;}
div.spareparts div.v-tabs div.tabs-links{float: left; width: 100%; max-width: 280px; margin-right: -1px;border-top: 1px solid #DDDDDD; position: relative;}
div.spareparts div.v-tabs div.tabs-links a.item{display: block; color: #444; font-weight: bold; background: #F2F2F2; padding: 15px 10px; font-size: 14px; line-height: 14px; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;}
div.spareparts div.v-tabs div.tabs-links a.item.active{border-right: 1px solid #FFFFFF; background: #FFFFFF;}
div.spareparts div.v-tabs div.tabs-contents{float: left; width: calc(100% - 321px); border: 1px solid #DDDDDD; padding: 20px;}
div.spareparts div.v-tabs div.tabs-contents > div.item:not(:first-child){display: none;}
div.spareparts div.v-tabs div.tabs-contents div.item h3 {text-align: center; font-size: 30px; line-height: 34px; margin-bottom: 40px; color:#EB0A1E; text-transform:uppercase;}
div.spareparts div.v-tabs div.tabs-contents div.item p {margin-bottom: 16px;}
div.spareparts div.v-tabs div.tabs-contents div.item div.form-holder{padding: 0;}
div.spareparts div.v-tabs div.tabs-contents div.item ul {padding: 0px 0px 15px 20px; }
div.spareparts div.v-tabs div.tabs-contents div.item ul li {list-style: square;}
div.spareparts div.v-tabs div.tabs-contents table {width: 100%;border:1px solid #ccc;padding: 0px;border-collapse: inherit;}
div.spareparts div.v-tabs div.tabs-contents table thead {}
div.spareparts div.v-tabs div.tabs-contents table thead th {background-color: #fefefe;padding: 2px;}
div.spareparts div.v-tabs div.tabs-contents table tbody {}
div.spareparts div.v-tabs div.tabs-contents table tbody td {border:1px solid #ccc;padding: 2px;}
div.spareparts div.v-tabs div.tabs-contents table tbody td strong {color: #000;font-size: 14px;}
div.spareparts div.v-tabs .col-left-half {max-width:50%;float:left;width:100%;}
div.spareparts div.v-tabs .col-left-half p{padding: 0px 20px;line-height: 120%; margin-top: 0pt;text-align: justify; margin-bottom: 30px!important; font-size: 20px; font-family: Calibri,sans-serif; color: #000000; font-weight: 400;}
div.spareparts div.v-tabs .col-left-half li{list-style-type: disc!important; font-size: 14pt; font-family: Calibri,sans-serif; margin-bottom:10px;color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none;}

.brand-Toyota .item.active.recall {background: rgba(235,10,30,0.95)!important; color: #fff!important;}

/*	================================================================
*	block:	mentions legales
*/
div.mentions {}
div.mentions p {margin-bottom: 15px; line-height: 24px;}
div.mentions p strong.title {color: #17365d}
div.mentions h3 {font-size: 24px; line-height: 36px; border-bottom: 2px solid #17365d; color: #17365d; margin: 20px 0;}
div.mentions ul {list-style: inside; list-style-type: disc; padding: 10px 0 10px 40px; display: inline-block;}
div.mentions ul li {display: list-item; margin-bottom: 5px;}

/*	================================================================
*	block:	custom pages
*/
div.custom-page {}
div.custom-page p {margin-bottom: 15px; line-height: 24px;}
div.custom-page p strong.title {color: #17365d}
div.custom-page h3 {font-size: 24px; line-height: 36px; border-bottom: 2px solid #17365d; color: #17365d; margin: 20px 0;}
div.custom-page ul {list-style: inside; list-style-type: disc; padding: 10px 0 10px 40px; display: inline-block;}
div.custom-page ul li {display: list-item; margin-bottom: 5px;}

div.custom-page .half {float: left; padding: 10px; width: calc(50% - 20px);}
div.custom-page .img-holder {text-align: center;}
div.custom-page .img-holder img {display: inline-block; max-width: 100%;}

.page_taxi_moto{background: #fff;}

/*	================================================================
*	block:	ACCOIRDION
*/
div.accordion{padding: 20px 0;}
div.accordion div.item{margin: 10px 0;}
div.accordion div.item div.item-title{border: 1px solid #DDDDDD; background: #F5F5F5; padding: 15px; font-size: 16px; line-height: 16px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
div.accordion div.item.active div.item-title{-webkit-border-bottom-right-radius: 0px;-webkit-border-bottom-left-radius: 0px;-moz-border-radius-bottomright: 0px;-moz-border-radius-bottomleft: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;}
div.accordion div.item div.item-title i{color: #EA1421; margin-right: 10px;}
div.accordion div.item div.item-content{display: none; border: 1px solid #DDDDDD; border-top: none; padding: 15px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
div.accordion div.item.active div.item-content{display: block;}
div.accordion div.item div.item-content div.step-desc{color: #666666;}
div.accordion div.item div.item-content div.label-required{font-size: 12px; font-style: italic; margin-bottom: 40px;}
div.accordion div.item div.item-content div.block-submit-btn{margin: 15px -15px -15px -15px;}

/*	================================================================
*	block:	NOS SOLUTIONS
*/
#content.page_solutions div.content-photo{margin-top: 0px;}
#content.page_solutions div.entretiens div.v-tabs div.tabs-contents{border-top: none; border-right:none;border-bottom:none;}
#content.page_solutions div.entretiens div.v-tabs div.tabs-contents div.item h3{color: #d70a28;text-transform: uppercase;}
#content.page_solutions div.entretiens div.v-tabs div.tabs-contents h4 {color: #000;font-size: 17px;padding: 0px 0px 5px 0px;}
#content.page_solutions div.entretiens div.v-tabs div.tabs-contents p{font-size: 16px; line-height: 22px;text-align: justify;}
#content.page_solutions div.entretiens div.v-tabs div.tabs-contents p em {color: #d70a28;}
#content.page_solutions div.entretiens div.v-tabs div.tabs-contents ul {padding: 0px 0px 15px 20px; }
#content.page_solutions div.entretiens div.v-tabs div.tabs-contents ul li{font-size: 16px; line-height: 22px;text-align: justify;list-style: none;}
#content.page_solutions div.entretiens div.v-tabs div.tabs-contents a.maps {text-decoration: underline;color: #000;}
#content.page_solutions div.entretiens div.v-tabs div.tabs-contents a.maps:hover {color: #d70a28;}
@media screen and (max-width:640px) {
	#content.page_solutions div.entretiens div.v-tabs div.tabs-contents p img {float: none !important;margin: 0 auto !important;max-width: 400px;width: 100%;display: block;height: auto !important;;}
	#content.page_solutions div.entretiens div.v-tabs div.tabs-contents a.btn {margin: 0 auto !important;display: block;max-width: 300px;}
}
#content.page_solutions div.entretiens div.v-tabs div.tabs-links a.item{background: #da0726; color: #fff; margin: 10px 0px; margin-right: 20px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border:1px solid #fff;text-transform: uppercase;}
#content.page_solutions div.entretiens div.v-tabs div.tabs-links a.item.active{background: #fff; color: #da0726; border-color: #da0726;}
#content.page_solutions div.entretiens div.v-tabs div.tabs-links{border-top: none;}
#content.page_solutions a.loxea {background: #da0726; color: #fff;border:2px solid #fff;}
#content.page_solutions a.loxea:hover{background: #fff; color: #da0726;border:2px solid #da0726;}

/*	================================================================
*	block:	PRIVACY / COOKIES pages
*/

.page_cookies a,
.page_policy a{color: red; font-weight:600;}

.page_cookies table td,
.page_policy table td{	border: 1px solid #333;	padding:5px;}

/*	================================================================
*	block:	backstretch
*/
div.backstretch {}
div.backstretch div.overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -8888;
	background: transparent url('images/grid.png') repeat;
	-webkit-backface-visibility: hidden;
}
div.backstretch div.overlay {
	display:none;
}

/*	================================================================
*	block:	page 404
*/
.content-section.page404 h1 {
    font-size: 120px;
    line-height: 1.3;
}

.page_maintenance .content-section.page404 h1 {
    font-size: 60px;
    line-height: 1.3;
}

.content-section.page404 h3 {
	font-size: 24px;
	line-height: 1.3;
	margin-bottom: 20px;
	font-weight: 500;
	max-width: 350px;
}

.content-section.page404 ul{
	margin: 20px 0px;
}

.content-section.page404 ul li a{
	color: #eb1025;
}

.content-section.page404 .logo_right{
	float:right;
	max-width: 600px;
}

.content-section.page404 .logo_right img{
	max-width: 600px;
}

/*	================================================================
*	block:	page landing
*/
.landing #header {
	/*position: absolute;
	z-index:4;*/
	width:100%;
	min-height:100px;
}

.landing #header h1 {
    float: left;
    height: 60px;
    line-height: 60px;
    margin: 0px;
    padding: 5px 0px 0px 0px;
    font-size: 24px;
    display: block;
    text-align: center;
    margin-top: 12px;
    width:calc(100% - 200px)
}

.landing.country #header h1 {
    float: left;
	max-width:420px;
	margin-left:113px;
}

.landing.country #header a.logo img{
	max-width:110px;
	max-height:49px;
	margin-top:30px;
	margin-left:20px;
	height: auto;
	width:100%;
}

.landing #footer-home{
	position: absolute;
	background: #003145!important;
	z-index:10;
	width:100%;
	min-height:50px;	
}

.landing #footer-home a{
	color: #fff;
	font-size: 22px;
	line-height: 32px;
	font-style: normal;
	margin: 5px 10px;
	font-weight: 400;
	text-transform: uppercase;
	height:30px;
}

.landing #footer-home a:hover{
	text-decoration: underline;
}

.landing #content{
	padding-bottom: 0px;
}

.page_index .owl-stage-outer .btn{background: #EB0A1E;}


.landing.country .owl-carousel .container{margin-top: 9%;}
	
.container.country_websites .col-4.col-md-4{max-width: 30%;float:left; width:100%;margin: 25px 1%;}
.container.country_websites .col-4.col-md-4:last-child{margin-bottom: 150px;}
.container.country_websites .col-4.col-md-4 .col-12{background: rgba(255,255,255,0.5); max-width:300px; margin: 0px auto; text-align: center; min-height:200px;}

.container.country_websites .col-4.col-md-4 .col-12 a{text-align:center; display:block;width:100%;position: relative;}
.container.country_websites .col-4.col-md-4 .col-12 img{ max-width:150px; max-height:150px; width: 100%; height:100%; text-align: center; margin:0px auto;}

.container.country_websites .col-4.col-md-4 .owl-slide-text .inside{position : relative; min-height:200px;}

.container.country_websites .col-4.col-md-4 .owl-slide-text .inside .description{display:none; width: 100%; height: 100%; position : absolute; color: #fff; top:0px;left:0px; background: rgba(0,0,0,0.75);}
.container.country_websites .col-4.col-md-4 .owl-slide-text .inside .description img{width: 100%; height: auto; max-width: 64px; max-height:64px; margin-top: 5px; margin-bottom: 0px;}

.container.country_websites .col-4.col-md-4 .owl-slide-text .inside .description h3{color: #fff; font-weight: 600; margin-top:0px; margin-bottom: 5px; text-transform:uppercase;line-height:110%;min-height: 30px;}
.container.country_websites .col-4.col-md-4 .owl-slide-text .inside .description p{color: #fff; padding: 0px 20px;}

.container.country_websites .col-4.col-md-4 .owl-slide-text:hover .inside .description{display:block;    -webkit-animation: fadeIn 0.8s;    animation: fadeIn 0.8s;}

.page_care table tr td{vertical-align:middle; padding: 5px 10px;}

.care_tabs .tabs-links a > .ctr{display: block; text-align: center; width: 40px; height:40px; clear:both; margin: 0px auto; font-size: 30px; padding-top: 20px;-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;background: #da3227; margin-bottom: 15px;color:#fff!important;padding-left: 10px;padding-right: 10px;text-decoration:underline;}

.care_tabs .tabs-links a:nth-child(2) > .ctr{background: #17aa87;}
.care_tabs .tabs-links a:nth-child(3) > .ctr{background: #15a6de;}
.care_tabs .tabs-links a:nth-child(4) > .ctr{background: #2c2b6d;}
.care_tabs .tabs-links a:nth-child(5) > .ctr{background: #f58430;}

.care_tabs a.item{text-align:center; color: #333!important; background: #fff!important;text-transform:uppercase;padding: 15px 30px !important; position:relative;}

.care_tabs a.active::after {content: '';position: absolute;right: 5px;top: 40px;width: 0;height: 0;border-top: 20px solid transparent;border-bottom: 20px solid transparent;border-left: 20px solid #555;clear: both;}

div.care_tabs div.v-tabs div.tabs-contents{border-left: none!important; border-bottom: none!important;}

@media screen and (max-width: 940px) {
	
	.page_care table tr td{width:100%;clear:both;display:block;padding:0px!important;}
	.page_care table tr td p{width:80%;clear:both;display:block;}
	.page_care table tr img{margin: 0px auto!important; margin-top:20px!important; margin-bottom: 20px!important; text-align:center;float:none!important; max-width:100%!important;}
}


@-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeIn {  from { opacity: 0; }   to { opacity: 1; } }

/*	================================================================
*	block:	page landing
*/
.rappel_container{display:none;}

.rappel_toggle{margin: 0px auto; text-align: center; max-width: 320px; display: block; width: 100%;}


/* CUSTOM LANDING PAGE */


.custom_landing #header h1{border:none!important;}
.custom_landing h2.heading{text-align:center; font-size:52px;line-height:100%; color:#fff;font-family: 'Corporate A BQ'!important;font-weight:200;}
.custom_landing h2.heading span{font-size:42px;}
.custom_landing .bottom_logo{position: absolute;bottom: 6%;text-align: center;width: 100%;}

.custom_landing .header-section.country_header{background: none!important;}

.custom_landing h1, #footer-lite div.footer-nav a{font-family: 'Corporate A BQ'!important;font-weight:100!important;}

@media only screen and (max-width: 767px) {
	.custom_landing h2.heading{text-align:center; font-size:48px;line-height:100%; color:#fff;font-family: 'Corporate A BQ'!important;font-weight:200;}
	.custom_landing h2.heading span{font-size:32px;}
}

@media only screen and (max-width: 600px) {
	.custom_landing #header h1{font-size:16px!important;border-bottom:none!important;}
}
@media only screen and (max-width: 370px) {
	.custom_landing a.logo{max-width:60px; max-height:60px;}
	.custom_landing.landing #header h1 {
 		 width: calc(100% - 80px);margin-top:0px;
	}
}

@media only screen and (max-width: 280px) {
	.custom_landing a.logo{max-width:60px; max-height:60px;}
	.custom_landing .landing #header h1 {
 		 width: calc(100% - 80px);margin-top:20px;line-height:100%;
	}
}


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

/* for 1400px or less */
@media screen and (max-width: 1400px) {
	div.membres div.item{width: calc(25% - 30px);}
	
	.form div.row div.row-cell.one-quart{width: calc(33.333% - 10px);}
	
	.landing.country .owl-carousel .container {
		margin-top: 12%;
	}
}

/* for 1170px or less */
@media screen and (max-width: 1170px) {
	
	#header h1 { position:absolute;left:210px;top:10px; padding: 5px 0px 10px 0px;border:0px;border-bottom: 1px solid #787878;margin: 0px;height: auto;line-height: 20px;}
	
	.landing #header h1 {top:0px;}
	#header nav { position:absolute;left:210px;bottom:0px; }
	#header nav ul  {padding-bottom: 5px;}
	#header nav ul li {padding: 0px;}

	div.footer-section {max-width: 90%;}
	
	div.membres div.item{width: calc(33.3333% - 30px);}
}

/* for 1140px or less */
@media screen and (max-width: 1140px) {
	
	div.gamme-modele div.gamme-modele-360 {float: none;width:100%;max-width: 640px;margin: 0 auto;}
	div.gamme-modele div.gamme-modele-characteristics {float: none;width:100%;min-height: auto;}
	
	div.concession div.concession-info{float: none; width: calc(100% - 40px);}
	div.concession div.concession-images{float: none; width: 100%;}

	div.concession-departments div.department div.concessions a.item { width: calc(33.33% - 34px); }
	
	div.gamme-modele div.gamme-forms {float: none; text-align: center;}
	
	.form.half-display{max-width: calc(100% - 20px);}
	
	.container.country_websites .col-4.col-md-4 .owl-slide-text .inside .col-4.col-md-4.static{float:left!important;width:31%!important;}
}

/* for 940px or less */
@media screen and (max-width: 940px) {
	div.gamme-modeles div.item {width:calc( 33.33% - 30px);}
	
	div.gamme-modele div.gamme-modele-versions div.gamme-modele-version div.gmv-image {float: none;width:100%;text-align: center;}
	div.gamme-modele div.gamme-modele-versions div.gamme-modele-version div.gmv-image img {max-width: 600px;}
	div.gamme-modele div.gamme-modele-versions div.gamme-modele-version div.gmv-info {float: none;width:calc(100% - 20px);padding: 0px 10px;}
	div.gamme-modele div.gamme-modele-versions div.gamme-modele-version div.gmv-info div.version-name {text-align: center;font-size: 24px;padding: 0px 0px 10px 0px;border:0px;}
	div.gamme-modele div.gamme-modele-versions div.gamme-modele-version div.gmv-info div.version-equipements {text-align: center;border-bottom:1px solid #eee;}
	div.gamme-modele div.gamme-modele-versions div.gamme-modele-version div.gmv-info div.version-equipements div.ve-box {display: inline-block;float: none; vertical-align: middle;}
	div.gamme-modele div.gamme-modele-versions div.gamme-modele-version div.gmv-info div.version-equipements .btn-info {float: none; vertical-align: middle;}
	
	.form div.row div.row-cell.one-quart{width: calc(50% - 10px);}
	
	div.sitemap div.item {width:calc(50% - 50px);}

	div.actualites div.item div.details div.photo {width: 30%;}
	div.actualites div.item div.details div.resume {width: calc(70% - 20px);}
	

	.landing.country .owl-carousel .container{margin-top:18%;}
	.container.country_websites .col-4.col-md-4{max-width: 100%;}
	div.spareparts div.v-tabs .col-left-half {max-width:100%;float:none;}
}

/* for 768px or less */
@media screen and (max-width:768px) {

	.gamme-nav.block-holder.slideInDown {display: inline-block;float: none; display: none!important;}
	
	.show_on_desktop{display:none!important;}
	.show_on_mobile{display:inline-block!important;}
	.show_on_mobile.animation-infinite {background-color: rgba(235,10,30,0.7) !important;}
	
	.promotion .one_half{margin-left: 0px; margin-right: 0px; max-width: 100%; float:none;}
	.partnership .one_half{margin-left: 0px; margin-right: 0px; max-width: 100%; float:none;}

	div.concession-departments div.department div.concessions a.item { width: calc(50% - 34px); }
	div.footer-section {max-width: 100%;}
    
	#header h1 {display: none;} /*Jo 06092018*/
    #header nav {display: none;} /*Jo 06092018*/
    #header div.trigger-menu-side {float: none;position: absolute; top:35px; right:10px;padding:0px;z-index:10}
	div.gamme-modeles div.item {width:calc( 50% - 30px);}
	
	div.gamme-modele div.gamme-modele-images div.image-main {float:none;width:100%;margin: 0 auto;}
	div.gamme-modele div.gamme-modele-images div.image-thumbs {float:none;width:100%;margin: 0 auto;}
	div.gamme-modele div.gamme-modele-characteristics div.gmc-group { float:none; max-width:100%; width:100%; margin: 0 auto; padding: 0 0 20px 0} /*Jo 06092018*/
    div.gamme-modele div.gamme-modele-versions div.gamme-modele-version div.gmv-info div.version-equipements div.ve-box { padding: 0px 5px;} /*Jo 06092018*/
    div.gamme-modele div.gamme-modele-versions div.gamme-modele-version div.gmv-info div.version-equipements div.ve-box img { width: 30px;} /*Jo 06092018*/
    
    
	div.membres div.item{width: calc(50% - 30px);}
	
	div.concessions a.item{width: calc(100% - 34px);}
	
	div.timeline div.bar{display: none;}
	div.timeline div.item{width: calc(100% - 20px);}
	div.timeline div.item div.content{width: 100%;}
	div.timeline div.item div.joint{display: none;}
	
	div.entretiens div.v-tabs div.tabs-links{max-width: 100%; float: none; margin-bottom: 20px;}
	div.entretiens div.v-tabs div.tabs-links a.item.active{border-right: 1px solid #DDDDDD;}
	div.entretiens div.v-tabs div.tabs-contents{float: none; width: calc(100% - 42px);}	

	div.spareparts div.v-tabs div.tabs-links{max-width: 100%; float: none; margin-bottom: 20px;}
	div.spareparts div.v-tabs div.tabs-links a.item.active{border-right: 1px solid #DDDDDD;}
	div.spareparts div.v-tabs div.tabs-contents{float: none; width: calc(100% - 42px);}
	#content.page_sparepart section.wallpaper-content{background-size:100%!important; min-height:200px!important;height:auto!important;}

	#content.page_solutions div.entretiens div.v-tabs div.tabs-links a.item{margin-right: 0px;}

	
	div.custom-page .half {width: calc(100% - 20px);}
 
	.landing #header h1 {display:none;}
	.owl-carousel .container{margin-top:75%;}
	.landing #content, .landing .owl-carousel.owl-loaded, .landing{overflow:hidden;}
	
	.landing .owl-dots{bottom:15%;}
	
	#footer .hq_section{float: none;margin-top: 20px;clear:both; text-align:center;display:block;width:100%;}
	
}

/* for 640px or less */
@media screen and (max-width:640px) {
	
	div.actualites div.item div.details div.photo {width: 40%;}
	div.actualites div.item div.details div.resume {width: calc(60% - 20px);}
	div.actualites div.item div.details div.resume a.view-link {margin-top: 10px;}
    
}


/* for 580px or less */
@media screen and (max-width:580px) {
	div.gamme-modeles div.item {width:calc( 50% - 30px); float: left;}
    div.gamme-modeles div.item span { font-size: 10px; }
	div.gamme-modele div.gamme-modele-images div.image-thumbs a {width:50%;}

	div.concession div.concession-info div.location-info, div.concession div.concession-info div.contact-info{width: calc(100% - 20px);}
	div.concession-services div.item{width:calc( 50% - 20px);}

	div.concession-departments div.department div.concessions a.item { float: none; width: calc(100% - 34px); }
	
	div.concession-contact-buttons div.item{width:calc( 100% - 40px);}
	
	#footer div.footer-section div.footer-logo {float: none;margin: 0 auto;}
	#footer div.footer-section div.footer-nav {float: none;margin: 0 auto;padding: 20px 0px 40px 0px;width: 100%;}
	#footer div.footer-section div.footer-nav ul {float:left;width:calc(33.33% - 20px);min-width: auto;}

	#footer div.footer-section div.footer-resume {float: none;margin: 0 auto;text-align: center;padding:0px 0px 25px 0px;}
	#footer div.footer-section div.footer-resume div span {text-align: center;padding: 10px 0px;}
    
    #sidebar { display: none; } /*Jo 06092018*/
    .owl-carousel div.slide-buttons {padding: 20px 50px;}
	.owl-carousel div.slide-buttons a.btn {padding: 10px 0px;width: 100%;max-width: 300px;min-width: unset;display: block;margin: 0 auto;margin-bottom: 10px;}
	.owl-carousel.owl-slider-default .owl-nav .owl-prev {left: 0px;}
	.owl-carousel.owl-slider-default .owl-nav .owl-next {right: 0px;}
}

/* for 480px or less */
@media screen and (max-width:480px) {
	/* #header div.trigger-menu-side {position: static; text-align: center; padding-top: 20px;} */  /*Jo 06092018*/
	#header div.trigger-menu-side span{display: inline-block}
	
	div.membres div.item{width: calc(100% - 30px);}
	
	.form.form div.row div.row-cell{width: calc(100% - 10px);}
	div.sitemap div.item {width:calc(100% - 50px);float: none;min-height:auto;}

	#footer div.footer-section div.footer-nav {float: none;margin: 0 auto;text-align: center;}
	#footer div.footer-section div.footer-nav ul {float:none;width:calc(100% - 20px);}

	#footer div.footer-section div.footer-social{float: none;margin: 0 auto;text-align: center;}
	#footer div.footer-section div.footer-social a {float: none;display: inline-block;margin: 15px;}
	
	div.actualites div.item div.details div.photo {width: 50%;}
	div.actualites div.item div.details div.resume {width: calc(50% - 20px);}
	
}

/* for 360px or less */
@media screen and (max-width:360px) {
	
	div.actualites div.item div.details {padding: 0;}
	div.actualites div.item div.details div.photo {width: 100%;}
	div.actualites div.item div.details div.resume {width: 100%; padding: 10px 0;}
}

/* for 320px or less */
@media screen and (max-width:320px) {
	
}