.mR40   {margin-right:40px!important;}

body, a {color:#333;}

/* ********************************************
 *      Structures / Elements de base         *
 ******************************************** */

.mainCol {
    float: left;
    width: 596px;
    padding:0 15px;
}
.leftCol {
    float: left;
    width: 300px;
    margin-left:2px;
    overflow: hidden;
}
.rightCol {
    float: left;
    width: 300px;
    margin-right:2px;
}
.iframeCont{
    position:relative;
    overflow:hidden;
    height:260px;
}

.homeSearchEngine .iframeMoteur{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

/* **************************************************************
 *      Commun aux pages de Cote et de Fiches techniques        *
 ************************************************************** */

.mainTitle          {line-height:32px;}
.mainContent        {padding-right:20px;}
.boxServ            {margin:0 0 15px;}
#liensCara          {margin-bottom:0;}

.brandAccess        {margin-bottom:15px;}

.brandAccess h2 {
    border-bottom: 1px solid #999;
    color: #333;
    font-weight: bold;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-bottom: 5px;
}

.brandAccess ul {
    margin-bottom: -10px;
}

.brandAccess li {
    display:inline-block;
    width:48%;
    margin-bottom: 10px;
    text-align: center;
    box-sizing: border-box;
}

.brandAccess li:nth-child(odd)      {margin-right: 5px;}
.brandAccess li:nth-child(even)     {margin-leftt: 5px;}
.brandAccess li a                   {display: block; padding: 0;}

#div_category {
    background: #fff;
    border: 1px solid #CCC;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 50px;
    width: 100%;
    z-index: 15;
}

#div_category.auto {
    padding: 0 5px;
}

#div_category.auto .PictoCont {
    float: left;
    height: 60px;
}

#div_category.auto input.checkboxes {
    margin: 15px 2px 0 5px;
    padding: 0;
    vertical-align: top;
}

#div_category.moto {
    padding: 10px;
}

#div_category.moto input {
    display:inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

#div_category.moto label{
    display:inline-block;
    vertical-align: middle;
    width:32%;
}

.boxYearInfo {
    box-sizing : border-box;
    color:#999;
    float:left;
    font-style: italic;
    line-height:35px;
    width:50%;
    padding-left:10px;
}
#NbPorte .selectSquare,
#Puissance .selectSquare{
    flex-grow: 0;
    padding-left:15px;
    padding-right:15px;
}
.popinImg .noPhotoImg{
    cursor: default;
}
.neManquezPas {
    margin-top:20px;
}


/* Bloc voir annonces similaires */

.AdThumbs {
    display: inline-block;
    vertical-align: middle;
}

.AdThumbs li {
    width: 135px;
    display: inline-block;
    margin-right: 25px;
    margin-bottom: 15px;
}

.AdThumbs li img {
    width:100%;
    max-height:100%;
}

/* Nuage de tags */
#Version_list {
    background-color: white;
    border: 1px solid #ccc;
    opacity: 1;
    padding: 5px;
    position: absolute;
    width: 255px;
}

.tagCloudItem {
    white-space: nowrap;
    text-decoration: none;
}
.tagCloudItem:hover {
    background-color: #0783ac;
    color:white!important;
}
/* Fin Nuage de tags */

/* *********************************************************
 *      Page LISTING : Cote et de Fiches techniques        *
 ********************************************************* */

.listingPage .mainTitle                                                         {margin:50px 0;}
.listingPage .selectSortBy option[disabled]                                     {font-weight: bold; margin-top:10px; text-decoration:underline;}

