/********************* MBK - Mobile ************************/
/************* @ 2014 LMC France - http://www.mbk.fr **************/

/************************ Mise à zéro des propriétés par défaut ************************/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; text-align: left; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/************************ Styles généraux ************************/
div.spacer {clear: both; font-size: 6px; /* Pour éviter que le div prenne de la place sur ie */}
div.spacer_left {clear: left; font-size: 6px; /* Pour éviter que le div prenne de la place sur ie */}
div.spacer_right {clear: right; font-size: 6px; /* Pour éviter que le div prenne de la place sur ie */}
hr { height: 1px; border:0; color: #999999; background-color: #999999; margin: 10px 20px }
b, strong {font-weight: bold;}
i, em {font-style: italic;}
tbody {border: none;}
legend {color: #6d6d6d;}

ul, li, ul li.leaf {list-style-type: none; list-style-image: none; margin: 0; padding: 0;}

a {text-decoration: none; color: #333333;}
a:hover{text-decoration: underline; color: #333333;}

h1 {text-transform: uppercase; font-size: 2em;}
h1.titre_page {background: #FFFFFF; padding: 0 0 15px;}
h1.titre_page .bleu_ciel {font-weight: bold;}
.page-actualites h1.titre_page, .page-concessionnaires h1.titre_page, .page-profil-conces h1.titre_page {background: none; padding: 0;}
.node-type-model h1.titre_page {padding-bottom: 0;}
#model_overlay h1.titre_page {background: none; padding: 0 0 5px;}
.node-dealers h1.titre_page {padding-left: 0; padding-right: 0;}

h2 {}

h3 {font-family: 'Open Sans Condensed', sans-serif; font-size: 1.5em; padding-bottom: 15px;}

/**** Couleurs ****/
.bleu_ciel, .bleu_ciel a {color: #66ccff;}
.bleu, .bleu a {color: #0076bd;}

/**** Boutons ****/
.btn_noir {
	display: block;
	text-transform: uppercase;
	color: #FFFFFF;
	cursor: pointer;
	line-height: 0.9em;
	font-family: 'Open Sans Condensed', sans-serif;
	width: 160px;
	height: 36px;
	background: url(../images/btn/btn_noir.png) left top no-repeat;
	font-weight: bold;
	margin-top: 15px;
}
.btn_noir a, a.btn_noir {display: block; color: #FFFFFF; padding: 10px 28px 11px 16px;}
a.btn_noir {width: 116px; /* 160- de padding */ height: 15px; /* 36-21 de padding */}

.btn_prev_step {
	display: block;
	background: url(../images/btn/btn_prev_step.png) left top no-repeat;
	font-family: 'Open Sans Condensed', sans-serif;
	text-transform: uppercase;
	padding-top: 6px;
	width: 211px;
	height: 30px; /* 36-6 de padding */
	text-align: center;
	font-weight: bold;
	font-size: 1.4em;
	color: #666666;
}

iframe, .field-name-body img {max-width: 100%; height: auto !important;}
.field-name-body table {max-width: 100%; width: 100% !important;}

/*****************************************************************************************/
/******************************** Structure générale *************************************/
/****************************************************************************************/
html, .front body {height: 100%;}
body {
	color: #333333;
	font-family: Arial, Verdana;
	font-size: 12px;
}
.form-item, .form-actions {margin: 0; padding: 0;}
input.form-text {font-family: Arial, Verdana;}
.area980 {width: 96%; margin-left: auto; margin-right: auto;}
.off_on_mobile {display: none;}

.maintenance-page #site {width: 100%; max-width: 500px; margin: 0 auto;}
.maintenance-page #logo {text-align: center;}

/*****************************************************************************************/
/************************************** Mobile *******************************************/
/****************************************************************************************/
#block-views-slideshow-home-block { display: none; }
.views_slideshow_cycle2_main img{ max-width:100%; height:auto; }

.views-field-field-block-image { border-radius: 10px; }
.cycle-slideshow { width: 100%; height: 100%; }

.view-slideshow-home .view-content, .view-slideshow-home .view-content div, .view-slideshow-home .view-content img {z-index: 700;}
.cycle-slideshow img, .view-slideshow-home img { width: 100%; height: auto; overflow:hidden; }
div.responsive img { width: 100%; height: auto }

#block-views-slideshow-home-block-1 { display: none; position: relative;}
.cycle-pager-hp-mobile {
	position: absolute;
	right: 5%;
	top: 20px;
	color: #dddddd;
	font-size: 40px;
	line-height: 0;
	z-index: 900;
}
.cycle-pager-hp-mobile span {cursor: pointer; display: inline-block; height: 16px; width: 16px;}
.cycle-pager-hp-mobile span.cycle-pager-active {color: #0076bd;}
#block-views-slideshow-home-block-1 .views-row {/* height: 325px; iPhone 3G */height: 526px; /* iPhone 6 - header et footer */width: 100%; overflow: hidden; text-align: center;}
#block-views-slideshow-home-block-1 .views-row img {
	max-width: 100%;
	width: auto;
	height: auto;
}

.cycle-pager, .cycle-pager-hp-desktop { display:none; }

.cycle-pager-actus { z-index: 998; position: absolute; bottom: 5%; right: 35px; overflow: hidden; }
.cycle-pager-actus span {
	display: block;
	height: 14px;
	width: 14px;
	background: url(../images/btn/page_off_slide_hight_res.png) left top no-repeat;
	background-size: contain;
	cursor: pointer;
	float: left;
	padding-right: 6px;
}
.cycle-pager-actus span.cycle-pager-active { background: url(../images/btn/page_on_slide_hight_res.png) left top no-repeat; background-size: contain;}
.cycle-pager-actus > * { cursor: pointer; }

.view-blocks-promos .block-next, .view-blocks-promos .block-prev {
	/* position: absolute;
	top: 80px;
	width: 14px;
	height: 22px;
	cursor: pointer; */
	display: none;
}
.view-blocks-promos .block-next {right: -18px; background: transparent url(../images/btn/btn_slide_block_next.png) no-repeat 0 0;}
.view-blocks-promos .block-prev {left: -20px; background: transparent url(../images/btn/btn_slide_block_prev.png) no-repeat 0 0;}

#hp-slideshow-prev {background-position: left top; left: 1.5%;}
#hp-slideshow-next {background-position: right top; right: 1.5%; }
.hp-slideshow-nav {
	position: absolute;
	top: 20%;
	z-index: 800;
	background-image: url(../images/btn/arrow-slide.png);
	background-repeat: no-repeat;
	background-size: auto;
	 width:50px; height:90px;
	display: block;
}

/* ***** Page univers ***** */
.page-actualites #contenu_central, .page-actualites #contenu_central .region-content, .page-actualites #conteneur, .page-actualites #contenu {padding: 0; background: none;}

.view-blocks-promos {position: relative;text-align:center; }
.view-blocks-promos .cycle-carousel-wrap .views-row {border-radius: 10px; padding: 0 2px;}

/*****************************************************************************/
/******************* Image de garde version mobile ***************************/
/*****************************************************************************/
.bg_mobile {display: none; width: 100%; position: fixed; z-index: 1000; height: 100%; overflow-y: hidden;}
.bg_mobile img{width: 100%; height: 100%;}
.bg_mobile .img_close {
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	width: 25px;
	height: 25px;
	background: #FFFFFF;
	border-radius: 13px;
	margin-right: 6px;
	margin-top: 6px;
}
.bg_mobile .img_close span{
	width: 20px;
	height: 20px;
	position: absolute;
	padding-top:5.5px;
	padding-left:3px;
	text-align: center;
}

/*****************************************************************************/
/******************************** Header *************************************/
/*****************************************************************************/
#entete {position: relative;}
/* #entete.search_open {padding-top: 38px;} */
#block-search-form {background: #0076bd; padding: 5px 2%; /* position: absolute; left: 0; top: 0; */ width: 96%; margin: 0; /* display:none; */ }
#block-search-form .content {
	background: #ffffff;
	border-radius: 5px;
	height: 30px;
	line-height: 30px;
	margin: 0 auto;
	padding: 0 2%;
	vertical-align: middle;
	color: #666666;
  font-size: 1.2em;
}
#block-search-form .form-type-textfield, #block-search-form .form-actions {display: inline-block; vertical-align: middle;}
#block-search-form .form-type-textfield {width: 88%;}
#block-search-form .form-actions {width: 10%; text-align: center;}
#block-search-form .form-text {
	border: none;
	width: 100%;
	appearance: none;
	-moz-appearance: none; /* Firefox */
	-webkit-appearance: none; /* Safari and Chrome */
}

.search-form .form-item-custom-search-types {display: none;}
#block-mbk-blocks-mbk-blocks-mobile-header-block {padding: 10px 2%;}
.not-front #block-mbk-blocks-mbk-blocks-mobile-header-block {display: none;}
#block-mbk-blocks-mbk-blocks-mobile-header-block #logo {/* float: left; */text-align: center; width: 75%; margin: 0 auto;}
#block-mbk-blocks-mbk-blocks-mobile-header-block #logo img {max-width: 140px; width: 100%; height: auto;}
#block-mbk-blocks-mbk-blocks-mobile-header-block #search_btn {float: right; height: 100%; line-height: 100%;}

/***************************************************************************/
/******************************** Menu *************************************/
/***************************************************************************/
.front #menu {display: none;}
#mobile_menu_area {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	padding: 0;
	background: #0076bd;
	z-index: 999;
}
#mobile_menu_area.notsticky {position: relative;}
#mobile_menu_area, #mobile_menu_area a {color: #ffffff;}
.menu_mobile_item {
	float: left;
	width: 29%;
	padding: 5px 2%;
}
.menu_mobile_item .item_icon, .ss_menu_item .item_icon {
	background: url(../images/icones/mobile_nav_icons.png) left top no-repeat;
	display: block;
	width: 100%;
	max-width: 30px;
	margin: 0 auto;
	height: 25px;
}
#menu_mobile_dealers .item_icon, #menu_mobile_dealers_universe .item_icon {background-position: -30px top;}
#menu_mobile_news .item_icon, #menu_mobile_news_universe .item_icon {background-position: -60px top;}

#block-mbk-menus-mbk-menus-menumobile-sub-block {display: none; border-top: 5px solid #0076bd;}
#mobile_menu_area.notsticky #block-mbk-menus-mbk-menus-menumobile-sub-block {position: absolute; width: 100%; bottom: 49px;}
#block-mbk-menus-mbk-menus-menumobile-sub-block #menu_g, #block-mbk-menus-mbk-menus-menumobile-sub-block .menu_icone {display: none;}
#block-mbk-menus-mbk-menus-menumobile-sub-block #menu_mobile_principal_items {padding: 0;}
#block-mbk-menus-mbk-menus-menumobile-sub-block #menu_mobile_principal_items .area980, #pied_page .area980 {width: 100%;}
#block-mbk-menus-mbk-menus-menumobile-sub-block #menu_mobile_principal_items li {
	float: none;
	width: auto;
	padding: 0 2%;
	background: none;
	text-align: left;
	border-bottom: 1px solid #dedede;
}
#block-mbk-menus-mbk-menus-menumobile-sub-block #menu_mobile_principal_items li a {background: url(../images/puces/puce_fleche_bleue_hight_res.png) right center no-repeat; background-size: 10px auto; display: block;}
#block-mbk-menus-mbk-menus-menumobile-sub-block #menu_mobile_principal_items li a:hover .menu_titre, #block-mbk-menus-mbk-menus-menumobile-sub-block #menu_mobile_principal_items li.actif .menu_titre {
	background: none;
}
#block-mbk-menus-mbk-menus-menumobile-sub-block #menu_mobile_principal_items li a:hover {color: #666666; text-decoration: underline;}
#block-mbk-menus-mbk-menus-menumobile-sub-block #menu_mobile_principal_items li.actif {background: #0076bd; color: #ffffff;}
#block-mbk-menus-mbk-menus-menumobile-sub-block #menu_mobile_principal_items li.actif a:hover {color: #ffffff;}

.page-actualites #block-mbk-menus-mbk-menus-menumobile-block, .page-actualites #block-mbk-menus-mbk-menus-menumobile-sub-block, .page-modeles #block-mbk-menus-mbk-menus-menumobile-block, .page-modeles #block-mbk-menus-mbk-menus-menumobile-sub-block, .node-type-model #block-mbk-menus-mbk-menus-menumobile-block {display: none;}

/* ***** Header menu Pages filles ***** */
.not-front #block-mbk-menus-mbk-menus-menu-block.off_on_mobile {display: block;}
.not-front #menu_g #logo {text-align: center; padding: 10px 0 0; width: 75%; margin: 0 auto;}
.not-front #menu_g #logo img {max-width: 140px; width: 100%; height: auto;}
.not-front #menu_g #menu_actus {text-align: center; display: none;}
.not-front #menu_principal li {display: none;}
.not-front #menu_principal li.actif {
	display: block;
	color: #FFFFFF;
	float: none;
	width: auto;
	padding: 0;
}
.not-front #menu_principal li.niv_1 a, .not-front #menu_principal li .menu_titre {display: block;}
.not-front #menu_principal li span {display: inline;}
.not-front #menu_principal li span, .not-front #menu_principal li span img {vertical-align: baseline;}
.not-front #menu_principal li span.menu_icone {padding-right: 5px;}
.not-front #menu_principal li .menu_titre {padding: 0;}
.not-front #menu_principal li.actif a, .not-front #menu_principal li a:hover {color: #66CCFF;}
.not-front #menu_principal li.actif a {color: #FFFFFF;}
.not-front #menu_principal li.actif .menu_titre {background: #66CCFF; border-radius: 5px; padding: 7px 0; margin-top: 10px;}

.not-front #barre_ss_menu {
	/* background: none; */
	padding-left: 0;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	margin: 0;
}
.not-front #barre_ss_menu .area980 {background: #66ccff; width: 100%;}
.not-front #barre_ss_menu_survol {width: 85%; padding: 0; background: #66ccff; display: none;}
.not-front #barre_ss_menu ul.section_ss_menu {background: none;}
.not-front #barre_ss_menu ul.off_on_mobile {display: none;}
.not-front #barre_ss_menu ul.section_ss_menu li {width: 22%; padding: 5px 0; text-align: center; /* height: 35px; line-height: 35px; */ vertical-align: middle; font-size: 0.9em;}
.not-front #barre_ss_menu ul.off_on_desktop li {width: 29%;}
.not-front #barre_ss_menu ul.section_ss_menu li:hover {background: #9bdeff;}
.not-front #barre_ss_menu ul.section_ss_menu li a {padding: 0; line-height: normal; vertical-align: middle; display: inline-block; height: auto;}
.not-front #barre_ss_menu ul.section_ss_menu li a:hover {background-color: none;}
.not-front #barre_ss_menu.notsticky {position: relative;}
.not-front #barre_ss_menu ul.section_ss_menu li.ss_menu_mobile_item {display: block; width: 13%; height: 39px;}
.not-front #barre_ss_menu ul.section_ss_menu li.ss_menu_mobile_item a {height: 100%;}

/****************************************************************************************/
/************************************** Contenu ****************************************/
/****************************************************************************************/
#conteneur, #zone_promotions {padding: 10px 2%;}
#zone_promotions {padding-bottom: 60px;}
#conteneur {padding-bottom: 60px;}
.node-type-model #conteneur {padding-bottom: 10px;}
.front #conteneur {padding: 0 2%;}
#partage_noeud {
	text-transform: uppercase;
	padding: 10px 0;
	font-size: 0.8em;
}
#partage_noeud img {vertical-align: middle;}
.field-name-body img {width: 100%; height: auto;}

