/*************************************************************************
 _____   _____   _   __   _   _____        _          __  _____   _____  
|  _  \ /  _  \ | | |  \ | | |_   _|      | |        / / | ____| |  _  \ 
| |_| | | | | | | | |   \| |   | |        | |  __   / /  | |__   | |_| | 
|  ___/ | | | | | | | |\   |   | |        | | /  | / /   |  __|  |  _  { 
| |     | |_| | | | | | \  |   | |        | |/   |/ /    | |___  | |_| | 
|_|     \_____/ |_| |_|  \_|   |_|        |___/|___/     |_____| |_____/ 
**************************************************************************
Copyright 2017 POINT WEB
type : screen
categorie : structure site
Auteur : SERCO POINTWEB
site : 
**************************************************************************/

/************* COOKIES **************/

#impliedsubmit{ background:#fff; color:#000;padding:5px 10px; border:none; font-size:12px;}
#cookiesdirective{opacity: 1 !important;  margin: 0 auto !important;  text-align: center !important;  background-color: rgba(51, 50, 50, 0.7) !important;  border: none;  color: #ffffff !important;  padding: 15px;  width: 33em !important;  left: 1% !important;  bottom: 2% !important;  -ms-border-radius: 5px;  -webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px;  }
#cookiesdirective a{color: #FFF !important; text-decoration: underline;}
#impliedsubmit{background: none !important;  color: #FFF !important; font-family: 'Lato', sans-serif; line-height: 1; }
#impliedsubmit:hover{cursor: pointer;}

/************* GENERAL **************/

* {  margin: 0;  padding: 0;  outline: none;  list-style-position: inside;  }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; outline:none; }
section,article,header,footer,nav,aside {  display: block;  }
table,td,blockquote,code,pre,textarea,input,video {  max-width: 100%;  }
p, dd, ul{  word-wrap: break-word;  -webkit-hyphens: none;  -moz-hyphens: none;  -ms-hyphens: none;  -o-hyphens: none;  hyphens: none;  }
input, textarea, button {  -webkit-appearance: none;  -webkit-border-radius: 0;  }

html {
    font-size : 100%;
}

