/*************************************************** 
	GLOBAL
***************************************************/
.transition100 {
	transition: all 0.1s ease-in-out 0s;
	-o-transition: all 0.1s ease-in-out 0s;
	-ms-transition: all 0.1s ease-in-out 0s;
	-moz-transition: all 0.1s ease-in-out 0s;
	-webkit-transition: all 0.1s ease-in-out 0s;
}

.transition1000 {
	transition: all 1s ease-in-out 0s;
	-o-transition: all 1s ease-in-out 0s;
	-ms-transition: all 1s ease-in-out 0s;
	-moz-transition: all 1s ease-in-out 0s;
	-webkit-transition: all 1s ease-in-out 0s;
}


body {font-family: 'Lato', sans-serif; background: white; color: #555; padding-top: 170px; min-width: 1200px; position: relative;}

div.top-content {height: 600px; position: relative; overflow: hidden; z-index: 0; background: black;}
div.top-content > img {min-width: 100%; min-height: 100%;}
div.top-content > img.arrow {display: block; position: absolute; bottom: -1px; left: 0; width: 100%; height: auto; min-height: inherit;}
div.top-content.one-article img.one-article-bg {opacity: 0.3;}


a#habillage_home {display: block; width: 100%; height: 968px; position: absolute; top: 0; left: 0;}


section {background: white;}
section.content {margin-top: -450px; position: relative; z-index: 0; min-height: 450px;}

article {padding: 60px;}

div.one-part {padding-top: 30px; padding-bottom: 30px;}
div.one-part:nth-child(2n+1) {background: whitesmoke}


/* EXPAND */
h3.expand {cursor: pointer; margin: 0px auto; padding: 15px 0px;}
h3.expand:hover {color: #e75012;}
div.expand-content {padding-top: 10px; display: none;}
div.expand-content img {max-width: 100%;}
div.expand-content table {font-size: 12px;}


/* ONE VEHICULE CHARTE */
div#one-vehicule-charte {
	background: #28414F;
	background: -webkit-linear-gradient(90deg, #16222A 10%, #3A6073 90%); /* Chrome 10+, Saf5.1+ */
	background:    -moz-linear-gradient(90deg, #16222A 10%, #3A6073 90%); /* FF3.6+ */
	background:     -ms-linear-gradient(90deg, #16222A 10%, #3A6073 90%); /* IE10 */
	background:      -o-linear-gradient(90deg, #16222A 10%, #3A6073 90%); /* Opera 11.10+ */
	background:         linear-gradient(90deg, #16222A 10%, #3A6073 90%); /* W3C */
    color: white;
    padding: 0px 30px;
    height: 7px;
    overflow: hidden;
}
div#one-vehicule-charte.active {height: 405px; padding: 30px 30px;}
i#toggle-charte {text-align: center; font-size: 25px; cursor: pointer; color: white; display: block; margin: auto; margin-top: -5px; background: #28414F; width: 60px; border-radius: 0px 0px 100px 100px;}
i#toggle-charte:hover {color: #e75012;}


/* OFFRE DU MOIS POPUP*/
div#offre-du-mois-popup {background: white; position: fixed; z-index: 8; width: 300px; top: 230px; left: -300px; box-shadow: 0px 0px 10px rgba(0,0,0,0.4);}
div#offre-du-mois-popup.active {left: 0px;}
i#toggle-offre-du-mois-popup {position: absolute; top: 0; left: 100%; display: block; background: white; font-size: 30px; padding: 5px 10px; cursor: pointer;}
i#toggle-offre-du-mois-popup:hover {color: #e75012;}


h1 {font-style: italic; text-transform: uppercase; font-weight: 600;}
h1.page-title {border-bottom: 1px solid #ddd; padding-bottom: 40px; margin-top: 0; margin-bottom: 30px; text-align: center;}
.text-grey-blue {color: #3f5b67;}
.text-orange, a {color: #e75012;}
a:hover {color: #e75012;}
label {font-size: 13px;}

.pagination > li > a {font-size: 12px; padding: 6px 10px;}

.btn.btn-orange {background: #e75012; color: white;}
.btn.btn-orange:hover {background: #d64c17;}

.marginr10 {margin-right: 10px;}
.marginl10 {margin-left: 10px;}

.citation {font-style: italic; font-size: 22px; margin: 0;}
.conditions {color: #999; font-style: italic; font-size: 12px;}

.bandeau-partenaires {margin-top: -70px; margin-bottom: 30px; position: relative; z-index: -1;}

.nav-tabs > li > a {color: #999;}
.tab-pane.bordered {padding: 20px; padding: 20px; border: 1px solid #ddd; border-top: none;}


div#conditions-utilisation-site {color: #777; font-size: 12px; line-height: 1.5;}
div#conditions-utilisation-site h3 {margin-top: 40px;}
div#conditions-utilisation-site h4 {margin-top: 30px; color: #555;}



/*************************************************** 
	MENU TOP
***************************************************/
nav#menu-top {position: absolute; top: 0; left: 0; right: 0; height: 40px; background: #222; z-index: 2;}
nav#menu-top div > ul > li {display: inline-block; position: relative;}
nav#menu-top ul > li > a {color: #c9c9c9; text-decoration: none; font-style: italic; font-weight: 400; font-size: 14px; display: block; line-height: 40px; height: 40px; padding: 0px 15px;}
nav#menu-top ul > li > a:hover, nav#menu-top ul > li > a.active {color: #e75012;}
nav#menu-top ul.sous-menu {position: absolute; width: 160px; background: #222; padding-bottom: 5px; visibility: hidden; opacity: 0; top: 40px; left: 0; z-index: 10;}
nav#menu-top ul.sous-menu > li > a {font-size: 13px; height: 35px; line-height: 35px;}
nav#menu-top ul > li:hover > ul.sous-menu {visibility: visible; opacity: 1; z-index: 9;}
nav#menu-top img#constructeur-logo {display: block; position: absolute; top: 15px; right: 0; z-index: 3;}
li#acces-pro-user {color: aqua; text-decoration: none; font-style: italic; font-weight: 400; font-size: 14px; display: block; line-height: 40px; height: 40px; padding: 0px 15px;}



/*************************************************** 
	MAIN MENU
***************************************************/
nav#main-menu {position: absolute; top: 40px; left: 0; right: 0; height: 130px; background: white; z-index: 1;}
nav#main-menu ul#main-list > li > a {display: block; height: 130px; padding-top: 60px; position: relative; text-align: center; color: #555; font-weight: 600; font-style: italic; text-transform: uppercase; text-decoration: none;}
nav#main-menu ul#main-list > li > a#main-logo {display: block; padding-top: 25px;}
/*nav#main-menu ul#main-list > li > a#main-logo img {width: 70%; margin-bottom: 5px;}*/
nav#main-menu ul#main-list > li > a > span.sous-titre {display: block; color: #999; text-transform: none; font-weight: 400;}
nav#main-menu ul#main-list > li > a:hover, nav#main-menu ul#main-list > li > a.active {color: #e75012;}
nav#main-menu img.arrow {position: relative; z-index: 1;}

nav#main-menu li#change-constructeur > ul {position: absolute; background: white; width: 100%; text-align: center; z-index: 9; left: 0px; visibility: hidden; opacity: 0; border-radius: 0px 0px 10px 10px; box-shadow: 0px 2px 3px rgba(0,0,0,0.2);}
nav#main-menu li#change-constructeur:hover > ul {visibility: visible; opacity: 1;}
nav#main-menu li#change-constructeur > ul > li {display: inline-block;}
nav#main-menu li#change-constructeur > ul > li > a {display: block; padding: 15px 10px; margin-top: 10px; border-radius: 10px 10px 0px 0px;}
nav#main-menu li#change-constructeur > ul > li > a:hover {background: whitesmoke;}

li#menu-vehicules div#vehicules-sous-menu {position: absolute; z-index: 9; background: white; width: 770px; padding-top: 20px; padding-bottom: 10px; border-radius: 0px 0px 10px 10px; visibility: hidden; opacity: 0; box-shadow: 0px 2px 3px rgba(0,0,0,0.2);}
li#menu-vehicules div#vehicules-sous-menu.kia {width: 514px;}
li#menu-vehicules:hover div#vehicules-sous-menu {visibility: visible; opacity: 1;}
li#menu-vehicules div#vehicules-sous-menu > div:nth-child(2) {border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
li#menu-vehicules div#vehicules-sous-menu.kia > div:nth-child(2) {border-right: none;}
li#menu-vehicules div#vehicules-sous-menu h4 a {display: block; font-size: 16px; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 15px; color: #999; text-decoration: none;}
li#menu-vehicules div#vehicules-sous-menu h4 a:hover {color: #e75012;}
li#menu-vehicules div#vehicules-sous-menu h4 img {height: 30px;}
li#menu-vehicules div#vehicules-sous-menu a.page-link {font-size: 13px; font-style: italic; display: block; padding: 15px 15px; color: #555; text-decoration: none;}
li#menu-vehicules div#vehicules-sous-menu a.page-link.text-orange {color: #e75012;}
li#menu-vehicules div#vehicules-sous-menu a.page-link:hover {background: whitesmoke; color: #e75012;}
li#menu-vehicules div#vehicules-sous-menu img.picto-vehicule {height: 40px;}
li#menu-vehicules div#vehicules-sous-menu a.vehicule {font-size: 13px; font-style: italic; display: block; margin: 10px auto; text-decoration: none; color: #555;}
li#menu-vehicules div#vehicules-sous-menu a.vehicule:hover {background: whitesmoke; color: #e75012;}

li#menu-services div#services-sous-menu {position: absolute; z-index: 9; background: white; width: 257px; padding: 5px 0px 10px; border-radius: 0px 0px 10px 10px; visibility: hidden; opacity: 0; box-shadow: 0px 2px 3px rgba(0,0,0,0.2);}
li#menu-services:hover div#services-sous-menu {visibility: visible; opacity: 1;}
li#menu-services div#services-sous-menu a.page-link {font-size: 13px; font-style: italic; display: block; padding: 15px 15px; color: #555; text-decoration: none;}
li#menu-services div#services-sous-menu a.page-link:hover {background: whitesmoke; color: #e75012;}



/*************************************************** 
	MODULE OCCASION & SLIDER
***************************************************/
section#slider {background: black; padding-top: 110px; position: relative; z-index: 0; overflow: hidden;}
section#slider.habillage {padding-top: 450px;}
section#slider > img.arrow {position: relative; z-index: 1;}
section#slider > img.slider-bg {display: block; position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; margin: auto; z-index: 0; opacity: 0; /*-webkit-filter: blur(20px); filter: blur(20px);*/}
section#slider > img.slider-bg.active {opacity: 0.3;}
section#slider > div.container {position: relative; z-index: 1;}

section#slider div#module-occasion-wrapper {height: 400px;}
div#module-occasion {background: #222; height: 400px; padding-top: 10px; box-sizing: border-box;}
div#module-occasion h1 {color: white; text-transform: uppercase; font-size: 18px; text-align: center; font-weight: 800; line-height: 1.3; margin-top: 0px;}
div#module-occasion div.col-xs-6:nth-child(2n) {padding-right: 8px;}
div#module-occasion div.col-xs-6:nth-child(2n+1) {padding-left: 8px;}
div#module-occasion form select {cursor: pointer;}
form#recherche-occasion label {color: white; text-transform: uppercase; font-style: italic; font-weight: 400;}
form#recherche-occasion select, form#recherche-occasion input {margin-bottom: 10px;}
form#recherche-occasion input[type="submit"] {margin-top: 10px;}
form#recherche-occasion > div:last-of-type {margin-top: -11px; padding-top: 11px; background: #222;}
div#sidebar div#module-occasion {height: auto;}

div#main-slider div.item img {display: block; width: 900px; height: 400px;}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {right: 23px; margin-left: 0px;}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-left {left: 20px; margin-left: 0px;}
.carousel-caption {right: 20px; left: auto; padding-bottom: 0px;}
.carousel-indicators {bottom: 0px;}



/*************************************************** 
	DERNIÈRES ACTUS & TEASERS
***************************************************/
section#dernieres-actus {position: relative; z-index: 1; margin-top: -1px; padding-top: 40px;}

section#dernieres-actus div#coups-de-coeur-ford {height: 229px;}
section#dernieres-actus div#coups-de-coeur-ford a {background: #3f5b67; display: block; height: 229px; text-align: center; padding-top: 50px;}
section#dernieres-actus div#coups-de-coeur-ford a:hover {background: #2384ac;}

section#dernieres-actus div#mots-cles {height: 228px;}
section#dernieres-actus div#mots-cles > h1, section#dernieres-actus div#mots-cles > div {margin-top: 30px;}
section#dernieres-actus div#mots-cles > div > a {background: #3f5b67; font-size: 13px; display: inline-block; margin-bottom: 8px; margin-right: 6px; padding: 0.4em .7em;}
section#dernieres-actus div#mots-cles > div > a:hover {background: #e75012;}

section#dernieres-actus a.one-actu {position: relative;}
section#dernieres-actus a.one-actu > img {width: 400px; height: 229px;}
section#dernieres-actus a.one-actu > p {position: absolute; display: block; bottom: 0; left: 0; width: 100%; height: 100%; margin-bottom: 0px; z-index: 2; background: url(../template/actu-black-grad.png) bottom repeat-x;}
section#dernieres-actus a.one-actu > p > span.overlay {position: absolute; display: block; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 3; background: black; background: rgba(0, 0, 0, 0.6); visibility: hidden; opacity: 0;}
section#dernieres-actus a.one-actu:hover > p > span.overlay {visibility: visible; opacity: 1;}
section#dernieres-actus a.one-actu > p > span.overlay i {position: absolute; color: white; font-size: 60px; display: block; width: 100%; text-align: center; margin-top: -30px; top: 50%; -webkit-transform: rotate(180deg) translateY(-20px); transform: rotate(180deg) translateY(-20px);}
section#dernieres-actus a.one-actu:hover > p > span.overlay i {-webkit-transform: rotate(0deg) translateY(0px); transform: rotate(0deg) translateY(0px);}
section#dernieres-actus a.one-actu > p > span.titre {position: absolute; display: block; bottom: 15px; left: 0; width: 100%; color: white; text-align: center; font-size: 14px; font-weight: 600; z-index: 4;}

section#teaser a.one-teaser {text-decoration: none; height: 330px;}
section#teaser a.one-teaser:hover {background: whitesmoke;}



/*************************************************** 
	FOOTER
***************************************************/
footer {
	background: #404347; /* Old browsers */
	background: -moz-linear-gradient(top,  #404347 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#404347), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #404347 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #404347 0%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #404347 0%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #404347 0%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404347', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
footer > img {margin-bottom: 50px;}
footer div#menu-footer > a {display: block; font-weight: 600; text-transform: uppercase; text-decoration: none; color: white; font-size: 17px; padding: 10px 5px;}
footer div#menu-footer > a:hover {color: #e75012;}

footer div#newsletter {color: white;}
footer div#newsletter > p {font-size: 12px;}
footer div#newsletter input {display: block; width: 100%; padding: 10px 8px; color: #999; font-style: italic; background: black; border: 1px solid #333; border-radius: 5px; margin-bottom: 10px;}
footer div#newsletter button {color: white; font-style: italic; font-weight: 400;}

footer div#footer-logos {text-align: center;}
footer div#footer-logos img {display: inline-block; margin: 60px 30px 30px;}

footer div#credits {border-top: 10px solid #333; padding: 15px;}



/*************************************************** 
	SIDEBAR
***************************************************/
div#sidebar {background: #222; padding-top: 10px; padding-bottom: 15px;}
div#sidebar div.item {margin-top: 15px;}
div#sidebar div.item:hover {opacity: 0.8;}



/*************************************************** 
	PAGES
***************************************************/
article#historique-de-la-marque .one-historique {display: block; position: relative; float: left; width: 250px; height: 300px; background: url(/template/historique/landrover/date_bulle.png); font-family: Georgia; cursor: crosshair;}
article#historique-de-la-marque .one-historique h4.date {color: white; text-align: center; line-height: 275px; font-style: italic; font-size: 25px; font-weight: normal;}
article#historique-de-la-marque .one-historique-vehicule {width: 250px; height: 300px; position: absolute; top: 0; left: 0; background: url(/template/historique/landrover/historique_bg_white.jpg); opacity: 0;}
article#historique-de-la-marque .one-historique-vehicule h4 {font-size: 18px; font-style: italic; text-align: center; line-height: 130px; font-weight: normal;}
article#historique-de-la-marque .one-historique:hover .one-historique-vehicule {opacity: 1;}


article#nous-joindre iframe {float: right;}
article#nous-joindre h2 {margin-bottom: 40px;}
article#nous-joindre div.coordonnees p {font-size: 12px; line-height: 2;}


article#service-apres-vente div.tab-pane#photos div.carousel-inner div.item img {width: 750px; height: 400px;}
article#service-apres-vente div.tab-pane#videos div.carousel-inner div.item iframe {margin-bottom: -5px;}
article#service-apres-vente table.sav-tarifs-vehicule-pret td.tarif {text-align: center; vertical-align: middle; font-weight: 600; font-size: 15px; font-style: italic;}


article#contact > div.row > div.choix-contact {cursor: pointer; padding-top: 20px; padding-bottom: 20px;}
article#contact > div.row > div.choix-contact:nth-child(2) {border-right: 1px solid #ddd; border-left: 1px solid #ddd;}
article#contact > div.row > div.choix-contact:hover, article#contact > div.row > div.choix-contact.active {background: whitesmoke;}
article#contact div#choix-demande {border-top: 1px solid #ddd; padding-top: 30px;}
article#contact div.choix-demande ul > li {cursor: pointer;}
article#contact div.choix-demande ul > li:hover, article#contact div.choix-demande ul > li.active {color: #e75012;}


article#mon-compte-client {font-size: 13px;}


article#actualites a.one-actu {margin: 15px auto;}
article#actualites a.one-actu:hover {background: whitesmoke;}
article#actualites a.one-actu:hover h4 {color: #e75012;}
article#actualites a.one-actu:hover h5 {color: black;}


article.one-article {padding-top: 20px;}
article.one-article div.article-content img {max-width: 100%;}
div.main-img-wrapper {overflow: hidden; height: 384px;}
div.main-img-wrapper img {margin-top: -65px;}
span.date-publication {position: absolute; right: 15px; bottom: 10px;}


article#vehicules-demonstration div.offre-content {margin-top: -5px;}
article#vehicules-demonstration .PrixBarre {text-decoration: line-through; font-weight: 800;}
article#vehicules-demonstration .Remise {color: firebrick; font-weight: bold; font-size: 40px; text-align: right; background: url(../template/remise-vd.png) top center no-repeat; height: 100px; padding-right: 67px; padding-top: 14px; margin-top: -30px;}


article#vehicules-neufs-utilitaires a.one-vehicule {text-decoration: none;}
article#vehicules-neufs-utilitaires a.one-vehicule img {width: 360px; height: 210px;}
article#vehicules-neufs-utilitaires a.one-vehicule h4 {margin-top: -10px; padding: 25px 10px 20px; border-radius: 5px;}
article#vehicules-neufs-utilitaires a.one-vehicule:hover h4 {color: white; background: #333;}
article#vehicules-neufs-utilitaires a.one-vehicule:hover img {background: #333; border-color: #333;}


article.one-vehicule {padding-top: 30px;}
article.one-vehicule div.tab-pane#photos div.carousel-inner div.item img {width: 750px; height: 420px;}
article.one-vehicule div.tab-pane#videos div.carousel-inner div.item iframe {margin-bottom: -5px;}


article#vehicules-occasions li.one-vehicule img {width: 230px; height: 175px;}
article#vehicules-occasions li.one-vehicule div.content {margin-top: -10px; padding: 10px; border-radius: 5px;}
article#vehicules-occasions li.one-vehicule div.content a.more {text-decoration: none;}
article#vehicules-occasions li.one-vehicule div.content a.more:hover {color: white;}
article#vehicules-occasions li.one-vehicule:hover img {background: #333; border-color: #333;}
article#vehicules-occasions li.one-vehicule:hover div.content {background: #333; color: white;}

ul#compare li span.delete-compare {display: block; color: white; position: absolute; top: 0; right: 0; cursor: pointer;}
ul#compare li span.delete-compare:hover {color: red;}


article#compare-vehicules table {font-size: 12px;}
article#compare-vehicules table img {height: 100px; width: 130px;}
article#compare-vehicules table td {height: 50px;}
article#compare-vehicules table td.legend {width: 110px;}
article#compare-vehicules table h5.vehicule {height: 30px;}
article#compare-vehicules table h5.prix {font-size: 15px;}
article#compare-vehicules table a {text-decoration: none;}
article#compare-vehicules table a:hover {color: black;}


article#one-vehicule-occasion div.images img {border: 1px solid white;}
article#one-vehicule-occasion div.images > div > a > img:hover {opacity: 0.6;}
article#one-vehicule-occasion table.infos-vehicule {font-size: 11px;}
article#one-vehicule-occasion table.infos-vehicule td {padding: 5px 8px;}
article#one-vehicule-occasion table.infos-vehicule td.legend {color: black; font-style: italic; text-align: right; font-weight: 600; width: 180px;}


article#depose-minute label {height: 27px; line-height: 27px;}



/*************************************************** 
	RESPONSIVE
***************************************************/

@media (min-width: 0px) and (max-width: 0px) {}
/* Extra small devices (phones, up to 480px) */
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}
@media (max-width: 1199px) {}
@media (max-width: 991px) {}
@media (max-width: 767px) {}

.container {width: 1200px !important;}