#carrousel_nav {width: 640px; margin-left: 25px;}
#range_selector .form-type-checkboxes .form-item.form-item-range-ele {padding-left: 0px;}

/* *************** Page univers *************** */
/* Actualités */
	.page-actualites #contenu_central, .page-actualites #contenu_central .region-content, .page-actualites #conteneur, .page-actualites #contenu {padding: 0; background: none;}
	#cycle_univers_container {position: relative; max-height: 344px; overflow: hidden; padding: 10px 2% 0;}
	/* #cycle_univers {padding: 0 2%;} */
	#cycle_univers {width: 100%; height: 100%; max-height: 344px;}
	#cycle_univers > div {width: 100%; height: 100%;}
	#cycle_univers > img {width: 100%; height: 100%;}
	#cycle_univers .cycle-youtube {width: 100%; margin: 0 auto; left: 0; right: 0; background: #000000;}
	#cycle_univers iframe, #cycle_univers object, #cycle_univers embed {width: 100%; height: 100%;}
	#cycle_univers object {width: 100%; height: 100%; margin: 0 auto; display: block;}
	#cycle_univers img {width: 99.8%; height: 99.8%; border-radius: 10px; border: 1px solid #FFFFFF; line-height: 0;}

	#nav_slide .nav_slide_item{display: block;	float: left; padding-right: 6px;}
	#nav_slide .nav_slide_item a{
		background: url(../images/btn/page_off_slide_hight_res.png) left top no-repeat;
		background-size: contain;
		display: block;
		height: 14px;
		width: 14px;
	}
	#nav_slide a.activeSlide{background: url(../images/btn/page_on_slide_hight_res.png) left top no-repeat; background-size: contain;}

