@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Lato:700');

@media screen, projection, print {

    /* ***********************************************************************
    -       Configuration des tailles de polices et de la font-family        -
     *********************************************************************** */

    body, input, select, button, h1, h2, h3, h4, h5, h6 {font-size: 15px; font-family: 'Lato', sans-serif;}

    .sizeA {font-size:13px;}
    .sizeB {font-size:15px;}
    .sizeC {font-size:20px;}
    .sizeD {font-size:24px;}

    /**
    * +2 à toutes les tailles de polices en mobile
    */

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

        body, input, select, button, h1, h2, h3, h4, h5, h6 {font-size: 17px;}

        .sizeA {font-size:15px;}
        .sizeB {font-size:17px;}
        .sizeC {font-size:22px;}
        .sizeD {font-size:26px;}
    }

    /*****************************
    -          Adaptations       -
    *****************************/
    input[type=reset]               {cursor:pointer;}
    input::placeholder              {color: black!important; opacity: 0.54!important;}

    /*****************************
    -          HELPERS           -
    *****************************/

    /* couleurs de textes */
    .txtRed, .txtRed a, .error  {color:#a70010 !important;}
    .txtGrey3F                  {color:#3f3f3f !important;}
    .txtBlue                    {color:#0783ac !important;}

    /* couleurs de bordures */
    .bGreyC8                    {border:1px solid #c8c8c8 !important;}

    /* backgrounds */
    .bgGreyD0                   {background-color:#d0d0d0 !important;}

    /* position */
    .mL-5                       {margin-left:-5px;}

    /* ombrage blocks */
    .shadGreyBR{
        -webkit-box-shadow	:3px 3px 5px #333;
        -moz-box-shadow		:3px 3px 5px #333;
        -o-box-shadow		:3px 3px 5px #333;
        box-shadow			:3px 3px 5px #333;
        filter				:progid:DXImageTransform.Microsoft.Shadow(color=#333, Direction=60, Strength=80);
    }

    /* **************************
     *          Sprites         *
     ************************** */

    /* Sprite Logos Applis */
    [class^="spriteApplis"], [class*=" spriteApplis"] {
        background : transparent url(/ressources/images/common/sprites/logos_applis.png?TMA4582) no-repeat 0 0;
        display:inline-block;
        height:44px;
        width:139px;
    }
    .spriteApplisApple          {background-position: 0 0;}
    .spriteApplisGoogle         {background-position: -139px 0;}
    .spriteApplisWindows        {background-position: -280px 0; width:112px}

    /* Sprite Logos Partenaires */
    [class^="spritePartners"], [class*=" spritePartners"] {
        background : transparent url(/ressources/images/common/sprites/logos_partenaires.png?cacheID=280917) no-repeat 0 0;
        display:inline-block;
        height:33px;
        width:180px;
        vertical-align: middle;
    }
    .spritePartnersAB                   {background-position: 0 0;}
    .spritePartnersCaradisiac           {background-position: -180px 0;}
    .spritePartnersDepopass             {background-position: -360px 0;}
    .spritePartnersForumAuto            {background-position: -540px 0;}
    .spritePartnersPromoneuve           {background-position: -720px 0;}
    .spritePartnersLC                   {background-position: -900px 0;}
    .spritePartnersMVC                  {background-position: -1080px 0;}
    .spritePartnersCBM                  {background-position: -1160px 0;}

    /* Sprite Pictos Cara */
    [class^="spriteCara"], [class*=" spriteCara"] {
        background : transparent url(/ressources/images/common/sprites/pictosCara.png) no-repeat 0 0;
        display:inline-block;
        height:60px;
        width:80px;
        vertical-align: middle;
    }
    .spriteCara1            {background-position: 0 0;}
    .spriteCara2            {background-position: -80px 0;}
    .spriteCara3            {background-position: -160px 0;}
    .spriteCara4            {background-position: -240px 0;}
    .spriteCara5            {background-position: -320px 0;}
    .spriteCara6            {background-position: -400px 0;}
    .spriteCara7            {background-position: -480px 0;}
    .spriteCara8            {background-position: -560px 0;}

    /* Sprite Pictos Categories du moteur de recherche Listing */
    [class^="spriteCateg"], [class*=" spriteCateg"] {
        background : transparent url(/ressources/images/common/sprites/pictosCategories.png) no-repeat 0 0;
        display:inline-block;
        height:42px;
        width:92px;
        vertical-align: middle;
    }

    /* Autos */
    .spriteCategCitadine            {background-position: 0 0;        width:65px;}                :hover > .spriteCategCitadine,      .Selected > .spriteCategCitadine        {background-position: 0 -58px;}
    .spriteCategBerline             {background-position: -92px 0;    width:76px;}                :hover > .spriteCategBerline,       .Selected > .spriteCategBerline         {background-position: -92px  -58px;}
    .spriteCategBreak               {background-position: -184px 0;   width:80px;}                :hover > .spriteCategBreak,         .Selected > .spriteCategBreak           {background-position: -184px -58px;}
    .spriteCategMonospace           {background-position: -276px 0;   width:82px;}                :hover > .spriteCategMonospace,     .Selected > .spriteCategMonospace       {background-position: -276px -58px;}
    .spriteCateg4x4                 {background-position: -368px 0;   width:86px;}                :hover > .spriteCateg4x4,           .Selected > .spriteCateg4x4             {background-position: -368px -58px;}
    .spriteCategCoupe               {background-position: -460px 0;   width:78px;}                :hover > .spriteCategCoupe,         .Selected > .spriteCategCoupe           {background-position: -460px -58px;}
    .spriteCategCabriolet           {background-position: -552px 0;   width:82px;}                :hover > .spriteCategCabriolet,     .Selected > .spriteCategCabriolet       {background-position: -552px -58px;}
    .spriteCategCollection          {background-position: -644px 0;   width:78px;}                :hover > .spriteCategCollection,    .Selected > .spriteCategCollection      {background-position: -644px -58px;}
    .spriteCategSansPermis          {background-position: -736px 0;   width:50px;}                :hover > .spriteCategSansPermis,    .Selected > .spriteCategSansPermis      {background-position: -736px -58px;}
    .spriteCategPickup              {background-position: -1932px 0;  width:85px;}                :hover > .spriteCategPickup,        .Selected > .spriteCategPickup          {background-position: -1932px -58px;}
    /* Loisirs */
    .spriteCategFourgonAmenage      {background-position: -828px 0;   width:85px;}                :hover > .spriteCategFourgonAmenage,.Selected > .spriteCategFourgonAmenage  {background-position: -828px -58px;}
    .spriteCategCapucine            {background-position: -920px 0;   width:85px;}                :hover > .spriteCategCapucine,      .Selected > .spriteCategCapucine        {background-position: -920px -58px;}
    .spriteCategProfile             {background-position: -1012px 0;  width:85px;}                :hover > .spriteCategProfile,       .Selected > .spriteCategProfile         {background-position: -1012px -58px;}
    .spriteCategIntegral            {background-position: -1104px 0;  width:85px;}                :hover > .spriteCategIntegral,      .Selected > .spriteCategIntegral        {background-position: -1104px -58px;}
    .spriteCategCaravane            {background-position: -1196px 0;  width:72px;}                :hover > .spriteCategCaravane,      .Selected > .spriteCategCaravane        {background-position: -1196px -58px;}
    /* Utils */
    .spriteCategRemorque            {background-position: -1288px 0;  width:66px;}                :hover > .spriteCategRemorque,      .Selected > .spriteCategRemorque        {background-position: -1288px -58px;}
    .spriteCategSociete             {background-position: -1380px 0;  width:78px;}                :hover > .spriteCategSociete,       .Selected > .spriteCategSociete         {background-position: -1380px -58px;}
    .spriteCategFourgonette         {background-position: -1472px 0;  width:75px;}                :hover > .spriteCategFourgonette,   .Selected > .spriteCategFourgonette     {background-position: -1472px -58px;}
    .spriteCategBus                 {background-position: -1564px 0;  width:92px;}                :hover > .spriteCategBus,           .Selected > .spriteCategBus             {background-position: -1564px -58px;}
    .spriteCategCamion              {background-position: -1656px 0;  width:122px;}               :hover > .spriteCategCamion,        .Selected > .spriteCategCamion          {background-position: -1656px -58px;}
    .spriteCategFourgon             {background-position: -1840px 0;  width:85px;}                :hover > .spriteCategFourgon,       .Selected > .spriteCategFourgon         {background-position: -1840px -58px;}

    /* Bandeau du site en DEMO */
    #bandana,
    #bandana_pro{
        background:#FFCC00;
        font-family:Verdana;
        font-size:30px;
        font-weight:bold;
        padding:10px;
        border:solid 1px #000;
        text-align:center;
        clear:both;
        margin:10px auto;
        width:958px;
    }

    /* Logo LC */
    .logoLink {
        display:inline-block;
        margin:5px;
        font-weight:bold;
        color:#333;
    }

    /* Module Horaires */
    .openingHours                   {position:relative; display:block;}
    a.openingHoursLink .parenthesis {display:none;}
    a.openingHoursLink              {text-decoration: underline; color:#666; font-style: normal;}
    .openingHoursPopover .btnClose  {font-family: Trebuchet MS; line-height: 5px; padding: 3px; position: absolute; right: 1px; top: 1px;}
    .openingHoursPopover p          {margin-bottom:0;}
    .openingHoursPopover            {
        display:none;
        background-color:#fff;
        border:1px solid #ccc;
        color:#2e2d2d;
        padding:12px;
        position:absolute;
        top:15px;
        right:0;
        width:265px;
        z-index:1001;
        cursor:pointer;
    }

    /* **
     * Modele de burgerMenu
     */
    .burgerMenu {
        display: block;
        top: 0;
        min-height: 100%;
        position: absolute;
        width: 70%;
        z-index: 10;
    }

    .burgerMenu.left {
        background:#ececec;
        left: -70%;
    }

    .burgerMenu.right {
        background: #282b34;
        right: -70%;
    }

    .burgerMenu.right li {
        color:white;
        border-top:1px solid white;
        line-height: 40px;

    }

    .burgerMenu.right li:first-child {
        border:none;
        padding-top:10px;
    }

    .burgerMenu.right li:last-child {
        padding-top:10px;
        text-align: center;
    }

    .burgerMenu.right li > a:not([class~="btn"]):not([class^="btn"]) {
        color:white;
        display: block;
        padding:0 15px;
    }

    .burgerMenu.right ul > li > div {
        display: none;
    }

    /* Pave cookies */
    .paveCookies {
        background:#d8d8d8;
        color:#666;
        font-size:11px;
        padding:10px 5px;
        width:100%;
        margin:0;
        z-index: 10000000000;
        position:fixed;
        bottom:0;
    }
    .paveCookies p {
        margin-bottom:0;
        display:inline-block;
        text-align:center;
        width:90%;
    }
    .closePave {
        text-decoration:none;
        color:#666;
        float:right;
        margin-right:20px;
    }

    /**
     * Menu
     */
    .rubLinks {
        background:#282b34;
        position:relative;
        float:left;
        width:100%;
        border-bottom-right-radius:10px;
    }
    .rubLinks > li {
        float:left;
    }
    .rubLinks > li > a {
        line-height:20px;
        text-transform:none;
        color:white;
        display:block;
        padding:0 15px;
        line-height:40px;
    }
    .rubLinks .active > a,
    .rubLinks > li > a:hover,
    .rubLinks > li > a:focus,
    .rubLinks > li > a:active{
        background:#585a60;
    }

    .rubLinks > li.rubSell {
        float:right;
        padding:0;

    }
    .rubLinks > li.rubSell .btnDepotMenu {
        border-top-left-radius:10px;
        position:relative;
        overflow: visible;
    }

    .rubLinks > li.rubSell > a .triangleDepotMenu{
        border-color: #0783ac;
        border-width: 12px 8px 0 !important;
        bottom: -10px;
        left: 50%;
        position: absolute;
    }

    .rubLinks > li.rubSell > a:hover .triangleDepotMenu {
        border-color: #027094;
    }

    .rubLinks > li.rubSell .msgDepotMenu {
        background-color: rgba(255, 255, 255, .85);
        padding: 2px 8px 5px;
        position:absolute;
        right:0;
        z-index:1000;
        margin-top:10px;
        color: #333;
        font-weight: inherit;
        line-height: normal;
    }

    /**
    * Baseline
    */

    .logoContainer {margin:15px 0 15px 15px;}

    .containerBaseline .containerSite {
        background:#f0f0f0;
        position:relative;
    }

    .linkBaseline                    {float:right; margin:15px 15px 10px 0;}
    .linkBaseline *                  {color:#333;}
    .linkBaseline > * {
        border: 1px solid transparent;
        display:inline-block;
        vertical-align:middle;
        padding: 5px 5px 10px;
        position:relative;
        display:inline-block;
        z-index:1002;
    }

    .linkBaseline > span:last-child                         {padding-right:0;}
    .linkBaseline .circ                                     {border:2px solid white; background-color:#282b34; display:inline-block;}
    .linkBaseline .circ .pictoAccountWhite                  {margin:-3px 0 0 -3px;}
    .linkBaseline .circ .pictoFavActiveWhite                {margin:-3px 0 0 -3px;}
    .linkBaseline .circ .pictoSpeakerWhite                  {margin:-3px 0 0 -2px;}

    .linkBaseline .txtBaseline                              {vertical-align:middle; display:inline-block; padding-left:4px; margin-right:6px;}

    .linkBaseline > a,
    .linkBaseline > .menuBaseline                           {cursor:pointer;}

    .linkBaseline > a.active,
    .linkBaseline > .menuBaseline.active                    {background-color:#585a60;}

    .linkBaseline > a.active > .txtBaseline,
    .linkBaseline > .menuBaseline.active > .txtBaseline     {color:white!important;}

    .linkBaseline > a.active > .txtBaseline *,
    .linkBaseline > .menuBaseline.active > .txtBaseline *   {color:white!important;}

    .linkBaseline > a.active > .circ,
    .linkBaseline > .menuBaseline.active > .circ            {border:2px solid white;}

    .linkBaseline > a.active > .triangle,
    .linkBaseline > .menuBaseline.active > .triangle        {border-color:white;}

    .linkBaseline .subMenuBaseline {
        display:none;
        position:absolute;
        top:50px;
        left:-1px;
        line-height:35px;
        background-color: #f3f3f3;
        border:2px solid #585a60;
        z-index:1003;
    }
    .linkBaseline .subMenuBaseline ul                       {list-style: none;}
    .linkBaseline .subMenuBaseline li                       {white-space: nowrap;}
    .linkBaseline .subMenuBaseline li.active,
    .linkBaseline .subMenuBaseline li:hover                 {background-color: #c8c8c8;}
    .linkBaseline .subMenuBaseline li > a                   {display:block; padding: 0 15px;}
    .linkBaseline .subMenuBaseline li.active > a            {font-weight: bold;}
    .linkBaseline .subMenuBaseline li > div                 {display:none;}

    /* Adaptations pour menuAccount */
    .menuAccount .subMenuBaseline li:last-child             {border-top:1px solid #ccc;}

    /* Adaptations pour menuFavoris */
    .menuFavoris .subMenuBaseline                           {width:300px;}
    .menuFavoris .subMenuBaseline ul                        {padding:5px;}
    .menuFavoris .subMenuBaseline li                        {padding:0; line-height: 18px;}
    .menuFavoris .subMenuBaseline li.active,
    .menuFavoris .subMenuBaseline li:hover                  {background-color: transparent;}
    .menuFavoris .subMenuBaseline li .version               {overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
    .menuFavoris .subMenuBaseline li .favLigne              {display:flex; overflow:hidden;}
    .menuFavoris .subMenuBaseline li .FavbrandModelTitle    {color:#000;}
    .menuFavoris .subMenuBaseline li .imgContent img        {display: block; height:64px; margin-right:8px; width:80px;}
    .menuFavoris .subMenuBaseline li .subContRight          {overflow: hidden;}
    .menuFavoris .subMenuBaseline li .fieldPrice            {font-weight:bold;}
    .menuFavoris .subMenuBaseline li a                      {border: 1px solid transparent; display:block; padding:5px;}
    .menuFavoris .subMenuBaseline li a:hover                {border: 1px solid #c8c8c8;}
    .menuFavoris .subMenuBaseline li a.voirAllFav {
        margin-top:10px;
        background: #e1e1e1;
        color: #333;
        display: block;
        padding: 10px 20px;
        text-align: center;
        font-weight: bold;
        border-radius: 3px;
    }
    .menuFavoris .subMenuBaseline li a.voirAllFav:hover     {background: #c8c8c8;}


    /**
     * Fil d'ariane
     */

    .breadCrumb {
        overflow:hidden;
        color:#666666;
        padding:3px 0;
        line-height: 36px;
        max-width: 900px;
    }
    .breadCrumb ol{
        margin-left:0 !important;
    }

    .breadCrumb li{
        float:left;
    }
    .breadCrumb li > a > img {
        vertical-align:middle;
    }

    .breadCrumb li > a ,
    .breadCrumb li > span {
        line-height: 35px;
        display:inline-block;
        vertical-align:middle;
    }

    .breadCrumb .pictoHome {display:block; margin-right: -8px;}

    .breadCrumb .separator{
        margin:0 10px;
    }

    .breadCrumb a,
    .breadCrumb a:link,
    .breadCrumb a:visited,
    .breadCrumb a:focus {
        color: #666;
        text-decoration: underline;
    }


    .breadCrumb sup {
        line-height: normal;
        text-decoration: none!important;
    }

    /**
     * Contenu de page
     */
    .mainContent {float:left;}
    .mainAside {float:left; width:300px;}

     /**
     * Pied de page
     */

    .line {margin: 0 0 15px;}

    .containerSite.containerFooter                                          {background-color: #f1f1f1; margin-top: 20px;}

    .containerFooter .footerTitle                                           {font-weight:bold; margin-bottom: 20px;}

    .containerFooter .line                                                  {margin:0;}
    .containerFooter .line1, .containerFooter .line1 a                      {color:#333;}
    .containerFooter .line1 a.openingHoursLink .parenthesis                 {display:inline;}
    .containerFooter .line1                                                 {border-bottom:1px solid #c8c8c8; padding:20px;}
    .containerFooter .line1 .col                                            {width:43%; display: inline-block; vertical-align: top;}
    .containerFooter .line1 .col1                                           {width:30%;}
    .containerFooter .line1 .col3                                           {width:23%;}
    .containerFooter .line1 .col3 .footerContent > ul > li                  {margin-bottom: 15px;}
    .containerFooter .line1 .col3 .footerContent > ul > li:last-child       {margin-bottom: 0;}
    .containerFooter .line1 .col1 .footerContent > ul > li                  {clear:both; margin-bottom: 30px;}
    .containerFooter .line1 .col1 .footerContent > ul > li:last-child       {margin-bottom:0;}
    .containerFooter .line1 .col1 .footerContent > ul > li > span           {display: table-cell; padding-right: 15px; vertical-align: middle;}
    .containerFooter .line1 .col1 .footerContent > ul > li > span:first-child {vertical-align: top;}
    .containerFooter .line1 .col2 .footerContent > div                      {margin-bottom:15px;}
    .containerFooter .line1 .col2 .footerContent > div:last-child           {margin-bottom:0;}
    .containerFooter .line1 .btnApps                                        {background-color:#e1e1e1;}
    .containerFooter .line1 .btnApps:hover                                  {background-color:#c8c8c8;}

    .containerFooter .line2                                                 {padding:10px;}

    .containerFooter .line2 > ul                                            {text-align: center;}
    .containerFooter .line2 > ul > li                                       {display:inline-block;}
    .containerFooter .line2 > ul > li a                                     {border-right:1px solid #999; padding: 5px 15px; color:#333; display: inline-block;}
    .containerFooter .line2 > ul > li:last-child a                          {border-right:0;}

    .containerFooter .line3                                                 {text-align:center; padding:10px 0; color:#333;}
    .containerFooter .line3 a                                               {color:#333!important; text-decoration:underline;}

    .containerFooter .line4                                                 {background-color: white; padding: 20px;}
    .containerFooter .line4 .footerContent > ul                             {text-align: center; font-size:0; /*hack pour display:inline-block de l'enfant*/}
    .containerFooter .line4 .footerContent > ul > li                        {display:inline-block; vertical-align:top; width:16.6%; min-width:180px; text-align: center; margin-bottom: 20px;}
    .containerFooter .line4 .footerContent > ul > li > a                    {color:#333!important;}
    .containerFooter .line4 .footerContent > ul > li span                   {display: block; margin-top:5px; line-height:50px; clear:both;}
    .containerFooter .line4 .footerContent > ul > li img                    {vertical-align: middle;}

/* *************************************************
 * Moteur de recherche searchForm : listing, home  *
 ************************************************* */

    .searchForm                                     {position:relative; color:#333;}
    .searchForm form                                {background:#f3f3f3;}
    .searchForm .criteres                           {background:#f3f3f3; overflow:hidden; border-top:1px solid #c8c8c8;}
    .searchForm form > fieldset > div               {padding:0 10px;}
    .searchForm form > fieldset > legend            {background-color:#e1e1e1; box-sizing:border-box; color:#333; display:block; line-height: 30px; font-weight:bold; margin-bottom:10px; padding:10px; width:100%;}
    .searchForm #cp                                 {width:128px;}
    .searchForm #version                            {padding-left: 25px;}
    .searchForm .jsEquipOptCloseCtrl                {color:black;}
    .searchForm #versionContent {
        margin-top:-10px;
        position:absolute;
        z-index:100;
        left:2.5%;
        right:3%;
        margin-right:-1px;
        margin-left:1px;
    }
    .searchForm #Version_list {
        border:1px solid #c2c2c2;
        border-top:0;
        padding:10px;
        background:white;
    }
    .searchForm form {
        margin-bottom:20px;
    }

    .searchForm .EquipOptContent {
        background:white;
        box-sizing: border-box;
        margin:-10px 0 0;
        position:absolute;
        z-index:100;
        width:100%;
        padding:10px;
        border:1px solid #b2b2b2;
        border-top:0;
        max-height: 500px;
        overflow: auto;
    }

    .searchForm .EquipOptContent label input[type=checkbox] {
        margin-right:3px;
    }

    .searchForm .EquipOptContent p      {text-align:center; margin-top:5px; margin-bottom:0;}

    #Version_list_shadow                {display:none !important;}
    #checkSetCloseList                  {margin-top:10px; margin-right:5px;}

    /* Bloc de choix de la catégorie : Home, listing*/

    #div_category {
        background:white;
        border:1px solid #c8c8c8;
        border-top:0;
        box-sizing:border-box;
        margin-top:-10px;
        padding:10px;
        position:absolute;
        width:100%;
        z-index:9;
    }

    #div_category > div.divClose                                    {clear:both; text-align:center;}
    #div_category > div > input                                     {margin-right:5px; vertical-align: middle;}
    #div_category > div > label                                     {display: block; line-height: 40px;}
    #div_category > div > label > .PictoCat                         {display:inline-block; vertical-align:middle; text-align: center; margin-right: 5px;}
    #div_category > div > label > .PictoCat > span                  {display: block; font-size: 12px; line-height: 20px;}
    #div_category.div_category_loisir > div                         {margin-bottom: 20px;}
    #div_category.div_category_moto > div:not(.divClose)            {float:left; width:50%;}
    #div_category.div_category_loisir > div:not(.divClose)          {float:left; width:50%; line-height: 20px;}

    /* Vignettes de recap des criteres de recherche (moteur de recherche + page d'alerte) */
    .criteriaList > a,          /* page listing */
    .criteriaList > span,       /* page alerte */
    .criteriaList > a > span    /* crois de fermeture */
        {color:white; line-height:30px; display:inline-block; vertical-align: middle;}
    .criteriaList > a,          /* page listing */
    .criteriaList > span        /* page alerte */
        {background-color:#585a60; margin:0 10px 10px 0; padding:5px 10px;}
    .criteriaList > a:hover     {background-color: #282b34; text-decoration: line-through;}
    .criteriaList > a > span    {padding-left: 5px; float:right;}
    .criteriaList > span        {cursor: default;}

    /* *****************************
     *          Common CSS         *
     ***************************** */

    .box                {color:#333333; margin-bottom:10px; padding:8px;}

    .btnDepopass        {background-color:#015093 !important; white-space:nowrap; color:white !important; text-decoration: none !important;}
    .btnDepopass:hover  {opacity:1.1; background-color:#00345B !important;}

    /* Sondage : Listing et Detail */
    .sondage                        {margin: 20px 0; border:1px solid #c8c8c8;}
    .sondageSearch                  {background:#f5f5f5; margin-top:15px;}
    .sondageSearch .TitreSondage    {padding:10px; padding-bottom:0 !important; margin-bottom:-4px; color:#333; font-size:18px;}

    /* Boite Mes serveices : Detail, Cote, Fiches tech ... */
    .boxServ                        {background:#f3f3f3; margin:20px 0;}
    .boxServ .title                 {color:#333333; margin-bottom:10px;}
    .boxServ li:not(:last-child)    {margin-bottom: 10px;}
    .boxServ a                      {display:block; padding:0 10px; text-align: left;}

    /* Volume du coffre */
    .VolumeCoffre                                   {overflow:hidden;}
    .VolumeCoffre .sousTitre                        {padding-bottom:10px;}
    .VolumeCoffre .divCoffre                        {margin:20px auto 80px; padding:0 5px; width:280px;}
    .VolumeCoffre .divCoffre .graphCoffre           {position: relative;}
    .VolumeCoffre .divCoffre  .chiffreCoffre        {width:18px; position:absolute; top:-14px; z-index:10;}
    .VolumeCoffre .divCoffre .legendeMoyModele,
    .VolumeCoffre .divCoffre .legendeMoyAuto        {clear:both; color:#999; width:100%; position:absolute; text-align:center;}
    .VolumeCoffre .divCoffre .legendeMoyModele      {top:45px;}
    .VolumeCoffre .divCoffre .legendeMoyAuto        {top:25px; margin:0 -2px;}
    .VolumeCoffre .divCoffre .selectionLine         {border:1px solid #999; border-top:none; display:block; font-size: 5px; width:100%; padding:0; margin-bottom:-10px;}
    .VolumeCoffre .divCoffre .selectionValue        {background-color: white; padding:04px; white-space:nowrap;}
    .VolumeCoffre .divCoffre .minAuto,
    .VolumeCoffre .divCoffre .maxAuto,
    .VolumeCoffre .divCoffre .minModele,
    .VolumeCoffre .divCoffre .maxModele             {color:#666; position:absolute;}
    .VolumeCoffre .divCoffre .minAuto               {left:0; margin-left:-5px; margin-top:-25px;}
    .VolumeCoffre .divCoffre .maxAuto               {margin-right:-5px; margin-top:-25px; right:0;}
    .VolumeCoffre .divCoffre .minModele             {left:-12px; top:20px;}
    .VolumeCoffre .divCoffre .maxModele             {right:-12px; top:20px;}
    .VolumeCoffre .divCoffre .moyAuto               {background-color:#282b34; position:relative; height:9px;}
    .VolumeCoffre .divCoffre .moyModele             {background-color:#0783ac; height:9px; overflow:visible; z-index:5; position: absolute; top: 0;}

    /* Bloc annonces consultees : Home + Listing */
    .zoomTitle              {font-weight: bold; color: #333; margin-bottom: 20px; margin-top: 40px; border-bottom: 1px solid #ddd; padding-bottom: 10px; text-align: center;}
    .zoomAds                {overflow: hidden;}
    .zoomAds li             {float: left; width: 12%; margin: 0 1%;}
    .zoomAds li:first-child {margin-left: 2%;}
    .zoomAds li a           {color: #333; text-align: center;}
    .zoomAds li a img       {border: 1px solid #ddd; margin-bottom: 10px; width: 100%;}
    .zoomAds li a *         {display: block;}

    /* Liens Cara : Listing, listing cote, listing fiche tech, detail, detail cote, detail fiche tech */
    #liensCara                                  {border:1px solid #c8c8c8; margin-bottom:20px;}
    #liensCara #TitreInterLinkingtxt            {
        background-color: #2c5994;
        font-weight:normal;
        color:white;
        padding-left:3%;
        margin-bottom:10px;
        position:relative;
        display: inline-block;
        width: 97%;
    }
    #liensCara #TitreInterLinkingtxt > span     {display:inline-block; max-width:50%; color:white;}
    #liensCara #TitreInterLinkingtxt i          {
        display: inline-block;
        margin-left: 2px;
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform-origin: 0 8px 0;
        vertical-align: middle;
    }
    #liensCara #InterLinkingtxt                 {padding: 0 8px 8px;}
    #liensCara .typeArticle,
    #liensCara .sousTitreCara                   {color: #00336e; padding-bottom: 10px; display: block;}
    #liensCara .Article                         {border-bottom:1px solid #c8c8c8;}
    #liensCara .Article a                       {display:block; padding:10px 0; position:relative; overflow:hidden;}
    #liensCara .Article:last-child              {border-bottom:0;}
    #liensCara .Article:last-child a            {padding-bottom:0;}
    #liensCara .Article img                     {float:left; padding-right:5px;}
    #liensCara .noteAvis {
        position:absolute;
        top:10px;
        left:0;
        color:white;
        padding:0 2px;
        border-radius:3px;
        background:#2b5080;
        background:-moz-linear-gradient(top, #2b5080 0%, #3769aa 100%);
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b5080), color-stop(100%, #3769aa));
        background:-webkit-linear-gradient(top, #2b5080 0%, #3769aa 100%);
        background:-o-linear-gradient(top, #2b5080 0%, #3769aa 100%);
        background:-ms-linear-gradient(top, #2b5080 0%, #3769aa 100%);
        background:linear-gradient(to bottom, #2b5080 0%, #3769aa 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b5080', endColorstr='#3769aa', GradientType=0);
    }
    #liensCara .noteAvis strong         {font-weight:normal; font-size:1.3em;}
    #liensCara .infoVehi,
    #liensCara .infosMoto               {display:block; padding-bottom:10px; border-bottom:1px solid #c8c8c8; color:#2c2c2c;}
    #liensCara .typeDoc                 {color:#666; margin-left:5px;}
    #liensCara .leForumVehi             {display:block; padding:10px 0; color:#2c2c2c; border-bottom:1px solid #c8c8c8;}
    #liensCara .labelDoc                {display:block; text-decoration:none; color:#333; margin-top:2px; margin-right:40px;}

    /* **************************** *
    *           REGIE PUB           *
    ******************************* */
    .containerGlobal                        {z-index:1; min-height:100%;}
    .containerSite                          {background-color: white; margin: 0 auto; clear: both; position:relative; /* pour que le site passe au dessus de l'ahbillage de pub */}
    .containerBanner .containerSite         {background-color: transparent; padding:5px 0;}
    .noPub .containerBanner .containerSite  {display:none !important;}
    .interstitielContainer > div            {z-index: 11000000; position:fixed; text-align: center; width: 100%;}
    .habillageContainer2                    {width: 100%; height: 100%; left:0; top:0; position: fixed; z-index: 0; overflow: hidden; text-align: center;}
    .habillageContainer                     {width: 1800px; position: absolute; left: 50%;  margin-left: -900px;}
    .flagContainer                          {float:left; margin-right:4px; overflow: hidden; display: block;}
    .flagContainer *                        {display:block!important;}
    .bannerContainer                        {float:left; width:736px; height:90px; text-align: center;}
    .expresswayContainer                    {
        background:#e7e7e7 url(/images/lc_fr/expressWayInfo.png) no-repeat 437px center;
        border:1px solid #ccc;
        border-radius:5px;
        box-sizing: border-box;
        float:right;
        overflow:hidden;
        height:90px;
        padding:10px 5px 0;
        padding-right:24px;
        width:462px;
    }

    .expresswayContainer,
    .expresswayContainer > div a {
        display: inline-flex;
        display: flexbox;
        display: flex;
        justify-content: flex-start;
    }
    .expresswayContainer {
        flex-wrap:wrap;
        justify-content: space-between;
    }
    .expresswayContainer > div {
        -webkit-flex-basis:50%;
        -moz-flex-basis:50%;
        flex-basis:49%;
    }
    .expresswayContainer > div a {
        color:#333;
    }
    .expresswayContainer div.stationImages{
        align-self: flex-start;
        min-height:26px;
        margin-right: 5px;
    }
    .expresswayContainer div.stationImages img{
        max-width: 26px;
    }
    .expresswayContainer > div a > div > div.stationTitle {
        font-weight: bold;
        font-size: 14px;
        text-transform: uppercase;
        vertical-align: top;
        line-height: 12px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .expresswayContainer > div a > div > div.stationDesc {
        font-size: 12px;
        vertical-align: top;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .expresswayContainer.jsOneAd{
        display:block;
    }
    .expresswayContainer.jsOneAd div.stationImages{
        height: 70px;
        line-height: 70px;
        margin: 0 25px;
        max-width: 110px;
        width: auto;
    }
    .expresswayContainer.jsOneAd div.stationImages img{
        max-width: 110px;
    }
    .expresswayContainer.jsOneAd > div a > div > div.stationTitle {
        font-size: 16px;
        line-height: 20px;
        margin-top: 10px;
    }
    .expresswayContainer.jsOneAd > div a > div > div.stationDesc {
        font-size: 16px;
        line-height: 25px;
    }

    #pavePub                                {min-height:250px;}

    .appnexusButton                         {display:inline; float:left; width:263px; height:127px; background:#ccc; margin:0 15px 15px 0;}

    .nmpBloc                                {border:1px solid #c8c8c8;}
    .nmpBloc .nmpBlocTitle {
        background: rgba(109,167,227,1);
        background: -moz-linear-gradient(top, rgba(109,167,227,1) 0%, rgba(71,120,170,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(109,167,227,1)), color-stop(100%, rgba(71,120,170,1)));
        background: -webkit-linear-gradient(top, rgba(109,167,227,1) 0%, rgba(71,120,170,1) 100%);
        background: -o-linear-gradient(top, rgba(109,167,227,1) 0%, rgba(71,120,170,1) 100%);
        background: -ms-linear-gradient(top, rgba(109,167,227,1) 0%, rgba(71,120,170,1) 100%);
        background: linear-gradient(to bottom, rgba(109,167,227,1) 0%, rgba(71,120,170,1) 100%);
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        padding: 4px 10px;
    }

    /* Appnexus Format NativeAds*/
    .appnexusNative                     {background-color:#F3F3F3; border-top: 1px solid #c8c8c8; padding: 10px;}
    .appnexusNative > a                 {color:#333; display:block; overflow: hidden; position: relative;}
    .appnexusNative > a > span          {width:50%; float:left; box-sizing:border-box;}
    .appnexusNative > a .desc           {padding-bottom:15px;}
    .appnexusNative > a .title          {display:block; margin-bottom:5px;}
    .appnexusNative > a .description    {display:block; margin-bottom:5px;}
    .appnexusNative > a .sponsored_by   {position:absolute; bottom:0; font-size: 12px; font-style: italic;}
    .appnexusNative > a .main_img       {max-width: 100%; float:right; padding-left:10px; box-sizing:border-box;}

    /* Appnexus Format NMP */
    .appnexusNmp                        {overflow: hidden; clear:both; padding: 10px;}
    .appnexusNmp > a                    {color:#00336e !important;}
    .appnexusNmp > a > span             {width:50%; float:left; box-sizing:border-box;}
    .appnexusNmp > a > span:first-child {width:30%;}
    .appnexusNmp > a > span:last-child  {width:70%;}
    .appnexusNmp > a .main_img          {max-width:100%; padding-right:10px; box-sizing:border-box;}
    .appnexusNmp > a .title             {display:block; margin-bottom:5px;}
    .appnexusNmp > a .description       {display:block; margin-bottom:5px; color:#333;}
    .appnexusNmp > a .link              {display:block; padding-left:6px;}

    /* ************************************************ *
    *           Pagination : Listing, compte part       *
    *************************************************** */
    .pagination             {background:#f3f3f3; padding:8px; margin:15px 0; overflow:hidden; text-align: center;}
    .pagination ul          {display: flex; margin:0 auto; justify-content: center;}
    .pagination li          {text-align:center;}
    .pagination .first a    {border-radius:5px 0 0 5px;}
    .pagination .last a     {border-radius:0 5px 5px 0; border-right:1px solid #c8c8c8;}
    .pagination a {
        background:#e1e1e1;
        border:1px solid #c8c8c8;
        border-right:0;
        color:#333;
        display:inline-block;
        font-weight:bold;
        height:40px;
        line-height:40px;
        width:40px;
    }
    .pagination .active     {background:white !important;}

    /* ************************************************************* *
    *  Menu Categorie  	(page listing, services, conseils etc ...)	 *
    **************************************************************** */
    .menuCategory                                           {width:100%; background:#ffffff; overflow:hidden;}
    .menuCategory .menuCategoryContent ul                   {margin:0 0 15px 0; overflow:hidden;}
    .menuCategory .menuCategoryContent ul li                {float:left; text-align:center; width:65px;}
    .menuCategory .menuCategoryContent ul li:first-child a  {border-radius:5px 0 0 5px;}
    .menuCategory .menuCategoryContent ul li:last-child a   {border-right:1px solid #c8c8c8; border-radius:0 5px 5px 0;}
    .menuCategory .menuCategoryContent a                    {display:block; background:#e1e1e1; padding:3px 0 2px; border:1px solid #c8c8c8; border-right:0;}
    .menuCategory .menuCategoryContent .active a            {background:white; cursor: default;}
    .menuCategory .menuCategoryContent a.disabled           {opacity:1;}

    /* ************************************************************* *
     * Mot de passe oublie (page de compte, de creation d'alerte...) *
     * ************************************************************* */
    a.forgetPass            {color: #333; text-decoration: underline;}
    .popinForgetPass label  {line-height:16px;}
    .popinForgetPass #EMAIL {border:1px solid #bababa; height:30px; width:150px; padding: 0 5px;}

    /* *********************************************************************
     * CO2 et Conso mixte - tb_barometre_CO2 - Detail et detail fiche tech *
     * ******************************************************************* */
    .consoLine {
        height: 9px;
        background: rgba(6,156,4,1);
        background: -moz-linear-gradient(left, rgba(6,156,4,1) 0%, rgba(251,255,2,1) 30%, rgba(251,255,2,1) 34%, rgba(252,92,0,1) 49%, rgba(210,20,20,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(6,156,4,1)), color-stop(30%, rgba(251,255,2,1)), color-stop(34%, rgba(251,255,2,1)), color-stop(49%, rgba(252,92,0,1)), color-stop(100%, rgba(210,20,20,1)));
        background: -webkit-linear-gradient(left, rgba(6,156,4,1) 0%, rgba(251,255,2,1) 30%, rgba(251,255,2,1) 34%, rgba(252,92,0,1) 49%, rgba(210,20,20,1) 100%);
        background: -o-linear-gradient(left, rgba(6,156,4,1) 0%, rgba(251,255,2,1) 30%, rgba(251,255,2,1) 34%, rgba(252,92,0,1) 49%, rgba(210,20,20,1) 100%);
        background: -ms-linear-gradient(left, rgba(6,156,4,1) 0%, rgba(251,255,2,1) 30%, rgba(251,255,2,1) 34%, rgba(252,92,0,1) 49%, rgba(210,20,20,1) 100%);
        background: linear-gradient(to right, rgba(6,156,4,1) 0%, rgba(251,255,2,1) 30%, rgba(251,255,2,1) 34%, rgba(252,92,0,1) 49%, rgba(210,20,20,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#069c04', endColorstr='#d21414', GradientType=1 );
    }
    .consoLine.disabled             {background: #ccc;}
    .consoUnavailableTxt            {color: #666; padding-bottom: 2px; text-align: center;}
    #Conso, .EchelleCO2             {width:270px; margin-bottom:30px; margin-top:10px; position:relative; padding:0 10px;}
    .EchelleCO2 .triangle           {margin-bottom:-2px;}

    /* **************************************
    *   Push to talk                        *
    *************************************** */
    .cbm_div_push2Talk {
        background: none repeat scroll 0 0 #282b34;
        border-radius: 5px;
        display: inline-block;
        font-weight: normal;
        text-decoration: none;
        margin-top:10px;
        line-height:32px;
    }
    .cbm_div_push2Talk a            {color:white; display:block; padding: 0 10px 0 4px; margin:0;}
    .cbm_div_push2Talk:hover        {background: #17191f;}

    /* **************************************
    *   Page spot de pub                    *
    *************************************** */
    .bgSpotTv                       {background:#386493 url(/images/lc_fr/pub_fond_2017.jpg) no-repeat center top; min-height:717px;}
    .listPubs .radioArrow:hover     {cursor:pointer;}
    #listVideos                     {text-align: center; color:white; margin: 0 auto; clear:both; margin-top:50px; overflow: hidden;}
    #listVideos li                  {display: inline-block; margin-right: 30px; margin-bottom:10px;}
    #mainVid                        {width:60%; border:5px solid #d0d0d0;}

    /* **************************************
    *   Page Listing Flat                   *
    *************************************** */
    .ListeModeleMarque                                          {width:97%; margin:0 15px 20px; overflow:hidden;}
    .ListeModeleMarque .modelBlocContent                        {margin: 10px 0px; clear:both; overflow:hidden}
    .ListeModeleMarque span.nombre                              {color:#888;}
    .ListeModeleMarque .borderBlocModel                         {border-bottom:1px solid #D8D8D8;}
    .ListeModeleMarque .modelBlocContent .colLetter             {width:10%;}
    .ListeModeleMarque .modelBlocContent .colLink               {width:90%; padding-bottom: 10px;}
    .ListeModeleMarque .modelBlocContent .colLink li            {overflow: hidden; display: block; height: auto;}
    .ListeModeleMarque .modelBlocContent .colLink li.modelLi    {overflow: hidden; display: block; padding-bottom: 5px;}
    .ListeModeleMarque .modelBlocContent .colLink a             {line-height: 41px;}
    .ListeModeleMarque .modelBlocContent .colLink a.url         {color:#000; font-family: arial;}
    .ListeModeleMarque .modelBlocContent .colLink a.url:hover   {text-decoration: underline;}
    .ListeModeleMarque .modelBlocContent .logoMarqueLink        {width: 50px; height: auto; float: left; margin-right: 10px}
    .ListeModeleMarque .column3 {
        -moz-columns: 3;
        -webkit-columns: 3;
        columns: 3;
        column-width: 33%;
        -webkit-column-width: 33%;
        -webkit-column-rule: 1px solid #c8c8c8;
        -moz-column-rule: 1px solid #c8c8c8;
        column-rule: 1px solid #c8c8c8;
        vertical-align: top;
        display: table-cell;
    }
    .ListeModeleMarque .column2 {
        -moz-columns: 2;
        -webkit-columns: 2;
        columns: 2;
        column-width: 50%;
        -webkit-column-width: 50%;
        -webkit-column-rule: 1px solid #c8c8c8;
        -moz-column-rule: 1px solid #c8c8c8;
        column-rule: 1px solid #c8c8c8;
    }
    .ListeModeleMarque .column2,
    .ListeModeleMarque .column3,
    .ListeModeleMarque .column5,
    .ListeModeleMarque .column6 {
        -webkit-column-gap: 35px;
        -moz-column-gap: 35px;
        column-gap: 35px;
        column-span: 1;
        column-fill: auto !important;
    }
    #alphabet {
        padding: 10px 12px;
        width: auto;
        border-right: none;
        overflow: hidden;
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px;
        text-align: center;
    }
    #alphabet li                            {text-align: center; float: left; border: 1px solid #ccc;}
    #alphabet li a                          {background-color: #e1e1e1!important; color: #333!important; line-height: 32px; display: inline-block; padding: 0 15px;}
    #alphabet li a:hover                    {background-color: #c8c8c8!important; text-decoration: underline;}
    .TitretouteMarque,
    .TitretousModelees                      {color:#333; font-family:Arial; font-size: 20px; display:block; margin:10px;}
    .sousTitreTouteMarque,
    .sousTitreTousModeles                   {color:#000; font-family:Arial, sans-serif; display:block; margin:0 10px;}
    .ColumnContMarquesModeles               {float:left; width:33%;}
    .ColumnContMarquesModeles a             {color: #007eff; font-family: Verdana; font-size: 12px; text-decoration: none;}
    .ColumnContMarquesModeles ul            {margin:0 10px 10px;}
    .ColumnContMarquesModeles ul li.letter:first-child {margin:0 0 10px;}
    .letter a {
        color: #333;
        font-family: Arial;
        font-size: 20px;
        font-weight: bold;
        width: 32PX;
        height: 32px;
        display: block;
        text-align: center;
    }
    .letter .retour {color: #007eff; padding-left: 10px;}
    .upCtrl {
        position: fixed;
        z-index: 1000;
        bottom: 10px;
        font-weight: bold;
        min-width: 12px;
        background-color: #08244c!important;
        color: white!important;
        right:85px;
    }

    /* **************************************************
    *   Popin Mails                                     *
    *************************************************** */
    .popinMailDealer                                    {width:750px; margin-left:-375px;}
    .formAbus label span,
    .popinMailDealer .field label                       {display:inline-block; vertical-align:middle; font-weight:bold; min-width:100px;}
    .popinMailDealer .field:not(.fieldCaptcha) label    {width:40%;}
    .popinMailDealer #civilite label,
    .popinMailDealer .field label[for='message'],
    .popinMailDealer .field label[for='Kontrol']        {margin-bottom:5px;}
    .popinSuspect input:not(.btnRed)                    {display:inline-block; vertical-align:middle; padding:3px 1%; min-width:100px; width:50%;}
    .popinSuspect input:not(.btnRed)                    {position:relative; top:5px;}
    .popinMailDealer .fieldObject label                 {width:12%; min-width:50px;}
    .popinMailDealer .fieldObject select                {width:87%;}
    .popinMailDealer .fieldMsg label                    {display:block; width: auto;}
    .popinMailDealer .fieldCaptcha input                {width:25%;}
    .popinMailDealer .fieldCaptcha img                  {max-width:200px; display:inline-block; vertical-align:middle; margin-left:10px;}

    /* **************************************************
    *   Popin telechargement applis LC                  *
    *************************************************** */
    .popinApp .btnPopinConfirmKO    {margin-bottom:15px;}
    .popinApp .btnPopinConfirmOK    {margin-bottom:15px; margin-right:15px;}
    .popinApp .popinMessage         {font-weight:bold;}

    /* **************************************************
    *   Formulaires Abus du detail et detail de cote    *
    *************************************************** */
    .formAbus,
    .formContactCote { padding: 10px; z-index:100; margin:0 auto;}
    .formAbus label span,
    .formContactCote label span { font-weight:bold; margin-bottom:2px; margin-top:2px;}
    .formContactCote label { clear:both; display:block;}
    .formContactCote label span { display:inline-block; min-width:25%;}
    .formAbus input,
    .formAbus textarea {margin-bottom:12px;}
    .formContactCote input,
    .formContactCote textarea {margin-bottom:12px;}
    .formContactCote input[type=submit],
    .formContactCote textarea { margin-left: 15%; width: 70%;}
    .formContactCote textarea {height: 200px;}
    .formContactCote input[type=submit],
    .formAbus input[type=submit] { border: 0 none; border-radius: 3px; font-weight: normal; margin-top:10px; margin-bottom: 25px;}
    .formAbus label.error span,
    .formAbus .response.error ul li,
    .formContactCote label.error span,
    .formContactCote .response.error ul li {color: red;}
    .formAbus label.error input,
    .formAbus label.error textarea,
    .formContactCote label.error input,
    .formContactCote label.error textarea {border: 1px solid red;}
    .formAbus .response,
    .formContactCote .response {margin-bottom: 10px;}
    .formAbus .response .confirm,
    .formContactCote .response .confirm {color: #008000;}


    /* ******************************************************************************************************
     *                                              Print                                                   *
     ****************************************************************************************************** */
    @media only print {

        .containerNavMobile,
        .habillageContainer2,
        .interstitielContainer,
        .upSystem,
        .paveCookies,
        .burgerMenu,
        .containerBanner,
        .openingHours,
        .logoLink > span,
        #annuaireConcess .hiddenTablet {
            display: none !important;
        }

        .containerFooter {
            page-break-inside: avoid;
        }

    }
}