.listingPage .listingResult .listingResultLine                                  {border-bottom:1px solid #ccc; padding : 5px 0; overflow: hidden;}

.listingPage .listingResult .listingResultLine:hover                            {background-color:#f3f3f3;}

.listingPage .listingResult .listingResultLine > a > span                       {float:left; text-align:center; padding:15px 10px; box-sizing: border-box;}
.listingPage .listingResult .listingResultLine > a > span:first-child           {text-align: left; font-weight: bold; text-transform: uppercase;}
.listingPage .listingResult .listingResultLine.auto > a > span:first-child,
.listingPage .listingResult .listingResultLine.moto > a > span:first-child      {width:40%;}

.listingPage .listingResult .listingResultLine.auto > a > span:nth-child(2)     {width:20%;}
.listingPage .listingResult .listingResultLine.auto > a > span:nth-child(3)     {width:10%;}
.listingPage .listingResult .listingResultLine.auto > a > span:nth-child(4)     {width:20%;}
.listingPage .listingResult .listingResultLine.auto > a > span:nth-child(5)     {width:10%;}

.listingPage .listingResult .listingResultLine.moto > a > span                  {width:30%;}

.listingPage .listingResult .listingResultLineAd                                {border-bottom:1px solid #ccc; padding:5px 0;}
.listingPage .listingResult .listingResultLineAd > span > a                     {line-height:32px;}
.listingPage .listingResult .listingResultLineAd > span > a:hover               {text-decoration: underline;}
.listingPage .listingResult .listingResultLineAd > span:nth-child(2)            {float: right;}

.listingPage .listingNoResult                                                   {margin-top:35px; text-align:center;}

/* *************************************************************************
 *      Page de recherche par marque : Cote et de Fiches techniques        *
 ************************************************************************* */

.logoMarque {line-height:130px; vertical-align:middle; width:130px; height:130px; display:inline-block;}

.listingBrandQuot li {
    float:left;
    width:35%;
    height: 260px;                      /* For broken images and images resizing in tablet mode */
    padding:15px 5% 25px 0;
    border-top:1px solid #ccc;
    box-sizing: border-box;
}
.listingBrandQuot li:nth-child(3n + 3)  {width:30%; padding-right:0;}
.listingBrandQuot li:nth-child(-n + 3)  {border-top:0;}

.listingBrandQuot li a {
    display:block;
    height:100%;                        /* For broken images and images resizing in tablet mode */
}

/* *************************************************************************
 *      Page de recherche par mod�le : Cote et de Fiches techniques        *
 ************************************************************************* */

.listingModelQuot                       {margin-top:15px;}
.listingModelsQuotPage .mainTitle       {margin-top:30px;}
.listingModelsQuotPage .blocMainTitle   {max-width:500px;}

/* **********************************************************
 *      Page DETAIL : Cote et de Fiches techniques          *
 ********************************************************** */

.detailPage .boxQuotContainer {
    background-color: #F3F3F3;
    border:2px solid #ccc;
    border-top:none;
    padding:15px;
    margin-bottom:15px;
}
.detailPage .boxQuotLine                            {clear:both; margin-top:40px; text-align: center;}

.detailPage .btnPrintAdQuot:hover .pictoPrint       {background-position: -910px -70px !important;}
.detailPage input#km                                {padding-right: 63px;}
.detailPage .boxWhoIAm                              {clear:both; display:block!important;}

.detailPage .boxQuotTitle {
    border:2px solid #ccc;
    border-bottom:none;
    padding: 10px 0 30px;
    display: flex;
    justify-content: space-between;
}

.detailPage .boxQuotTitle > div:first-child {flex-basis: 25%;}
.detailPage .boxQuotTitle > div:nth-child(2) {flex-basis: 50%;}
.detailPage .boxQuotTitle > div:last-child {flex-basis: 25%;}
.detailPage .boxQuotTitle > div:last-child a {color:#666; text-decoration: underline;}

.detailPage .boxQuotTitle .mainQuot {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align:center;
    overflow: hidden;
    line-height: 35px;
}
.detailPage .boxQuotTitle .mainQuot > h2                      {margin-right: 5px;}
.detailPage .boxQuotTitle .mainQuot > h2 > *                  {display: inline-block; vertical-align: top;}
.detailPage .boxQuotTitle .mainQuot > h2 > .withoutOptionsTxt {margin-top:2px;}
.detailPage .boxQuotTitle .mainQuot > span > *                {vertical-align:middle;}
.detailPage .boxQuotTitle .mainQuot > strong                  {color:white; float:right; padding: 5px 0; min-width:190px; text-align: center;}
.detailPage .boxQuotTitle .mainQuot > strong > span           {display:inline-block; vertical-align: middle;}
.detailPage .boxQuotTitle .mainQuot > strong img              {display: block; margin: 0 5px;}

.detailPage .pictoQuestion {margin: 0 -7px; }

.detailPage .jsQuotReminder {text-align: center;}

.detailPage .jsQuotMileageByYear {margin-left: 5px;}

.detailPage .btnMiddleQuot                          {padding:0 30px;}

.detailPage #zipcode                        {max-width:90px;}

.trustIndicator {
    display:flex;
    justify-content: center;
    margin-top:5px;
}

.trustIndicator .descContainer {
    margin-top: 17px;
}

.trustIndicator .graphContainer {
    overflow: hidden;
    position: relative;
}

.trustIndicator .graphContainer .graph {
    display: flex;
}

.trustIndicator .graphContainer .graph > span {
    background-color: #C8C8C8;
    display:inline-block;
    margin-right:5px;
    height:40px;
    width:25px;
}

/* Cas par defaut : meme a 0 on affiche uand meme 1 barre */
.trustIndicator .graphContainer .graph > span:nth-child(-n + 1) {background-color: #18C300;}

/* Cas standards */
.trustIndicator .graphContainer .graph.graph--1 > span:nth-child(-n + 1) {background-color: #18C300;}
.trustIndicator .graphContainer .graph.graph--2 > span:nth-child(-n + 2) {background-color: #18C300;}
.trustIndicator .graphContainer .graph.graph--3 > span:nth-child(-n + 3) {background-color: #18C300;}
.trustIndicator .graphContainer .graph.graph--4 > span:nth-child(-n + 4) {background-color: #18C300;}

/* Cas specifique : pour un indice de confiance de 5, nous n'affichons que 4 barres */
.trustIndicator .graphContainer .graph.graph--5 > span:nth-child(-n + 4) {background-color: #18C300;}

.trustIndicator .graphContainer .maskContainer{
    left: 0;
    position: absolute;
    top: 0;
}

.trustIndicator .graphContainer .mask {
    background-color: white;
    border-bottom-right-radius:185px;
    display: block;
    height: 300px;
    width: 300px;
    margin-top: -279px;
    margin-left: -32px;
    transform: rotate(-5deg);
}

.jsQuotMileageByYear {
    text-align: center;
}

.Lacentrale_desk_FichesTech-Detail_LienTxtModele span{
    padding-left:0 !important;
}

@media print {
    .detailPage .boxQuotTitle > strong.bgRed {
        background-color: transparent !important;
        color: #333 !important;
        padding-right:15px;
        text-align: right;
    }
}
/* **********************************************************
 *      Page HOME : Cote et de Fiches techniques          *
 ********************************************************** */
.homePage .iframeHomeQuot #formulaire               {padding-right:1px;}
.homePage .learnMore                                {margin-bottom:20px;}
.homePage .inputImmat                               {text-transform: uppercase;}
.homePage .inputImmat:-moz-placeholder              {text-transform: none;}/* FF 18- */
.homePage .inputImmat::-moz-placeholder             {text-transform: none;}/* FF 19+ */
.homePage .inputImmat:-ms-input-placeholder         {text-transform: none;}
.homePage .inputImmat::-webkit-input-placeholder    {text-transform: none;}

.homePage .homeSearchEngine                         {background-color: #F3F3F3; padding:15px 15px;}

/* *********************
 *      Autre          *
 ********************* */
/* type de client sur la cote */
.inputRadio label[for="seller"]{
    border-left:1px solid #c8c8c8
}

.boxUserType .inputRadio label {
    padding: 0 10px;
}
.boxUserType {float:left; margin-left:30px;}
.boxValidate {float:right;}

/* ******************************************************************************************************************
 *                                      Responsive - Desktop                                                        *
 ****************************************************************************************************************** */
@media only screen and (min-width: 1201px) {
    .detailPage .quotArticleContent {float:left;}
    .detailPage .quotArticleBtn {float: right;}
}

/* ******************************************************************************************************************
 *                                      Responsive - Tablette                                                       *
 ****************************************************************************************************************** */
@media only screen and (max-width: 1200px) {

    .detailPage .boxQuotTitle .mainQuot {display:block;}
    .detailPage .quotArticleBtn {text-align:center; margin-top:15px; clear:both;}

    .responsive select      {text-indent: 0;}
    .containerContent       {padding:10px 15px 0; box-sizing: border-box;}
    .mainContent            {padding-right:0;}
    .leftCol                {width:260px;}
    .mainCol                {width: auto; float:none; padding-right: 0; overflow: hidden;}
    .rightCol, .mainAside   {
        clear:both;
        margin:30px 0 0 !important;
        padding:0;
        width:100%;
    }

    .responsive .boxServ    {margin-left:0; margin-right:0;}
    .responsive #liensCara  {margin-right: 0!important;}

    /* Detail */
    .detailPage .boxQuotTitle > strong {min-width: 165px;}

    /* Home */
    .homePage .learnMore    {margin-bottom:0;}

    /* Listing Mod�les cote */
    .listingModelsQuotPage .blocMainTitle    {max-width:450px;}

    /* Listing */
    .listingPage .listingResult .listingResultLine > a > span {padding:15px 2px;}
    .listingPage .selectSortBy {margin:0;}

    .iframeCont{
         height:305px !important;
    }
    .btCont button{
        margin-top:46px;
    }

}

/* ******************************************************************************************************************
 *                                      Responsive - Mobile                                                         *
 ****************************************************************************************************************** */
@media only screen and (max-width: 767px) {

    .containerContent               {padding:10px 5px 0;}

    .boxQuotButtons {margin-top:15px; text-align:center;}

    .detailPage .boxQuotTitle {display:block;}
    .detailPage .boxQuotTitle > div:first-child {display:none;}
    .detailPage .boxQuotTitle > div:last-child {margin-top:10px; text-align: center;}

    .trustIndicator .descContainer {float:left; margin-top: 5px; white-space: nowrap;}

    .trustIndicator .graphContainer {
        float: right;
        margin-right: -50px;
        transform: scale(0.7);
        transform-origin: 0 0;
        box-sizing: border-box;
        overflow: hidden;
    }

    #boxTri .selectSortBy       {width:48%; float:left;}
    #boxTri .btnRefine          {margin-top:10px;}

    #boxTri .jsStickyBox {
        background-color: rgba(0, 0, 0, 0.6);
        position:fixed;
        bottom:0;
        left:0;
        padding: 15px 0;
        text-align: center;
        width:100%;
        z-index:10;
    }

    #boxTri .jsStickyBox .btnRefine {
        padding-right:25px;
        margin: 0 auto;
        float:none;
        width:auto;
    }

    .mainCol                                {width:100%; padding:0;}
    .responsive .leftCol                    {display: none; width:auto; margin-left:0;}

    /* Listing Mod�les cote */
    .listingModelsQuotPage .mainTitle       {margin-top:15px;}

    /* Listing Marques cote */
    .listingBrandQuot li                    {border-top: 0 none;}
    .listingBrandQuot img                   {line-height: 35px; text-align: center;}

    /* Listing */
    .listingPage .mainTitle {margin:30px 0;}

    .listingPage .listingResult .listingResultLine.moto > a > span                      {width:50%;}

    .listingPage .listingResult .listingResultLine.auto > a > span:first-child,
    .listingPage .listingResult .listingResultLine.moto > a > span:first-child          {clear:both; margin:0; width:100%;}

    .listingPage .listingResult .listingResultLine.auto > a > span:nth-child(2)         {width:35%;}
    .listingPage .listingResult .listingResultLine.auto > a > span:nth-child(3)         {width:20%;}
    .listingPage .listingResult .listingResultLine.auto > a > span:nth-child(4)         {width:25%;}
    .listingPage .listingResult .listingResultLine.auto > a > span:nth-child(5)         {width:20%;}

    .listingPage .listingResult .listingResultLine > a > span                           {padding:3px 10px;}
    .listingPage .listingResult .listingResultLine > a > span:first-child               {padding:10px 0 5px;}
    .listingPage .listingResult .listingResultLine > a > span:not(:first-child)         {padding:5px 0 10px;}

    .listingPage .listingResult .listingResultLine > a > span:nth-child(2)              {text-align: left;}
    .listingPage .listingResult .listingResultLine > a > span:last-child                {text-align: right;}

    .listingPage .listingResult .listingResultLineAd > span                             {float:none!important; display:block; clear:both;}

    /* Detail */

    .detailPage .mainTitle                      {margin-top:25px;}
    .detailPage .boxQuotTitle *                 {line-height: 25px;}
    .detailPage .boxQuotTitle > h2              {float:none;}

    .detailPage .jsQuotReminder                 {margin-top:15px;}

    .detailPage #zipcode                        {max-width:none;}

    .detailPage .boxQuot:first-child            {margin-bottom:15px;}
    .detailPage .boxQuot button[type="submit"]  {margin-top:15px;}
    .detailPage .boxQuotLine                    {margin-top:30px;}
    .detailPage .btnMiddleQuot                  {margin-right:0; float:none;}
    .detailPage .boxQuotLine                    {padding:0 10px !important;}

    .detailPage .selectContainer.inlineBlock.vMiddle.m0{width:48.5%;}

    .boxQuotLine label.clearPhone               {display:block !important; clear:both !important;}

    /* Home */
    .homePage .homeSearchEngine                 {padding:15px 10px;}
    .iframeCont                                 {height:340px !important;}

}

/* ******************************************************************************************************************
 *  Responsive - Mobile cas sp�cifique pour l'Iframe de la Home                                                    *
 ****************************************************************************************************************** */

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

    .boxYear,
    .boxYearInfo {
        clear: both;
        display: inline-block;
        float: none;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
    }

    .boxUserType,
    .boxValidate {
        clear: both;
        text-align: center;
        display: inline-block;
        float: none;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
    }

    .boxValidate {
        margin-top:15px;
    }

}

    .covidBlade .covidInnerWrapper{
      display:flex;
      justify-content: space-between;
    }
    .covidBlade img{
        margin-right:40px;
        width:230px;
    }
    .covidBlade img:first-child{
        margin-right:30px;
    }
    .covidBlade p{
        margin-top:10px;
        margin-bottom: 40px;
    }
    .covidBlade .cbm-title--section{
        border-bottom: 2px solid #0783ac;
        margin-bottom: 15px;
        padding-bottom: 10px;
    }
    @media only screen and (max-width: 330px) {
        .covidBlade .covidInnerWrapper{
            flex-direction: column;
        }
        .covidBlade img{
            display:none;
        }
    }
    @media only screen and (max-width: 768px) {
        .covidBlade img{
            width:20%;
            height:20%;
            margin-right:20px;
        }
        .covidBlade img:first-child{
            margin-right:20px;
        }
        .covidBlade p{
            margin-bottom:10px;
            margin-top:0;
        }
    }