body { font-family: 'Lato', sans-serif; color : #ffffff; overflow-x: hidden;  }

img {  border: none;  max-width: 100%; /*width: 100%;*/  height: auto;  }

a {cursor : pointer; color : #ffffff;}
a, button {  text-decoration: none;  -webkit-transition: all ease 0.2s;  -ms-transition: all ease 0.2s;  -moz-transition: all ease 0.2s;  transition: all ease 0.2s;  }
a:hover {  text-decoration: none;  }
a:focus{ outline: none;}
a:focus, a:hover {color : #ffffff;}
.linkAll, linkAllBlank {cursor : pointer;}
h1, h2, h3, h4, h5, h6{  font-weight: normal;  margin: 0;  }
.paragraphe {  font-size: 16px;  line-height: 19px;  text-align: justify; color : #c0c0c0;  }
li{ list-style-type: none;}
hr{  outline: none;  border: none; }
.clear {  clear: both;  background: none;  outline: none;  border: none; height: 1px; margin: 0;}
.separator{  display: block;  width: 100%;  height: 1px; background-color : #333;  margin: 2em auto;  }

/* ScrollToTop */

#scrollToBottom, #scrollToTop{ display: none;}
#scrollToBottom a{  position: fixed; z-index : 2; right: 2%;  bottom: 2%;  background :#eebb1e url("../../images/scrollbottom.png") no-repeat; background-size : 20%; background-position : 50% 50%; width:50px;  height:50px;  text-indent: -9999px;  display: block;  outline: none;  color: #FFF;  text-align: center;  }
#scrollToTop a{  position: fixed;  z-index : 2; right: 2%;  bottom: 2%;  background :#eebb1e url("../../images/scrolltop.png") no-repeat;  width:50px; background-size : 20%; background-position : 50% 50%;  height:50px;  outline: none;  display: block;  text-indent: -9999px;  color: #FFF;  text-align: center; }

iframe {width : 100%;}

@media screen and (max-width: 575px) {
    #scrollToBottom a, #scrollToTop a {
        display : none;
    }
}

/*----------------------------------------------------< RESET BOOTSTRAP >---------------------------------------------------*/

.row {margin-left : 0; margin-right : 0;}
.navbar-default {  background-color: transparent;  border-color: transparent;  }
p{ margin: 0;}
.breadcrumb{ background-color: transparent; padding-left: 0;}

a.btn-link{ color: #eebb1e;}
a.btn-link:hover{  color: #ffffff;}
.active {color : #ffffff; background-color: #eebb1e;}
.categoryActive {color : #ffffff;}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: #eebb1e;
    color: #ffffff;
}

.pagination > li > a, .pagination > li > span {  color: #ffffff;  }

.list-unstyled{  margin: 2em 0; }
.list-unstyled li{ margin-bottom: 0.2em;}
.list-unstyled li a:hover{  margin-left: 1em;  text-decoration: none;  }

.noPadding {padding : 0;}

@media (min-width: 1200px) {
    .container {
        width : 1200px;
        max-width : 100%;
    }
}


@media screen and (max-width: 1199px) {

}
@media screen and (max-width: 991px) {
    .container {
        width : 98%;
    }
}
@media screen and (max-width: 767px) {

}
@media screen and (max-width: 575px) {

}

@media screen and (max-width: 420px) {
    a.btn {
        display : block;
        width : 100%;
        margin : 0;
    }
}

/*----------------------------------------------------< COLOR >---------------------------------------------------*/

.background-black {
    background-color : #232020;
}

.background-grey {
    background-color : #393636;
}

.background-yellow {
    background-color  :#eebb1e;
}

.white {
    color : #ffffff;
}

/*----------------------------------------------------< FONT >---------------------------------------------------*/
.font-lato-black {
    font-weight : 900;
}

.font-lato-bold {
    font-weight : 700;
}

.font-lato-regular {
    font-weight : 400;
}

.font-lato-light {
    font-weight : 300;
}

strong {
    font-weight : 700;
}


/*----------------------------------------------------< BTN >---------------------------------------------------*/

.btn {
    padding : 0.8em 1.3em;
    cursor : pointer;
}

.btnGroup a{
    margin : 1em;
}

.btn-white {
    background-color : #ffffff;
    color : #343232;
    border-radius : 30px;
    font-size : 0.8rem;
    font-weight : 700;
    margin : auto;
}

.btn-white:hover {
    background-color : transparent;
    color : #ffffff;
    border : 1px solid #ffffff;
}

.btn-red {
    background-color : #eebb1e;
    color : #ffffff;
    border-radius : 30px;
    margin : 1em 0;
    font-size : 0.8rem;
    font-weight : 700;
}

.btn-red:hover {
    background-color : #ffffff ;
    color : #eebb1e;
}

.link-back::before {
    content : '\f190';
    font-family: 'FontAwesome';
    margin : 0 10px 0 0;
}
.partnerLink {
    font-size : 14px;
}

.partnerLink,.red-link {
    display : block;
    margin : 1em 0;
    color : #eebb1e;
}

.partnersLink:hover, .red-link:hover{  color: #ffffff;}

/*----------------------------------------------------< HGROUP >---------------------------------------------------*/

h1{  color: #FFF;}

h2 {font-size : 2rem;}

h3 {font-size : 1.5rem;}

h4 {font-size : 2rem;}

h5 {font-size : 2rem;}

h6 {font-size : 1.2rem;}



@media screen and (max-width: 1199px) {
    h6 {font-size : 1rem;}
}
@media screen and (max-width: 991px) {

}
@media screen and (max-width: 767px) {
    h2, h3, h4 {font-size : 1.2rem;}
}
@media screen and (max-width: 575px) {

}

/*----------------------------------------------------< HEADER >---------------------------------------------------*/

#headerTop{ padding : 1em 0; }

#headerBottom{
}

#containerHeader {
    z-index : 4;
}

.logoMetropole {
    background: url('../../images/logo.png') center no-repeat;
    width : 200%;
    background-size : contain;
}

.logoRenault {
    background: url('../../images/logo-renault.png') center no-repeat;
    width : 100%;
}


.logo {
    text-indent: -9999px;
    height : 100%;
    width : 100%;
}

#backCoordonneesTop {
    position : absolute;
    top : 0;
    right : 0;
    border-bottom : 103px solid #eebb1e;
    border-left : 103px solid transparent;
    width : 50%;
    /*background-color : #e11425;*/
    /*-moz-transform: skewX(-25deg);*/
    /*-webkit-transform: skewX(-25deg);*/
    /*-o-transform: skewX(-25deg);*/
    /*-ms-transform: skewX(-25deg);*/
    /*transform: skewX(-25deg);*/
    /*height : 103px;*/
    /*position : absolute;*/
    /*width : 48%;*/
    /*top : 0;*/
    /*left : 50%;*/
    /*!*margin-right : -300px;*!*/
    /*!*!*margin-top : -20px;*!*!*/
}

.coordonneesTop {
    /*line-height : 6em;*/
    font-size : 0.9rem;
    padding : 1em;
    margin-right : 30px;
    /*margin-left : 25%;*/
}

#adressTop {
    /*float : left;*/
    /*display : inline-block;*/
    /*width : 40%;*/
    /*margin-left : 10%;*/
}

#adressTop::before {
    content: "";
    display: block;
    height: 32px;
    width: 32px;
    margin-top : 5px;
    margin-left : -45px;
    position: absolute;
    background : url("../../images/iconPlan.png") no-repeat top left;
}

#telTop {
    /*float : right;*/
    /*display : inline-block;*/
    /*width : 40%;*/
    /*margin-right : 10%;*/
}

#telTop::before {
    content: "";
    display: block;
    height: 32px;
    width: 32px;
    margin-top : 5px;
    margin-left : -45px;
    position: absolute;
    background : url("../../images/iconTel.png") no-repeat top left;
}



@media screen and (max-width: 1199px) {
    .coordonneesTop {
        font-size : 0.8rem;
        margin-left : 0;
    }
    #backCoordonneesTop {
        border-bottom: 95px solid #eebb1e;
        border-left: 95px solid transparent;
    }
}
@media screen and (max-width: 991px) {
    #backCoordonneesTop {
        display : none;
    }

    .logoRenault{
        background-size : contain;
    }


}
@media screen and (max-width: 767px) {

}
@media screen and (max-width: 575px) {
}

@media screen and (max-width: 420px) {

}

/*----------------------------------------------------< SLIDER >---------------------------------------------------*/

#slider [class*="col"]{ padding-right: 0; padding-left: 0; margin-bottom : -10px; position : relative;}
#slider img{ width: 100%;}


#slider{ width: 100%; float : left;}
.gestion_image{   overflow: hidden; background-position: center;  background-repeat: no-repeat;  background-size: cover; padding : 150px 0 150px 0; height : 535px;}


#owl-slider .owl-item img{
    width: 100%;
}