/* Modèles */
	.view-model .views-row {
		float: left;
		width: 40%;
		padding: 0 5% 5px;
		text-align: center;
		height: 156px;
	}
	.view-model .views-field-title {font-weight: bold;}
	.view-model .views-field-field-model-picture {line-height: 0;}
	.model_picture_and_sticker {position: relative;}
	.model_sticker {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 100%;
	}
	.model_sticker a {display: block; width: 100%; height: 100%;}
	.model_sticker_promo a {background: url(../images/stickers/sticker_promo.png) right bottom no-repeat;}
	.model_sticker_sl a {background: url(../images/stickers/sticker_sl.png) right bottom no-repeat;}
	.model_sticker_destockage a {background: url(../images/stickers/sticker_destock.png) right bottom no-repeat;}
	.model_sticker_nvo a {background: url(../images/stickers/sticker_new.png) right bottom no-repeat;}
	.model_sticker_comingsoon a {background: url(../images/stickers/sticker_comingsoon.png) right bottom no-repeat;}

	.i18n-nl .model_sticker_nvo a {background: url(../images/stickers/sticker_new_nl.png) right bottom no-repeat;}
	.i18n-nl .model_sticker_promo a {background: url(../images/stickers/sticker_promo_nl.png) right bottom no-repeat;}
	.i18n-nl .model_sticker_sl a {background: url(../images/stickers/sticker_sl_nl.png) right bottom no-repeat;}
	.i18n-nl .model_sticker_destockage a {background: url(../images/stickers/sticker_destock_nl.png) right bottom no-repeat;}
	
	.view-model .views-field-field-model-picture img {max-width: 100%; height: auto;}
	.view-model .views-field-title a.titre_actif {color: #66ccff;}

	#modele_bloc_boutons {border-top: 1px solid #0076BD; background: url(../images/mobile/bg_mobile_models_btns.gif) left top repeat; border: 1px solid #dddfe2; border-radius: 5px; min-height: 0; padding: 10px 5px;}
	#modele_bloc_boutons .modele_bouton {margin-bottom: 0; /* width: 50px; */width: 20%; background: none; overflow: hidden; font-size: 0.8em;}
	#modele_bloc_boutons .modele_bouton:hover {background: none;}
	#modele_bloc_boutons .modele_bouton.odd {clear: none;}
	#modele_bloc_boutons #bouton_dl {margin: 5px auto; width: 75px; padding-left: 50px; display: none;}
	#modele_bloc_boutons .modele_bouton.active{color: #0076bd; background: url(../images/mobile/mobile_model_btn_active.png) center bottom no-repeat; padding-bottom: 10px;}
	.node-type-model #contenu_central .node > .content {position: relative;}
	#logo_france {position: absolute; top: -32px; right: 0; left: auto; margin-left: 0; z-index: 850;}
	#conteneur_site.override_universe_bg #logo_france {top: -32px;}
	.bloc_btn {
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 2%;
		margin-right: 2%;
		background: url(../images/mobile/bg_mobile_models_btns.gif) left top repeat;
		border: 1px solid #dddfe2;
		border-radius: 5px;
		/* float: left; */
		width: 45%;
		display: inline-block;
	}
	.node-type-model .bloc_btn {margin-bottom: 60px; margin-top: 0;}
	
	#block-mbk-blocks-mbk-blocks-model-rblock #select_color {
		position: static;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		margin: 10px auto 0;
		background: #FFFFFF;
		border: 1px solid #CCCCCC;
		border-radius: 10px;
		width: auto;
	}
	#block-mbk-blocks-mbk-blocks-model-rblock .select_color_top {display: none;}
	#block-mbk-blocks-mbk-blocks-model-rblock .select_color_content {background: none; padding: 5px;}
	#block-mbk-blocks-mbk-blocks-model-rblock .btn_color {display: inline-block;}

	.field-name-field-model-rate, .field-name-field-model-stand-rate, .node-model .field-name-body {font-family: 'Open Sans Condensed', sans-serif; text-align: justify;}
	.field-name-field-model-rate {
		font-weight: bold;
		font-size: 1.5em;
		font-family: Arial, Verdana;
		color: #0076bd;
		line-height: 0.9em;
		padding-bottom: 2px;
	}
	.node-model .field-name-body {color: #999999; font-size: 0.9em; line-height: 1em; padding-top: 7px;}
	#block-views-diaporama-block {display: none;}

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

	#slideshow_video_modele {margin: 0;}
	.view-slideshow-video-modele #carrousel_nav {margin: 0; width: 100%;}
	.view-slideshow-video-modele .views-row, .views-row iframe {width: 100%;}
	
/****************************************************************************************/
/*************************************** Bloc promo *************************************/
/****************************************************************************************/
.page-modeles #zone_promotions, .node-type-model #zone_promotions {display: none;}
#slide_promos {display: block; width: 100%;}
#block-views-blocks-promos-block {/* width: 50%;  */margin: 0 auto;}
#block-views-blocks-promos-block .views-row {width: 100%; height: auto !important; cursor: pointer; margin: 0 auto 10px !important;}
#block-views-blocks-promos-block .views-field-field-block-image {border: 1px solid #66ccff; border-radius: 10px; line-height: 0;}
#block-views-blocks-promos-block .views-field-field-block-image p {display: none;}
#block-views-blocks-promos-block a {display: block; border-radius: 10px; line-height: 0;}
#block-views-blocks-promos-block img {width: 100%; height: auto; border-radius: 10px; line-height: 0;}
.promo_contenu {padding: 10px; font-family: 'Open Sans Condensed', sans-serif; font-size: 1.4em; color: #666666;}

/* ***** Formulaire de contact ***** */
#webform-client-form-36 {padding-top: 10px;}
#webform-client-form-36 label, #print-mail-form label {width: auto; padding-right: 0; float: none;}
#webform-client-form-36 .webform-component, #print-mail-form .form-item {padding-bottom: 10px;}
#webform-client-form-36 span.form-required, #print-mail-form span.form-required {color: #0076bd;}
#webform-client-form-36 input.form-text, #webform-client-form-36 .form-select, #webform-client-form-36 textarea, #print-mail-form input.form-text, #print-mail-form .form-select, #print-mail-form textarea {border: 1px solid #d6d6d6;}
#webform-client-form-36 input.form-text, #webform-client-form-36 .form-select, #print-mail-form input.form-text, #print-mail-form input.select {width: 100%; height: 22px;}
#webform-client-form-36 textarea {width: 100%; height: 158px; resize: none;}

#webform-client-form-36 input.form-submit, #print-mail-form input.form-submit {
	display: block;
	float: right;
	background: #eeeeee;
	border: none;
	border-radius: 5px;
	font-family: Arial, Verdana;
	font-size: 0.8em;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	font-weight: bold;
}
#print-mail-form input.form-submit {float: left; margin: 2px; width: 49%;}
#print-mail-form #edit-btn-clear {display: none;}

#webform-client-form-36 .form_legend, #print-mail-form .form_legend {font-size: 0.9em; font-weight: bold;}
#print-mail-form .form_legend {clear: both; padding-top: 10px;}
.webform-confirmation {padding-bottom: 20px;}
.webform-confirmation p {padding-bottom: 10px;}

/****************************************************************************************/
/************************************* Overlay ******************************************/
/****************************************************************************************/
#model_overlay {display: none;}
#model_overlay .overlay_content {padding: 20px 0;/* padding: 20px; height: 482px; overflow: auto; */}
#model_overlay .overlay_content {width: 100%;}
#model_overlay .top {
	display: none;
	color: #333333;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.3em;
	line-height: 0.9em;
	padding-bottom: 30px;
}
#model_overlay.display_diapo .top {float: right;}
#model_overlay .top_item {float: right; display: block; padding-left: 5px; margin-left: 5px; border-left: 2px solid #a0a0a0;}
#model_overlay .top_item_last {padding-left: 0; margin-left: 0; border-left: none;}
#model_overlay .close_model_overlay {text-transform: uppercase;}
#model_overlay .field-name-field-model-media-video {text-align: center; padding-top: 35px;}

