/* Home */

.homePage .homeSearchEngine iframe#home                     {width:400px; max-width:100%; height:270px;}

/* Détail */

.detailPage .boxDesc                                        {border:1px solid #c8c8c8;}
.detailPage .boxDesc h2                                     {font-weight:bold; text-align: left; clear:both; margin-top:0; padding:30px 0 10px;}
.detailPage .boxDesc h2:first-child                         {padding-top:0;}
.detailPage .boxDesc h3                                     {clear:left; float:left; width:62%; margin-bottom:5px; padding-right:5px; box-sizing:border-box;}
.detailPage .boxDesc h3 + span                              {float:right; width:38%; margin-bottom:5px; padding-left:5px; box-sizing:border-box;}
.detailPage .boxDesc .colL,
.detailPage .boxDesc .colR                                  {float:left; width:46%; padding: 0 2%;}
.detailPage .boxDesc .colL                                  {width:52%; border-right:1px solid #c8c8c8; margin-right:-1px;}
.detailPage .boxDesc .colR                                  {width:40%;}

.detailPage .boxDesc .VolumeCoffre                          {margin:0 0 0 30px;}
.detailPage .boxDesc .VolumeCoffre .sousTitre               {display:block; overflow:hidden; margin-bottom:5px;}
.detailPage .boxDesc .VolumeCoffre .sousTitre h3            {width:auto;}
.detailPage .boxDesc .VolumeCoffre .sousTitre h3 + span     {width:auto; float:left;}
.detailPage .boxDesc .VolumeCoffre .divCoffre               {margin:20px 0 90px;}

.detailPage .boxDesc .EchelleCO2                            {padding:0}

.detailPage .boxDesc .DimIllus                              {background-image:url(/images/lc_fr/ft_fd_dim.png?cacheID=1); position:relative; width:440px; height:105px; float:left; margin-top:20px;}
.detailPage .boxDesc .DimIllus.DimIllusLeft                 {width:315px;}
.detailPage .boxDesc .DimIllus.DimIllusRight                {width:130px; background-position:center right;}
.detailPage .boxDesc .DimIllus.citadine                     {background-image:url(/images/lc_fr/ft_fd_dim_citadine.png?cacheID=1);}
.detailPage .boxDesc .DimIllus.berlMoy                      {background-image:url(/images/lc_fr/ft_fd_dim_berlMoy.png?cacheID=1);}
.detailPage .boxDesc .DimIllus.berlGde                      {background-image:url(/images/lc_fr/ft_fd_dim_berlGde.png?cacheID=1);}
.detailPage .boxDesc .DimIllus.break                        {background-image:url(/images/lc_fr/ft_fd_dim_break.png?cacheID=1);}
.detailPage .boxDesc .DimIllus.monosp                       {background-image:url(/images/lc_fr/ft_fd_dim_monosp.png?cacheID=1);}
.detailPage .boxDesc .DimIllus.coupe                        {background-image:url(/images/lc_fr/ft_fd_dim_coupe.png?cacheID=1);}
.detailPage .boxDesc .DimIllus.cab                          {background-image:url(/images/lc_fr/ft_fd_dim_cabriolet.png?cacheID=1);}
.detailPage .boxDesc .DimIllus.suv                          {background-image:url(/images/lc_fr/ft_fd_dim_suv.png?cacheID=1);}
.detailPage .boxDesc .DimIllus.coupecab                     {background-image:url(/images/lc_fr/ft_fd_dim_coupecab.png?cacheID=1);}

.detailPage .boxDesc .DimLegende                            {width:62px; text-align:center; position:absolute;}
.detailPage .boxDesc #DimLongueur                           {top:82px; left:82px;}
.detailPage .boxDesc #DimLargeur                            {top:82px; left:45px;}
.detailPage .boxDesc #DimHauteur                            {top:32px; left:251px;}
.detailPage .boxDesc #DimLongueurLine                       {position:absolute; top:90px;   left:0px;   width: 223px;   height: 8px;    border:1px solid #999; border-top:0;}
.detailPage .boxDesc #DimLargeurLine                        {position:absolute; top:90px;   left:11px;  width: 125px;   height: 8px;    border:1px solid #999; border-top:0;}
.detailPage .boxDesc #DimHauteurLine                        {position:absolute; top:0;      left:238px; width: 8px;     height: 77px;   border:1px solid #999; border-left: 0; box-sizing: border-box; line-height:100%; vertical-align: middle;}

.detailPage .boxDesc .introuvable a                         {text-decoration: underline;}


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

    /* Detail */
    .detailPage .boxDesc .colL,
    .detailPage .boxDesc .colR                  {width:100%; clear:both; float:none; padding: 0 0;}
    .detailPage .boxDesc .colL                  {border-right:0; margin-right:0;}
    .detailPage .boxDesc .VolumeCoffre          {margin: 40px 0 10px;}
    .detailPage .boxDesc h3                     {width:50%;}
    .detailPage .boxDesc h3 + span              {width:50%;}
}

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

    /* Home */
    .homePage .homeSearchEngine iframe#home     {height:300px;}

    /* Detail */
    .detailPage .containerContent               {padding:10px 0;}
    .detailPage .boxDesc #DimHauteur            {left:245px; width:32px;}
    .detailPage .boxDesc #DimHauteurLine        {left:230px;}
    .detailPage .boxDesc h3                     {width:60%;}
    .detailPage .boxDesc h3 + span              {width:40%;}
}