#owl-slider .item{ position: relative;}

#slider .item {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#212121+0,212121+100 */
    background: transparent; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIxMjEyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMTIxMjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, rgba(33,33,33,1) 0%, rgba(33,33,33,0) 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(33,33,33,1)), color-stop(100%,rgba(33,33,33,0))); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(left, rgba(33,33,33,1) 0%,rgba(33,33,33,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(left, rgba(33,33,33,1) 0%,rgba(33,33,33,0) 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(left, rgba(33,33,33,1) 0%,rgba(33,33,33,0) 100%); /* IE10 preview */
    background: linear-gradient(to right, rgba(33,33,33,1) 0%,rgba(33,33,33,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='transparent',GradientType=1 ); /* IE6-8 */
}




.owl-buttons {
    position : absolute;
    bottom : 10%;
    right : 20%;
}
.owl-theme .owl-controls .owl-buttons div {
    color : transparent;
}


#owl-slider .owl-prev, #owl-slider .owl-next {
    height: 50px;
    width: 50px;
}
#owl-slider .owl-prev {
    background: url(../../images/slider/left-arrow.png) no-repeat center center;
    -webkit-transition: all ease 0.3s;  -ms-transition: all ease 0.3s;  -moz-transition: all ease 0.3s;  transition: all ease 0.3s;
}
#owl-slider .owl-next {
    background: url(../../images/slider/right-arrow.png) no-repeat center center;
    -webkit-transition: all ease 0.3s;  -ms-transition: all ease 0.3s;  -moz-transition: all ease 0.3s;  transition: all ease 0.3s;
}
#owl-slider .owl-prev:hover {
    opacity: 1;
}
#owl-slider .owl-next:hover {
    opacity: 1;
}

.owl-nav.disabled + .owl-dots {
    margin-top: 10px; }

.owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    position : absolute;
    bottom : 10px;
    width : 100%;
}

.owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }

.owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #eeeeee;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px; }

.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {
    background: #c2c2c2;
}

.owl-pagination .active {
    background-color : transparent;
}

.owl-theme .owl-controls .owl-page span {
    background-color : #eebb1e;
}


.subtitleSlider {
    color : #fefefe;
    margin-bottom : 2em;
    font-size : 0.875rem;
    letter-spacing : 2px;
}

.containerSlider {
    margin-bottom : 1em;
}

.containerSlider h2 {
    margin-bottom : 1em;
    line-height : 50px;
}

.owl-fiches .item, .fakeProduct{ padding: 1em;}


@media screen and (max-width: 1199px) {

}
@media screen and (max-width: 991px) {
    .gestion_image {
        padding : 100px 0 100px 0;
        height : 435px;
    }

}
@media screen and (max-width: 767px) {
    .gestion_image {
        padding : 50px 0 50px 0;
        height : 250px;
    }
    .containerSlider h2 {
        line-height : 1;
    }
}
@media screen and (max-width: 575px) {
    .gestion_image {
        padding : 20px 0 20px 0;
    }
    .owl-buttons {
        display : none;
    }
}

/*Product slider*/

#slider-fiches {
    position : absolute;
    width : 100%;
    z-index : 1;
}

.sliderProduct {
    margin-bottom : -200px;
}

.owl-fiches, .fakeProduct {
    height : 355px;
}

.fakeProduct {
    opacity : 0.2;
}

.productDescription {
    position : relative;
    padding : 1em;
    background-color : #ffffff;
    border-radius : 0 0 5px 5px;
    max-height : 170px;
    height : 100%;
}

.sliderProduct img {
    /*width : 100%;*/
    max-height : 170px;
    border-radius : 5px 5px 0 0;
}

.sliderProduct h3 a, .productSeeMore, .productName {
    color : #282525;
    height : 52px;
    overflow : hidden;
}

.sliderProduct h3, .productName h3 {
    font-size : 1.12rem;
    height : 40px;
    overflow : hidden;
}

.sliderProduct p, .productPrice, .productDetail {
    font-size : 0.8rem;
    color : #5a5555;
}

.productSeeMore {
    font-size : 0.7rem;
}

.productSeeMore:hover {
    color : #282525;
}

.sliderProduct p {
    margin : 1em 0 1em 0;
    height : 36px;
    overflow : hidden;
}

.filter_product {
    position : absolute;
    bottom : 0;
    right : 0;
    width : 0;
    height : 0;
    border-style : solid;
    border-width : 0 0 35px 35px;
    line-height : 0px;
}

.filter_product_other {
    border-color : transparent transparent #eebb1e transparent;
}

.filter_product_citroen {
    border-color : transparent transparent #eebb1e transparent;
}

.sliderProductOccasion, .productOccasion {
    display : none;
}