#model_overlay .overlay_content table {width: 100%;}

.modele-diapo-photo .views-row {float: left; padding-right: 4px; padding-bottom: 4px;}

.modele-diapo-photo .views-row .views-field-field-model-picture {border: 1px solid #d8d8d8; line-height: 0;}
.modele-diapo-photo .views-row .diapo_active {border: 1px solid #0076BD;}

.modele-diapo-photo .views-row  .image_diapo {border: 2px solid #FFFFFF;}
.modele-diapo-photo .views-row .diapo_active .image_diapo {border: 2px solid #0076BD;}

.photo_active {clear: both; text-align: center;}
.photo_active .photo_principale img {width: 100%; height: auto;}

#model_overlay .photo_liens ul {display: none;}
#model_overlay .photo_liens li {float: left; text-align: left; padding-right: 5px;}
#model_overlay .photo_liens li a {color: #666666;}
#model_overlay .photo_liens li a:hover {color: #0076bd; text-decoration: none;}
#model_overlay .photo_liens li img {vertical-align: middle;}

#model_overlay .caract_chemin {font-family: 'Open Sans Condensed', sans-serif; font-size: 1.5em; color: #333333; padding-bottom: 5px;}
#model_overlay .caract_menu {background-color: #0076bd; margin-bottom: 10px;}
#model_overlay .caract_menu li {float: left; padding-left: 30px;}
#model_overlay .caract_menu a {color: #FFFFFF;}
#model_overlay .caract_menu .actif a {color: #66ccff;}
#model_overlay ul li {list-style-type: disc; margin-left: 16px;}
#model_overlay .caract_menu ul li, #model_overlay .photo_active ul li {list-style-type: none; margin-left: 0px;}
#model_overlay .carct_contenu table tr{height: 26px; border-bottom: 1px solid #dedfe3;}
#model_overlay .carct_contenu table tr:last-child{border-bottom: none;}
#model_overlay .carct_contenu table td {width: 48%}

#model_overlay .photo-modele .views-field-field-model-picture div img{margin-left: 100px;}

.i18n-be .prix_model, .i18n-nl .prix_model {display: none;}
.i18n-be .view-id-diaporama, .i18n-nl .view-id-diaporama {padding-left: 180px;}
.i18n-be #overlay_diapo_content .view-id-diaporama, .i18n-nl #overlay_diapo_content .view-id-diaporama {padding-left: 0px;}

.overlay_print {display: none;}
#block-mbk-blocks-mbk-blocks-model-rblock #select_color {margin-right: 0;}
#model_overlay .photo-modele .views-field-field-model-picture div img {margin: 0;}

#model_overlay.photo_color {position: absolute; top: 118px; background: #FFFFFF; z-index: 800; width: 96%}
#model_overlay.photo_color .overlay_content {padding: 0;}
#model_overlay.photo_color .overlay_containeur .prix_model {font-size: 1.5em;}

/* **** Articles **** */
#lien_actus.actif {background: #66ccff; border-radius: 5px;}
#lien_actus.actif a {Color: #FFFFFF;}
.view-articles .views-field-field-articles-vignette {float: left; display: inline; margin-right: 12px;}
.view-articles .views-field-title, .view-partenaires .views-field-title {text-transform: uppercase; font-size: 1.2em; font-weight: bold;}
.view-articles .views-field-field-articles-date {margin-bottom: 10px;}
.view-articles .views-field-view-node a, .view-partenaires .views-field-view-node a {font-weight: bold;}
.view-articles .views-row, .view-partenaires .views-row {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #333333; min-height: 94px;}
.view-articles .views-row-last, .view-partenaires .views-row-last {padding-bottom: 0; border-bottom: none;}

.view-partenaires table {width: 100%;}
.view-partenaires table tr.row-last {border-bottom: none;}
.view-partenaires table td {width: 50%; padding: 20px 0; text-align: center; vertical-align: bottom;}
.view-partenaires table td img {width: 80%; height: auto;}
.view-partenaires .views-field-field-partenaires-logo {padding-bottom: 5px;}

/* *********** Popup messages ******* */
div#contenu div#messages { position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.70); /* Permet de ne mettre l'opacité que sur la couleur de fond (ne marche pas sous IE) */
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90FFFFFF, endColorstr=#90FFFFFF);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#90FFFFFF, endColorstr=#90FFFFFF)";
}

div#contenu div.messages.status {
	position: absolute;
	top: 30%;
	left: 50%;
	width: 77%;
	text-align: center;
	margin: 0px;
	margin-left: -47%;
	background-color: #FFFFFF;
	background-image: none;
	border-color: #000000;
	padding-top: 25px;
	padding-left: 40px;
	font-size: 0.9em;
}

div#contenu div.messages.status a {position: relative; top: -41px; right: -23px; float: right;}

/****************************************************************************************/
/************************************** Résau MBK ***************************************/
/****************************************************************************************/
#map_page_infos, #dealers_map, #concessionnaire_infos {float: none; width: auto; padding: 0;}
#range_selector {
	float: none;
	position: static;
	left: 0;
	height: auto;
	width: auto;
	margin-top: 10px;
	background: url(../images/mobile/bg_mobile_models_btns.gif) left top repeat;
	border: 1px solid #dddfe2;
	border-radius: 5px;
}
#range_selector .form-type-checkboxes label {text-align: left; padding: 0 0 10px; float: none;}
#range_selector .form-type-checkboxes .form-item {padding: 0 0 5px;}
#range_selector .form-type-checkboxes .form-item, .form-type-checkboxes label {float: none;}
#map {width: 80%; margin: 0 auto;}
#map_pays, #map_dom {float: none; width: auto; padding-top: 10px;}
#map_dom {display: none;}
#map_pays {padding-bottom: 0;}
#map_pays object {width: 100%;}
#dealers_domtom_map {float: none;}
#dealers_map, #dealers_domtom_map {padding-top: 0;}
.map_dom_seul {width: 30%; margin: 0; padding: 10px 5px 0; min-height: 120px;}
.map_dom_seul.first_element {clear: none;}
.btn_step {float: none; margin: 10px auto;}
#dealers_google_map {margin: 0 auto; width: 80%; height: auto; padding: 0;}
#dealers_google_map #map {width: 100%;}
#concessionnaire_googlemap {float: none;}

#dealers_map .containeur_carte label{margin: 5px 0;}

.infos_concess {margin: 0;}
.title_concess, #concessionnaire_googlemap {padding: 7px 0;}
#dealers_map .situation_concessionnaire, #dealers_map .containeur_carte label{display: none;}

/****************************************************************************************/
/************************************ Pied de page **************************************/
/****************************************************************************************/
.not-front #pied_page {border-top: 2px solid #0076BD; padding: 10px 0 50px; clear: both;}
.not-front #block-menu-menu-footer {font-weight: bold;}
.not-front #block-menu-menu-footer li {float: left;}
.not-front #block-menu-menu-footer a {
	display: block;
	background: url(../images/bg/pp/sep_lien_pp.png) right center no-repeat;
	padding: 3px 8px 3px 6px;
}
.not-front #block-menu-menu-footer .last a {padding-right: 0; background: none;}

/****************************************************************************************/
/************************************** Pré-home ****************************************/
/****************************************************************************************/
#block-mbk-prehome-mbk-prehome-block {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #FFFFFF;
	z-index: 999;
}
#block-mbk-prehome-mbk-prehome-block .content {width: 100%; height: 100%;}
#block-mbk-prehome-mbk-prehome-block #prehome_block_bg {width: 100%; height: 100%; padding-top: 5%;}
#prehome {margin: 0 auto; width: 100%; height: 100%;}

