/*	================================================================
*	block:	HEADER
*/
#header {background-color: rgba(255,255,255,1);}
#header h1 {color: #000000;}
#header nav ul li > a {color: #000000;}
#header nav ul li > a.active, #header nav ul li > a:hover {background: #000000; color: #FFFFFF;}
#header div.trigger-menu-side span {color: #000000;}
#header div.trigger-menu-side span:hover {border-color: #ccc;color: #333;}
#header div.rush-promo {float: right; padding: 23px 10px 23px 0px;}
#header div.rush-promo img {animation: zoomInOut 2s infinite;}
#header li.rush-promo a {animation: zoomInOut 2s infinite;}
#header li.rush-promo a:hover {color:#fff!important}

.owl-carousel.owl-slider-default .owl-slide::before { background-color: transparent!important;}

@keyframes zoomInOut {
    0% {
        transform: scale(1,1);
    }
    50% {
        transform: scale(1.2,1.2);
    }
    100% {
        transform: scale(1,1);
    }
}

#header div.gamme-nav {position: absolute; top: -1000px; right: 0; z-index: 5; max-width: 900px;width: calc(100% - 20px); background-color: rgba(255,255,255,1); padding: 10px; display: block;opacity:0;-webkit-transition: 1s; /* Safari */
    transition: 1s;}
#header div.gamme-nav.visible{display: block;opacity:1; top: 100px;}
#header div.gamme-nav div.block-content {position: relative;}
#header div.gamme-nav div.block-content img.close {position: absolute; width: 20px; height: 20px; top: 10px; right: -30px; cursor: pointer;}
#header div.gamme-nav a.item {float: left; width: 260px; display: block; padding: 10px 5px; border: 1px solid #DCDCDC;}
#header div.gamme-nav a.item:nth-of-type(n+4) {border-top: none;}
#header div.gamme-nav a.item:nth-of-type(3n+2) {border-left: none;}
#header div.gamme-nav a.item:nth-of-type(3n+3) {border-left: none;}
/* #header div.gamme-nav a.item:hover {-webkit-box-shadow: inset 0px 0px 5px 0px rgba(210,0,27,1);-moz-box-shadow: inset 0px 0px 5px 0px rgba(210,0,27,1);box-shadow: inset 0px 0px 5px 0px rgba(210,0,27,1);} */
#header div.gamme-nav a.item > div{
	-webkit-transition: 0.5s; /* Safari */
    transition: 0.5s;
}
	
#header div.gamme-nav a.item:hover div.item-photo,
#header div.gamme-nav a.item:hover div.item-info {
    transform: scale(1.2);
}
#header div.gamme-nav a.item:hover {
	outline: 4px solid #dbe5ee!important;
	background: #eef1f2;
	display: block;
	outline-offset: -4px;
}

#header div.gamme-nav a.item div.item-info {float: left;}
#header div.gamme-nav a.item div.item-info h5 {font-size: 16px; color: #333333; line-height: 50px; text-indent: 10px;}
#header div.gamme-nav a.item div.item-photo {float: right;}
#header div.gamme-nav a.item div.item-photo img {height: 50px;}

#header div.gamme-nav div.block-content div.gamme-modeles-by-carrosserie {background-color: #f5f5f5;}
#header div.gamme-nav div.block-content div.gamme-modeles-by-carrosserie ul.menu-carrosseries {float: left;width: 250px;background-color: #fff;}
#header div.gamme-nav div.block-content div.gamme-modeles-by-carrosserie ul.menu-carrosseries li {display: block;padding: 12px 0px 12px 10px;font-size: 12px;line-height: 12px;position: relative;text-transform: uppercase;}
#header div.gamme-nav div.block-content div.gamme-modeles-by-carrosserie ul.menu-carrosseries li::after {top: 12px;content: "";right: 10px;width: 8px;height: 8px;display: block;position: absolute;border: 1px solid #3c3947;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-width: 1px 1px 0 0;-ms-transform: rotate(45deg);transform: rotate(45deg);}
#header div.gamme-nav div.block-content div.gamme-modeles-by-carrosserie ul.menu-carrosseries li.active {background-color: #f5f5f5;}
#header div.gamme-nav div.block-content div.gamme-modeles-by-carrosserie ul.menu-carrosseries li:hover {cursor: pointer;color:#000;}
#header div.gamme-nav div.block-content div.gamme-modeles-by-carrosserie div.menu-modeles {float: right;width: calc(100% - 270px);padding: 10px;}
#header div.gamme-nav div.block-content div.gamme-modeles-by-carrosserie div.menu-modeles div.modeles-holder {display: none;}
#header div.gamme-nav div.block-content div.gamme-modeles-by-carrosserie div.menu-modeles div.modeles-holder.modeles-by-0 {display: block;}
#header div.gamme-nav div.block-content div.gamme-modeles-by-carrosserie div.menu-modeles div.modeles-holder a {float:left;display: block;width: calc(25% - 20px);padding: 10px;border:0px;text-align: center;}
#header div.gamme-nav div.block-content div.gamme-modeles-by-carrosserie div.menu-modeles div.modeles-holder a div.item-info {float: none;}
#header div.gamme-nav div.block-content div.gamme-modeles-by-carrosserie div.menu-modeles div.modeles-holder a div.item-info h5 {color:#000;font-size: 13px;line-height: 13px;font-weight: normal;}
#header div.gamme-nav div.block-content div.gamme-modeles-by-carrosserie div.menu-modeles div.modeles-holder a div.item-photo {float: none;height: 50px;}
#header div.gamme-nav div.block-content div.gamme-modeles-by-carrosserie div.menu-modeles div.modeles-holder a div.item-photo img {height: 50px;}
#header div.gamme-nav div.block-content div.gamme-modeles-by-carrosserie div.menu-modeles div.modeles-holder a:hover {
	outline: 4px solid #dbe5ee!important;
	background: #eef1f2;
	display: block;
	outline-offset: -4px;
}
/*	================================================================
*	block:	SIDEMENU NAVIGATION
*/
div#sidemenu div.menu-section {background: #FFFFFF;}
div#sidemenu div.menu-section nav.nav-menu ul li a {color: #000000;}
div#sidemenu div.menu-section a.trigger-menu-close {background-color: rgba(0,0,0,0.8);}

/*	================================================================
*	block:	SIDEMENU FORM RAPIDE
*/
div#sidemenu div.menu-section h4 {color: #000000;}

/*	================================================================
*	block:	FOOTER
*/
#footer-lite {background-color: rgba(255,255,255,1);}
#footer-lite div.footer-nav a {color: #000000;}

/*	================================================================
*	MEDIA QUERIES
*/
@media screen and (max-width: 1400px) {
	#header h1 {margin: 20px 0 20px 0px;padding: 0px 0px 0px 10px;font-size: 18px;}
}

/* for 940px or less */
@media screen and (max-width: 940px) {
	
	#header div.rush-promo {display: none;}
}

/* for 768px or less */
@media screen and (max-width:768px) {
	
	#header div.gamme-nav.visible{display: none;}
}