.produit_shop_loop {
    height : 20px;
    overflow : hidden;
}
.produit_loop_switcher {
    transition : transform .3s ease, -webkit-transform .3s ease;
    -webkit-transition: -webkit-transform .3s ease;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
}
.produit_loop_switcher:hover {
    transform: translate(0, -25px);
    -webkit-transform: translate(0, -25px);
    -moz-transform: translate(0, -25px);
    -o-transform: translate(0, -25px);
    -ms-transform: translate(0, -25px);
}

.productSeeMore {
    height : 20px;
    overflow : hidden;
}

.productNeuf:hover .productSeeMore, .productOccasion:hover .productSeeMore {
    color : #eebb1e;
}

.productNeuf, .productOccasion {
    transition : all 0.2s linear;
}

.productNeuf:hover, .productOccasion:hover {
    transform : scale(1.05);
}
.cover {
    object-fit : cover;
    width : 100%;
    height : 126px;
    overflow : hidden;
}

.cover2 {
    object-fit : cover;
    width : 100%;
    height : 175px;
    overflow : hidden;
}



@media screen and (max-width: 1199px) {

}
@media screen and (max-width: 991px) {

    #slider-fiches {
        position : relative;
    }
    .sliderProduct {
        margin-bottom : 3em;
    }

}
@media screen and (max-width: 767px) {

    .sliderProduct img {
        max-height : 100%;
    }
    .fakeProductContainer {
        display : none;
    }
}
@media screen and (max-width: 575px) {


}

/*----------------------------------------------------< MENU TOP >---------------------------------------------------*/
.navbar {
    padding : 0;
    font-size : 0.9rem;
}

ul.navbar-nav {
    margin : auto;
}

nav a {
    color : #ffffff;
    font-size : 0.8rem;
    letter-spacing : 1px;
}

nav li {
    padding : 1em;
}

nav li:hover {
    background-color : #eebb1e;
    padding : 1em;
}


.dropdown-toggle::after  {
    content : "\f107";
    font-family: FontAwesome;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #ffffff;
    font-size: 13px;
    float : right;
    border : none;
}

.dropdown-menu {
    position : absolute;
    top : 100%;
    width : auto;
    left : 0;
    z-index : 1000;
    margin : inherit;
    font-size : 0.7rem;
    text-align : left;
    border : none;
    border-radius : 0;
    background-color : #393636;
}

.dropdown-item  {
    color : #ffffff;
    padding : 1em;
}


.dropdown-item:hover  {
    color : #ffffff;
    background-color : #eebb1e;
}



/*.nav-pills{  float: right;}*/
/*.nav-pills > li{ margin: 0 1.5em;}*/
/*.nav-pills > li >  a {  background-color:transparent;  color: #ffffff; padding:0 ; font-size : 0.8rem; }*/
/*.nav-pills > li.active > a {  color: #ffffff;  background-color: #e11425;  }*/
/*.nav-pills > li.active > a:hover, .nav-pills > li > a:hover  {  color: #ffffff;  background-color:#e11425; padding : 2.2em; }*/
/*.nav-pills > li.active > a:focus, .nav-pills > li > a:focus{ background-color: transparent;}*/
/*.nav-pills > li > a {  border-radius: 0;  }*/
/*.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {  background: none !important;  border-color: transparent !important;  }*/
/*.nav-pills > li > a {  border-radius: 0;  }*/
/*!*.nav-pills > li >  a::after {  background-color: #28292B;  }*!*/
/*!*.nav-pills > li >  a::after {  content: "";  display: block;  height: 1px;  position: absolute;  left: 50%;  bottom: -5px;  width: 0;  background-color: #f36f45;  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);  -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);  }*!*/
/*.nav-pills > li>  a:hover:after {  width: 100%;  left: 0  }*/
/*.nav-pills .nav-link {border-radius : 0;}*/
/*li.nav-item {position : relative;}*/

/*.nav-link {*/
/*display : inline-flex;*/
/*}*/

/*.dropdown-menu {  min-width: 190px;  background-color: #FFF; border-radius: 0;  box-shadow: none; }*/

/*.dropdown-menu a{ color: #333; display: block; width: 100%;  padding: 0.2em 1em;}*/
/*.dropdown-menu a:hover{ background: #333;  color: #FFF;}*/
/*li.nav-item.dropdown {margin-top : 4px;}*/
/*.dropdown-toggle::after {*/
/*display : none;*/
/*}*/

/*.nav-item.dropdown::after {*/
/*content : "\f107";*/
/*font-family: FontAwesome;*/
/*text-decoration: inherit;*/
/*!*--adjust as necessary--*!*/
/*color: #ffffff;*/
/*font-size: 16px;*/
/*position: absolute;*/
/*top: -2px;*/
/*right : -15px;*/
/*}*/
/*.nav-item.dropdown:hover::after {*/
/*content : "\f107";*/
/*font-family: FontAwesome;*/
/*text-decoration: inherit;*/
/*!*--adjust as necessary--*!*/
/*color: #000;*/
/*font-size: 16px;*/
/*position: absolute;*/
/*top: -2px;*/
/*right : -15px;*/
/*}*/

.navbar-toggleable-md .navbar-nav .nav-link {
    padding-right : 0;
    padding-left : 0;
}