#prehome .prehome_conteneur {height: 100%;}
#prehome_logo {text-align: center; padding: 50px 0; background: url(../images/bg/bg_bloc_prehome.png) left top no-repeat;}
.prehome_contenu {background: url(../images/bg/bg_bloc_prehome.png) left bottom no-repeat;}
#prehome .modeles_icones .icone {float: left;}
#prehome .modeles_icones {text-align: center;}
#prehome .modeles_icones img {vertical-align: bottom;}
#prehome .lang_select {clear: left; padding: 44px 0; width: 84%; margin: 0 auto; font-family: 'Open Sans Condensed', sans-serif;}
#prehome .lang_select .lang_bouton {
	float: left;
	display: inline; /* corrige un buf IE6 */
	width: 133px;
	height: 39px;
	background: url(../images/btn/btn_lang.png) left top no-repeat;
	text-align: center;
	font-size: 1.4em;
	font-weight: bold;
}
#prehome .lang_select .lang_bouton a {color: #666666; display: block; padding-top: 7px;}

/***************************************************************************/
/************************ HP Mobile Scroller BG ****************************/
/***************************************************************************/
#invisible_bg, #invisible_bgscrolling_mobile {display: none;}
#mobile_bg_scroller {height: 100%;}
#hp_mobile_scoller_bg {z-index: 850;}
#mobile_bg_scroller li {width: 100%; height: 100%; text-align: center; overflow: hidden;}
#mobile_bg_scroller li a {display: block; width: 100%; height: 100%;}
#mobile_bg_scroller img {/* max-width: 100%; height: auto; */height: 100%; width: auto; position: relative;}

#bg_universe {display: none;}

/****************************************************************************************/
/*************************************** Admin ******************************************/
/****************************************************************************************/
body.cke_show_borders {background: none;}

/* Responsive */
@media screen and (max-width:980px) {
	#conteneur_site, .area980 {max-width: 980px; width: 100%;}
	#menu_actus #lien_actus {width: auto;}
}

@media screen and (max-width:640px) and (orientation: landscape) {
	div#contenu div.messages.status {margin-left: -44%;}
}


@media screen and (orientation: portrait) {
	#portrait { display: block; }
	a#portrait {height: 100%; width: 100%;}
	#paysage { visibility: hidden; display: none; }
}
@media screen and (orientation: landscape) {
	#portrait { visibility: hidden; display: none; }
	#paysage { display: block; }
	a#paysage {height: 100%; width: 100%;}
}