@media screen and (max-width: 1199px) {
    .navbar{ display: none;}
}
@media screen and (max-width: 991px) {

}
@media screen and (max-width: 767px) {

}
@media screen and (max-width: 575px) {

}


/* MENU RESPONSIVV */

a.menu_btn { display : none; background-color:#333; color: #FFF; padding:0.8em 1em; }
a.menu_btn:hover {  color: #eebb1e;}


#menuResponsive {  position: fixed;  background: #333;  border-left: 1px solid #666;  top: 0;  bottom: 0;  height: 100%;  width: 240px;  right: -240px;  overflow-y: scroll;  z-index: 9999;  }

#menuResponsive .closeMenu {
    display: block;
    background: #eebb1e url('../../images/croix.png') 2.5% center no-repeat;
    height: 30px;
    width: 100%;
    color: #FFF;
    font-size: 12px;
    text-transform: uppercase;
    padding-left: 12%;
    padding-top: 2.8%;
}

/*#menuResponsive .closeMenu:hover{ background: #5ec6c7 url('../../images/croix.png') 2.5% center no-repeat;}*/

#menuResponsive ul.startMenu li a {
    background-color: transparent;
    position: relative;
    top: -1px;
    margin: 0;
    color: #FFF;
    padding: 10px 0 10px 15px;
    font-size: 0.7rem;
    border-top: 1px solid #666;
    border-right: 0;
    width: 100%;
    text-transform: uppercase;
    border-bottom: none;
    display: block;
}

#menuResponsive ul.startMenu li a i{ margin-right: 0.5em;}

#menuResponsive ul.startMenu li a:hover{
    background-color: #eebb1e;
    border-top: 1px solid #999;
    border-right:0;
    color: #FFF;
}
#menuResponsive ul.startMenu li ul li{ color: #FFF;}
#menuResponsive ul.startMenu li ul li.active a{ color: #ccc; text-decoration: underline;}

#menuResponsive ul.startMenu li ul li a {
    width: 100%;
    display: block;
    height: 20px;
    line-height: 20px;
    font-weight: 400;
    font-size: 13px;
    color: #999;
    border: 0;
}

.subMenu {
    margin-bottom : 20px;
    display : none;
}

/*.startMenu .subMenu{ padding: 0.8em 0 2em 0;}*/
.startMenu .subSubMenu{ padding: 0;}
.startMenu .subSubMenu li a{ font-weight: 300 !important; color: #e984c8 !important; text-transform: none !important;}
.startMenu .subSubMenu li a:hover, .startMenu .subSubMenu li a.active{ color: #FFF !important; background: none; border: 0 !important;}

#menuResponsive ul.startMenu li ul li a:hover,
#menuResponsive ul.startMenu  a.toggleLiSub{ color: #FFF !important; background: none!important;; border: 0!important;}



/*----------------------------------------------------< ASIDES >---------------------------------------------------*/

aside{ background-color: #eee; padding: 1em 0;}
#content{ width: 100%;   padding: 2em 0 2em 0;}
/*#content h2{ margin-bottom: 1em;}*/

#asideTop {
    padding : 0;
}

a.citroenSpace, a.peugeotSpace {
    position : relative;
    cursor : pointer;
    width : 50%;
    float : left;
}

.citroenSpace, .peugeotSpace {
    height : 430px;
    width : 100%;
}

.citroenSpace h3 {
    text-align : right;
    position : absolute;
    right : 10%;
    bottom : 10%;
    line-height : 150%;
}

.peugeotSpace h3 {
    position : absolute;
    left : 10%;
    bottom : 10%;
    line-height : 150%;
}

.citroenSpace h3 span .peugeotSpace h3 span {
    font-size : 2.25rem;
}

.citroenSpace {
    background: -webkit-linear-gradient(0deg, rgba(37,37,37,0) 0, rgba(37,37,37,0.5) 100%), url("../../images/aside-citroen.jpg") no-repeat;
    background: -moz-linear-gradient(90deg, rgba(37,37,37,0) 0, rgba(37,37,37,0.5) 100%), url("../../images/aside-citroen.jpg") no-repeat;
    background: linear-gradient(90deg, rgba(37,37,37,0) 0, rgba(37,37,37,0.5) 100%), url("../../images/aside-citroen.jpg") no-repeat;
    background-position: 100% 100%;
    -webkit-background-size: auto auto, cover;
    background-size: auto auto, cover;
    -webkit-transform: none;
    transform: none;
    -webkit-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
}

.peugeotSpace {
    background: -webkit-linear-gradient(0deg, rgba(37,37,37,0.5) 0, rgba(37,37,37,0) 100%), url('../../images/aside-peugeot.jpg') no-repeat;
    background: -moz-linear-gradient(90deg, rgba(37,37,37,0.5) 0, rgba(37,37,37,0) 100%), url('../../images/aside-peugeot.jpg') no-repeat;
    background: linear-gradient(90deg, rgba(37,37,37,0.5) 0, rgba(37,37,37,0) 100%), url('../../images/aside-peugeot.jpg') no-repeat;
    -webkit-background-size: auto auto, cover;
    background-size: auto auto, cover;
    background-position : 50% 100%;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transform: none;
    transform: none;
    -webkit-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
}


.citroenSpace:hover {
    background: -webkit-linear-gradient(0deg, rgba(225,20,35,0) 0, rgba(225,20,35,0.5) 100%), url("../../images/aside-citroen.jpg") no-repeat;
    background: -moz-linear-gradient(90deg, rgba(255,20,35,0) 0, rgba(255,20,35,0.5) 100%), url("../../images/aside-citroen.jpg") no-repeat;
    background: linear-gradient(90deg, rgba(255,20,35,0) 0, rgba(255,20,35,0.5) 100%), url("../../images/aside-citroen.jpg") no-repeat;
    background-position: 100% 100%;
    -webkit-background-size: auto auto, cover;
    background-size: auto auto, cover;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transform: none;
    transform: none;
    -webkit-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
}


.peugeotSpace:hover {
    background: -webkit-linear-gradient(0deg, rgba(0,126,219,0.5) 0, rgba(0,126,219,0) 100%), url('../../images/aside-peugeot.jpg') no-repeat;
    background: -moz-linear-gradient(90deg, rgba(0,126,219,0.5) 0, rgba(0,126,219,0) 100%), url('../../images/aside-peugeot.jpg') no-repeat;
    background: linear-gradient(90deg, rgba(0,126,219,0.5) 0, rgba(0,126,219,0) 100%), url('../../images/aside-peugeot.jpg') no-repeat;
    -webkit-background-size: auto auto, cover;
    background-size: auto auto, cover;
    background-position : 50% 100%;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transform: none;
    transform: none;
    -webkit-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
}



#asideBottom {
    background-color : #343232;
}

.marqueActu {
    width : 100%;
    height : 650px;
    background : url('../../images/background_car.png') no-repeat left bottom;
}

#horairesContact {
    padding-top : 6em;
}

#horairesContact h5, #horairesContact h6 {
    margin-bottom : 1em;
}


.social-network-link {
    text-decoration:underline;
}

.background-gradient-grey {
    padding : 4em;
    color : #d5d5d5;
    font-size : 0.7rem;
    line-height : 200%;
    background: -moz-linear-gradient(top, rgba(61,59,59,0.75) 0%, rgba(40,37,37,0.75) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(61,59,59,0.75) 0%,rgba(40,37,37,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(61,59,59,0.75) 0%,rgba(40,37,37,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf3d3b3b', endColorstr='#bf282525',GradientType=0 ); /* IE6-9 */
}

.subtitle {
    color : #929292;
    font-size : 0.812rem;
    margin-bottom : 2em;
    letter-spacing : 2.6px;
}

.actuVideo {
    margin-top : 3em;
}

.blocVideo {
    background: url("../../images/thumbnail-video.jpg") no-repeat center ;
    background-size : cover;
}

.actuDetail {
    background-color : #ffffff;
    padding : 4em;
}

.actuDetail h4 {
    color : #343232;
    margin-bottom : 1em;
}

.actuDetail p {
    color : #373737;
    font-size : 0.8rem;
    line-height : 200%;
}

.btn-play {
    position : absolute;
    top : 40%;
    left : 40%;
}

.sideLinkVideo {
    position : absolute;
    right : 10%;
    bottom : 18%;
}

.borderSkew::before {
    content: "";
    display: block;
    height: 50px;
    width : 2px;
    margin : 0 0 0 -40px;
    position: absolute;
    background-color: #eebb1e;
    transform: skew(-25deg, 1deg) ;
    -webkit-transform: skew(-25deg, 1deg) ;
    -moz-transform: skew(-25deg, 1deg) ;
    -o-transform: skew(-25deg, 1deg) ;
    -ms-transform: skew(-25deg, 1deg) ;
}

.actuParagraphe {
    padding-right : 150px;
}

@media screen and (max-width: 1199px) {
    .citroenSpace, .peugeotSpace {
        height : 250px;
        width : 100%;
    }

}
@media screen and (max-width: 991px) {
    .marqueActu {
        height : 100%;
    }
    #horairesContact {
        padding : 3em 0 3em 0;
    }
    .sideLinkVideo {
        position : relative;
        right : 0;
        bottom : 0;
        margin : 1em;
    }
    .borderSkew::before {
        display : none;
    }
    .borderSkew {
        margin-top : 1em;
    }
    .actuDetail {
        padding : 2em;
    }
    .actuParagraphe {
        padding-right : 0;
    }
}
@media screen and (max-width: 767px) {

    a.citroenSpace, a.peugeotSpace {
        width : 100%;
    }

    #horairesContact .btn-white {
        margin-bottom : 2em;
    }
    .blocVideo {
        height : 300px;
    }

    .actuDetail {
        text-align : center;
    }
}
@media screen and (max-width: 575px) {
    .blocVideo {
        height : 200px;
    }
    #asideTop {
        display : none;
    }
}
/*----------------------------------------------------< CONTENT >---------------------------------------------------*/

.important{ font-weight: bold; color: #eebb1e; font-size: 1em; margin-bottom: 1em;}

.wrapper {
    background-color : #191717;
}

.lastNews {
    padding-bottom : 10em;
    width : 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#191717+3,191717+100&0+10,1+100 */
    background: -moz-radial-gradient(center, ellipse cover, rgba(25,23,23,0) 3%, rgba(25,23,23,0) 10%, rgba(25,23,23,1) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(25,23,23,0) 3%,rgba(25,23,23,0) 10%,rgba(25,23,23,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, rgba(25,23,23,0) 3%,rgba(25,23,23,0) 10%,rgba(25,23,23,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00191717', endColorstr='#191717',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.lastNewsTitle {
    font-size : 2.25rem;
}

.lastNewsTitle::before {
    content: "";
    display: block;
    height: 1px;
    margin : 2.5em auto 1em auto;
    position: relative;
    width: 45px;
    background-color: #eebb1e;
}

.lastNewsSubtitle {
    color : #8c8b8b;
    margin-top : 6.5em;
    font-size : 0.875rem;
    letter-spacing : 2px;
}

.lastNewsSubtitle::before {
    content: "\f1b9";
    font-family : FontAwesome;
    font-size : 12px;
    margin-right : 10px;
}

.lastNewsSubtitle::after {
    content: "";
    display: block;
    height: 1px;
    margin : 3em auto 3em auto;
    position: relative;
    width: 100%;
    background-color: #8c8b8b;
}

/*.lastNewsSubtitle:hover::after {*/
    /*background-color: #ffffff;*/
/*}*/

/*.lastNewsSubtitle:hover {*/
    /*color : #ffffff;*/
/*}*/

#presentation {
    width : 100%;
    background : url('../../images/back_presentation.jpg') center no-repeat;
    background-size : cover;
    margin-bottom : -40px;
}

.presentation {
    padding : 15em 0 6em 0;
}

.presentation h4{
    margin-bottom : 1em;
}

.presentation p{
    font-size : 0.812rem;
    color : #c0c0c0;
    line-height : 200%;
}

#presentationImg {
    background : url('../../images/presentation-car.png') center no-repeat;
    background-size : contain;
    height : 400px;
    width : 100%;
}

.pageTitle {
    margin : 0 0 2em 0;
}

@media screen and (max-width: 1199px) {

}
@media screen and (max-width: 991px) {
    .lastNews {
        padding-bottom : 0;
    }
    .presentation {
        padding : 3em 1em 1em 1em;
    }

}
@media screen and (max-width: 767px) {
    .presentation {
        text-align : center;
    }
    .presentation h4{
        font-size : 1.5rem;
    }


    .lastNewsSubtitle {
        margin : 2em 1em 2em 1em;
        font-size : 0.7rem;
        letter-spacing : 0;
    }

    .lastNewsTitle::before {
        display : none;
    }

    .lastNewsSubtitle::after {
        display : none;
    }
    #presentationImg {
        height : 200px;
    }
}
@media screen and (max-width: 575px) {

}


/*----------------------------------------------------< CONTENT >---------------------------------------------------*/


ul.paragraphe {
    margin : 2em 0 2em 0;
}

.title-content-small {
    margin-bottom : 1em;
}

.list-border {
    padding : 1em;
    border : 1px solid #333;
}

@media screen and (max-width: 767px) {
    .title-content-small {
        margin : 2em auto;
    }
}
@media screen and (max-width: 575px) {

}

/*----------------------------------------------------< PRODUCTS >---------------------------------------------------*/


.listing  { margin-bottom: 2em; padding : 1em;}

.productListing{ cursor: pointer; margin-bottom: 1.5em;}
.listingProductPage .productDescription {
    background-color : #ffffff;
    max-height : inherit;
    height : inherit;
    padding : 1em;

}

.listingProductPage .filter_product {
    position : absolute;
    bottom : 0;
    right : 0;
    border-style : solid;
    border-width : 0 0 35px 35px;
}

.productDetailList {
    margin : 1em 0 1em 0;
    color : #555555;
    font-size : 0.8rem;
}

.productDetailList span {
    font-size : 1rem;
}

.showProductPage .productName {
    color : #ffffff;
}

.showProductPage .productDetailList {
    color : #cccccc;
}

.showProductPage .productDetailList span {
    color : #ffffff;
}

.showPage p, .showPage ul {
    color : #c0c0c0; font-size : 14px;
}

/* SHOW */

#productShow h3{ margin-bottom: 1.5em;}
.owl-carousel-page img{  border:#ccc solid 1px; width: 100%;}

/* OFFRE */

.offre-fiche p {
    margin : 2em 0 2em 0;
}


/*----------------------------------------------------< PARTNERS >---------------------------------------------------*/


.partnersListing  { cursor: pointer; margin-bottom: 1.5em;}
.partnersListing h3{ overflow: hidden;  height:55px;}

.partnersListing a.btn-link{ color: #58c5c2; display:inline-block; margin: 1em 0;}


.partnersListing img{ border: #ccc solid 1px; display: block; margin: 1em 0;}
.partnersListing p, .listing p { overflow: hidden; height: 60px; color : #c0c0c0; font-size : 14px;}
.partnersListing .btn-red {display : block;}


/*----------------------------------------------------< NEWS >---------------------------------------------------*/

.listingNews{ margin-bottom: 2em; cursor: pointer;}
.listingNews:hover h3 a{  color: #f36f45;}
.listingNews img{ border-left: #ccc solid 1px;  border-right: #ccc solid 1px;  border-bottom: #ccc solid 1px;}
.listingNews h3{ font-size: 1.5em; overflow: hidden; height: 25px; margin-bottom: 0.5em;}
.listingNews h3 a{ color: #333;}
.date{ background-color: #58c5c2; color: #FFF; text-align: center; padding: 0.2em 0;}
.listingNews .paragraphe{  color: #999; overflow: hidden; height: 80px;}

.listingNews div:first-child { padding-left: 0;}

/* SHOW */

.newsShow .date{ display: inline-block; padding: 0.5em 1em; text-align: center;}
.newsShow h3{ margin: 1em 0;}

.colImg{ padding-left: 0;}
.colInfos{ padding-right: 0;}

/*----------------------------------------------------< FOOTER >---------------------------------------------------*/

#footer{ background-color : #191717;  color: #FFF; padding: 5em 0 2em 0;  clear: both;}
#footer a{  color: #FFF;}




#footer .logo {
    text-indent : -9999px;
    opacity : 0.6;
    height : 60px;
}

#footer .logoMetropole {
    background: url('../../images/logo.png') center no-repeat;
    width : 80%;
    background-size : contain;
}

#footer .logoRenault {
    background: url('../../images/logo-renault.png') bottom center no-repeat;
    width : 100%;
    background-size : contain;
}


.rowLogo {
    padding : 1em 0 2em 0;
}

#blocCoordonnees
{
    padding-left : 100px;
}

#coordonnees  {
    padding : 2em 0 1em 0;
    border-top : 1px solid #323232;
    letter-spacing : 1px;
}

.adress {
    font-size : 0.812rem;
}

#copyright, #copyright a {
    color : #707070;
    padding : 1em 0 1em 0;
    font-size : 0.75rem;
}

#copyright a:hover {
    color : #ffffff;
}

@media screen and (max-width: 1199px) {
    #footer{padding: 13em 0 2em 0;}
}
@media screen and (max-width: 991px) {
    #footer {
        padding : 2em 0 2em 0;
    }
}
@media screen and (max-width: 767px) {

}
@media screen and (max-width: 575px) {

}



/*----------------------------------------------------< CONTACT >---------------------------------------------------*/

.contactPage form{ margin-top: 2em; clear: both;  width: 100%; }
.contactPage form input[type=submit]{ margin-top: 6em;}

input[type="checkbox"] { -webkit-appearance: checkbox; }
input[type="radio"] { -webkit-appearance: radio; }
input[type="submit"], input[type="button"] { -webkit-appearance: button; }
select { -webkit-appearance:textfield; }

.contactPage iframe {
    margin-top : 2em;
    margin-bottom : -2.5em;
}

.rdv {
    margin-top : 2em;
    border-radius : 50px;
}

.rdv a{
    background-color : #eebb1e;
    padding : 2em;
}

textarea#pointweb_appbundle_contact_message {
    height : 85px;
}

@media screen and (max-width: 1199px) {

}
@media screen and (max-width: 991px) {
    .rdv {
        margin-top : 4em;
    }
    .rdv a {
        padding : 1em;
    }
    .contactPage form input[type=submit] {
        display : block;
    }
}
@media screen and (max-width: 767px) {

}
@media screen and (max-width: 575px) {

    .rdv a{
        padding : 0.5em;
    }
    .contactPage form input[type=submit] {
        width : 100%;
    }
}
/*----------------------------------------------------< MEDIAQUERIES >---------------------------------------------------*/
/*----------------------------------------------------< MEDIAQUERIES >---------------------------------------------------*/
/*----------------------------------------------------< MEDIAQUERIES >---------------------------------------------------*/
/*----------------------------------------------------< MEDIAQUERIES >---------------------------------------------------*/

/*Extra small devices (portrait phones, less than 544px)*/
@media screen and (max-width: 543px) {

    .owl-carousel-page{ margin-top: 1.5em;}

}

/*Small devices (landscape phones, 544px and up)*/
@media screen and (min-width: 544px) and (max-width: 767px) {

    .owl-carousel-page{ margin-top: 1.5em;}

}

@media screen and (min-width: 768px) {


    #scrollToTop, #scrollToBottom{ display: none;}
}

@media screen and (max-width: 767px) {

    /*#headerBottom{ padding:1.2em 0 0 0;}*/
    address, #copyright{ text-align: center;}

    .listingNews img{ width: 100%; margin-bottom: 1.5em}
    .listingNews div:first-child {  padding-left: 15px;}
    .colImg{ padding-left:15px;}
    .colInfos{ padding-right: 15px;}
    .newsShow {  padding-left: 0; padding-right: 0 }
    .listingNews .paragraphe{  color: #999; overflow: visible; height: auto;}

}

/*Medium devices (tablets, 768px and up)*/
@media screen and (min-width: 768px) and (max-width: 991px) {

}

/*Large devices (desktops, 992px and up)*/
@media screen and (min-width: 992px) and (max-width: 1199px) {

}

/*Extra large devices (large desktops, 1200px and up)*/
@media screen and (min-width: 1200px) {

}


/*----------------------------------------------------< MEDIAQUERIES >---------------------------------------------------*/

@media screen and (max-width: 1199px) {
    a.menu_btn{ display: block;}
}
@media screen and (max-width: 991px) {

}
@media screen and (max-width: 767px) {

}
@media screen and (max-width: 575px) {

}