/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

 html,
 button,
 input,
 select,
 textarea {
     /* color: #222; */

     height: 100%;
 }
 html[dir=rtl] body {
     direction: ltr;
 }
 html[dir=rtl] .only_ltr {
     display: none;
 }
 html[dir=ltr] .only_rtl {
     display: none !important;
 }
 html[dir=rtl] .isText {
     direction: rtl;
 }
 [dir=rtl] .notes_attrib table {
     margin-right: 99px;
 }
 p.float_left {
     font-size: 1em;
     line-height: 1.4;
     font-family: 'Citroen Type Regular', Verdana, Arial, sans-serif;
     background-color: #fff;
     color: #3b3938;
 }
 /* Correction problème caractères mal supportés en tchèque */
 html[lang=cs] p.float_left,
 html[lang=tr] p.float_left,
 html[lang=pl] p.float_left {
     font-family: Citroen Type Regular;
 }
 /* Font Japon */
 html[lang=ja] p.float_left {
     font-family: "Citroen Type Regular", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
 .avis_detail_header {
     display: block;
     width: 100%;
     background: #E4E3ED;
     padding: 3px 0 0px 20px;
     box-sizing: border-box;
 }
 [dir=rtl] .avis_detail_header {
     padding: 3px 10px 0 0;
 }
 .avis_detail_footer {
     /* padding: 10px; */

     display: block;
 }
 ::-moz-selection {
     background: #b3d4fc;
     text-shadow: none;
 }
 ::selection {
     background: #b3d4fc;
     text-shadow: none;
 }
 hr {
     display: block;
     height: 1px;
     border: 0;
     border-top: 1px solid #ccc;
     margin: 1em 0;
     padding: 0;
 }
 fieldset {
     border: 0;
     margin: 0;
     padding: 0;
 }
 textarea {
     resize: vertical;
     border-radius: 12px;
 }
 /* ==========================================================================
   Author's custom styles
   ========================================================================== */

 @font-face {
     font-family: 'Citroen Type Black';
     src: url('../fonts/woff2/CitroenType-Black.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
 }
 @font-face {
     font-family: 'Citroen Type Regular';
     src: url('../fonts/woff2/CitroenType-Regular.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
 }
 @font-face {
     font-family: 'Citroen Type Bold';
     src: url('../fonts/woff2/CitroenType-Bold.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
 }
 @font-face {
     font-family: 'Citroen Type Light';
     src: url('../fonts/woff2/CitroenType-Light.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
 }
 h1 {
     font-family: 'Citroen Type Black', Verdana, Arial, sans-serif;
     font-size: 1.875em;
     font-weight: normal;
     text-transform: uppercase;
     font-weight: normal;
     color: #dc002e;
     word-wrap: break-word;
 }
 /* Correction problème caractères mal supportés en tchèque */
 html[lang=cs] h1, html[lang=tr] h1,
 html[lang=pl] h1 {
     font-family: Citroen Type Regular;
 }
 
 /* Font Japon */
 html[lang=ja] h1 {
    font-family: "Citroen Type Regular", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
     
 h1 span {
     text-transform: none;
     color: #424242;
 }
 h2 {
     font-family: 'Citroen Type Black', Verdana, Arial, sans-serif;
     font-size: 1.5em;
     font-weight: normal;
     margin: 0;
 }
 /* Correction problème caractères mal supportés en tchèque */
 html[lang=cs] h2, html[lang=tr] h2,
 html[lang=pl] h2 {
     font-family: Citroen Type Regular;
 }
 
 /* Font Japon */
 html[lang=ja] h2 {
    font-family: "Citroen Type Regular", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
 
 h3 {
     font-family: 'Citroen Type Regular', Verdana, Arial, sans-serif;
     font-size: 1.250em;
     margin: 0;
     text-align: left;
     color: #000;
 }
 /* Correction problème caractères mal supportés en tchèque */
 html[lang=cs] h3, html[lang=fr] h3,
 html[lang=pl] h3 {
     font-family: Citroen Type Regular;
 }
 
 /* Font Japon */
 html[lang=ja] h3 {
    font-family: "Citroen Type Regular", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
 
 .certification h3 {
     color: #3b3938;
     font-family: Citroen Type Light;
     font-size: 22px;
     text-transform: uppercase;
     line-height: 18px;
     margin-bottom: 20px;
 }
html[lang=hu] .certification h3 {
    font-family: Citroen Type Light;
}
 [dir=rtl] .certification h3 {
     direction: rtl;
     text-align: right;
 }
html[lang=hu] .certification ul li {
    font-family: Citroen Type Light;
}
 .certification ul li {
     font-family: Citroen Type Light;
     color: #595959;
     font-size: 14px;
 }
 .cgu ul li {
     list-style-type: none;
     margin-left: 0px;
 }
  ul.garanties li:before, .cgu #content_block ul li:before {
     display: inline-block;
     width: 7px;
     height: 7px;
     margin-right: 15px;
     padding: 0;
     content: '';
     background-color: #3b3938;
 }
 h4 {
     font-family: 'Citroen Type Black', Verdana, Arial, sans-serif;
     font-size: 1.1em;
     font-weight: normal;
     margin: 0;
     text-align: left;
     color: #000;
 }
 /* Correction problème caractères mal supportés en tchèque */
 html[lang=cs] h4, html[lang=tr] h4,
 html[lang=pl] h4 {
     font-family: Citroen Type Regular;
 }
 
 /* Font Japon */
 html[lang=ja] h4 {
    font-family: "Citroen Type Regular", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
 
 a {
     color: #3b3938;
 }
 a.certif_afnor {
    /*background: #fff url("../images/logo_afnor_complete.jpg") no-repeat scroll 50% 32% / 80px 60px;*/
 }
 .title + a.certif_afnor {
    display: inline-block;
    /*background: #fff url("../images/logo_afnor_complete.jpg") no-repeat scroll 50% / 40px 30px;*/
    width: 40px;
    height: 30px;
    position: relative;
    top: 2px;
    left: 5px;
 }
 .cta {
     display: inline-block;
     text-decoration: none;
     text-transform: uppercase;
     font-family: 'Citroen Type Regular', Verdana, Arial, sans-serif;
     border: none;
     background: 0;
     padding: 0;
     margin: 0;
     font-size: 16px;
     box-sizing: border-box;
     border-radius: 0;
     padding-top: 0.5em;
     padding-bottom: 0.5em;
     padding-left: 0.5em;
     padding-right: 0.5em;
 }
 /* Correction problème caractères mal supportés en tchèque */
 html[lang=cs] .cta, html[lang=tr] .cta,
 html[lang=pl] .cta {
     font-family: Citroen Type Regular;
 }
 
 /* Font Japon */
 html[lang=ja] .cta {
    font-family: "Citroen Type Regular", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
 
 .cta-right {
     padding-left: 0.5em;
     padding-right: 2.5em;
 }
 .cta-left {
     padding-right: 0.5em;
     padding-left: 2.5em;
 }
 .cta-inline {
     display: inline-block;
 }
 .cta-block {
     display: block;
 }
 .cta-orange {
  text-transform: capitalize;
  width: 163px;
  padding: 14px 24px 15px;
  border-radius: 24px;
  background: #da291c none repeat scroll 0 0;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  font-family: Citroen Type Regular;
  line-height: 14px;
  vertical-align: middle;
  display: inline-block;
 }
 .cta-orange:hover {
  text-transform: capitalize;
  width: 163px;
  padding: 14px 24px 15px;
  border-radius: 24px;
  background: #3b3938 none repeat scroll 0 0;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  font-family: Citroen Type Regular;
  line-height: 14px;
  vertical-align: middle;
  display: inline-block;
 }
 .cta-orange.cta-arrow-right {
  width: 163px;
  height: 48px;
  padding: 14px 24px 15px;
  border-radius: 24px;
  background-color: #da291c;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  font-family: Citroen Type Regular;
  line-height: 14px;
  vertical-align: middle;
  display: table-cell;
  text-transform: lowercase;
 }
 a.cta-orange.cta-right.cta-arrow-right.cta-mobile-block.cta-xl.cta.isText:first-letter {
    text-transform: capitalize;
}
 .cta-orange.cta-arrow-right:hover {
     background-color: #3b3938;
 }
 .cta-lavendergrey {
 text-transform: capitalize;
     width: 163px;
  padding: 14px 24px 15px;
  border-radius: 24px;
    background: #57718a none repeat scroll 0 0;
    color: #ffffff;
    font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
    font-family: Citroen Type Regular;
    line-height: 14px;
    vertical-align: middle;
    display: table-cell;
 }
 .cta-lavendergrey:hover {
 text-transform: capitalize;
     width: 163px;
  padding: 14px 24px 15px;
  border-radius: 24px;
    background: #3b3938 none repeat scroll 0 0;
    color: #ffffff;
    font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
    font-family: Citroen Type Regular;
    line-height: 14px;
    vertical-align: middle;
    display: table-cell;
 }
.bouton-vendeur.selectionner.desktop_only.vehicle-js.inactive_link:hover {
    background-color: #3b3938;
}
 .cta-lavendergrey.cta-arrow-left {
  width: 163px;
  height: 48px;
  padding: 14px 24px 15px;
  border-radius: 24px;
  background-color: #57718a;
  color: #ffffff;
  height: auto; 
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  font-family: Citroen Type Regular;
  line-height: 14px;
  vertical-align: middle;
 }
 .cta-lavendergrey.cta-arrow-left:hover {
     background-color: #3b3938;
 }
 .cta-lavendergrey.cta-arrow-right {
     background-color: #57718a;
 }
 .cta-lavendergrey.cta-arrow-right:hover {
     background-color: #FFFFFF;
 }
 .cta-plumgrey {
     color: #ffffff;
     background: #3b3938;
 }
 .cta-plumwhite {
     color: #3b3938;
     background: #ffffff;
 }
 .cta-plumwhite:hover,
 .cta-plumwhite.active {
     background: #3b3938;
     color: #ffffff;
 }
 .cta-plumgrey:hover,
 .cta-plumgrey.active {
     background: #ffffff;
     color: #3b3938;
 }
 .cta-plumgrey.cta-arrow-right {
     background-color: #57718a;
 }
 .cta-plumgrey.cta-arrow-right:hover {
     background-color: #FFFFFF;
     
 }

 .avis_link .cta-plumwhite.cta-arrow-right {
     background-color: #57718a;
     color: #FFFFFF;
     
 }
 .avis_link:hover .cta-plumwhite.cta-arrow-right {
     background-color: #3b3938;
     
 }

 .cta-plumgrey.cta-arrow-left {
     background-color: #3b3938;
 }
 .cta-plumgrey.cta-arrow-left:hover {
     background-color: #FFFFFF;
 }
 .cta-hotgrey {
     color: #ffffff;
     background: #AEA79F;
     border: 4px solid #AEA79F;
 }
 .cta-hotgrey:hover {
     background: #ffffff;
     color: #AEA79F;
 }
 .cta-green {
     color: #ffffff;
     background: rgb(87,113,138);
 }
 .cta-green:hover {
     background: #ffffff;
     color: rgb(87,113,138);
 }
 .cta-green.cta-arrow-right {
     background-color: rgb(87,113,138);
     
 }
 .cta-green.cta-arrow-right:hover {
     background-color: #FFFFFF;
 }
 .cta-arrow-left {
     background-position: .5em 50%;
     background-repeat: no-repeat;
 }
 .cta-arrow-left:hover {
     background-position: .6em 50%;
     background-repeat: no-repeat;
 }
 .cta-arrow-right {
     background-repeat: no-repeat;
     background-position: calc(93% - .5em) 50%;
 }
 .cta-arrow-right:hover {
     background-repeat: no-repeat;
     background-position: calc(93% - .5em) 50%;
 }
 .cta-s {
     padding-top: 0.2em;
     padding-bottom: 0.2em;
     font-size: 1em
 }
 .cta-xl {
     padding-top: 0.75em;
     padding-bottom: 0.75em;
 }
 .cta-xxl {
     padding-top: 1em;
     padding-bottom: 1em;
 }
 [dir=rtl] .cta-arrow-right {
     background-repeat: no-repeat;
     background-position: .5em 50%;
 }
 [dir=rtl] .cta-arrow-right:hover {
     background-repeat: no-repeat;
     background-position: .5em 50%;
 }
 [dir=rtl] .cta-arrow-left {
     background-position: calc(100% - .5em) 50%;
     background-repeat: no-repeat;
 }
 [dir=rtl] .cta-arrow-left:hover {
     background-position: calc(100% - .5em) 50%;
     background-repeat: no-repeat;
 }
 /********************************/

 [dir=rtl] .cta-arrow-left {
     padding-left: 0.5em;
     padding-right: 2.4em;
 }
 [dir=rtl] .cta-arrow-right {
     padding-right: 0.5em;
     padding-left: 2.4em;
 }
 [dir=rtl] .cta-orange.cta-arrow-right {
     background-color: #da291c;
 }
 [dir=rtl] .cta-orange.cta-arrow-right:hover {
     background-color: #FFFFFF;
 }
 [dir=rtl] .cta-orange.cta-arrow-left {
     background-color: #da291c;
     
 }
 [dir=rtl] .cta-orange.cta-arrow-left:hover {
     background-color: #FFFFFF;
 }
 [dir=rtl] .cta-lavendergrey.cta-arrow-left {
     background-color: #57718a;
     
 }
 [dir=rtl] .cta-lavendergrey.cta-arrow-right {
     background-color: #57718a;
 }
 [dir=rtl] .cta-lavendergrey.cta-arrow-left:hover {
     background-color: #FFFFFF;
     background-image: url('../images/svg/fleche-droite-lavendergrey.svg');
 }
 [dir=rtl] .cta-lavendergrey.cta-arrow-right:hover {
     background-color: #FFFFFF;
     background-image: url('../images/svg/fleche-gauche-lavendergrey.svg');
 }
 [dir=rtl] .cta-plumgrey.cta-arrow-right {
     background-color: #57718a;
 }
 [dir=rtl] .produit .landing_produit_services .produit_services_container .avis .avis_link:hover .cta-plumgrey.cta-arrow-right {
     background-image: url('../images/svg/fleche-gauche-plumgrey.svg');
 }
 [dir=rtl] .cta-plumgrey.cta-arrow-right:hover {
     background-color: #FFFFFF;
     background-image: url('../images/svg/fleche-gauche-plumgrey.svg');
 }
 [dir=rtl] .cta-plumgrey.cta-arrow-left {
     background-color: #3b3938;
     
 }
 [dir=rtl] .cta-plumgrey.cta-arrow-left:hover {
     background-color: #FFFFFF;
     background-image: url('../images/svg/fleche-droite-plumgrey.svg');
 }
 [dir=rtl] .cta-green.cta-arrow-right {
     background-color: rgb(87,113,138);
 }
 [dir=rtl] .cta-green.cta-arrow-right:hover,
 [dir=rtl] .produit .landing_produit_services .produit_services_container .avis .avis_link:hover .cta-green.cta-arrow-right {
     background-color: #FFFFFF;
 }
 /**********************************/

 .cta-center {
     text-align: center !important;
     padding-left: 1em;
     padding-right: 1em;
 }
 .accroche .cta {
     /*position: absolute;
     right: 10px;
     top: -19px;*/
 }
 [dir=rtl] .accroche .cta {
      left: 0;
     right: auto;
 }
 .avis_utile.abus {
    width: 202px;
    padding: 0px;
    background: #57718a;
    color: #ffffff;
    position: relative;
    top: 0;
    left: -2px;
    border: 4px solid #57718a;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    font-family: Citroen Type Regular;
 }
 .avis_utile.abus:hover {
width: 202px;
padding: 0px;
     background: #3b3938;
    color: #ffffff;
    position: relative;
    top: 0;
    left: -2px;
    border: 4px solid #3b3938;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    font-family: Citroen Type Regular;
 }
 .avis_utile.abus.reported,
 .avis_utile.abus.reported:hover {
     background-color: #e4e2e2;
     color: #6E696B;
     border-color: transparent;
     cursor: default;
     opacity: .4;
 }
 .abus.reported_text {
     font-family: Citroen Type Regular, Arial, sans-serif;
     color: #918F90;
 }
 .abus.reported_text.desktop {
     display: table-caption;
     text-align: right;
     padding-right: 5px;
     margin-bottom: 5px;
 }
 .abus.reported_text.mobile {
     display: none;
 }
 ul,
 ol,
 li {
     list-style: none;
     list-style-image: none;
     margin: 0;
     padding: 0;
 }
 .certification ul {
     list-style: none;
     margin-bottom: 60px;
 }
 .cookies div {
     margin-bottom: 15px;
 }
 li.conditions_g,
 li.cookies {
     margin: 0 0 0 20px;
     list-style-type: disc;
 }
 [dir=rtl] li.conditions_g,
 [dir=rtl] li.cookies {
     margin: 0 20px 0 0;
 }
 .attached {
     white-space: nowrap;
 }
 #content {
     width: 940px;
     margin: 0 auto;
     padding: 0 0 10px 10px;
 }
 #content.certification {
     text-align: justify;
 }
 .certification .logo_nf {
    /* background: #fff url("../images/logo_afnor_complete.jpg") no-repeat scroll 75px 50% / 108px 85px;
     display: block;
     padding-left: 210px;
     margin: auto;
     margin-bottom: 40px;
     margin-top: 50px;*/
 }
 [dir=rtl] .certification .logo_nf {
     background-position: 590px 50% !important;
 }
 [dir=rtl] .certification .logo_nf {
     padding-right: 210px;
     padding-left: 0;
     text-align: right;
     background-position: 560px;
     direction: rtl;
 }
 .certification div.text {
     font-family: Citroen Type Light;
     color: #595959;
     font-size: 12px;
 }
html[lang=hu] .certification div.text {
     font-family: Citroen Type Light;
 }
 .certification div.text {
     text-align: center;
 }
 #header {
     margin-top: 20px;
 }
 #tagline {
     float: left;
 }
 [dir=rtl] #tagline {
     float: right;
     margin-right: 0px;
 }
 #tagline .home_picto {
     background: rgba(0, 0, 0, 0) url("../images/home_picto.png") no-repeat scroll 0 0;
     display: inline-block;
     height: 17px;
     margin-bottom: 15px;
     margin-right: 12px;
     margin: 0 12px 15px 0;
     width: 12px;
 }
 #tagline .home_picto {
     background: rgba(0, 0, 0, 0) url("../images/svg/home_header.svg") no-repeat scroll 0 0;
     background-size: 20px 17px;
     background-position: 0 0px;
     display: inline-block;
     width: 20px;
     height: 17px;
     margin: 4px 12px 0 0;
     vertical-align: top;
 }
 [dir=rtl] #tagline .home_picto {
     float: right;
     margin: 0 0 15px 12px;
     position: relative;
     top: 3px;
 }
 #tagline .tagline_holder {
     display: inline-block;
     margin: 0;
 }
 #tagline .tagline_holder a {
     text-decoration: none;
     display: block;
 }
 #tagline .tagline_principale {
     display: block;
     font-family: 'Citroen Type Bold', Verdana, Arial, sans-serif;
     font-size: 23.2px;
     letter-spacing: 1px;
     margin: 0;
     text-align: left;
     text-transform: uppercase;
     color: #dc002e;
 }
 /* Correction problème caractères mal supportés en tchèque */
 html[lang=cs] #tagline .tagline_principale, html[lang=tr] #tagline .tagline_principale,
 html[lang=pl] #tagline .tagline_principale {
     font-family: Citroen Type Bold;
 }
 
 /* Font Japon */
 html[lang=ja] #tagline .tagline_principale {
    font-family: "Citroen Type Bold", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
 
 #tagline .tagline_secondaire {
     display: block;
     font-family: 'Citroen Type Regular', Verdana, Arial, sans-serif;
     font-size: 12.8px;
     font-weight: normal;
     letter-spacing: 1px;
     line-height: 10px;
     margin: 0;
     text-align: left;
     text-transform: uppercase;
     color: #6e6a6b;
 }
 /* Correction problème caractères mal supportés en tchèque */
 html[lang=cs] #tagline .tagline_secondaire, html[lang=tr] #tagline .tagline_secondaire,
 html[lang=pl] #tagline .tagline_secondaire {
     font-family: Citroen Type Regular;
 }
 
 /* Font Japon */
 html[lang=ja] #tagline .tagline_secondaire {
    font-family: "Citroen Type Regular", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
 
 [dir=rtl] #tagline .tagline_secondaire {
     text-align: right;
 }
 #tagline .tagline_principale span {
     color: #6e6a6b;
 }
 #choix_langue {
     float: right;
     height: 20px;
     padding: 8px 21px 0 0;
     font-size: 14px;
 }
 [dir=rtl] #choix_langue {
     float: left;
     padding: 8px 0 0 21px;
 }
 #choix_langue .menu_langue {
     float: right;
 }
 #choix_langue .langue {
     position: relative;
     display: inline-block;
     margin-left: 0px;
     margin-right: 5px;
 }
 #choix_langue .langue a:hover {}
#choix_langue .langue.selected a {
     font-weight: bold;
     color: #DC002E;
     border-bottom: none;
 }
 #choix_langue .langue a {
     text-decoration: none;
     border-bottom: 2px #B0ADC4 solid;
     font-family: Citroen Type Regular;
     font-size: 15px;
 }
 /* Correction problème caractères mal supportés en tchèque */
 html[lang=cs] #choix_langue .langue a, html[lang=tr] #choix_langue .langue a,
 html[lang=pl] #choix_langue .langue a {
     font-family: Citroen Type Regular;
 }
 
 /* Font Japon */
 html[lang=ja] #choix_langue .langue a {
    font-family: "Citroen Type Regular", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
 /*#choix_langue .langue.selected a:before {
    width: 5px;
    height: 7px;
    content: ' ';
    background: url('../images/fleche_rouge.png');
    position: absolute;
    top: 5px;
    left: -7px;
}*/

 #logo {
     display: inline-block;
     float: right;
     height: 66px;
     margin: 0 5px 0 0;
     width: 91px;
 }
 [dir=rtl] #logo {
     float: left;
     margin: 0 0 0 5px;
 }
 #logo a {
     background-image: url("../images/svg/logo_citroen.svg");
     background-position: left top;
     background-repeat: no-repeat;
     background-size: contain;
     display: block;
     height: 58px;
     margin: 0 0 0 13px;
 }
 [dir=rtl] #logo a {
     margin: 0 13px 0 0;
 }
 #logo_advisor {
     width: 99px;
     height: 57px;
     float: right;
     margin: 0;
     margin: 24px 0 0 0;
 }
 #logo_advisor a {
     background-image: url("../images/svg/logo_advisor.svg");
     background-position: right top;
     background-repeat: no-repeat;
     background-size: contain;
     display: block;
     height: 57px;
     position: relative;
     top: -12px;
     width: 90px;
 }
 #logo_advisor a#nf_service_header {
     background: transparent;
     top: -15px;
     width: 70px;
     right: -10px;
     z-index: 10;
 }
 #titre {
     float: left;
     line-height: 25px;
     padding: 0;
     text-align: center;
     width: 78%;
 }
 #titre_boussole {
     float: left;
     line-height: 25px;
     text-align: center;
     margin-top: -6px;
     margin-bottom: 25px;
     padding: 0 0 0 50px;
     max-width: 660px;
 }
 .sous_titre {
     display: inline-block;
 }
 #sous_titre_boussole1 {
     text-align: justify;
     width: 60%;
     /*width: 100%;*/

     display: inline-block;
     float: left;
 }
 #sous_titre_contenu1 {
     background-color: #FFFFFF;
 }
 #sous_titre_boussole2 {
     text-align: justify;
     width: 35%;
     display: inline-block;
     /*display: none;*/

     float: right;
     /*margin-top: 20px;*/
 }
 #sous_titre_boussole2 div {
     display: inline-block;
 }
 #sous_titre_boussole2 div.image {
     width: 24%;
     vertical-align: top;
 }
 #sous_titre_boussole2 div.texte {
     width: 69%;
     margin-left: 10px;
 }
 #sous_titre_boussole2 div.image img {
     /*float: left;*/

     width: 100%;
     margin-right: 0px;
     margin-top: 15px;
 }
 #sous_titre_separateur {
     width: 1%;
     margin-left: 30px;
 }
 #sous_titre_separateur img {
     height: 114px;
 }
 #sous_titre_conditions {
     font-size: 15px;
     font-style: italic;
     padding-top: 10px;
 }
 #sous_titre_contenu2 {
     /*margin-left: 98px;*/
 }
 #details_certification_AFNOR {
     /*margin-left: 15px;*/
 }
 @media (max-width: 680px) {
     #sous_titre_boussole1,
     #sous_titre_boussole2 {
         display: block;
         width: 100%;
     }
     #sous_titre_boussole2 {
         /*display: none;*/

         padding-top: 20px;
     }
     #sous_titre_boussole2 div.image {
         width: 23%;
         margin-top: 30px;
     }
     #sous_titre_conditions {
         font-size: 20px;
     }
     #details_certification_AFNOR {
         font-size: 1.5em;
     }
     #sous_titre_separateur {
         display: none;
     }
     #sous_titre_boussole2 div.texte {
         width: 72%;
     }
 }
 #titre_mobil {
     display: none;
 }
 #sous_titre {
     width: auto;
     text-align: center;
     position: relative;
 }
 #nf_service_header {
     width: 65px;
     position: absolute;
     top: -25px;
     right: 25px;
 }
 #nf_service_header img {
     width: 65px;
 }
 #content_block {
     background: #ffffff;
     margin-bottom: 20px;
 }
 [dir=rtl] #page_detail_avis #content_block {
     width: 930px;
 }
 .landing .form-input {
     display: block;
     margin-right: 29px;
 }
 [dir=rtl] .landing .form-input {
     margin-right: 0;
 }
 .landing label {
     display: block;
 }
 .pages #content_block {
     width: 750px;
     margin: auto;
 }
 /* Page certification AFNOR */

 #img_certif_afnor {
     text-align: center;
     margin: 20px 0;
 }
 .certification li {
     list-style-type: none;
     margin-left: 19px;
 }
 [dir=rtl] .certification li {
     margin-right: 19px;
     margin-left: 0;
     text-align: right;
 }
 /*
@media (max-width: 680px) {
    .certification{
        font-size: 20px;
    }
}
*/
 /*     CHANGEMENT DE FOND EN FONCTION DU BLOCK SELECTIONNE - SOIT VENTES SOIT ATELIER OU JUSTE 1 BLOCK */

 #content_bg_ventes {
     width: 930px;
     /* Old browsers */
     /* FF3.6+ */
     /* Chrome,Safari4+ */
     /* Chrome10+,Safari5.1+ */
     /* Opera 11.10+ */
     /* IE10+ */
     /* W3C */
     /* IE6-9 */
 }
 [dir=rtl] .landing #content_bg_ventes {
     width: auto;
 }
 #content_bg_ventes_test {
     width: 930px;
     background: transparent url('../images/bg_ventes_on_2.png') no-repeat top left;
     border-bottom: 1px solid #dadada;
 }
 #content_bg_atelier {
     width: 930px;
     /* background: transparent url('../images/bg_atelier_on.png') no-repeat top left; */
     /* background: #FFFFFF; */
     /* Old browsers */

     background: -moz-linear-gradient(top, #ffffff 70%, #ececec 100%);
     /* FF3.6+ */
     /* background: -webkit-gradient(linear, left top, left bottom, color-stop(70%,#ffffff), color-stop(100%,#ececec)); */
     /* Chrome,Safari4+ */
     /* background: -webkit-linear-gradient(top,  #ffffff 70%,#ececec 100%); */
     /* Chrome10+,Safari5.1+ */

     background: -o-linear-gradient(top, #ffffff 70%, #ececec 100%);
     /* Opera 11.10+ */

     background: -ms-linear-gradient(top, #ffffff 70%, #ececec 100%);
     /* IE10+ */
     /* background: linear-gradient(to bottom,  #ffffff 70%,#ececec 100%); */
     /* W3C */

     filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
     /* IE6-9 */
 }
 #content_bg_block {
     width: 930px;
     background: transparent url('../images/bg_ventes_on.png') no-repeat top left;
     border-bottom: 1px solid #dadada;
 }
 /* FIN */
 /* ELEMENTS COMMUNS */

#avis_details_container {
    position: relative;
    float: right;
    left: -50%;
    text-align: left;
}
#avis_details_content {
    position: relative;
    left: 50%;
}

 #block_ventes,
 #block_atelier {
     float: left;
     width: 450px;
     height: auto;
     margin: 0 auto;
     position: relative;
     z-index: 2;
     box-sizing: border-box;
 }
 #block_atelier {
     float: right;
 }
 #avis_details_content #block_ventes {
     left: -15px;
 }
 #avis_details_content #block_atelier {
     left: 15px;
 }
 #content_bg_ventes > #block_ventes,
 #content_bg_ventes > #block_atelier {
     left: 0;
 }
 .block_notes.selected .block_foot {
     color: #3b3938;
     /*padding-top: 14px;*/
     padding-top: 7px;
     display: block;
     text-align: center;
     font-family: Citroen Type Bold;
     text-transform: uppercase;
     font-size: 18px;
     position: relative;
     bottom: 0px;
 }
 /* Correction problème caractères mal supportés en tchèque */
 html[lang=cs] .block_notes.selected .block_foot,
  html[lang=tr] .block_notes.selected .block_foot,
 html[lang=pl] .block_notes.selected .block_foot {
     font-family: Citroen Type Bold;
 } 
 .block_foot_salesman{
    margin-left: -4px;
    width: 100%;
 }
 /* Font Japon */
 html[lang=ja] .block_notes.selected .block_foot {
    font-family: "Citroen Type Bold", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
 .block_notes.other .block_foot {
     bottom: 0;
     position: absolute;
     display: block;
     background: 3b3938;
     display: block;
     width: 100%;
     text-align: center;
     text-transform: uppercase;
     font-family: Citroen Type Regular;
     padding: 10px 0;
     font-size: 13px;
     color: #ffffff;
     font-weight: normal;
 }
 html[lang=hu] .block_notes.other .block_foot {
    font-family: Citroen Type Regular;
 }
 #content_bg_ventes .other {
     min-height: 264px;
 }
 #contribution_ventes .other {
     min-height: 274px;
 }
 #content_bg_atelier .other {
     min-height: 264px;
 }
 .block_notes.selected {
     padding: 0 0 0 0;
     margin-right: 0;
     border: 4px solid 3b3938;
     min-height: 274px;
 }
 .block_notes.other {
     padding: 0 0 0 0;
     margin-right: 0;
     border: 0;
     background: #E4E3ED;
     min-height: 274px;
 }
 .block_notes a {
     text-decoration: none;
     min-height: inherit;
     display: block;
 }
 .block_notes.opacity:hover {
     opacity: 1;
 }
 #content_bg_atelier .pagination {
     border-right: none;
 }
 .block_notes.mobile {
     display: none;
 }
 .margin_block {
     margin: 0 0 0 108px !important;
 }
 .etoile {
     width: 22px;
     height: 22px;
     float: left;
     border-radius: 0 !important;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     margin: 0 10px 0 0;
 }
 [dir=rtl] .etoile {
     float: right;
     margin: 0 0 0 10px;
 }
 [dir=rtl] .reponse_avis2 .etoile {
     margin: 0 0 0 10px;
 }
 .etoile_grise {
     background-image: url('../images/svg/etoile.svg');
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center center;
     background-color: #cecece;
 }
 .etoile_rouge {
     background-image: url('../images/svg/etoile.svg');
     background-size: contain;
     background-repeat: no-repeat;
     background-position: left top;
     background-color: #dc002e;
 }
 .etoile_green {
     background-image: url('../images/svg/etoile.svg');
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center center;
     background-color: rgb(87,113,138);
 }
 .etoile_moitie {
     background-image: url('../images/svg/etoile_moitie.svg');
     background-size: contain;
     background-repeat: no-repeat;
     background-position: left top;
     border-radius: 0;
 }
 [dir=rtl] .etoile.etoile_moitie {
     background-image: url('../images/svg/etoile_moitie_ar.svg') !important;
 }
 .etoile_content .etoile {
     width: 27px;
     height: 27px;
 }
 #detail_avis .notes .etoile {
     width: 22px !important;
     height: 22px !important;
 }
 .block_notes.other .etoile_green {
     background-color: #3b3938
 }
 .block_notes.other .etoile_moitie {
     background-image: url('../images/svg/etoile_moitie_grise.svg');
 }
 [dir=rtl] .block_notes.other .etoile_moitie {
     background-image: url('../images/svg/etoile_moitie_grise_ar.svg') !important;
 }
 .titre_notes {
     float: none;
     padding: 2px 10px 0 0;
     font-family: 'Citroen Type Regular', Verdana, Arial, sans-serif;
     font-size: 18.05px;
     margin: 0;
     text-align: left;
     color: #3b3938;
     font-weight: bold;
     text-transform: uppercase;
 }
 /* Correction problème caractères mal supportés en tchèque */
 html[lang=cs] .titre_notes, html[lang=tr] .titre_notes,
 html[lang=pl] .titre_notes {
     font-family: Citroen Type Regular;
 }
 /* Font Japon */
 html[lang=ja] .titre_notes {
    font-family: "Citroen Type Regular", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
  html[lang=bg] .titre_notes {
     font-size: 10px !important;
 }
 .notes {
     float: left;
 }
 [dir=rtl] .reponse_avis2 .notes {
     float: right;
 }
 .avis_detail_header .notes {
     display: inline-block;
     float: none;
 }
 table.notes_holder {
     margin: 0;
     padding: 0;
 }
 table.notes_holder tr {
     height: auto;
 }
 table.notes_holder tr td {
     padding: 0;
     margin: 0;
 }
 [dir=rtl] .mobile_note_header {
     direction: rtl;
     text-align: right;
 }
 .text_notes {
     float: none;
     color: #3b3938;
     text-align: right;
     padding-bottom: 2px;
     font-size: 16px;
     font-family: Citroen Type Regular;
 }
 html[lang=hu] .text_notes {
     font-family: Citroen Type Regular;
 }
 
 .text_notes span:first-child {
     color: #3b3938;
     /*font-weight: bold;*/

     font-size: 16px;
 }
 .text_notes span:last-child {
     font-size: 16px;
     font-weight: bold;
 }
 .note_barre_exter.vide a {
     cursor: default;
 }
 .notes_attrib .text_notes .nb_total_notes_libelle {
     font-weight: normal;
     font-size: 0.91em;
     color: #000;
 }
 .notes_attrib .nb_total_notes_libelle {
     font-weight: normal;
     font-size: 15px;
     color: #3b3938;
     font-weight: bold;
     font-family: Citroen Type Regular;
 }
 html[lang=hu] .notes_attrib .nb_total_notes_libelle {
     font-family: Citroen Type Regular;
 }
 /* barre progression notes*/

 td.note_libelle {
     color: #3b3938;
     font-family: 'Citroen Type Bold', Verdana, Arial, sans-serif;
     text-align: left;
     cursor: pointer;
 }
 /* Correction problème caractères mal supportés en tchèque */
 html[lang=cs] td.note_libelle, html[lang=tr] td.note_libelle,
 html[lang=pl] td.note_libelle {
     font-family: Citroen Type Bold;
     font-size: 1em;
 }
 /* Font Japon */
 html[lang=ja] td.note_libelle {
    font-family: "Citroen Type Bold", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
     font-size: 1em;
 }
 [dir=rtl] td.note_libelle {
     text-align: right;
 }
 div.note_barre_bg {
     background-color: #ccc9d4;
     width: 112px;
     height: 10px;
 }
 div.note_barre {
     background-color: #6e6a6b;
     width: 0%;
     height: 10px;
 }
 .note_quantite {
     color: #808080;
     cursor: pointer;
 }
 .note_quantite.vide {
     cursor: default;
 }
 .note_quantite.vide:hover {
     text-decoration: none;
 }
 .note_quantite a {
     color: #6e6a6b;
     cursor: pointer;
     text-decoration: none;
     font-weight: bold;
     font-size: 15px;
     font-family: Citroen Type Regular;
 }
 html[lang=hu] .note_quantite a {
    font-family: Citroen Type Regular;
 }
 #content_bg_atelier #block_atelier tr:hover div.note_barre_bg,
 #content_bg_ventes #block_ventes tr:hover div.note_barre_bg {
     cursor: pointer;
 }
 /*fin*/

 table {
     display: block;
     color: #cdcdcd;
     margin: 10px 0 0 98px;
 }
 table tr {
     height: 25px;
     margin: 0;
     padding: 15px 0 0 0;
 }
 table tr td {
     padding: 0 8px 0 0;
 }
 table tr td a.chiffre {
     color: #3b3938;
     text-decoration: none;
 }
 .typo_rouge_table {
     color: #d10029;
     font-family: 'Citroen Type Bold', Verdana, Arial, sans-serif;
     text-align: right;
 }
 /* Correction problème caractères mal supportés en tchèque */
 html[lang=cs] .typo_rouge_table, html[lang=tr] .typo_rouge_table,
 html[lang=pl] .typo_rouge_table {
     font-family: Citroen Type Bold;
 }
 /* Font Japon */
 html[lang=ja] .typo_rouge_table {
    font-family: "Citroen Type Bold", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
 .typo_grise_table {
     color: #3b3938;
     font-family: 'Citroen Type Regular', Verdana, Arial, sans-serif;
     font-size: 18px;
     padding-bottom: 14px;
 }
  td.note-total {
    padding-bottom: 15px;
}
 /* Correction problème caractères mal supportés en tchèque */
 html[lang=cs] .typo_grise_table, html[lang=tr] .typo_grise_table,
 html[lang=pl] .typo_grise_table {
     font-family: Citroen Type Regular;
     font-size: 0.9em;
 }
 /* Font Japon */
 html[lang=ja] .typo_grise_table {
    font-family: "Citroen Type Regular", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
     font-size: 0.9em;
 }
 .content_bt {
     text-align: center;
     padding: 20px 0 0 0;
     padding-bottom: 15px !important;
 }
 .bt_on {
     background-color: #dc002e;
     font-family: 'Citroen Type Bold', Verdana, Arial, sans-serif;
     text-decoration: none;
     text-transform: uppercase;
     border-radius: 1px;
     -moz-border-radius: 1px;
     -webkit-border-radius: 1px;
     padding: 6px 20px;
     color: #fff;
 }
 /* Correction problème caractères mal supportés en tchèque */
 html[lang=cs] .bt_on, html[lang=tr] .bt_on,
 html[lang=pl] .bt_on {
     font-family: Citroen Type Bold;
 }
 /* Font Japon */
 html[lang=ja] .bt_on {
    font-family: "Citroen Type Bold", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
 .bt_on:hover {
     background-color: #990025;
     color: #fff;
 }
 .bt_off,
 .bt_off_modal {
     background-color: #da291c;
     font-family: 'Citroen Type Bold', Verdana, Arial, sans-serif;
     text-transform: uppercase;
     border-radius: 0;
     -moz-border-radius: 1px;
     -webkit-border-radius: 1px;
     text-decoration: none;
     padding: 6px 20px 6px 10px;
     height: 51px;
     color: #fff;
     border: none;
     cursor: pointer;
     background: #da291c url('../images/svg/fleche-droite-blanche.svg') no-repeat 117px 50%;
     width: 143px;
     text-align: left;
     display: inline-block;
 }
 /* Correction problème caractères mal supportés en tchèque */
 html[lang=cs] .bt_off, html[lang=tr] .bt_off,
 html[lang=pl] .bt_off,
 html[lang=cs] .bt_off_modal,html[lang=tr] .bt_off_modal,
 html[lang=pl] .bt_off_modal {
     font-family: Citroen Type Bold;
 }
 /* Font Japon */
 html[lang=ja] .bt_off {
    font-family: "Citroen Type Bold", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
 .pull-left {
     float: left;
 }
 .pull-right {
     float: right;
 }
 [dir=rtl] .pull-left {
     float: right;
 }
 [dir=rtl] .pull-right {
     float: left;
 }
 .bt_off:hover,
 .bt_off_modal:hover {
     background-color: #ffffff;
     color: #da291c;
     height: 51px;
     background: #ffffff url('../images/svg/fleche-droite-orange.svg') no-repeat 117px 50%;
 }
 .bt_off_desactive {
     display: inline;
     background-color: #e2e2e2;
     font-family: 'Citroen Type Bold', Verdana, Arial, sans-serif;
     text-transform: uppercase;
     border-radius: 1px;
     -moz-border-radius: 1px;
     -webkit-border-radius: 1px;
     text-decoration: none;
     padding: 6px 20px;
     color: #fff;
 }
 /* Correction problème caractères mal supportés en tchèque */
 html[lang=cs] .bt_off_desactive, html[lang=tr] .bt_off_desactive,
 html[lang=pl] .bt_off_desactive {
     font-family: Citroen Type Bold;
 }
 /* Font Japon */
 html[lang=ja] .bt_off_desactive {
    font-family: "Citroen Type Bold", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
 #content_etapes {
     width: 930px;
     margin: 0 auto 0 auto;
     background-color: #fff;
     padding: 10px 0;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     margin-bottom: 10px;
 }
 .produit #content_etapes {
    /* width: 930px;*/
 }
 .emailing_2nd #content_etapes,
 .emailing_ventes #content_etapes {
     font-family: Citroen Type Regular;
     color: #3b3938;
 }
 html[lang=hu] .emailing_2nd #content_etapes,
 html[lang=hu] .emailing_ventes #content_etapes {
    font-family: Citroen Type Regular;
 }
 
 .modale #content_etapes {
     max-width: 850px;
 }
 .mentions_legales .content {} #content_etapes_block {
     background-color: #ffffff;
     position: relative;
     z-index: 1;
     padding: 0px 0;
     /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
     /*Element must have a height (not auto)*/
     /*All filters must be placed together*/
     /*Element must have a height (not auto)*/
     /*All filters must be placed together*/
     /*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
 }
 #content_etapes_block {} #content_etapes_block {
     top: -1px;
 }
 .content_etapes_boussole {
     width: 856px;
     margin: 0 auto 0px auto;
     padding: 10px;
 }
 .content_etapes_boussole.bloc1 {
     height: 105px;
 }
 .content_etapes_boussole.bloc2 {
     background-color: #FFF;
     border: 1px solid #DADADA;
 }
 .desktop_only.picto_boussole_txt {
     padding-top: 10px;
 }
 /* page boussole*/

 .intro_boussole {
     display: block;
 }
 .intro_boussole p,
 .intro_boussole_mobile p {
     text-align: justify;
     width: 100%;
 }
 .intro_boussole h2,
 .intro_boussole_mobile h2 {
     font-size: 1.2em;
     padding: 20px 0 0 15px;
 }
 .intro_boussole img.conces {
     display: block;
     float: left;
     width: 224px;
     margin: 0 20px 0 0;
 }
 .intro_boussole h3 {
     font-size: 22px;
     color: #DC002E;
     font-weight: normal;
     text-align: center;
     background: transparent url('../images/filet_points_vente_bousole.png') no-repeat center center;
 }
 .intro_boussole_mobile h3 {
     font-size: 22px;
     color: #DC002E;
     font-weight: normal;
     text-align: center;
 }
 .intro_boussole h3 span {
     background-color: transparent;
     padding: 0 10px;
 }
 .intro_boussole_mobile {
     display: none;
 }
 .content_pv {
     margin: 0 auto;
     width: 700px;
     padding: 20px 0 20px 0;
     border-bottom: 1px solid #dadada;
 }
 .content_bt_boussole {
     margin: 5px 0;
     display: block;
 }
 .content_bt_boussole a {
     display: inline-block;
     padding: 6px 10px;
     margin-bottom: 5px;
 }
 .pv {
     float: left;
     width: 300px;
     color: #3b3938;
 }
 .picto_boussole {
     display: block;
     margin: 0 auto;
 }
 .km {
     color: #DC002E;
     font-weight: bold;
 }
 .lien_tel {
     text-decoration: none;
 }
 .boussole .body {
     margin-top: 121px;
 }
 .home_landing .home_picto {

     padding-bottom: 2px;
 }
 .boussole #header #titre h1 span {
     font-size: 40px;
 }
 .accroche_boussole {
     font-family: 'Citroen Type Light';
     text-align: center;
     letter-spacing: -0.02em;
     font-size: 20px;
     text-transform: uppercase;
     padding-top: 10px;
     margin-top: 10px;
 }
 .accroche_boussole span {
     color: #DC002E;
 }
 .boussole .title {
     display: block;
     font: 30px/1em 'Citroen Type Light', Arial, sans-serif;
     margin: 0 0 30px;
 }
 /* Correction problème caractères mal supportés en tchèque */
 html[lang=cs] .accroche_boussole, html[lang=tr] .accroche_boussole,
 html[lang=pl] .accroche_boussole,
 html[lang=cs] .boussole .title, html[lang=tr] .boussole .title,
 html[lang=pl] .boussole .title {
     font-family: Citroen Type Light;
 }
 /* Font Japon */
 html[lang=ja] .accroche_boussole {
    font-family: "Citroen Type Light", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
 .boussole .title.strike {
     margin: 15px auto 0;
     max-width: 1082px;
     overflow: hidden;
     padding: 20px 0;
     text-align: center;
     width: 100%;
 }
 .boussole .line span {
     color: #dc002e;
     font-family: 'Citroen Type Regular', Verdana, Arial, sans-serif;
     font-weight: normal;
     text-transform: uppercase;
 }
 /* Correction problème caractères mal supportés en tchèque */
 html[lang=cs] .boussole .line span,  html[lang=tr] .boussole .line span,
 html[lang=pl] .boussole .line span {
     font-family: Citroen Type Regular;
 }
 /* Font Japon */
 html[lang=ja] .boussole .line span {
    font-family: "Citroen Type Regular", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
 .boussole .title.strike .line:before {
     left: -600px;
 }
 .boussole .title.strike .line:after,
 .boussole .title.strike .line:before {
     background: url("../images/sep-lined.png") no-repeat scroll 150px 0 rgba(0, 0, 0, 0);
     content: "";
     height: 1px;
     margin-top: -1px;
     position: absolute;
     top: 50%;
     width: 600px;
 }
 .boussole .title.strike .line:after {
     background-position: -750px 0;
     right: -600px;
 }
 .boussole .title.strike .line:after,
 .boussole .title.strike .line:before {
     content: "";
     height: 1px;
     margin-top: -1px;
     position: absolute;
     top: 50%;
     width: 600px;
 }
 .boussole .title.strike .line {
     display: inline-block;
     padding: 0 20px;
     position: relative;
 }
 .boussole .title.strike .line span {
     color: #dc002e;
     display: inline-block;
     font-family: 'Citroen Type Light', Arial, sans-serif;
     font-size: 34px;
     line-height: 1.2em;
     max-width: 600px;
     text-align: center;
 }
 /* Correction problème caractères mal supportés en tchèque */
 html[lang=cs] .boussole .title.strike .line span, html[lang=tr] .boussole .title.strike .line span, html[lang=pl] .boussole .title.strike .line span {
     font-family: Citroen Type Light;
 }
 /* Font Japon */
 html[lang=ja] .boussole .title.strike .line span {
    font-family: "Citroen Type Light", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
 .boussole .row:after {
     clear: both;
     content: "";
     display: block;
     height: 1px;
     visibility: hidden;
 }
 .boussole .of12 > .col {} .boussole .locator fieldset {
     padding-bottom: 22px;
 }
 .boussole .col {
     float: left;
     padding-left: 20px;
     padding-right: 20px;
     width: 100%;
     font-family: Citroen Type Regular;
 }
 /* Correction problème caractères mal supportés en tchèque */
 html[lang=cs] .boussole .col, html[lang=tr] .boussole .col,
 html[lang=pl] .boussole .col {
     font-family: Citroen Type Regular;
     font-size: 17px;
 }
 /* Font Japon */
 html[lang=ja] .boussole .col {
    font-family: "Citroen Type Regular", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
     font-size: 17px;
 }
 .boussole fieldset {
     border: 0 none;
     margin: 0;
     padding: 0;
 }
 .boussole .locator legend {
     padding: 22px 0 7px;
 }
 .boussole legend {
     border: 0 none;
     padding: 0;
     white-space: normal;
 }
 .boussole legend {
     float: left;
     width: 100%;
 }
 .boussole .lined {
     display: table;
     width: 100%;
 }
 .boussole .lined {
     display: table;
     width: 100%;
 }
 .lined .adapt {
     overflow: hidden;
     width: 100%;
 }
 .boussole .lined .adapt {
     overflow: hidden;
     width: 100%;
     text-align: center;
     height: 43px;
 }
 /* .boussole input[type="text"], .boussole input[type="email"], .boussole input[type="password"], .boussole textarea, .boussole button {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #b7b7b7;
    border-radius: 0;
    color: #b5b5b5;
    font-family: Citroen Type Regular;
    font-size: 13px;
    height: 42px;
    line-height: 1em;
    padding: 0 15px;
    text-transform: uppercase;
    width: 590px;
    box-sizing: border-box;
    margin: 0;
} */

 .boussole .geoloc:before {
     background: url("../images/geoloc.png") no-repeat scroll 150px 0 rgba(0, 0, 0, 0);
     background-position: 1px 1px;
     height: 25px;
     width: 26px;
 }
 .boussole .field.include {
     display: inline;
     margin-right: 3px;
 }
 .boussole .body * {
     box-sizing: border-box;
 }
 .boussole .footer {
     margin-top: 50px;
 }
 /* .boussole .field.include + input[type="submit"], .boussole  .field.include + button {
    background: #aeaac2 url("../images/svg/loupe.svg") no-repeat scroll 0 0;
    background-position: 50%;
    color: transparent;
    height: 42px;
    width: 77px;
    /* position: relative; */
 /* top: -1px; */

 box-sizing: border-box;
 border-radius: 0;
 border: 1px solid #aeaac2;
}
*/ .boussole .geoloc:before {
    background-position: 1px 8px;
    content: "";
    display: inline-block;
    height: 28px;
    margin: -3px 10px 0 0;
    padding-top: 15px;
    vertical-align: middle;
    width: 26px;
}
.boussole .geoloc {
    background: none repeat scroll 0 0 #f3f3f6;
    border: 1px solid #d0d0d3;
    border-radius: 3px;
    display: inline-block;
    height: 40px;
    line-height: 32px;
    padding: 0 10px;
    white-space: nowrap;
    cursor: pointer;
}
.boussole .lined .geoChoice {
    padding: 0 15px;
    text-align: center;
}
.boussole input.grey[type="submit"]:hover,
.boussole input.grey[type="submit"]:active,
.boussole button.grey:hover,
.boussole button.grey:active {
     border-radius: 12px;
    border: 1px solid #da291c;
    background: #ffffff url("../images/svg/loupe_hover.svg") no-repeat scroll 0 0;
    background-position: 50%;
}
.boussole .searchbar {
    display: block;
    margin-left: 130px;
    margin-bottom: 30px;
}
[dir=rtl] .boussole .searchbar {
    direction: rtl;
    margin-right: 130px;
    margin-left: 0;
}
.boussole .searchbar .searchinput {
    display: inline-block;
}
.boussole .searchbar .searchinput input {
    background: #fff none repeat scroll 0 0;
    border: 1px solid rgb(202,198,197);
    border-radius: 12px;
    color: rgb(121,111,110);
    font-family: Citroen Type Regular;
    font-size: 13px;
    height: 42px;
    line-height: 42px;
    padding: 0 15px;
    text-transform: uppercase;
    width: 600px;
    box-sizing: border-box;
    margin: 0 12px;
    vertical-align: middle;
    text-align: left;
    position: relative;
}
html[lang=hu] .boussole .searchbar .searchinput input {
    font-family: Citroen Type Regular;
}
[dir=rtl] .boussole .searchbar .searchinput input {
    text-align: right;
}
.boussole .searchbar .searchbutton {
    display: inline-block;
    position: absolute;
    margin-left: 2px;
}
[dir=rtl] .boussole .searchbar .searchbutton {
    margin-right: 2px;
}
.boussole .searchbar .searchbutton input {
    display: inline-block;
    background: #ffff url("../images/svg/loupe.svg") no-repeat scroll 0 0;
    background-position: 50%;
    color: transparent;
    height: 42px;
    width: 48px;
    box-sizing: border-box;
    border-radius: 12px;
    border: 1px solid #da291c;
}
.boussole .maps {
    background: url("../images/maps.png") no-repeat scroll 150px 0 rgba(0, 0, 0, 0);
}
.boussole .maps {
    background: url("../images/maps.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 699px;
    width: 941px;
}
.boussole .mapFilters {
    background: url("../images/arrow-down-dark.png") no-repeat scroll right 17px #fff;
    border-radius: 2px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
    position: absolute;
    right: 20px;
    top: 20px;
    width: 214px;
    z-index: 1;
}
.boussole .maps-detail {
    position: relative;
}
.boussole .mapFilters span {
    cursor: pointer;
    display: block;
    padding: 9px 35px 9px 15px;
}
.boussole .mapFilters li {
    display: block;
    margin: 15px 0 0;
}
.boussole .mapFilters ul {
    border-top: 1px solid #ccc;
    display: none;
    margin: 0 15px;
    padding: 0 0 20px;
}
.boussole input[type="checkbox"] + label:before {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #ccc;
    border-radius: 2px;
    content: "";
    display: block;
    height: 22px;
    left: 0;
    position: absolute;
    top: 0;
    width: 22px;
}
.boussole input[type="checkbox"]:checked + label:after {
    content: "";
    display: block;
    left: 4px;
    position: absolute;
    top: 4px;
}
.boussole input[type="checkbox"] + label:after {
    height: 15px;
    width: 16px;
}
.boussole .mapFilters label {
    padding-left: 30px;
    margin-top: -3px;
}
.boussole input[type="checkbox"] + label {
    cursor: pointer;
}
.boussole label.checked {
    background: url("../images/checked.png") no-repeat scroll 4px 3px rgba(0, 0, 0, 0);
    cursor: pointer;
}
.boussole .stores {
    float: left;
    width: 39%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
[dir=rtl] .boussole .stores {
    float: right;
}
.boussole .store-open {
    display: block;
}
.boussole .map-open {
    margin-left: 280px;
    width: 660px;
}
.stores > .parttitle {
    box-sizing: content-box;
    color: #dc002e;
    font-size: 17px;
    /*height: 75px;*/

    margin: 10px;
    padding-top: 0;
    color: #3b3938;
}
.stores > .parttitle span {
    font-weight: bold;
    font-size: 1.1em;
}
.boussole .stores .item {
    color: #3b3938;
    font: 12px Arial, Verdana, sans-serif;
    padding: 15px 0 0 15px;
}
.boussole .stores .item .details {
    color: #3b3938;
}
.boussole .stores .item strong {
    color: #da291c;
    font: 13px Arial, Verdana, sans-serif;
    font-weight: bold;
}
.boussole .stores .titre_notes {
    float: none;
    padding: 0 10px 0 0;
    margin: 0;
}
.boussole .stores .content_notes .notes {
    min-width: 90px;
    text-align: right;
    padding-top: 0;
    padding-right: 6px;
    float: none;
}
.boussole .stores .content_notes .notes .etoile {
    display: inline-block;
    margin-right: 3px;
    width: 17px;
    border-radius: 0;
    height: 17px;
}
.boussole .stores .titre_notes,
.boussole .stores .content_notes .num_comments {
    font-family: 'Citroen Type Regular', Verdana, Arial, sans-serif;
    font-size: 1em;
    color: #3b3938;
    font-weight: normal;
    text-transform: uppercase;
    text-align: left;
}
/* Correction problème caractères mal supportés en tchèque */
html[lang=cs] .boussole .stores .titre_notes,html[lang=tr] .boussole .stores .titre_notes,
html[lang=pl] .boussole .stores .titre_notes,
html[lang=cs] .boussole .stores .content_notes .num_comments,html[lang=tr] .boussole .stores .content_notes .num_comments,
html[lang=pl] .boussole .stores .content_notes .num_comments {
    font-family: Citroen Type Regular;
}
 /* Font Japon */
 html[lang=ja] .boussole .stores .titre_notes {
    font-family: "Citroen Type Regular", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
.boussole .stores .content_notes .num_comments {
    padding-top: 2px;
    box-sizing: border-box;
}
.boussole .stores .content_notes tr {
    height: 17px;
    padding: 0;
    border-bottom: 3px solid transparent;
}
/* .boussole .addmore:after, .boussole .addmore:before {
  background: url("../images/sep-line.png") no-repeat scroll left center rgba(0, 0, 0, 0);
  content: "";
  display: table-cell;
  width: 10%;
} */

.boussole .addmore a {
    background: none repeat scroll 0 0 #e3e3e6;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    padding: 10px 33px;
    white-space: nowrap;
    font-family: "Citroen Type Regular";
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
}
html[lang=hu] .boussole .addmore a {
    font-family: "Citroen Type Regular";
}
.boussole .disable {
    opacity: 0.1;
}
.boussole .item-disabled {
    /*background-color: #f7f7f7;*/
    font-size: 14px;
    font-style: italic;
    font-family: 'Citroen Type Regular', Verdana, Arial, sans-serif;
    /*height: 110px;*/
    /*margin-left: 14px;*/
    /*margin-top: -120px;*/
    /*padding: 27px 10px 10px 19px;*/

    width: 216px;
    display: block;
}
/* Correction problème caractères mal supportés en tchèque */
html[lang=cs] .boussole .item-disabled,html[lang=tr] .boussole .item-disabled,
html[lang=pl] .boussole .item-disabled {
    font-family: Citroen Type Regular;
}
 /* Font Japon */
 html[lang=ja] .boussole .item-disabled {
    font-family: "Citroen Type Regular", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
#menu_mobile {
    display: none;
}
@media screen and (max-width: 680px) and (min-width: 200px) {
    .block_notes {
        margin: 0 0 10px 0;
    }
    .block_notes.other {
        border: none !important;
    }
    .footer.mobile_only.isText.desc {
    display: none;
    }
    
   /* a.avis_depot_link.no_showroom.bot {
    top: 292px;
    }*/
    
    /*.block_notes.mobile {
        display: block;
    }
    .block_notes:not(.mobile) {
        display: none;
    }*/

    .boussole .maps {
        display: none;
    }
    .boussole .mapFilters {
        display: none;
    }
    .boussole .stores {
        display: block;
        width: 31%;
        float: none;
        font-size: 1.3em;
        width: 100%;
        height: auto;
    }
    .boussole .title.strike .line span {
        font-size: 20px;
    }
    .boussole .stores .item {
        font: 16px Arial, Verdana, sans-serif;
        padding: 15px 0 10px 0;
    }
    [dir=rtl] .boussole .stores .item {
        direction: rtl;
    }
    .boussole .stores .item strong {
        font: 20px Arial, Verdana, sans-serif;
        font-weight: bold;
    }
    .boussole .item-disabled {
        /*background-color: #f7f7f7;*/

        font-size: 20px;
        font-style: italic;
        font-family: 'citroen', Verdana, Arial, sans-serif;
        font-weight: normal;
        /*height: 206px;*/
        /*margin-left: 1px;*/
        /*margin-top: -206px;*/
        /*padding: 70px 10px 10px 53px;*/

        width: 459px;
        display: block;
    }
    .boussole .addmore {
        margin-top: 30px;
    }
    /* BOUSSOLE */

    .container {
        /*width: 460px;*/

        min-width: 460px;
    }
    .title.strike {
        max-width: 100%;
    }
    .title.strike .line:before,
    .title.strike .line:after {
        display: none;
    }
    .title.strike .line span {
        font-size: 24px;
    }
    .body {
        min-width: 460px;
        /*max-width: 460px;*/
    }
    .lined .adapt,
    .lined .geoChoice,
    .lined .geoButton {
        display: block;
    }
    .map-canvas {
        display: none;
    }
    .stores {
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
    }
    .stores .scroll {
        height: auto;
    }
    .smartphone .stores .scroll {
        height: 100% !important;
    }
    .stores > .parttitle {
        height: auto;
        font-size: 15px !important;
        margin: 0;
    }
    .stores .item {
        padding: 15px 0 10px 0;
        font-size: 16px;
        border-bottom: 1px solid #aaa;
    }
    .stores .item strong {
        font-size: 16px;
    }
    .content_bt_boussole {
        padding: 0;
    }
    .of12 > .span9 {
        width: 100%;
    }
    .lined .geoChoice {
        margin: 10px 0;
    }
    .locator legend,
    .lined .geoChoice {
        font-size: 1.3em;
    }
    .geoButton {
        text-align: center;
    }
    .geoloc {
        font-size: 1.3em;
        line-height: 40px;
    }
    .addmore a {
        font-size: 20px;
    }
    .field.include + input[type='submit'] {
        color: #3b3938;
        font-weight: bold;
    }
    .content_bt_boussole {
        margin: 20px 0 10px 0;
    }
    .loading .circ {
        margin-right: 0;
    }
    div#menu_mobile {
        /*width: 526px;*/
    }
    .accroche a {
        position: relative;
        /* display: block; */

        width: 100%;
        font-size: 25px;
        right: 0;
        background-position: 97%;
        top: 0;
        margin-top: 20px;
        margin-bottom: 25px;
        padding-top: 7px;
    }
    a.certif_afnor {
        width: 40px;
        height: 30px;
        margin: 0;
    }
    #page_detail_avis .certif_afnor {
       /* width: 70px;
        height: 52px;
        background: #fff url("../images/logo_afnor_complete.jpg") no-repeat scroll 50% / 70px 52px;
        padding: 0;
        margin: 0;*/
    }
    .accroche {
        margin-bottom: 0 !important;
    }
    .accroche .cta {
        position: initial;
        right: 0;
        top: 0;
    }
}
/* fin */

.onglet {
    display: block;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}
.onglet_mobile {
    display: none;
}
.etape {
    margin-right: 25px
}
[dir=rtl] .etape {
    white-space: nowrap;
}
.etape:last-child {
    margin-right: 0;
}
.etape_on {
    color: #da291c;
    font-family: Citroen Type Regular;
    text-transform: uppercase;
    height: 1.5em;
    text-align: center;
    border-bottom: 4px solid #da291c;
    display: inline-block;
    font-weight: bold;
}
.etape_off {
    color: #e4e2e2;
    display: inline-block;
    text-align: center;
    font-family: Citroen Type Regular;
    text-transform: uppercase;
    height: 1.5em;
    border-bottom: 4px solid #e4e2e2;
    font-weight: bold;
}
html[lang=hu] .etape_on, html[lang=hu] .etape_off, html[lang=hu] .etape_3 {
    font-family: Citroen Type Regular;
}

.etape_off_rouge {
    float: left;
    text-decoration: none;
    padding: 4px 0 0 0;
    color: #fff;
    width: 289px;
    text-align: center;
    font-family: 'Citroen Type Bold', Verdana, Arial, sans-serif;
    text-transform: uppercase;
    height: 1.5em;
    background-image: url('../images/fleche_onglet_grisrouge.gif');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right 2px;
    background-color: #fff;
}
/* Correction problème caractères mal supportés en tchèque */
html[lang=cs] .etape_off_rouge,html[lang=tr] .etape_off_rouge,
html[lang=pl] .etape_off_rouge {
    font-family: Citroen Type Bold;
}
 /* Font Japon */
 html[lang=ja] .etape_off_rouge {
    font-family: "Citroen Type Bold", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
.etape_3 {
    display: inline-block;
    color: #e4e2e2;
    text-align: center;
    font-weight: bold;
    font-family: Citroen Type Regular;
    text-transform: uppercase;
    height: 1.5em;
    border-bottom: 4px solid #e4e2e2;
}
.etape_3rouge {
    float: left;
    width: 289px;
    text-decoration: none;
    padding: 4px 0 0 0;
    color: #fff;
    font-family: 'Citroen Type Bold', Verdana, Arial, sans-serif;
    text-transform: uppercase;
    height: 1.5em;
    text-align: center;
    background-image: url('../images/fleche_onglet_3rouge.gif');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right 2px;
    background-color: #fff;
}
/* Correction problème caractères mal supportés en tchèque */
html[lang=cs] .etape_3rouge,html[lang=tr] .etape_3rouge,
html[lang=pl] .etape_3rouge {
    font-family: Citroen Type Bold;
}
 /* Font Japon */
 html[lang=ja] .etape_3rouge {
    font-family: "Citroen Type Bold", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
p.intro_etape {
    text-align: center;
    margin: 10px 0 30px 0;
    font-size: 0.85em;
    color: #3b3938;
    font-family: Citroen Type Light;
    padding: 0 10px;
}
p.intro_etape .emphasis {
    color: #595959;
    font-family: Citroen Type Bold;
    /*font-size: 0.8em;*/
}
html[lang=hu] p.intro_etape {
    font-family: Citroen Type Light;
}
html[lang=hu] p.intro_etape .emphasis {
    font-family: Citroen Type Bold;
}

/* HTML label too long in czech language */
[lang=cs] .etape3 form .form-list-field li:last-child label,
[lang=tr] .etape3 form .form-list-field li:last-child label,
[lang=pl] .etape3 form .form-list-field li:last-child label {
    width: 420px;
}
/* fin */
/* FIN */
/* ETAPE 1*/

.votre_note_etoile_content {
    position: relative;
    padding-left: 0px;
    margin-bottom: 20px;
}
.emailing_ventes .votre_note_etoile_content {
    padding-left: 0;
}
.votre_note_mobile .votre_note_label {
    color: #3b3938;
    padding: 0px 12px 0 0;
    margin: 0.5em 0;
}
[dir=rtl] .votre_note_etoile_content p {
    float: right;
}
[dir=rtl] .votre_note_etoile_content .votre_note_label {
    float: right;
    direction: rtl;
    padding: 0 20px 0 10px;
    width: 150px;
}
[dir=rtl] .emailing_2nd .votre_note_etoile_content .votre_note_label,
[dir=rtl] .emailing_ventes .votre_note_label {
    padding: 0 0 0 11px;
}
.votre_note_etoile_content p.text_survol {
    display: block;
    float: left;
    margin: 7px 0 0 0;
    color: #3b3938;
    font-style: italic;
    font-family: 'Citroen Type Regular', Verdana, Arial, sans-serif;
    font-size: 16px;
    padding: 0;
}
/* Correction problème caractères mal supportés en tchèque */
html[lang=cs] .votre_note_etoile_content p.text_survol,
html[lang=tr] .votre_note_etoile_content p.text_survol,
html[lang=pl] .votre_note_etoile_content p.text_survol {
    font-family: Citroen Type Regular;
}
 /* Font Japon */
 html[lang=ja] .votre_note_etoile_content p.text_survol {
    font-family: "Citroen Type Regular", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
[dir=rtl] .votre_note_etoile_content p.text_survol {
    float: right;
}
.votre_note_etoile_content p.text_survol .only_desktop {
    display: inline;
}
.votre_note_etoile_content p.text_survol .only_tablet {
    display: none;
}
body.touch_device .votre_note_etoile_content p.text_survol .only_desktop {
    display: none;
}
body.touch_device .votre_note_etoile_content p.text_survol .only_tablet {
    display: inline;
}
.votre_note_etoile_content p.text_survol_mobile {
    display: none;
}
.votre_note_etoile_content p.text_note_info, .votre_note_etoile_content p.text_note_info_salesman {
    display: none;
    height: 28px;
    min-width: 200px;
    margin: 0;
    padding: 3px 0 0 0;
    color: #57718a;
    font-size: 1em;
    text-transform: uppercase;
    line-height: 25px;
    font-family: Citroen Type Regular;
}

html[lang=hu] .votre_note_etoile_content p.text_note_info 
, html[lang=hu] .votre_note_etoile_content p.text_note_info_salesman{
    font-family: Citroen Type Regular;
}
.votre_note_etoile_content p.text_note_info span , .votre_note_etoile_content p.text_note_info_salesman span {
    font-weight: normal;
    color: #3b3938;
    font-style: italic;
    font-size: 0.875em;
}
.votre_note_mobile {
    display: none;
}
.votre_note {
    display: block;
    margin: 10px 0 20px 0;
}
.position_vote_avis {
    position: absolute;
    right: 10px;
    bottom: -2px;
}
[dir=rtl] .position_vote_avis {
    right: 135px;
}
[dir=rtl] .emailing_2nd .position_vote_avis,
[dir=rtl] .emailing_ventes .position_vote_avis {
    right: 115px;
}
.position_info_immatriculation {
    position: absolute;
    top: 0;
    left: 170px;
    z-index: 101;
}
[dir=rtl] .position_info_immatriculation,
[dir=rtl] .position_info_cp {
    left: 33px !important;
}
.position_info_cp {
    position: absolute;
    top: 0;
    left: 172px;
    z-index: 100;
}
a.infos {
    width: 25px;
    height: 25px;
    display: block;
    background-image: url('../images/svg/infos_mobile.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top;
    border: 1px solid #3b3938;
    border-radius: 30px;
    text-decoration: none;
}
a.infos span {
    display: none;
}
a.infos:hover span {
    background-color: #FFFFFF;
    border: 1px solid #D0D0D3;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0 0 6px #858585;
    color: #3b3938;
    display: block;
    font-family: Citroen Type Regular;
    font-size: 12px;
    padding: 10px;
    position: relative;
    right: -32px;
    top: -130px;
    width: 270px;
    z-index: 100;
    opacity: 1;
}
html[lang=hu] a.infos:hover span {
    font-family: Citroen Type Regular;
}
a.infos:hover span b {
    color:#000000;
}
[dir=rtl] a.infos:hover span {
    top: -127px;
    right: 33px;
}
a.infos span img.fleche_bulle {
    /* display: block; */

    top: 133px;
    left: -10px;
    position: absolute;
    border: 0;
}
[dir=rtl] a.infos span img.fleche_bulle.only_rtl {
    left: 289px;
    top: 129px;
}
a.infos span img.fleche_bulle_mobile {
    display: none;
}
a.infos_vin {
    width: 20px;
    height: 20px;
    display: block;
    background-image: url('../images/svg/infos_mobile.svg');
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: center center;
    color: black;
    border: 1px solid #808080;
    border-radius: 20px;
}
a.infos_vin span {
    display: none;
}
a.infos_vin:hover span {
    display: block;
    top: -12px;
    right: -340px;
    position: absolute;
    background-color: #fff;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0 0 6px #858585;
    border: 1px solid #D0D0D3;
    font-size: 13px;
    color: #000;
    padding: 10px;
    width: 300px;
    font-family: 'citroen', Verdana, Arial, sans-serif;
}
a.infos_vin:hover span .fleche_bulle.only_ltr {
    position: absolute;
    top: 10px;
    left: -10px;
}
a.infos_vin:hover span .fleche_bulle_mobile {
    display: none;
}
[dir=rtl] a.infos_vin:hover span {
    top: -15px;
    right: 30px;
}
img.fleche_bulle.only_rtl {
    /* display: block; */

    top: 11px;
    left: -10px;
    position: absolute;
    border: 0;
}
[dir=rtl] a.infos_vin span img.fleche_bulle.only_rtl {
    display: none;
}
[dir=rtl] a.infos_vin:hover span .fleche_bulle.only_rtl {
    display: block;
    position: absolute;
    top: 10px;
    right: -11px;
}
.votre_note p {
    color: #3b3938;
    font-family: Citroen Type Bold;
    font-size: 16px;
    padding: 0px 10px 0 1px;
    float: left;
    width: 150px;
    position: relative;
    margin: 0;
}
html[lang=hu] .votre_note p {
    font-family: Citroen Type Bold;
}
[dir=rtl] .votre_note p {
    direction: rtl;
    float: right;
    padding: 0 20px 0 10px;
}
[dir=rtl] .emailing_2nd .votre_note p {
    padding: 0 0 0 30px;
}
[dir=rtl] .emailing_ventes .votre_note p,
[dir=rtl] .emailing_2nd .votre_note p {
    padding: 0 0 0 10px;
}
.votre_note p.text_survol {
    width: auto;
    float: left;
    color: #3b3938;
    font-style: italic;
    font-family: 'Citroen Type Regular', Verdana, Arial, sans-serif;
    font-size: 0.875em;
    padding: 5px 0 0 30px;
}
/* Correction problème caractères mal supportés en tchèque */
html[lang=cs] .votre_note p.text_survol,
html[lang=tr] .votre_note p.text_survol,
html[lang=pl] .votre_note p.text_survol {
    font-family: Citroen Type Regular;
}
 /* Font Japon */
 html[lang=ja] .votre_note p.text_survol {
    font-family: "Citroen Type Regular", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
span.text_info {
    color: #3b3938;
    font-weight: normal;
    font-family: 'Citroen Type Regular', Verdana, Arial, sans-serif;
    font-size: 0.800em;
    display: block;
    line-height: 13px;
}
/* Correction problème caractères mal supportés en tchèque */
html[lang=cs] span.text_info,
html[lang=tr] span.text_info,
html[lang=pl] span.text_info {
    font-family: Citroen Type Regular;
}
 /* Font Japon */
 html[lang=ja] span.text_info {
    font-family: "Citroen Type Regular", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
.votre_note span.text_info {
    max-width: 105px;
    font-style: italic;
    font-size: 0.85em;
}
span.text_info {} div.votre_note_etoiles , div.votre_note_etoiles_salesman {
    float: left;
    margin-left: 0px;
    margin-top: 3px;
}
[dir=rtl] div.votre_note_etoiles, [dir=rtl] div.votre_note_etoiles_salesman {
    float: right;
    direction: rtl;
    display: table;
    /* border-spacing: 8px 0; */
}
a.votre_note_etoile span, a.votre_note_etoile_salesman span {
    display: none;
}
a.votre_note_etoile, a.votre_note_etoile_salesman {
    float: left;
    width: 28px;
    height: 28px;
    margin: 0 8px 0 0;
    border-radius: 0;
    background-image: url('../images/svg/votre_note_etoile_off.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 125%;
}
a.votre_note_etoile:first-child , a.votre_note_etoile_salesman:first-child {
    margin-left: 0 !important;
}
[dir=rtl] a.votre_note_etoile , [dir=rtl] a.votre_note_etoile_salesman{
    display: table-cell;
    float: none;
    border-left: 8px solid #fff;
}
a.votre_note_etoile.hover,
a.votre_note_etoile_salesman.hover {
    background-image: url('../images/svg/votre_note_etoile_on.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 125%;
}
.preview_avis {
    font-family: Citroen Type Regular;
    font-size: 16px;
    border: 1px solid #e4e2e2;
    color: #3b3938;
    padding: 20px 19px 75px 19px;
    margin-top: 8px;
    width: 890px;
}
html[lang=hu] .preview_avis {
    font-family: Citroen Type Regular;
}
[dir=rtl] .preview_avis .libelle {
    direction: rtl;
}
.preview_avis .libelle {
    display: block;
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 20px;
    color: #007C93;
}
.bloc_zone_avis.erreur, .bloc_zone_avis_text.erreur {
    border: 2px solid #b21300 !important;
}
.text_survol_mobile.erreur,
.text_survol.erreur {
    color: #b21300 !important;
}
.zone_avis, .zone_avis_text, .zone_avis_salesman {
    width: 645px;
    padding: 7px 15px 7px 15px;
    color: #3b3938;
    border: none;
    font-size: 14px;
    font-weight: 100;
    font-family: Citroen Type Light;
    resize: none;
    outline: none;
    overflow: hidden;
    border-radius: 12px;
}
.zone_avis::placeholder, .zone_avis_text::placeholder, .zone_avis_salesman::placeholder {
    font-style: italic;
}
html[lang=hu] .zone_avis, html[lang=hu] .zone_avis_text, html[lang=hu] .zone_avis_salesman {
    font-family: Citroen Type Light;
}
.zone_avis, .zone_avis_salesman {
    height: 96px;
}
.zone_avis_text {
    height: 21px;
    vertical-align: top;
}
[dir=rtl] .zone_avis, [dir=rtl] .zone_avis_salesman {
    padding: 7px 10px 7px 5px;
    direction: rtl;
}
[dir=rtl] .zone_avis_text {
    padding: 4px 15px 7px 0;
}
.bloc_zone_avis, .bloc_zone_avis_text {
    width: 764px;
    border: 2px solid #eaeaea;
    border-radius: 4px;
    display: inline-block;
    clear: both;
    position: relative;
    border-radius: 12px;
}
[dir=rtl] .bloc_zone_avis {
    float: right;
    width: 745px;
    clear: none;
}
[dir=rtl] .produit .bloc_zone_avis, [dir=rtl] .produit .bloc_zone_avis_text {
    width: 746px;
}
.bloc_zone_avis {
    height: 111px;
}
.bloc_zone_avis_text {
    height: 35px;
    margin-bottom: 20px;
}
.votre_note .label_text {
    height: 37px;
}
.votre_note .label_text span {
    height: inherit;
    width: inherit;
    display: table-cell;
    vertical-align: middle;
}
.emailing_2nd .bloc_zone_avis {
    width: 763px;
}
.bloc_zone_commentaire_label {
    display: block;
    margin: 0 0 5px 0;
    font-family: Citroen Type Light;
    font-size: 0.9em;
    text-transform: uppercase;
    color: #3b3938;
}
html[lang=hu] .bloc_zone_commentaire_label, html[lang=hu] .zone_commentaire {
    font-family: Citroen Type Light;
}
.zone_commentaire {
    width: 80%;
    height: 170px;
    padding: 7px 15px;
    color: #3b3938;
    border: none;
    font-size: 14px;
    font-weight: 100;
    font-family: Citroen Type Light;
    resize: none;
    outline: none;
    overflow: hidden;
}
.bloc_zone_commentaire {
    width: 100%;
    height: 184px;
    border: 2px solid #eaeaea;
    border-radius: 4px;
    display: inline-block;
    clear: both;
    position: relative;
}
.compteur , .compteur_salesman {
    border-left: 1px solid #eaeaea;
    display: inline-block;
    height: 92px;
    padding: 10px 0;
    text-align: center;
    width: 80px;
}
 .bloc_zone_avis_text .compteur, .bloc_zone_avis_text .compteur_salesman {
    height: 15px;
}
[dir=rtl] .compteur, [dir=rtl] .compteur_salesman {
    border-left: none;
    border-right: 1px solid #eaeaea;
    float: left;
}
.compteur_nb,.compteur_nb_text, .compteur_nb_title, .compteur_nb_salesman {
    font-size: 18px;
    color: #6c6a6b;
    font-family: Citroen Type Light;
}
html[lang=hu] .compteur_nb, html[lang=hu] .compteur_nb_text, html[lang=hu] .compteur_nb_title, html[lang=hu] .compteur_nb_salesman {
    font-family: Citroen Type Light;
}
.bt_suivant {
    /* text-align: right; */
    /* width: 929px; */
    margin-top: 30px;
    display: block;
    font-size: 16px;
}
.landing .bt_suivant {
    margin-top: 0;
    margin-bottom: 30px;
}
.obligatoire {
    font-family: Citroen Type Regular;
    font-size: 0.725em;
    color: #595959;
    margin-top: 20px;
    padding-left: 20px;
}
/* Correction problème caractères mal supportés en tchèque */
html[lang=cs] .obligatoire,
html[lang=tr] .obligatoire,
html[lang=pl] .obligatoire {
    font-family: Citroen Type Regular;
}
 /* Font Japon */
 html[lang=ja] .obligatoire {
    font-family: "Citroen Type Regular", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
.produit .obligatoire.etape1 {
    padding-left: 0;
    margin-top: -30px;
}
.produit .etape3 .obligatoire {
    padding-left: 0;
}
[dir=rtl] .obligatoire {
    direction: rtl;
    padding-left: 0;
    padding-right: 20px;
}
.bloc_erreur {
    display: none;
    border: 1px solid #b21300;
    color: #b21300;
    margin: 10px 0;
    padding: 2px 6px;
}
.message_erreur {
    margin-bottom: 5px;
    margin-top: 5px;
    font-family: Citroen Type Light;
    font-size: 13px;
    color: #b21300 !important;
}
html[lang=hu] .message_erreur {
    font-family: Citroen Type Light;
}
.message_erreur:first-of-type {
    margin-top: 2px;
}
.message_erreur:last-child {
    margin-bottom: 3px;
}
.savoir_plus {
    padding: 0 0 10px 0px;
    font-size: 0.725em;
    color: #000;
    font-weight: normal;
}
.savoir_plus_offre {
    color: #000;
    font-size: 0.725em;
}
.savoir_plus_pdv {
    padding: 5px 10px 0px 0px;
    font-size: 0.725em;
    color: #000;
    font-weight: normal;
}
/* FIN */
/* ETAPE 2*/

.etape2 {
    width: 100%;
    margin: 50px 0 0px 0;
    padding: 0;
    box-sizing: border-box;
}
.etape2 p {
    /* padding: 20px 0 0 0; */

    float: left;
}
[dir=rtl] .etape2 p {
    float: right;
}
.etape2 .date_depose {
    color: #3b3938;
    padding: 0;
    margin-top: 5px;
    margin-left: 14px;
    font-family: Citroen Type Regular;
}
html[lang=hu] .etape2 .date_depose {
    font-family: Citroen Type Regular;
}

[dir=rtl] .etape2 .date_depose {
    margin-left: 0;
    margin-right: 14px;
}
.espace_etoile {
    padding: 6px 0 0 0 !important;
}
.etoile_content {
    float: left;
}
[dir=rtl] .etoile_content {
    float: right;
}
.etoile_content p {
    padding: 5px 0 0 5px;
}
.etoile_on {
    float: left;
    width: 27px;
    height: 27px;
    margin: 0 8px 0 0;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    background-image: url('../images/svg/votre_note_etoile_on.svg');
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: center center;
}
.etoile_off {
    float: left;
    width: 27px;
    height: 27px;
    margin: 0 8px 0 0;
    border-radius: 0;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    background-image: url('../images/svg/votre_note_etoile_off.svg');
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: center center;
}
/* FIN */
/* ETAPE 3*/

.form-section {
    position: relative;
}
[dir=rtl] .form-list-field {
    direction: rtl;
}
[dir=rtl] .form-list-field li {
    float: right;
}
form ul {
    font-size: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: auto;
    color: #000;
}
form li {
    display: block;
    width: 225px;
    float: left;
    margin: 0px 5px 10px 0;
    padding: 4px 0 2px 0;
    position: relative;
}
.landing form li {
    width: 100%;
}
* html form li {
    height: 1%;
}
form li div {
    color: #808080;
    padding: 0 0 8px 0;
}
.form_champs .form-line {
    padding: 0;
}
.form-champs .form-line {
    padding: 0;
}
.item-validation {
    float: right;
    height: 32px;
    width: 28px;
}
.item-bad {
    background: url('../images/svg/btn_false.svg') no-repeat 50%;
}
.item-ok {
    background: url('../images/svg/btn_true.svg') no-repeat 50%;
}
form li span {
    color: #808080;
    padding: 0 0 8px;
}
form li label {
    display: block;
    margin: 0 0 5px 0;
    font-family: Citroen Type Light;
    font-size: 0.9em;
    text-transform: uppercase;
    color: #3b3938;
}
html[lang=hu] form li label {
    font-family: Citroen Type Light;
}
.libelle_radiobox_neuf,
.libelle_radiobox_occasion {
    text-transform: none;
}
form li input[type=text],
form li input[type=email],
form li input[type=date] {
    width: 180px;
    padding: 0 5px;
    margin: 0;
    font-family: 'Citroen Type Regular', Verdana, Arial, sans-serif;
    font-size: 13px;
    border: 1px solid #d0d0d3;
    border-radius: 12px;
    font-size: 0.85em;
    height: 38px;
    line-height: 38px;
    -webkit-appearance: none;
    border: 1px solid #3b3938;
    float: left;
}
/* Correction problème caractères mal supportés en tchèque */
html[lang=pl] form li input[type=text],html[lang=tr] form li input[type=text],
html[lang=cs] form li input[type=text],
html[lang=pl] form li input[type=email],html[lang=tr] form li input[type=email],
html[lang=cs] form li input[type=email],
html[lang=pl] form li input[type=date],html[lang=tr] form li input[type=date],
html[lang=cs] form li input[type=date] {
    font-family: Citroen Type Regular;
}
 /* Font Japon */
 html[lang=ja] form li input[type=text] {
    font-family: "Citroen Type Regular", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
[dir=rtl] .form-list-field li input {
    float: right;
}
[dir=rtl] .landing #email_landing {
    float: none;
}
input#date_livraison {
    background: url('../images/svg/agenda.svg') no-repeat 97% 50%;
    cursor: pointer;
}
[dir=rtl] input#date_livraison {
    background-position: 3% 50%;
}
.num_imma {
    text-align: center;
}
form li input.placeholder {
    color: #aaa;
}
form li select {
    font-family: 'Citroen Type Regular', Verdana, Arial, sans-serif;
    overflow: hidden;
    font-size: 1em;
}
/* Correction problème caractères mal supportés en tchèque */
html[lang=cs] form li select,html[lang=tr] form li select,
html[lang=pl] form li select {
    font-family: Citroen Type Regular;
}
 /* Font Japon */
 html[lang=ja] form li select {
    font-family: "Citroen Type Regular", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
form li select option {
    font-family: 'Citroen Type Regular', Verdana, Arial, sans-serif;
    color: #3b3938;
    font-size: 0.90em;
}
/* Correction problème caractères mal supportés en tchèque */
html[lang=cs] form li select option,html[lang=tr] form li select option,
html[lang=pl] form li select option {
    font-family: Citroen Type Regular;
}
 /* Font Japon */
 html[lang=ja] form li select option {
    font-family: "Citroen Type Regular", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
form li select option:first-child {
    display: none;
}
input[type="checkbox"] {
    display: none;
}
input[type="checkbox"] + label.styled_checkbox {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin: 0 10px 5px 0;
    cursor: pointer;
    background: transparent url('../images/svg/btn_noaccept.svg') no-repeat center center;
}
[dir=rtl] input[type="checkbox"] + label.styled_checkbox {
    margin: 0 4px 5px 10px;
}
[dir=rtl] .mobile_custom_checkbox_helper {
    direction: rtl;
}
input[type="checkbox"]:checked + label.styled_checkbox {
    background: transparent url('../images/svg/btn_accept.svg') no-repeat center center;
}
input[type="radio"] {
    display: none;
}
input[type="radio"] + label.styled_radiobox {
    display: inline-block;
    vertical-align: middle;
    width: 27px;
    height: 25px;
    margin: 0 0 5px 0;
    padding: 0;
    cursor: pointer;
    background: transparent url('../images/svg/radiobox_off.svg') no-repeat center center;
}
input[type="radio"]:checked + label.styled_radiobox {
    background: transparent url('../images/svg/radiobox_on.svg') no-repeat center center;
}
a.infos img.small {
    display: block;
    width: 21px;
}
a.infos img.big {
    display: none;
}
a.infos_vin img.small {
    display: block;
    width: 21px;
}
a.infos_vin img.big {
    display: none;
}
#date_passage {
    background: url('../images/svg/agenda.svg') no-repeat 97% 50%;
    text-align: center;
    cursor: pointer;
}
.form-line a {
    color: inherit;
}
.libelle_checkbox_avis,
.libelle_checkbox_conditions,
.libelle_checkbox_contact {
    cursor: pointer;
    color: #595959;
    font-family: Citroen Type Regular;
    font-size: 0.75em;
}
html[lang=hu] .libelle_checkbox_avis,
html[lang=hu] .libelle_checkbox_conditions,
html[lang=hu] .libelle_checkbox_contact {
    font-family: Citroen Type Regular;
}
.form_error_warning {
    border: 1px solid #b21300 !important;
}
.warning {
    padding: 10px 22px 0 0;
    text-align: right;
}
.merci_signalement {
    opacity: 0;
    padding-top: 0;
    margin: 8px 0;
}
.form_publication .bt_suivant {
    color: #FFFFFF;
}
/* FIN */
/* DETAIL AVIS */

.detail_avis_header {
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    /* W3C */
    /* IE6-8 */

    border-bottom: 2px solid #dadada;
}
.detail_avis_header h3 {
    max-width: 560px;
    float: left;
    font-size: 0.95em;
    font-weight: normal;
    padding: 4px 0 0 10px;
    text-transform: uppercase;
}
.onglet_detail {
    float: right;
    height: 27px;
    margin-right: 12px;
}
[dir=rtl] .onglet_detail {
    float: left;
}
.onglet_detail a {
    font-size: 16px;
    font-family: Citroen Type Light;
    color: #ffffff;
}
/* Correction problème caractères mal supportés en tchèque */
html[lang=cs] .onglet_detail a,html[lang=tr] .onglet_detail a,
html[lang=pl] .onglet_detail a {
    font-family: Citroen Type Light;
}
 /* Font Japon */
 html[lang=ja] .onglet_detail a {
    font-family: "Citroen Type Light", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
.onglet_detail.deux_lignes {
    height: 46px;
}
.onglet_detail a.detail_on {
    display: block;
    padding: 5px 0 0 0;
    height: 24px;
    float: left;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    /* W3C */
    /* IE6-8 */
    color: #3b3938;
    text-decoration: none;
    /*font-weight: bold;*/
}
.fleche_detail_off {
    display: block;
    padding: 0 20px 0 29px;
    background: url('../images/tri_asc.png') no-repeat 11px 6px / 10px;
}
.onglet_detail > a.detail_off,
.onglet_detail > a.detail_on {
    -webkit-box-sizing: border-box;
    /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */

    -moz-box-sizing: border-box;
    /* Firefox 1 - 28 */

    box-sizing: border-box;
}
.onglet_detail.deux_lignes a.detail_off,
.onglet_detail.deux_lignes a.detail_on {
    height: 46px;
}
.fleche_detail_on_de {
    display: block;
    padding: 0 20px 0 29px;
    background: url('../images/tri_asc.png') no-repeat 11px 6px / 10px;
}
.fleche_detail_on {
    display: block;
    padding: 0 20px 0 29px;
    background: url('../images/tri_desc.png') no-repeat 11px 6px / 10px;
}
.onglet_detail a.detail_off {
    display: block;
    padding: 5px 0 0 0;
    color: #3b3938;
    float: left;
    height: 24px;
    text-decoration: none;
}
.onglet_detail.deux_lignes a.detail_off,
.onglet_detail.deux_lignes a.detail_on {
    height: 43px;
    line-height: 43px;
}
.detail_avis_content,
.detail_avis_header {
    background: 3b3938;
    border: 1px solid #E4E3ED;
    position: relative;
    top: -4px;
}
[dir=rtl] .detail_avis_content,
[dir=rtl] .detail_avis_header {
    text-align: right;
}
.nb_avis_utiles {
    float: left;
    font-style: normal;
    color: #3b3938;
    font-family: Citroen Type Bold;
    font-size: 13.6px;
    padding-left: 14px;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    top: 7px;
}
/* Correction problème caractères mal supportés en tchèque */
html[lang=cs] .nb_avis_utiles,html[lang=tr] .nb_avis_utiles,
html[lang=pl] .nb_avis_utiles {
    font-family: Citroen Type Bold;
}
 /* Font Japon */
 html[lang=ja] .nb_avis_utiles {
    font-family: "Citroen Type Bold", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
[dir=rtl] .nb_avis_utiles {
    float: right;
    padding-right: 15px;
}
.detail_avis_header {
    border: 1px solid 3b3938;
}
.detail_avis_content {
    background-color: #ffffff;
    padding: 0;
    margin-top: 8px;
}
.detail_avis_content.first {
    margin-top: 4px;
}
.question_avis_utile {
    font-size: 12px;
    display: table-cell;
    vertical-align: middle;
    padding-right: 6px;
    font-family: Citroen Type Regular;
    color: #918f90;
}
html[lang=hu] .question_avis_utile {
    font-family: Citroen Type Regular;
}
[dir=rtl] .question_avis_utile {
    padding-left: 6px;
    padding-right: 0;
}
.liens_avis,
.liens_avis2 {
    font-size: 12.8px;
    padding: 0 10px 0 0;
    color: #6E6A6B;
    font-weight: bold;
    float: right;
    background: transparent url('../images/svg/fleche-droite-green.svg') no-repeat right 2px;
    font-family: Citroen Type Regular;
    text-decoration: none;
    margin: 5px;
}
html[lang=hu] .liens_avis,
html[lang=hu] .liens_avis2 {
    font-family: Citroen Type Regular;
}

[dir=rtl] .liens_avis {
    float: left;
    padding: 0 0 0 10px;
    background: transparent url('../images/svg/fleche-gauche-green.svg') no-repeat left 2px;
}
[dir=rtl] span.liens_avis {
    background: none;
}
a.liens_avis:hover,
.liens_avis2 {
    color: rgb(87,113,138);
}
span.liens_avis {
    font-size: 0.80em;
    padding: 0 0 0 10px;
    color: #6E6A6B;
    font-weight: bold;
    float: right;
    background: none;
}
.style_merci {
    display: none;
    text-align: right;
    clear: both;
    vertical-align: middle;
    padding-right: 10px;
    font-size: 0.75em;
    padding-right: 6px;
    font-family: Citroen Type Regular;
    color: #918f90;
}
html[lang=hu] .style_merci, html[lang=hu] .avis_utile {
    font-family: Citroen Type Regular;
}

[dir=rtl] .style_merci {
    padding-left: 6px;
}
.avis_utile {
    border: 1px solid #dadada;
    color: #595959;
    text-decoration: none;
    font-size: 0.70em;
    height: 30px;
    display: table-cell;
    font-family: Citroen Type Regular;
    font-size: 13px;
    position: relative;
    margin: auto;
    vertical-align: middle;
    padding: 0 5px;
    margin-left: 2px;
    box-sizing: border-box;
}
.avis_utile.oui {
    background: #57718a;
    color: #ffffff;
    position: relative;
    top: 0;
    left: -2px;
    border: 4px solid #57718a;font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    font-family: Citroen Type Regular;

}
[dir=rtl] .avis_utile.oui {
    left: 2px;
}
.avis_utile.oui:hover {
    padding:1px;
    background: #3b3938;
    color: #ffffff;
    position: relative;
    top: 0;
    left: -2px;
    border: 4px solid #3b3938;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    font-family: Citroen Type Regular;
}
.merci_signalement_message {
    text-align: right;
    margin-top: 6px;
}
.no_padding {
    padding: 0;
}
.no_margin {
    margin-bottom: 0 !important;
}
.margin_top_10 {
    margin: 10px auto 10px auto !important;
    text-align: justify;
}
.avis_client {
    color: #3b3938;
    padding: 10px 20px 5px 20px;
    font-family: Citroen Type Regular;
    margin-top: 0;
    margin-bottom: 10px;
}
/* Correction problème caractères mal supportés en tchèque */
html[lang=cs] .avis_client,html[lang=tr] .avis_client,
html[lang=pl] .avis_client {
    font-family: Citroen Type Regular;
    font-size: 0.83em;
}
 /* Font Japon */
 html[lang=ja] .avis_client {
    font-family: "Citroen Type Regular", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
    font-size: 0.83em;
 }
[dir=rtl] .reponse_avis2 .avis_client {
    padding-right: 0;
}
.reponse_avis2 .avis_client {
    margin-top: 0;
    padding-left: 0;
}
.reponse_avis {
    border-left: 5px solid rgb(87,113,138);
    margin: 0px 0 25px 50px;
    padding: 0 20px 0 5px;
    font-family: Citroen Type Regular;
    text-align: justify;
    color: #3b3938;
}
/* Correction problème caractères mal supportés en tchèque */
html[lang=cs] .reponse_avis,html[lang=tr] .reponse_avis,
html[lang=pl] .reponse_avis {
    font-family: Citroen Type Regular;
    font-size: 0.83em;
}
 /* Font Japon */
 html[lang=ja] .reponse_avi {
    font-family: "Citroen Type Regular", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
    font-size: 0.83em;
 }
[dir=rtl] .reponse_avis {
    border-left: 0;
    border-right: 5px solid rgb(87,113,138);
    margin: 0 50px 25px 0;
    padding: 0 5px 0 20px;
    text-align: right;
}
.reponse_avis2 {
    margin: 20px 0 10px 40px;
    padding: 0 0 0 10px;
}
[dir=rtl] .reponse_avis2 {
    margin: 20px 40px 10px 0;
    padding: 0 10px 0 0;
}
.date_expe {
    font-style: normal;
    color: #3b3938;
    font-family: Citroen Type Bold;
    font-size: 0.85em;
    padding-left: 20px;
    display: table-cell;
    vertical-align: middle;
    height: 30px;
}
/* Correction problème caractères mal supportés en tchèque */
html[lang=cs] .date_expe,html[lang=tr] .date_expe,
html[lang=pl] .date_expe {
    font-family: Citroen Type Bold;
}
 /* Font Japon */
 html[lang=ja] .date_expe {
    font-family: "Citroen Type Bold", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
[dir=rtl] .date_expe {
    padding-right: 20px;
    padding-left: 0;
}
[dir=rtl] .modale .avis_detail_footer .float_left {
    float: right;
}
.titre_rouge {
    color: #3b3938;
    font-weight: bold;
    font-size: 14.4px;
    /* display: block; */

    line-height: 1;
    margin: 0;
    padding: 0;
}
.pagination {
    padding: 5px 5px 5px 0;
    margin: 0;
    float: right;
    margin-right: 0.5px;
    font-family: Citroen Type Regular;
}
html[lang=hu] .pagination {
    font-family: Citroen Type Regular;
}
[dir=rtl] .pagination {
    float: left;
}
.pagination a {
    text-decoration: none;
    display: inline-block;
    color: #57718a;
    text-align: center;
    font-size: 12.8px;
    padding: 0 2px;
    margin: 0 2px;
}
.pagination a.active {
    border-bottom: 1px solid #57718a;
    font-family: Citroen Type Bold;
}
html[lang=hu] .pagination a.active {
    font-family: Citroen Type Bold;
}
.pagination a.debut,
.pagination a.precedent,
.pagination a.suivant,
.pagination a.fin {
    color: transparent;
    width: 7px;
    height: 15px;
}
.pagination .fin {
    background: url('../images/pagination_dsk_fin.png') no-repeat 50%;
}
.pagination .suivant {
    background: url('../images/pagination_dsk_suivant.png') no-repeat 50%;
}
.pagination .precedent {
    background: url('../images/pagination_dsk_precedent.png') no-repeat 50%;
}
.pagination .debut {
    background: url('../images/pagination_dsk_debut.png') 50% 50% no-repeat;
}
.fleche_pagination_on {
    display: inline-block;
    width: 8px;
    height: 11px;
    background-image: url('../images/svg/fleche_pagination_on_right.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: left top !important;
}
.fleche_pagination_on_l {
    display: inline-block;
    width: 8px;
    height: 11px;
    background-image: url('../images/svg/fleche_pagination_on_left.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: left top !important;
}
.pagination_active {
    color: #dc002e !important;
    font-weight: bold;
}
.fleche_pagination_left {
    margin: 5px 5px 0 0;
}
.fleche_pagination_right {
    margin: 5px 0 0 5px;
}
.content_notes {
    padding: 10px 0 0 0;
    font-size: 95%;
    display: table;
    margin: 0 auto;
}
.boussole .stores .content_notes {
    margin: 0;
    padding: 0;
}
.content_notes tbody {
    margin: 0 auto;
}
.content_notes .notes {
    min-width: 90px;
    text-align: right;
    padding-top: 2px;
    padding-right: 6px;
}
.content_notes .notes .etoile {
   /* float: none;*/
    display: inline-block;
    /*margin-right: 5px;*/
    width: 20px;
    height: 20px;
}
.content_notes .nb_total_notes_libelle {
    font-size: 1.125em;
    color: #000;
    font-weight: normal !important;
}
.content_notes .nb_notes_total {
    font-weight: bold !important;
}
.titre_signalement {
    text-align: center;
}
/* FIN */
/* page erreur */

.bg_gris {
    background: #ececec url('../images/bg_body_erreur.png') repeat-x left top;
}
a.link_back {
    background: url("../images/link_back.png") left center no-repeat;
    padding-left: 10px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 0.9em;
}
.header {
    margin-left: 30px;
    margin-top: 30px;
}
/* fin */
/* CONTRIBUTION EMAILING */

#content_bg_emailing {
    width: 928px;
    border: none;
    background: #ffffff;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    /* W3C */
    /* IE6-8 */

    padding: 20px 0 12px 0;
}
/* FIN */
/* MODULE HOME */

.module_home {
    max-width: 343px;
}
.module_home a {
    color: #dc002e;
    font-size: 0.8em;
    text-decoration: none;
    float: right;
}
.module_home a:hover {
    text-decoration: underline;
}
.module_home p {
    padding: 5px;
    line-height: 17px;
}
.titre_module_home {
    max-width: 343px;
    color: #595959;
    padding: 0 0 0 10px;
    font-size: 0.75em;
    font-family: 'Citroen Type Bold', Verdana, Arial, sans-serif;
}
/* Correction problème caractères mal supportés en tchèque */
html[lang=cs] .titre_module_home,html[lang=tr] .titre_module_home,
html[lang=pl] .titre_module_home {
    font-family: Citroen Type Bold;
}
 /* Font Japon */
 html[lang=ja] .titre_module_home {
    font-family: "Citroen Type Bold", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
.avis_module_home {
    display: table;
    /*background: transparent url('../images/bg_module_home.png') no-repeat left top;*/

    margin: 0;
}
.avis_module_home tr {
    height: 15px
}
.etoiles_1_gris_module {
    width: 13px;
    height: 13px;
    background-color: #808080;
    float: left;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    margin: 0 5px 0 0;
}
.etoiles_1_rouge_module {
    width: 13px;
    height: 13px;
    background-color: #dc002e;
    float: left;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    margin: 0 5px 0 0;
}
.etoiles_1_middle_module {
    width: 13px;
    height: 13px;
    background: transparent url('../images/etoile_middle_module.png') no-repeat top left;
    float: left;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    margin: 0 5px 0 0;
}
.etoiles_1_gris_module img,
.etoiles_1_rouge_module img,
.etoiles_1_middle_module img {
    width: 13px;
    height: 13px;
    vertical-align: top;
}
.content_notes_module {
    padding: 5px 10px 0 10px;
    border: 1px solid #F2F2F2;
}
.content_notes_module:nth-of-type(1) {
    background-color: #FFFFFF;
}
.content_notes_module:nth-of-type(2) {
    background-color: #ECECEC;
}
.titre_notes_module {
    /*float: left;*/

    padding: 4px 10px 0 10px;
    vertical-align: top;
}
.titre_notes_module h3 {
    font-size: 0.75em;
    color: #595959;
    font-weight: normal;
}
.notes_module {
    padding: 4px 0 0 0;
    float: right;
    width: 100px;
    vertical-align: top;
}
.text_notes_module {
    color: #595959;
    padding: 0 5px 0 0;
}
.lien_avis {
    padding: 0 5px 0 0;
    vertical-align: top;
}
.text_notes_module a {
    font-size: 0.75em;
    color: #595959;
    font-weight: normal;
    padding: 0 0 0 5px;
    display: block;
    text-decoration: none;
    float: left;
}
.text_notes_module a:hover {
    text-decoration: underline;
}
/* FIN */
/* ONE BLOCK */

.oneblock {
    float: none !important;
    /*margin: 0 auto 20px auto !important;*/

    padding: 0 !important;
    width: 100% !important;
    /*border-top: 1px solid #DADADA !important;
    border-right: 1px solid #DADADA !important;*/
}
.oneblock .content_notes {
    width: 100%;
}
.oneblock div.content_notes {
    padding: 0 !important!
}
.oneblock table {
    width: 33% !important;
    margin: 0 auto !important;
}
.oneblock .content_notes table {
    width: 40% !important;
}
/* FIN */

.mention {
    padding-top: 40px;
    font-size: 0.8em;
    display: block;
    text-align: justify;
    font-family: Citroen Type Regular;
    color: #3b3938;
}
html[lang=hu] .mention {
    font-family: Citroen Type Regular;
}
[dir=rtl] .mention {
    /* direction: rtl; */
}
.mention p {
    margin: 0;
}
#content_etapes.mentions_legales {
    text-align: justify;
    padding: 10px 20px 10px 20px;
}
.modale_lien {
    cursor: pointer;
}
.modale_background {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    background: #333;
    opacity: 0.8;
    z-index: 99;
}
.modale {
    position: fixed;
    display: none;
    top: 20px;
    padding: 20px;
    border: 1px solid #888;
    box-shadow: 0 0 6px #666;
    background: #fff;
    z-index: 100;
    border-radius: 0;
    overflow-y: auto;
    max-height: 95%;
    overflow-x: hidden;
    max-width: 850px;
}
.modale_bouton_fermer {
    /*  float: right;
    cursor: pointer;
    padding: 0 30px 0 0;
    color: #979797;
    background-image: url('../images/svg/bouton_fermer_modale.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: right top  !important;
    font-size: 14px;
    line-height: 25px; */
}
#modale_apv_vn .bt_suivant_modal {
    text-align: center;
    margin: 15px 0 5px 0;
}
#modale_apv_vn .form-line {
    margin: 5px 0;
}
[dir=rtl] #modale_apv_vn .form-line {
    direction: rtl;
}
#modale_apv_vn .bt_suivant_modal a {
    display: inline-block;
}
.landing_li {
    float: none;
    width: 100%;
    padding: 25px 0;
    margin: 0;
}
.landing_label {
    display: inline;
    padding: 0 15px 0 0;
}
.landing .form_publication input[type=submit] {
    margin-left: 15px;
}
.libelle_checkbox_avis {
    cursor: pointer;
}
.libelle_checkbox_conditions {
    cursor: pointer;
    font-family: Citroen Type Bold;
}
.declare {
    cursor: pointer;
    font-family: Citroen Type Light;
    font-size: 0.75em;
}
html[lang=hu] .libelle_checkbox_conditions {
    font-family: Citroen Type Bold;
}
.libelle_radiobox_occasion,
.libelle_radiobox_neuf,
.libelle_radiobox_atelier {
    cursor: pointer;
    font-weight: normal;
    text-transform: none;
}
.signaler_abus #content_etapes,
.cgu #content_block,
.cookies #content_block {
    color: #595959;
    font-family: Citroen Type Light;
    font-size: 14px;
    line-height: 18px;
}
html[lang=hu] .signaler_abus #content_etapes, 
html[lang=hu] .cgu #content_block, 
html[lang=hu] .cookies #content_block {
    font-family: Citroen Type Light;
}
[dir=rtl] .pages #content_block {
    direction: rtl;
}
[dir=rtl] .signaler_abus {
    direction: rtl;
}
.signaler_abus .label_motif:hover {
    cursor: pointer;
}
label.form-label-left {} .h2_legacy,
.h2_cookies,
.h2_signaler_abus {
    color: rgb(87,113,138);
    font-family: Citroen Type Black;
    font-size: 34px;
    padding-bottom: 6px;
    padding-top: 17px;
    line-height: 1.35;
}
label.form-label-left {} .h2_conditions,
.h2_cookies,
.h2_signaler_abus {
    color: rgb(87,113,138);
    font-family: Citroen Type Black;
    font-size: 34px;
    padding-bottom: 20px;
    margin-top: 15px;
    line-height: 1.35;
}
html[lang=hu] label.form-label-left {} .h2_conditions,
html[lang=hu] .h2_cookies,
html[lang=hu] .h2_signaler_abus {
    font-family: Citroen Type Regular;
}
.h3_conditions,
.h3_cookies {
    font-size: 1em;
    font-family: Citroen Type Bold;
    font-size: 15px;
    color: #3b3938;
}
html[lang=hu] .h3_conditions,
html[lang=hu] .h3_cookies {
    font-family: Citroen Type Bold;
}
[dir=rtl] .h3_conditions,
[dir=rtl] .h3_cookies {
    text-align: right;
    direction: rtl;
}
.landing #content_etapes {
    color: #595959;
    font-family: Citroen Type Light;
    font-size: 15px;
    box-sizing: border-box;
}
html[lang=hu] .landing #content_etapes {
    font-family: Citroen Type Light;
}

[dir=rtl] .landing #content_etapes {
    direction: rtl;
}
.landing .landing_header {
    font-family: Citroen Type Regular;
    color: rgb(87,113,138);
}
.landing .landing_footer {
    font-family: Citroen Type Regular;
    color: #3b3938;
}
html[lang=hu] .landing .landing_header, html[lang=hu] .landing .landing_footer {
    font-family: Citroen Type Regular;
}
.landing+.footer.desktop_only {
    margin-top: 60px;
}
.mobile_only {
    display: none;
}
a.info_pdv {
    color: #3b3938;
    position: relative;
    text-decoration: none;
    z-index: 24;
}
a.info_pdv:hover {
    z-index: 25;
}
a.info_pdv span {
    display: none;
}
a.info_pdv:hover span {
    background-color: #FFFFFF;
    border: 1px solid #57718a;
    color: #595959;
    display: block;
    left: -20px;
    padding: 5px;
    position: absolute;
    text-align: center;
    top: 2em;
    width: 215px;
}
.ul_but_avis li {
    width: 100%;
    margin-bottom: 0;
}
.ul_but_avis li .form_champs {
    display: inline-block;
    vertical-align: top;
}
.ul_but_avis li .form-label-left {
    margin: 0 20px 0 0;
    text-transform: uppercase;
    font-family: Citroen Type Regular;
    color: #3b3938;
}
html[lang=hu] .ul_but_avis li .form-label-left {
    font-family: Citroen Type Regular;
}
.ul_but_avis li input[type=radio] {
    display: none;
    vertical-align: middle;
}
.ul_but_avis li label {
    display: inline-block;
}
.accroche {
    margin-top: 30px;
    position: relative;
}
[dir=rtl] .landing .accroche {
    direction: rtl;
}
.accroche .title {
    color: #57718a;
    font-family: Citroen Type Regular;
    font-size: 40px;
    margin: 0;
    display: inline-block;
    text-transform: uppercase;
}
/* Correction problème caractères mal supportés en tchèque */
html[lang=tr] .accroche .title,
html[lang=cs] .accroche .title,
html[lang=pl] .accroche .title {
    font-family: Citroen Type Regular;
}
 /* Font Japon */
 html[lang=ja] .accroche .title {
    font-family: "Citroen Type Regular", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
.accroche .subtitle {
    font-family: Citroen Type Bold;
    color: #3b3938;
    font-size: 40px;
    line-height: 41px;
    position: relative;
    top: -3px;
    text-transform: uppercase;
}
/* Correction problème caractères mal supportés en tchèque */
html[lang=cs] .accroche .subtitle,
html[lang=tr] .accroche .subtitle,
html[lang=pl] .accroche .subtitle {
    font-family: Citroen Type Bold;
}
 /* Font Japon */
 html[lang=ja] .accroche .subtitle {
    font-family: "Citroen Type Bold", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
#accroche {
    height: 285px;
    padding-top: 87px;
    position: relative;
}
#accroche .boy{
    background: url("../images/personnage_old.png") no-repeat scroll -2px 3px;
}
#accroche .girl{
    background: url("../images/personnage.png") no-repeat scroll -2px 3px;
}
#accroche .personImage {
    height: 285px;
    left: 0;
    position: absolute;
    bottom: 0;
    width: 370px;
}
[dir=rtl] #accroche .personImage {
    right: 0;
    left: auto;
    transform: scaleX(-1);
    -ms-transform: scaleX(-1); /* IE 9 */
    -webkit-transform: scaleX(-1); /* Chrome, Safari, Opera */
}
#accroche .title {
    color: rgb(87,113,138);
    font: 45px/1em "Citroen Type Bold", Arial, sans-serif;
    margin-bottom: 15px;
    padding-left: 293px;
    /* padding-right: 140px; */
    text-transform: uppercase;
}
/* Correction problème caractères mal supportés en tchèque */
html[lang=tr] #accroche .title,
html[lang=cs] #accroche .title,
html[lang=pl] #accroche .title {
    font-family: Citroen Type Bold;
    font-size: 40px;
}
 /* Font Japon */
 html[lang=ja] #accroche .title {
    font-family: "Citroen Type Bold", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
    font-size: 40px;
 }
[dir=rtl] #accroche .title {
    padding-left: 140px;
    padding-right: 293px;
}
#accroche .block_layer {
    display: block;
    height: 138px;
    position: relative;
    background-color: rgb(87,113,138);
}
#accroche .subtitle {
    display: inline-block;
    position: relative;
    float: right;
    width: 63%;
    height: 100%;
    padding: 0 2% 2% 0;
    margin: 0;
    font-size: 29px;
    color: #FFF;
}
html[lang=tr] #accroche .subtitle,
html[lang=cs] #accroche .subtitle,
html[lang=pl] #accroche .subtitle {
    font-size: 24px;
}
#accroche .subtitle * {
    color: #FFF;
}
#accroche .certif_afnor + .subtitle {
    width: 49%;
}
#accroche .subtitle span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
}
html[lang=tr] #accroche .subtitle span strong,
html[lang=cs] #accroche .subtitle span strong,
html[lang=pl] #accroche .subtitle span strong {
    font-size: 27px;
}
[dir=rtl] #accroche .subtitle {
    float: left;
    padding: 0 0 2% 2%;
}
#accroche .certif_afnor {
   display: inline-block;
   width: 135px;
   height: 130px;
   float: right;
   position: relative;
   right: 4px;
   top: 4px;
   padding-top: 85px;
   margin-left: 4px;
   color: #004C7A;
   font-family: Citroen Type Regular;
   font-size: 14px;
   text-align: center;
   text-transform: uppercase;
   text-decoration: none;
}
html[lang=hu] #accroche .certif_afnor {
   font-family: Citroen Type Regular;
}
[dir=rtl] #accroche .certif_afnor {
    float: left;
    right: 0;
    margin: 0 0 0 4px;
}
.storelocatortitle {
    margin: 0.67em 0;
    font-family: 'Citroen Type Bold', Verdana, Arial, sans-serif;
    text-align: center;
    font-size: 35px;
}
html[lang=hu] .storelocatortitle {
    font-family: 'Citroen Type Bold', Verdana, Arial, sans-serif;
}
.fg-plumgrey {
    color: #3b3938;
}
.fg-green {
    color: rgb(87,113,138);
}
.bg-green {
    background-color: rgb(87,113,138);
}
.boussole .searchoff > h3 {
    font-family: Citroen Type Light;
    font-size: 22px;
    text-transform: uppercase;
    color: #44375F;
    text-align: center;
    margin-bottom: 10px;
}
.boussole .searchoff h3 span {
    font-family: Citroen Type Bold;
}
/* Correction problème caractères mal supportés en tchèque */
html[lang=tr] .boussole .searchoff h3 span,
html[lang=cs] .boussole .searchoff h3 span,
html[lang=pl] .boussole .searchoff h3 span {
    font-family: Citroen Type Bold;
}
 /* Font Japon */
 html[lang=ja] .boussole .searchoff h3 span {
    font-family: "Citroen Type Bold", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
.boussole .searchoff h3 span span {
    color: #DC002E;
}
.boussole .searchoff > h4 {
    font-family: Citroen Type Black;
    font-size: 18px;
    text-transform: uppercase;
    color: #44375F;
    text-align: center;
    margin-top: 20px;
}
/* Correction problème caractères mal supportés en tchèque */
html[lang=cs] .boussole .searchoff > h3,
html[lang=pl] .boussole .searchoff > h3,
html[lang=tr] .boussole .searchoff > h3,

html[lang=cs] .boussole .searchoff > h4,
html[lang=tr] .boussole .searchoff > h4,
html[lang=pl] .boussole .searchoff > h4
 {
    font-family: Citroen Type Light;
}
 /* Font Japon */
 html[lang=ja] .boussole .searchoff > h4 {
    font-family: "Citroen Type Light", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
.boussole .searchoff h4 span {
    font-family: Citroen Type Black;
}
/* Correction problème caractères mal supportés en tchèque */
html[lang=cs] .boussole .searchoff h4 span,
html[lang=tr] .boussole .searchoff h4 span,
html[lang=pl] .boussole .searchoff h4 span {
    font-family: Citroen Type Bold;
}
 /* Font Japon */
 html[lang=ja] .boussole .searchoff h4 span {
    font-family: "Citroen Type Bold", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
.boussole .span4 {
    width: 230px;
    height: 215px;
}
.boussole .searchon {
    display: none;
}
.boussole .searchoff .row {
    display: block;
    margin-left: 0;
    margin-right: 0;
}
[dir=rtl] .boussole .searchoff .row {} .boussole .searchoff .box1,
.boussole .searchoff .box2,
.boussole .searchoff .box3 {
    background: #C8D419;
    color: #44375F;
    font-size: 20px;
}
.boussole .searchoff .box1 {
    background: #c8d419 url("../images/svg/icone_tel.svg") no-repeat scroll 50% 20% / 120px 60px;
    padding: 105px 30px 0;
}
.boussole .searchoff .box2 {
    background: #c8d419 url("../images/svg/icone_cles.svg") no-repeat scroll 50% 15% / 65px 80px;
    margin-left: 4px;
    padding: 105px 12px 0;
}
.boussole .searchoff .box3 {
    padding: 133px 35px 0;
    margin-left: 4px;
    background: #c8d419 url("../images/svg/icone_voiture.svg") no-repeat scroll 50% 15% / 110px 85px;
}
.boussole .searchoff .box4 {
    margin-left: 4px;
    border: 4px solid #44375F;
    background: #ffffff;
}
.boussole .searchoff .box4 .bloctexte {
    text-transform: uppercase;
    font-family: Citroen Type Light;
    text-align: right;
    color: #44375F;
    font-size: 35px;
    line-height: 25px;
    padding-right: 30px;
    padding-top: 80px;
}
/* Correction problème caractères mal supportés en tchèque */
html[lang=cs] .boussole .searchoff .box4 .bloctexte,
html[lang=tr] .boussole .searchoff .box4 .bloctexte,
html[lang=pl] .boussole .searchoff .box4 .bloctexte {
    font-family: Citroen Type Light;
}
 /* Font Japon */
 html[lang=ja] .boussole .searchoff .box4 .bloctexte {
    font-family: "Citroen Type Light", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
.boussole .searchoff .box4 .bloctexte span {
    font-family: Citroen Type Bold;
}
.boussole .searchoff .box4 .bloctexte span span {
    font-family: Citroen Type Bold;
    color: #DC002E;
}
/* Correction problème caractères mal supportés en tchèque */
html[lang=cs] .boussole .searchoff .box4 .bloctexte span,
html[lang=tr] .boussole .searchoff .box4 .bloctexte span,
html[lang=pl] .boussole .searchoff .box4 .bloctexte span,

html[lang=cs] .boussole .searchoff .box4 .bloctexte span span,
html[lang=tr] .boussole .searchoff .box4 .bloctexte span span,
html[lang=pl] .boussole .searchoff .box4 .bloctexte span span {
    font-family: Citroen Type Bold;
}
 /* Font Japon */
 html[lang=ja] .boussole .searchoff .box4 .bloctexte span span {
    font-family: "Citroen Type Bold", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
.footer {
    font-family: Citroen Type Regular;
    font-size: 12px;
    text-align: center;
    padding-bottom: 20px;
}
html[lang=hu] .footer {
    font-family: Citroen Type Regular;
}
.footer div {
    display: inline;
    color: #3b3938;
}
.footer div::after {
    content: " | ";
}
.footer div:last-child::after {
    content: '';
}
.footer a {
    text-decoration: none;
    /*padding-bottom: 1px;*/

    border-bottom: 1px solid #3b3938;
}
.boussole .footer {} .content_bt_boussole .read {
    text-transform : lowercase;
     width: 163px;
  height: 48px;
  margin: 30px 24px 32px 40px;
  padding: 14px 24px 15px;
  border-radius: 24px;
    background: #57718a none repeat scroll 0 0;
    color: #ffffff;
    height: auto; 
    font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
    font-family: Citroen Type Regular;
    line-height: 14px;
    vertical-align: middle;
    display: table-cell;
}
a.bt_off.read:first-letter {
    text-transform: uppercase;
}
html[lang=hu] .boussole .footer {} .content_bt_boussole .read {
    font-family: Citroen Type Regular;
}
.content_bt_boussole .read:hover {
       width: 163px;
  padding: 14px 24px 15px;
  border-radius: 24px;
    background: #3b3938 none repeat scroll 0 0;
    color: #ffffff;
    height: auto; 
    font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
    font-family: Citroen Type Regular;
    line-height: 14px;
    vertical-align: middle;
    display: table-cell;
}
.content_bt_boussole .write {
     width: 163px;
  padding: 14px 24px 15px;
  border-radius: 24px;
    background: #57718a none repeat scroll 0 0;
    color: #ffffff;
    height: auto; 
    font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
    font-family: Citroen Type Regular;
    line-height: 14px;
    vertical-align: middle;
    display: table-cell;
    text-transform: lowercase;
}
a.bt_off.write.modale_lien:first-letter {
    text-transform: uppercase;
}
.content_bt_boussole .write:first-letter {
    text-transform: upercase;
}
html[lang=hu] .content_bt_boussole .write {
    font-family: Citroen Type Regular;
}
.content_bt_boussole .bt_boussole_spacer {
    display: table-cell;
    width: 2%;
}
.content_bt_boussole .write:hover {
     width: 163px;
  height: 48px;
  margin: 30px 24px 32px 40px;
  padding: 14px 24px 15px;
  border-radius: 24px;
    background: #3b3938 none repeat scroll 0 0;
    color: #ffffff;
    height: auto; 
    font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
    font-family: Citroen Type Regular;
    line-height: 14px;
    vertical-align: middle;
    display: table-cell;
}
#content.erreur404 {
    width: 100%;
    padding: 0;
    background-color: #D8DF8E;
}
#content.erreur404 .content_erreur {
    margin: 150px auto 300px auto;
    width: 940px;
    min-height: 405px;
    text-align: center;
}
#content.erreur404 .visual_container, #content.erreur404 .error_text_container {
    display: inline-block;
    height: 100%;
    float: left;
}
#content.erreur404 .visual_container {
    width: 40%;
    min-height: inherit;
    margin-top: 10px;
    margin-right: -30px;
    padding-right: 30px;
    background: url('../images/404_visual.jpg') no-repeat left bottom;
}
#content.erreur404 .visual_container::after {
}
#content.erreur404 .visual_container .oups {
    display: none;
}
#content.erreur404 .error_text_container {
    width: 59%;
    text-transform: uppercase;
}
#content.erreur404 .error_text_container p {
    margin: 0;
}
#content.erreur404 .error_text_container .oups,
#content.erreur404 .visual_container .oups {
    margin: 20px 0 5px 0;
    font: bold 92px 'Citroen Type Light';
    text-transform: uppercase;
    text-align: left;
    color: #FFF;
}
[dir=ltr] #content.erreur404 .error_text_container .oups::after,
[dir=ltr] #content.erreur404 .visual_container .oups::after {
    content: ' !';
}
[dir=rtl] #content.erreur404 .error_text_container .oups::before,
[dir=rtl] #content.erreur404 .visual_container .oups::before {
    content: '! ';
}
#content.erreur404 .error_text_container .error_text_content {
    background-color: #FFF;
}
#content.erreur404 .error_text_container .error_text + p {
    padding-bottom: 20px;
}
#content.erreur404 .error_text_container .error_text {
    display: table-cell;
    height: 138px;
    padding-right: 43px;
    padding-left: 60px;
    margin-bottom: 65px;
    font: 24px 'citroen';
    font-weight: 700;
    color: #498090;
    vertical-align: middle;
}
.erreur404 .cta {
    min-width: 112px;
    padding-right: 25px;
    text-align: left;
    font-family: 'Citroen Type Regular';
}
html[lang=hu] .erreur404 .cta {
    font-family: 'Citroen Type Regular';
}
[dir=rtl] #content.erreur404 .visual_container, [dir=rtl] #content.erreur404 .error_text_container {
    float: right;
}
[dir=rtl] #content.erreur404 .visual_container {
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
}
[dir=rtl] #content.erreur404 .error_text_container .oups, [dir=rtl] #content.erreur404 .visual_container .oups {
    text-align: right;
}
.certification h1 {
    color: rgb(87,113,138);
    font: 40px/1em "Citroen Type Black", Arial, sans-serif;
    text-transform: uppercase;
    display: block;
    margin: 0;
    padding: 0;
}
.certification h2 {
    font-family: 'Citroen Type Black', Verdana, Arial, sans-serif;
    text-align: center;
    font-size: 34px;
    color: #3b3938;
    display: block;
    margin-left: 200px;
    margin: 0;
    text-align: left;
}
/* Correction problème caractères mal supportés en tchèque */
html[lang=cs] .certification h1,
html[lang=tr] .certification h1,
html[lang=pl] .certification h1,

html[lang=cs] .certification h2,
html[lang=tr] .certification h2,
html[lang=pl] .certification h2 {
    font-family: Citroen Type Bold;
}
 /* Font Japon */
 html[lang=ja] .certification h1, .certification h2  {
    font-family: "Citroen Type Bold", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
[dir=rtl] .certification h2 {
    text-align: right;
}
.produit .confirmation,
.produit .landing_produit_services {
    font-family: Citroen Type Regular;
    color: #3b3938;
    text-align: center;
    margin-top: 410px;
}
html[lang=hu] .produit .confirmation,
html[lang=hu] .produit .landing_produit_services {
    font-family: Citroen Type Regular;
}
.produit .confirmation {
    margin-top: 150px;
}
.produit .confirmation .cta-center {
    color: #007d90;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    margin: 20px 0;
    font-family: Citroen Type Regular;
    padding: 0;
}
html[lang=hu] .produit .confirmation .cta-center {
    font-family: Citroen Type Regular;
}
.produit .confirmation.man .cta-center {
    color: rgb(87,113,138);
}
.produit .confirmation .etapes {
    margin: 25px 0;
    font-size: 24px;
    position: relative;
}
.produit .confirmation .withCTA {
    margin-bottom: 0;
}
.produit .confirmation .cta-orange {
    width: 163px;
    height: 48px;
    padding: 14px 24px 15px;
    border-radius: 24px;
    background-color: #da291c;
    color: #ffffff;
    height: auto;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    font-family: Citroen Type Regular;
    line-height: 14px;
    vertical-align: middle;
}
.produit .confirmation .cta-orange:hover {
    width: 163px;
    height: 48px;
    padding: 14px 24px 15px;
    border-radius: 24px;
    background-color: #3b3938;
    color: #ffffff;
    height: auto;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    font-family: Citroen Type Regular;
    line-height: 14px;
    vertical-align: middle;
}
.produit .confirmation .etapes div {
    display: inline-block;
    vertical-align: middle;
}
.produit .confirmation .etapes div.number {
    width: 35px;
    height: 31px;
    padding-top: 4px;
    color: #FFFFFF;
    background-color: #57718a;
    text-align: center;
    font-weight: bold;
}
.produit .confirmation .etapes div.text {
    font-family: Citroen Type Light;
    color: #3b3938;
    font-size: 14px;
    width: 400px;
    position: relative;
    right: -17px;
    text-align: left;
}
html[lang=hu] .produit .confirmation .etapes div.text {
    font-family: Citroen Type Light;
}
[dir="rtl"] .produit .confirmation .etapes div.text {
    right: auto;
    left: -17px;
}
.textir {
        text-align: right !important;
}
.produit .landing_produit_services,
.produit .img_container {
    position: absolute;
    top: 96px;
    left: 0;
    width: 100%;
    height: 300px;
    background-image: url('../images/contribution_desktop_92dpi.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #008E9A;
}
.produit .man .img_container,
.vendeur .img_container {
    background: #D8DF8E url('../images/personnage.png') no-repeat center 0px;
    background-size: inherit;
}
.produit .img_container {
    height: 200px;
}
.produit .landing_produit_services {
    background-image: url('../images/landing_desktop_92dpi.jpg');
    margin-top: 0;
    background-color: transparent;
    background-size: cover;
    height: calc(100% - 96px);
}
.produit .isIran {
    background-image: url('../images/landing_desktop_92dpi_old.jpg') !important;
}
.produit .confirmation .img_container img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
    width: 100%;
}
#contribution_produit,
#landing {
    position: relative;
}
#landing {
    height: 100%;
}
#formAnchor {
    position: absolute;
    top: 201px;
    width: 1px;
    height: 1px;
    background: transparent;
}
#contribution_produit #content_etapes,
#contribution_produit #content_etapes_block,
#landing #content_etapes,
#landing #content_etapes_block {
    position: inherit;
}
#contribution_produit .footer {
    margin-top: 50px;
    text-align: center;
    font-size: 15px;
}
.produit:focus {
    outline: none;
}
.produit .landing_produit_services {
    text-transform: uppercase;
    font-size: 24px;
    font-family: Citroen Type Regular;
}
html[lang=hu] .produit .landing_produit_services {
    font-family: Citroen Type Regular;
}
.produit .landing_produit_services .satisfied {
    position: absolute;
    top: 36%;
    left: 40px;
    font-family: Citroen Type Regular;
    font-weight: bold;
    font-size: 34px;
    text-align: left;
    color: #FFFFFF;
}
html[lang=hu] .produit .landing_produit_services .satisfied {
    font-family: Citroen Type Regular;
}
.produit .landing_produit_services .afnor {
    display: none;
    position: absolute;
    top: 52%;
    left: 75px;
}
.produit .landing_produit_services .afnor .afnor_image {
    /*background-image: url('../images/logo_afnor_complete.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 80px;
    height: 70px;*/
}
.produit .landing_produit_services .afnor .afnor_text {
    color: #FFFFFF;
    font-size: 11px;
}
.produit .landing_produit_services .produit_services_container {
    width: 43%;
    position: absolute;
    right: 20px;
    bottom: 5px;
    padding-bottom: 35px;
}
.produit .landing_produit_services .produit_services_container .transparency {
    color: #FFFFFF;
    border: 2px solid #FFFFFF;
    padding: 20px;
    font-size: 18px;
    text-align: left;
/* DAD-1651 */
/*     background-image: url(../images/certification_AFNOR_avis.png); */
/* DAD-1651. End */
    background-position: right 5px center;
    background-repeat: no-repeat;
    position: relative;
}
 .produit .landing_produit_services .produit_services_container .transparency a {
     position: absolute;
     display: block;
     height: 100%;
     width: 100px;
     top: 0;
     right: 0;
     left: inherit;
 }


.produit .landing_produit_services .produit_services_container .avis {
    text-transform: uppercase;
    margin-top: 10px;
    height: calc(100% - 106px);
}
.produit .landing_produit_services .produit_services_container .avis .avis_vehicule,
.produit .landing_produit_services .produit_services_container .avis .avis_pdv {
    background: #FFFFFF;
    display: inline-block;
    width: 48%;
    height: 350px;
    vertical-align: top;
    font-size: 16px;
    position: relative;
}
.produit .landing_produit_services .produit_services_container .avis .avis_vehicule {
    color: rgb(87,113,138);
    float: left;
}
.produit .landing_produit_services .produit_services_container .avis .avis_depot_link,
.produit .landing_produit_services .produit_services_container .avis .avis_link,
.produit .landing_produit_services .produit_services_container .avis .avis_pdv_link
{
    text-decoration: none;
    /*color: #B3A0A8;*/
}
.produit .landing_produit_services .produit_services_container .avis .avis_pdv {
    color: rgb(87,113,138);
    float: right;
}
.produit .landing_produit_services .produit_services_container .avis .avis_vehicule .avis_depot_link:hover .cta-plumgrey.cta-arrow-right {
    color: #FFFFFF;
    background-color: #3b3938;
    
}
 .produit .landing_produit_services .produit_services_container .avis .avis_vehicule .avis_link .cta-plumgrey.cta-arrow-right {
    color: #3b3938;
    background-color: #FFFFFF;
    
}
.produit .landing_produit_services .produit_services_container .avis .avis_pdv_link:hover .cta-green.cta-arrow-right {
    color: #FFFFFF;
    background-color: #3b3938;
    
}
.produit .landing_produit_services .produit_services_container .avis .avis_vehicule .image,
.produit .landing_produit_services .produit_services_container .avis .avis_pdv .image {
    background: url('../images/svg/picto_avis_vehicule.svg') no-repeat center;
    background-position: center;
    background-size: 108px 51px;
    width: 100%;
    height: 100px;
    margin-top: 5vh;
}
.produit .landing_produit_services .produit_services_container .avis .avis_pdv .image {
    background: url('../images/svg/picto_point_vente.svg') no-repeat center;
    background-size: 51px 55px;
}
.produit .landing_produit_services .produit_services_container .avis .avis_vehicule .avis_text,
.produit .landing_produit_services .produit_services_container .avis .avis_pdv .avis_text {
    margin-top: 30px;
    font-size: 20px;
    font-family: Citroen Type Regular, Verdana, sans-serif;
}
html[lang=hu] .produit .landing_produit_services .produit_services_container .avis .avis_vehicule .avis_text,
html[lang=hu] .produit .landing_produit_services .produit_services_container .avis .avis_pdv .avis_text {
    font-family: Citroen Type Regular, Verdana, sans-serif;
}
.produit .landing_produit_services .produit_services_container .avis .avis_vehicule .cta,
.produit .landing_produit_services .produit_services_container .avis .avis_pdv .cta {
    text-transform: lowercase;
    font-family: Citroen Type Regular;
    text-align: center;
    width: 100%;
    border-radius: 24px;
}
span.cta.cta-plumgrey.cta-arrow-right:first-letter {
    text-transform: uppercase;
}

span.cta.cta-plumwhite.cta-arrow-right.cta2:first-letter {
    text-transform: uppercase;
}
span.cta.cta-green.cta-arrow-right:first-letter {
    text-transform: uppercase;
}
html[lang=hu] .produit .landing_produit_services .produit_services_container .avis .avis_vehicule .cta,
html[lang=hu] .produit .landing_produit_services .produit_services_container .avis .avis_pdv .cta {
    font-family: Citroen Type Regular;
}
 .produit .landing_produit_services .produit_services_container .avis .avis_vehicule .avis_depot_link,
 .produit .landing_produit_services .produit_services_container .avis .avis_vehicule .avis_link,
 .produit .landing_produit_services .produit_services_container .avis .avis_pdv .avis_link {
    position: absolute;
    right: 10px;
    left: 10px;
    height: 50px;
}
 .produit .landing_produit_services .produit_services_container .avis .avis_vehicule .avis_depot_link,
 .produit .landing_produit_services .produit_services_container .avis .avis_vehicule .avis_link,
 .produit .landing_produit_services .produit_services_container .avis .avis_pdv .avis_pdv_link {
     position: absolute;
     right: 10px;
     left: 10px;
     height: 50px;
 }

 .produit .landing_produit_services .produit_services_container .avis .avis_vehicule .avis_depot_link {
     bottom: 65px;
 }
 .produit .landing_produit_services .produit_services_container .avis .avis_vehicule .avis_link {
     bottom: 10px;
 }
 .produit .landing_produit_services .produit_services_container .avis .avis_pdv .avis_pdv_link {
     bottom: 45px;
 }
.produit .landing_produit_services .produit_services_container .avis .avis_vehicule .cta {
    padding: 0.7em 0.5em 0.7em 0.5em;
}
.produit .landing_produit_services .produit_services_container .avis .avis_pdv .cta {
    padding-top: 5px;
}
.produit .img_container.etapes {
    top: 96px;
    height: 200px;
}
.produit .onglet {
    margin: 115px 0 10px 0;
}
.produit .vehicule_container,
.vendeur .vendeur_container {
    margin: 0 auto;
    width: 350px;
    text-align: center;
    font-family: Citroen Type Bold;
    font-size: 20px;
    color: #3b3938;
}
html[lang=hu] .produit .vehicule_container, html[lang=hu] .vendeur .vendeur_container {
    font-family: Citroen Type Bold;
}
.produit .vehicule_container .vehicule_visu,
.vendeur .vendeur_container .vendeur_visu {
    height: 150px;
    background-image: url('../images/vehicules/1CB1A3_wide.png');
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.produit .vehicule_container .vehicule_text,
.vendeur .vendeur_container .vendeur_text {
    margin-top: 10px;
}
.produit .etoile_content {
    text-align: center;
}
.produit .etape2 {
    margin-top: 20px;
}
.produit .etape2 p {
    float: none;
    margin-bottom: 0;
}
.produit .preview_avis {
    padding: 20px 80px;
    width: auto;
}
#contribution_produit .footer.etape_contribution {
    text-align: left;
    font-size: 16px;
    margin-top: 20px;
}
.produit .etape3 form {
    margin-top: 20px;
}
.produit p.intro_etape {
    margin: 20px 0 0 0;
}
.produit .etape3 form li input[type=text],
.produit .etape3 form li input[type=email],
.produit .etape3 form li input[type=date] {
    width: 81%;
}
.bloc_erreur .message_erreur {
    text-align: center;
}
.produit .vehicule_container.etape1,
.vendeur .vendeur_container.etape1,
.produit .bouton-vehicule.modifier,
.vendeur .bouton-vendeur.modifier,
.produit .bloc_vehicules,
.vendeur .bloc_vendeur {
    display: none;
}
.produit .vehicule_container.etape1.selected {
    display: block;
}
.produit .bouton-vehicule,
.vendeur .bouton-vendeur {
    /* width: 345px; */
    
   
    margin: 30px auto !important;
   
    
    box-sizing: border-box;
    display: table;
    
    
     width: 256px;
    height: 22px;
  
  padding: 14px 24px 15px;
  border-radius: 24px;
    background: #57718a none repeat scroll 0 0;
    color: #ffffff;
    
    font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
    font-family: Citroen Type Regular;
    line-height: 14px;
    vertical-align: middle;
}
html[lang=hu] .produit .bouton-vehicule,
html[lang=hu] .vendeur .bouton-vendeur {
    font-family: Citroen Type Regular;
}
.produit .bouton-vehicule.selected,
.vendeur .bouton-vendeur.selected:hover {
     background-color: red;
}
.produit .bouton-vehicule.selected,
.vendeur .bouton-vendeur.selected {
    color: #ffffff;
    background-color: #57718a;
    padding: 10px 10px;
    margin: 30px auto 0 !important;
    padding: 14px 24px 15px;
}
.produit .bouton-vehicule.unselected,
.vendeur .bouton-vendeur.unselected {
    /* margin: 30px auto 0 !important; */

    /*border: 4px solid #F0ECED;*/
}
.produit .bouton-vehicule.erreur,
.vendeur .bouton-vendeur.erreur {
    background-color: #b21300;
    width: 260px;
    padding: 14px 24px 15px;
}
.produit .votre_note_etoile_content {
    margin-top: 10px;
}
.produit .crayon-modifier,.vendeur .crayon-modifier {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    margin-bottom: -4px;
    background-image: url('../images/svg/crayon_plumgray_off.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
}
.produit .bouton-vehicule-text,
.vendeur .bouton-vendeur-text {
    display: inline-block;
    max-width: 270px;
}
.produit .selected .crayon-modifier,.vendeur .selected .crayon-modifier  {
    background-image: url('../images/svg/crayon_plumgray_on.svg');
}
.produit .bloc_vehicules,
.vendeur .bloc_vendeur {
    font-family: Citroen Type Light;
}
html[lang=hu] .produit .bloc_vehicules,
html[lang=hu] .vendeur .bloc_vendeur {
    font-family: Citroen Type Light;
}
.produit .bloc_vehicules .vehicules_neufs,
.produit .bloc_vehicules .vehicules_utilitaires {
    margin-top: 30px;
}
.produit .bloc_vehicules .title {
    font-family: Citroen Type Regular;
    color: #57718a;
    margin-bottom: 20px;
}
html[lang=hu] .produit .bloc_vehicules .title {
    font-family: Citroen Type Regular;
}
.produit .bloc_vehicules .visu_text,
.vendeur .bloc_vendeur .visu_text {
    position: relative;
    display: inline-block;
    width: 23%;
    text-align: center;
    margin: 4px 4px 8px 4px;
    color: #3b3938;
    vertical-align: top;
}
.produit .bloc_vehicules .visu_text.one_sil,
.vendeur .bloc_vendeur .visu_text.one_sil {
    border-radius: 32px;
    padding-bottom: 10px;
    cursor: pointer;
}
.produit .bloc_vehicules .visu_text .hover,
.vendeur .bloc_vendeur .visu_text .hover {
    display: none;
}
.produit .bloc_vehicules .visu_text.focused,
.vendeur .bloc_vendeur .visu_text.focused {
    margin: 0 0 4px 0;
    border: 4px solid #da291c;
    border-radius: 34px;
}
.produit .bloc_vehicules .visu_text.focused .hover,
.vendeur .bloc_vendeur .visu_text.focused .hover {
    display: block;
    left: -4px;
    z-index: 10;
    text-align: center;
    width: calc(100% - 20px);
    border-top: none;
    padding: 10px 10px 18px 10px;
    background-color: #FFFFFF;
    border-radius: 34px;
}
/* .produit .bloc_vehicules .visu_text:hover .hover {
    display: block;
} */

.produit .bloc_vehicules .visu_text .hover li,
.vendeur .bloc_vendeur .visu_text .hover li {
    text-align: left;
    margin-left: 50px;
    cursor: pointer;
    margin-bottom: 10px;
    vertical-align: top;
}
.produit .bloc_vehicules .visu_text .hover li:before,
.vendeur .bloc_vendeur .visu_text .hover li:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-bottom: -4px;
    background-color: transparent;
    background-image: url('../images/svg/radiobox_off.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
}
.produit .bloc_vehicules .visu_text .hover li.on:before,
.vendeur .bloc_vendeur .visu_text .hover li.on:before {
    background-image: url('../images/svg/radiobox_on.svg');
}
.produit .bloc_vehicules .visu_text .hover .cta,
.vendeur .bloc_vendeur .visu_text .hover .cta {
    cursor: pointer;
    padding: 14px 24px 15px;
    margin-top: 5px;
}
.produit .bloc_vehicules .visu_text:hover .vehicule_text,
.vendeur .bloc_vendeur .visu_text:hover .vehicule_text {
    font-family: Citroen Type Bold;
}
.vehicule_text.isText {
    font-family: Citroen Type Regular !important;
}
.bouton-vehicule.modifier.unselected:hover {
    background-color: #3b3938;
}
.bouton-vehicule.modifier.selected:hover{
    background-color: #3b3938;
}
html[lang=hu] .produit .bloc_vehicules .visu_text:hover .vehicule_text,
html[lang=hu] .vendeur .bloc_vendeur .visu_text:hover .vehicule_text {
    font-family: Citroen Type Bold;
}
.produit .bloc_vehicules .visu_text .vehicule_visu {
    height: 150px;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.produit .bloc_vehicules .visu_text .vehicule_visu.c3_picasso_monospace {
    background-image: url('../images/vehicules/1CWAAF.png')
}
.produit .bloc_vehicules .visu_text .vehicule_visu.c4_cactus_crossover {
    background-image: url('../images/vehicules/1CE3A5.png')
}
.produit .bloc_vehicules .visu_text .vehicule_visu.c_zero_berline {
    background-image: url('../images/vehicules/1CMSA5.png')
}
.produit .bloc_vehicules .visu_text .vehicule_visu.c1_berline {
    background-image: url('../images/vehicules/1CB1A3.png')
}
.produit .bloc_vehicules .visu_text .vehicule_visu.c1_airscape {
    background-image: url('../images/vehicules/1CB1B3.png')
}
.produit .bloc_vehicules .visu_text .vehicule_visu.c3_berline {
    background-image: url('../images/vehicules/1CXAA5.png')
}
.produit .position_info_immatriculation {
    left: 177px;
}
.produit #position_info_immatriculation1 {
    z-index: 2;
}
.produit #position_info_immatriculation2 {
    z-index: 1;
}

.asterix_legende {
    margin-top: 10px;
    font-size: 12px;
    font-family: Citroen Type Regular, Verdana, sans-serif;
    text-align: right;
    text-transform: uppercase;
    color: #ffffff;
    position: absolute;
    bottom: 0px;
    right: 0;
}

html[lang=hu] .asterix_legende {
    font-family: Citroen Type Regular, Verdana, sans-serif;
}



/* ==========================================================================
   Media Queries
   ========================================================================== */


@media screen and (max-width: 1024px) and (min-width: 200px) {
    .produit #header {
        width: 100%;
    }
    /*     #content,
    .produit #content_etapes{
        width: 95%;
    } */

    .produit .landing_produit_services .satisfied {
        font-size: 21px;
    }
    .produit .landing_produit_services .afnor {
        top: 49%;
    }
    .produit .landing_produit_services .produit_services_container {
        min-width: 380px;
        height: 75%;
        max-height: 500px;
    }
    .produit .landing_produit_services .produit_services_container .avis .avis_vehicule,
    .produit .landing_produit_services .produit_services_container .avis .avis_pdv {
        min-width: 180px;
        height: 100%;
    }
    .produit .landing_produit_services .produit_services_container .avis .avis_vehicule .avis_text,
    .produit .landing_produit_services .produit_services_container .avis .avis_pdv .avis_text {
        font-size: 16px;
        margin-top: 10px;
    }
    .produit .landing_produit_services .produit_services_container .avis .avis_vehicule .cta,
    .produit .landing_produit_services .produit_services_container .avis .avis_pdv .cta {
        font-size: 15px;
    }
}
@media screen and (orientation: portrait) {
    #landing {
        height: 100% !important;
    }
    #landing #content,
    #landing #content_bg_produit,
    #landing #content_etapes_block,
    #landing #content_etapes {
        height: 99%;
    }
    .produit .landing_produit_services {
        background-image: url('../images/landing_mobile_92dpi.jpg');
        height: 50% !important;
    }
    .produit .landing_produit_services .satisfied {
        text-align: center;
        top: 20%;
        right: 40px;
        left: auto;
    }
    .produit .landing_produit_services .afnor {
        top: 43%;
        right: 100px;
        left: auto;
    }
    .produit .landing_produit_services .produit_services_container {
        top: calc(100% - 106px) !important;
        right: 20px;
        left: 20px;
        width: auto;
        height: 98%;
    }
    .produit .landing_produit_services .produit_services_container .transparency {
        background-color: #FFFFFF;
        border: none;
        color: #007D90;
        font-size: 23px;
        font-family: Citroen Type Regular;
        padding: 17px;
    }
    html[lang=hu] .produit .landing_produit_services .produit_services_container .transparency {
        font-family: Citroen Type Regular;
    }
    .produit .landing_produit_services .produit_services_container .avis {
        margin-top: 35px;
        margin-bottom: 5px;
        height: 40vh;
    }
    .produit .landing_produit_services .produit_services_container .avis .avis_vehicule,
    .produit .landing_produit_services .produit_services_container .avis .avis_pdv {
        float: none;
        width: 30%;
        min-width: 200px;
        height: 80%;
    }
    .produit .landing_produit_services .produit_services_container .avis .avis_vehicule {
        border: 2px solid #B3A0A8;
        margin-right: 20px;
    }
    .produit .landing_produit_services .produit_services_container .avis .avis_pdv {
        border: 2px solid rgb(87,113,138);
    }
    .produit .landing_produit_services .produit_services_container .avis .avis_vehicule .avis_text,
    .produit .landing_produit_services .produit_services_container .avis .avis_pdv .avis_text {
        font-size: 25px;
        margin-top: 5px;
    }
    .produit .landing_produit_services .produit_services_container .avis .avis_vehicule .cta,
    .produit .landing_produit_services .produit_services_container .avis .avis_pdv .cta {
        width: 100%;
        bottom: 0;
        left: 0;
        height: 80px;
        font-size: 20px;
    }
    .produit .landing_produit_services .produit_services_container .avis .avis_vehicule .cta {
        padding-top: 25px;
    }
    .produit .landing_produit_services .produit_services_container .avis .avis_pdv .cta {
        padding-top: 13px;
    }
}
@media screen and (max-width: 1024px) and (min-width: 200px) {
    .produit #choix_langue .chosen-container {
        margin-right: 140px;
    }
    .produit #choix_langue .chosen-container-single .chosen-single {
        width: 90px;
    }
    .produit #choix_langue .chosen-container.chosen-with-drop .chosen-drop {
        width: 122px;
    }
    .produit #header {
        left: auto;
    }
    .produit #header {
        width: 100%;
    }
    .produit #header_container {
        height: 77px;
        border-bottom: 3px solid #d4d4d4;
    }
    .produit #tagline {
        margin-top: 0;
    }
    /*
    .produit #tagline .home_picto {
        background-position: 0px 2px;
        background-size: 20px 20px;
        display: inline-block;
        width: 20px;
        height: 22px;
        margin: 0px 12px 0 35px;
    }
    .produit #header #logo {
        margin-right: 25px;
    }
    */

    [dir=rtl] .produit #header #logo {
        margin-left: 25px;
        margin-right: 0;
    }
    .produit #content_block {
        margin: 0 auto;
    }
    .produit .confirmation {
        text-align: left;
        margin: 140px auto 0 auto;
        width: 460px;
    }
    .produit .confirmation .etapes div.text {
        width: 320px;
        font-size: 18px;
    }
    .produit .confirmation .etapes {
        width: auto;
        margin: 25px 10%;
    }
    .produit .confirmation .withCTA {
        text-align: center;
        margin-bottom: 0;
    }
    .produit .confirmation .cta-orange {
        margin: 0 auto;
        width: auto;
        font-size: 20px;
    }
    .produit .landing_produit_services,
    .produit .img_container {
        top: 110px;
        height: 189px;
    }
    .produit #choix_langue .chosen-container {
        margin-right: 20px;
        width: 86px !important;
    }
    #landing {
        height: 91% !important;
    }
    .produit .landing_produit_services {
        background-image: url('../images/landing_mobile_92dpi.jpg');
        height: 350px;
    }
    .produit .landing_produit_services .satisfied {
        text-align: center;
        top: 20%;
        right: 40px;
        left: auto;
    }
    .produit .landing_produit_services .afnor {
        top: 43%;
        right: 100px;
        left: auto;
    }
    .produit .landing_produit_services .produit_services_container {
        width: calc(100% - 40px);
        position: absolute;
        top: 250px;
        right: 20px;
        bottom: 20px;
        height: 98%;
        max-height: inherit;
    }

    .produit .landing_produit_services .produit_services_container .avis {
        height: 72%;
    }
    .produit .landing_produit_services .produit_services_container .transparency {
        background-color: #FFFFFF;
        border: none;
        color: #007D90;
        font-size: 23px;
        font-family: Citroen Type Regular;
        padding: 17px;
    }
    html[lang=hu] .produit .landing_produit_services .produit_services_container .transparency {
        font-family: Citroen Type Regular;
    }
    .produit .landing_produit_services .produit_services_container .avis {
        margin-top: 35px;
        margin-bottom: 5px;
        height: 80%;
    }
    .produit .landing_produit_services .produit_services_container .avis .avis_vehicule,
    .produit .landing_produit_services .produit_services_container .avis .avis_pdv {
        float: none;
        width: 46%;
        min-width: 150px;
        height: 100%;
    }
    .produit .landing_produit_services .produit_services_container .avis .avis_vehicule {
        border: 2px solid #B3A0A8;
        margin-right: 4%;
    }
    .produit .landing_produit_services .produit_services_container .avis .avis_pdv {
        border: 2px solid rgb(87,113,138);
        margin-bottom: 4px;
    }
    .produit .landing_produit_services .produit_services_container .avis .avis_vehicule .avis_text,
    .produit .landing_produit_services .produit_services_container .avis .avis_pdv .avis_text {
        font-size: 18px;
        margin-top: 5px;
    }
    .produit .landing_produit_services .produit_services_container .avis .avis_vehicule .image,
    .produit .landing_produit_services .produit_services_container .avis .avis_pdv .image {
        height: 25%;
        margin-top: 20px;
        -webkit-background-size: auto auto;
        background-size: auto auto;
    }
    .produit .landing_produit_services .produit_services_container .avis .avis_vehicule .cta,
    .produit .landing_produit_services .produit_services_container .avis .avis_pdv .cta {
        width: 100%;
        bottom: 0;
        left: 0;
        height: 80px;
        font-size: 20px;
    }
    .produit .landing_produit_services .produit_services_container .avis .avis_vehicule .cta {
        padding-top: 25px;
    }
    .produit .landing_produit_services .produit_services_container .avis .avis_pdv .cta {
        padding-top: 13px;
    }
    .produit .landing_produit_services .img_container {
        background-size: cover;
    }    
    
}
@media screen and (max-width: 680px) and (min-width: 200px) {
    html {
        -webkit-text-size-adjust: 100% !important;
        width: 100%;
        /* height: 100%; */
    }
    body {
        min-width: 300px !important;
        overflow-x:hidden;
    }
    .produit #choix_langue .chosen-container-single .chosen-single {
        width: 50px;
    }
    .produit #choix_langue .chosen-container {
        width: 46px !important;
    }
    .produit #choix_langue .chosen-container.chosen-with-drop .chosen-drop {
        width: 82px;
    }
    /*
        .produit #tagline .home_picto {
            background-position: 0px 2px;
            background-size: 20px 20px;
            display: inline-block;
            width: 20px;
            height: 22px;
            margin: 16px 12px 0 35px;
        }
    */

    #tagline {
        margin-top: 0px !important;
    }
    #header {
        min-width: 300px !important;
    }
    #tagline .home_picto {
        background: rgba(0, 0, 0, 0) url("../images/svg/burger.svg") no-repeat left center !important;
        height: 40px !important;
        width: 40px !important;
        border: none !important;
        margin-bottom: 0 !important;
        position: relative;
        top: 3px;
        display: inline-block;
    }
    [dir=rtl] #tagline .home_picto {
    }
    .mobile_only #tagline .home_picto {
        margin-left: 14px;
    }
    [dir="rtl"] #contribution_produit #tagline .home_picto {
        margin: 5px 35px 0 12px;
    }
    [dir=rtl] #tagline .home_picto {
        float: right;
        margin-left: 15px;
        margin-top: 6px;
        background-position: right center !important;
        margin-right: 14px;
        padding-bottom: 0;
    }
    #tagline .tagline_holder {
        margin-top: 10px;
    }
    /*
    #content.boussole .home_picto {
        background: rgba(0, 0, 0, 0) url("../images/home_picto.png") no-repeat scroll 0 0;
        display: none;
        height: 17px;
        margin-bottom: 15px;
        margin-right: 12px;
        width: 12px;
    }
    #content.boussole .home_picto {
        border-bottom: 2px solid #B0ADC4;
    }
    */

    .boussole .home_picto {
        display: none;
    }
    h1 {
        font-size: 1.5em;
        margin: 0 0 0.67em;
    }
    .accroche .title {
        width: auto;
        font-size: 30px;
    }
    #page_detail_avis .accroche h1 {
        position: relative;
        top: -8px;
        font-family: Citroen Type Black;
    }
    /* Correction problème caractères mal supportés en tchèque */
    html[lang=cs] #page_detail_avis .accroche h1,
    html[lang=tr] #page_detail_avis .accroche h1,
    html[lang=pl] #page_detail_avis .accroche h1 {
        font-family: Citroen Type Bold;
        font-size: 1.3em;
    }
 /* Font Japon */
 html[lang=ja] #page_detail_avis .accroche h1  {
    font-family: "Citroen Type Bold", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
        font-size: 1.3em;
 }
    html[lang=tr] .reponse_avis2 .titre b,html[lang=cs] .reponse_avis2 .titre b, html[lang=pl] .reponse_avis2 .titre b {
        font-size: inherit;
    }
    #contribution_ventes .accroche .title {
        font-size: 29px;
        height: 60px;
        margin: auto auto;
        /* width: 450px; */

        padding-top: 12px;
    }
    #contribution_ventes .accroche .subtitle {
        font-size: 30px;
        line-height: 33px;
        position: relative;
        top: -15px;
    }
    h2 {
        font-size: 1.5em;
    }
    #page_detail_avis .accroche .subtitle {
        font-size: 30px;
    }
    h3 {
        font-size: 1.5em;
        padding: 0;
        margin: 0;
    }
    p {
        color: #3b3938;
    }
    .emailing_2nd #content_etapes {
        font-family: Citroen Type Regular;
        font-size: 15px;
    }
    html[lang=hu] .emailing_2nd #content_etapes {
        font-family: Citroen Type Regular;
    }
    .avis_client {
        padding: 0 10px;
        margin-bottom: 0;
        margin-top: 5px;
        font-size: 1.1em;
    }
    html[lang=tr] .titre_rouge, html[lang=cs] .titre_rouge, html[lang=pl] .titre_rouge {
        font-size: 1em;
    }
    .nb_avis_utiles {
        margin: 15px 0;
        font-size: 1.5em;
    }
    html[lang=tr] .nb_avis_utiles, html[lang=cs] .nb_avis_utiles, html[lang=pl] .nb_avis_utiles {
        font-size: 1.1em;
    }
    .reponse_avis {
        margin-left: 30px;
    }
    .reponse_avis2 {
        padding-left: 0;
    }
    .reponse_avis p {
        font-size: 1.1em;
    }
    html[lang=tr] .reponse_avis p, html[lang=cs] .reponse_avis p, html[lang=pl] .reponse_avis p {
        font-size: 0.9em;
    }
    #page_detail_avis .detail_avis_content .reponse_avis2 .notes {
        position: inherit;
        transform: 0 !important;
        left: inherit;
    }
    .avis_detail_footer .question_avis_utile,
    .avis_detail_footer .style_merci {
        color: #3b3938;
        font-size: 1.2em;
        padding-bottom: 5px;
    }
    [dir=rtl] .avis_detail_footer .style_merci {
        padding-right: 0;
    }
    .question_avis_utile {
        display: block;
    }
    .avis_detail_header .titre {
        padding: 10px 15px 0 15px;
        font-size: 1.3em;
    }
    [dir=rtl] .modale_tous_avis_contenu .avis_detail_header .titre {
        margin-top: 45px;
    }
    .etape3 .obligatoire {
        font-family: Citroen Type Light;
        color: #3b3938;
        /* margin: 10px 0 0px 0; */

        font-size: 1em;
        margin-top: 20px;
    }
    html[lang=hu] .etape3 .obligatoire {
        font-family: Citroen Type Light;
    }
    .message_erreur {
        text-align: center;
        margin-bottom: 0;
    }
    #titre {
        display: none;
    }
    #titre_mobil h1 span {
        display: block;
    }
    #titre_mobil {
        display: block;
        text-align: center;
        margin: 35px 0 0 0;
    }
    #content {
        width: 460px;
        padding: 0;
        margin: 0 auto;
        padding: 0 0 20px;
    }
    #content_block {
        width: auto !important;
        background: none;
        border-bottom: none;
    }
    #contribution_ventes .accroche {
        font-size: 10px;
        margin-top: 15px;
        margin-bottom: 10px;
    }
    #nf_service_header {
        top: -130px;
    }
    /*#block_ventes, #block_atelier,*/

    #avis_details_container, #avis_details_content {
        width: 100%;
    }
    #block_atelier.mobile {
        display: block;
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, #ececec 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ececec));
        background: -webkit-linear-gradient(top, #ffffff 0%, #ececec 100%);
        background: -o-linear-gradient(top, #ffffff 0%, #ececec 100%);
        background: -ms-linear-gradient(top, #ffffff 0%, #ececec 100%);
        background: linear-gradient(to bottom, #ffffff 0%, #ececec 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec', GradientType=0);
        min-width: 300px !important;
        float: none;
        padding: 0 0 23px 0;
        margin: 0 auto 20px auto;
        border: 1px solid #dadada;
    }
    #block_ventes,
    #block_ventes.selected,
    #block_atelier,
    #block_atelier.selected {
        width: 100%;
        left: 0;
        margin: 10px 0 10px 0;
        border: 4px solid 3b3938;
        padding: 10px 20px 11px 20px;
    }
    #contribution_ventes .other {
        height: 300px;
    }
    body:not([id='page_detail_avis']) .block_notes.other {
        border: none !important;
        display: none;
    }
    #page_detail_avis .block_notes {
        padding: 5px;
    }
    #page_detail_avis .block_notes {
        min-height: 300px;
    }
    #avis_details_content #block_ventes,
    #avis_details_content #block_atelier {
        left: 0;
    }
    #content_bg_ventes {
        background: none;
        width: auto;
        border: none;
    }
    #content_bg_atelier {
        background: none;
        width: auto;
        border-right: none;
        border-bottom: none;
    }
    #content_bg_block {
        background: none;
        width: auto;
        border-right: none;
        border-bottom: none;
    }
    .notes {
        padding: 5px 0 0 0;
        float: left;
    }
    #page_detail_avis .mobile_note_header {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        padding-top: 8px;
    }
    [dir=rtl] #page_detail_avis .mobile_note_header {
        position: inherit;
    }
    [dir=rtl] .modale_tous_avis_contenu .avis_detail_header .notes {
        position: absolute !important;
        left: 50%;
        transform: translateX(-50%);
    }
    .avis_detail_header {
        padding-left: 0;
        margin-top: 0px;
    }
    .detail_avis_content .first {
        margin-top: 4px;
    }
    .abus.reported_text.desktop {
        display: none;
    }
    .abus.reported_text.mobile {
        display: block;
        font-size: 1.4em;
        padding-top: 5px;
    }
    .text_notes {
        padding: 4px 0 0 0;
        font-size: 21px;
    }
    [dir=rtl] .text_notes {
        padding-right: 10px;
    }
    #content,
    .produit #content_etapes {
       /* width: 95%;*/
    }
    #page_detail_avis .text_notes {
        font-size: 24px;
    }
    .content_notes {
        display: table;
        margin: auto auto;
        padding: 5px 0 0 !important;
        text-align: center;
    }
    .block_notes.selected .block_foot {
        display: 0;
        padding-top: 10px;
        margin: 0;
        font-size: 1.6em;
    }
    #page_detail_avis .block_notes .block_foot {
        font-size: 1.6em;
        padding-bottom: 10px;
    }
    .oneblock .content_notes table {
        width: auto !important;
    }
    table {
        margin: 10px 0 0 80px;
    }
    table tr td a.chiffre {
        font-size: 1.30em;
        color: #3b3938;
        text-decoration: none;
    }
    table tr td {
        padding: 0;
    }
    .notes_attrib .nb_total_notes_libelle {
        font-size: 15px;
    }
    .note_barre_exter {
        padding: 0 8px 0 20px;
    }
    .typo_rouge_table {
        font-size: 1.30em;
    }
    .typo_grise_table {
        font-size: 1.30em;
    }
    .bt_on,
    .bt_off {
        /* display: inline-block; */

        margin: 3px 0;
        padding: 10px;
        font-size: 1.15em;
        background-image: none;
        text-align: center;
    }
    .content_bt_boussole .read,
    .content_bt_boussole .write {
        font-size: 18px;
        line-height: 22px;
    }
    .content_bt_boussole .read,
    .content_bt_boussole .write {} .bt_on:hover {
        cursor: pointer;
    }
    .bt_off_modal {
        padding: 10px 20px;
        font-size: 1em !important;
    }
    .bt_off_desactive {
        padding: 10px 20px;
        font-size: 1.25em;
    }
    .margin_left_30 {
        margin: 0 0 0 10px !important;
    }
    #content_etapes {
        width: auto;
        /* min-width: 300px !important; */

        margin: 0 auto;
        background-color: #fff;
        padding: 10px 0px 10px 0px;
        border: none;
        margin-bottom: 20px;
        position: relative;
        top: -6px;
    }
    .modale_tous_avis_contenu #content_etapes {
        margin-top: 10px;
    }
    .landing #content_etapes {
        margin-top: 25px;
    }
    .landing #modele,
    .landing #input_marque {
        width: 100%;
        margin: 0;
    }
    .landing .form-input {
        display: inline-block;
        width: 100%;
    }
    #content_etapes.mentions_legales {
        width: 100%;
    }
    #content_etapes_block {
        width: auto;
        /* min-width: 300px !important; */

        margin: 0 auto;
        background-color: #fff;
        padding: 10px 5px 10px 5px;
        border: 1px solid #dadada;
        padding: 0 !important;
        border: none;
        z-index: 10;
    }
    .etape_on {} .etape {
        margin-right: 10px;
    }
    .etape_3rouge {
        display: table-cell;
        float: left;
        width: 60%;
        padding: 10px 10px 0 10px;
        height: 1.8em;
        text-align: left;
        font-size: 1.45em;
        background-image: url('../images/fleche_onglet_3rouge_mobile.gif');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right top;
        background-color: #fff;
    }
    .etape_off {} .etape_off_rouge {
        display: table-cell;
        width: 10%;
        padding: 10px 10px 0 10px;
        height: 1.8em;
        text-align: left;
        font-size: 1.45em;
        background-image: url('../images/fleche_onglet_grisrouge_mobile.gif');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right top;
        background-color: #fff !important;
    }
    .etape_3 {
        display: table-cell;
        width: 10%;
        padding: 10px 10px 0 10px;
        height: 1.8em;
        text-align: left;
        font-size: 1.45em;
        background-image: url('../images/fleche_onglet_3_mobile.gif');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right top;
        background-color: #fff;
    }
    p.intro_etape {
        font-size: 14px;
        line-height: 27px;
        margin: 20px 10px 25px 0;
    }
    a.votre_note_etoile {
        width: 40px;
        height: 40px;
    }
    .onglet {
        display: none;
    }
    #formAnchor {
        top: 0;
    }
    .onglet_mobile {
        display: block;
        width: 100%;
    }
    .produit .onglet_mobile {
        margin-top: 46px;
    }
    .onglet_mobile span {
        padding: 0;
    }
    .etape {
        font-size: 26px;
    }
    .onglet_mobile .etape_off span {
        padding: 0 5px;
    }
    .zone_avis, .zone_avis_text, .zone_avis_salesman {
        width: 100%;
        box-sizing: border-box;
        font-size: 1.20em;
        padding: 2px 10px;
        font-family: Citroen Type Regular;
        font-weight: normal;
        color: #3b3938;
        border: 0;
    }
    html[lang=hu] .zone_avis, .zone_avis_text,  html[lang=hu] .zone_avis_salesman {
        font-family: Citroen Type Regular;
    }
    .zone_avis, .zone_avis_salesman {
        height: 148px;
    }
    .zone_avis_text {
        height: auto;
    }
    [dir=rtl] .zone_avis, [dir=rtl] .zone_avis_salesman {
        padding: 2px 10px;
    }
    .zone_commentaire {
        height: 148px;
        width: 100%;
        box-sizing: border-box;
        font-size: 1.20em;
        padding: 2px 10px;
        font-family: Citroen Type Regular;
        font-weight: normal;
        color: #3b3938;
        border: 0;
    }
    html[lang=hu] .zone_commentaire {
        font-family: Citroen Type Regular;
    }
    .compteur, .compteur_salesman {
        display: none;
    }
    .bloc_zone_avis {
        border: 1px solid #3b3938;
        display: inline-block;
        height: 164px;
        width: 100%;
        /* min-width: 300px !important; */

        border-radius: 0;
        padding: 0;
        box-sizing: border-box;
    }
    [dir=rtl] .bloc_zone_avis {
        width: 100%;
    }
    .bloc_zone_commentaire {
        border: 1px solid #3b3938;
        display: inline-block;
        height: 170px;
        width: 100%;
        min-width: 300px !important;
        border-radius: 0;
        padding: 0;
        box-sizing: border-box;
    }
    .signaler_abus .bloc_zone_commentaire {
        width: 93%;
    }
    .votre_note {
        display: none;
    }
    .votre_note_mobile {
        display: block;
        position: relative;
        margin: 20px 0 20px 0;
    }
    a.votre_note_etoile span , a.votre_note_etoile_salesman span {
        display: none;
    }
    a.votre_note_etoile:hover span , a.votre_note_etoile_salesman:hover span {
        display: inline;
        position: absolute;
        left: 250px;
        top: 40px;
        padding: 0 10px 0 10px;
        text-align: center;
        color: #ff0000;
        background-color: #fff;
    }
    span.text_info {
        /* position: absolute; */
        /* top: 10px; */
        /* right: 20px; */

        padding: 0 33px 0 0;
        font-size: 12px;
        font-style: italic;
        line-height: 22px;
    }
    [dir=rtl] span.text_info {
        padding: 0 0 0 33px;
    }
    td.note_libelle {
        font-size: 1.3em;
    }
    .note_quantite {
        font-size: 21px;
    }
    .votre_note_etoile_content p {
        font-size: 23px;
        padding: 10px 0px 0px 0;
        min-height: 40px;
        margin: 0;
    }
    .smartphone .votre_note_mobile .votre_note_label {
        margin-bottom: 0px;
        box-sizing: border-box;
    }
    [dir=rtl] .votre_note_mobile .votre_note_label {
        padding: 0 0 0 10px;
        margin-top: 0;
    }
    [dir=rtl] .smartphone .votre_note_mobile .votre_note_label {
        width: 100%;
        margin-bottom: 10px;
    }
    [dir=rtl] p.text_note_info , [dir=rtl] p.text_note_info_salesman{
        left: 0px;
        width: auto;
    }
    .emailing_2nd p.text_note_info {
        float: left;
    }
    .smartphone .votre_note_etoile_content .text_note_info 
    , .smartphone .votre_note_etoile_content .text_note_info_salesman {
        display: none;
        height: 40px;
        line-height: 40px;
    }
    .votre_note_etoile_content p.text_survol {
        display: none;
    }
    .votre_note_etoile_content p.text_survol_mobile {
        color: #3b3938;
        display: none;
        font-family: 'Citroen Type Regular', Verdana, Arial, sans-serif;
        font-size: 1.20em;
        font-style: italic;
        text-align: left;
        padding: 5px 0 0px 7px;
        width: 100%;
        height: 1em;
    }
    /* Correction problème caractères mal supportés en tchèque */
    html[lang=cs] .votre_note_etoile_content p.text_survol_mobile,
    html[lang=tr] .votre_note_etoile_content p.text_survol_mobile,
    html[lang=pl] .votre_note_etoile_content p.text_survol_mobile {
        font-family: Citroen Type Regular;
    }
 /* Font Japon */
 html[lang=ja] .votre_note_etoile_content p.text_survol_mobile  {
    font-family: "Citroen Type Regular", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
    .notes_attrib {
        width: 100%;
        margin: 0 auto;
        margin-top: 10px;
    }
    .block_notes.other .block_foot {
        display: block;
        left: 0px;
        padding-bottom: 10px;
        font-size: 1.6em;
    }
    .notes_attrib table {
        display: table;
        margin: 0 auto !important;
    }
    .etoile {
        margin: 0 5px 0 0;
    }
    .content_notes .notes .etoile {
        height: 33px;
        width: 33px;
    }
    .boussole .stores .content_notes .notes .etoile {
        width: 20px;
        height: 20px;
    }
    #page_detail_avis .etoile {
        width: 33px;
        height: 33px;
    }
    .text_notes span:first-child {
        font-size: 1.2em;
    }
    .text_notes span:last-child {
        font-size: 1.1em;
    }
    /* .votre_note_mobile{display: block; position: relative; margin: 20px 0 20px 0;} */

    a.infos {
        position: absolute;
        top: 9px;
        right: 50px;
        width: 49px;
        height: 49px;
        display: block;
        background-image: url('../images/svg/infos_mobile.svg');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left top;
    }
    [dir=rtl] a.infos {
        left: 63px;
        right: auto;
    }
    a.infos span {
        display: none;
    }
    a.infos:hover span {
        display: block;
        top: -28px;
        left: -348px;
        position: absolute;
        background-color: #fff;
        text-decoration: none;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        box-shadow: 0 0 6px #858585;
        font-size: 18px;
        color: #000;
        padding: 10px;
        width: 318px;
        font-family: 'Citroen Type Regular', Verdana, Arial, sans-serif;
    }
    /* Correction problème caractères mal supportés en tchèque */
    html[lang=cs] a.infos:hover span,
    html[lang=tr] a.infos:hover span,
    html[lang=pl] a.infos:hover span {
        font-family: Citroen Type Regular;
    }
 /* Font Japon */
 html[lang=ja] a.infos:hover span  {
    font-family: "Citroen Type Regular", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
    [dir=rtl] a.infos:hover span {
        top: -23px;
        right: -356px;
    }
    a.infos span img.fleche_bulle.only_ltr {
          top: 39px;
          left: 337px;
    }
    a.infos span img.fleche_bulle.only_rtl {
        display: block;
        top: 39px;
        left: 336px;
    }
    [dir=rtl] a.infos span img.fleche_bulle.only_rtl {
        display: block;
        top: 35px;
        left: -10px;
        transform: rotateY(180deg);
    }
    a.infos span img.fleche_bulle {
        /* display: none; */
    }
    a.infos span img.fleche_bulle_mobile {
        display: block;
        top: 44px;
        left: 338px;
        position: absolute;
        border: 0;
    }
    a.infos_vin {
        position: absolute;
        top: -8px;
        left: 402px;
        width: 30px;
        height: 30px;
        display: block;
        background-image: url('../images/svg/infos_mobile.svg');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left top;
    }
    [dir=rtl] a.infos_vin:hover span .fleche_bulle.only_rtl {
        display: block;
        top: 21px;
        left: -10px;
        right: auto;
        transform: rotateY(180deg);
    }
    a.infos_vin:hover span .fleche_bulle.only_rtl {
        display: block;
        left: 217px;
    }
    a.infos_vin:hover span .fleche_bulle.only_ltr {
        display: none;
    }
    [dir=rtl] a.infos_vin {
        left: 0;
    }
    a.infos_vin span {
        display: none;
    }
    a.infos_vin:hover span {
        display: block;
        top: -10px;
        left: -230px;
        position: absolute;
        background-color: #fff;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        box-shadow: 0 0 6px #858585;
        font-size: 18px;
        color: #000;
        padding: 10px;
        width: 198px;
        font-family: 'Citroen Type Regular', Verdana, Arial, sans-serif;
    }
    /* Correction problème caractères mal supportés en tchèque */
    html[lang=cs] a.infos_vin:hover span,
    html[lang=tr] a.infos_vin:hover span,
    html[lang=pl] a.infos_vin:hover span {
        font-family: Citroen Type Regular;
    }
 /* Font Japon */
 html[lang=ja] a.infos_vin:hover span  {
    font-family: "Citroen Type Regular", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
    [dir=rtl] a.infos_vin:hover span {
        left: auto;
        right: -230px;
    }
    a.infos_vin:hover span img.fleche_bulle_mobile {
        display: block;
        top: 15px;
        left: 218px;
        position: absolute;
        border: 0;
    }
    [dir=rtl] a.infos_vin:hover span img.fleche_bulle_mobile.only_ltr {
        display: none;
    }
    p.intro_etape span {
        font-size: 0.9em;
    }
    .votre_note_mobile p {
        position: relative;
        color: #3b3938;
        font-family: Citroen Type Bold;
        font-size: 23px;
        padding: 7px 30px 0px 0;
        margin-bottom: 15px;
    }
    html[lang=hu] .votre_note_mobile p {
        font-family: Citroen Type Bold;
    }
    .emailing_ventes .votre_note_mobile p {
        padding: 7px 50px 0 0;
    }
    [dir=rtl] .votre_note_mobile p {
        padding: 7px 0px 0 30px;
    }
    .votre_note_mobile p.text_survol {
        float: left;
        color: #3b3938;
        font-style: italic;
        font-family: 'Citroen Type Regular', Verdana, Arial, sans-serif;
        font-size: 0.875em;
        padding: 5px 0 0 30px;
    }
    /* Correction problème caractères mal supportés en tchèque */
    html[lang=cs] .votre_note_mobile p.text_survol,
    html[lang=tr] .votre_note_mobile p.text_survol,   
    html[lang=pl] .votre_note_mobile p.text_survol {
        font-family: Citroen Type Regular;
    }
 /* Font Japon */
 html[lang=ja] .votre_note_mobile p.text_survol  {
    font-family: "Citroen Type Regular", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
    .votre_note p {
        width: 94%;
        padding: 0 0 10px 5px;
        font-size: 1.70em;
    }
    .votre_note a.infos {
        position: absolute;
        top: 2px;
        left: 378px;
    }
    .votre_note a:hover span {
        display: block;
        top: -30px;
        left: -25px;
        position: absolute;
    }
    .savoir_plus {
        color: #000000;
        display: block;
        font-size: 1em;
        padding: 0px 0 0px 10px;
    }
    .savoir_plus {
        color: #000000;
        display: block;
        font-size: 1em;
        padding: 13px 0 10px 10px;
    }
    .savoir_plus_offre,
    .savoir_plus_pdv {
        font-size: 1em;
    }
    .savoir_plus_offre {
        padding: 0px 0 0px 10px;
    }
    .savoir_plus_pdv {
        padding-bottom: 10px;
    }
    .obligatoire {
        font-size: 0.70em;
        font-family: Citroen Type Light;
        padding: 0 0 10px;
    }
    html[lang=hu] .obligatoire {
        font-family: Citroen Type Light;
    }
    /* ETAPE 2 */

    .etape2 {
        width: auto;
        margin: 20px 0;
        /* padding: 10px; */

        border: 1px solid #dadada;
        text-align: center;
    }
    .etoile_content .etoile_moitie {
        width: 35px;
        height: 35px;
    }
    .etoile_content .etoile_off {
        width: 35px;
        height: 35px;
    }
    .etoile_content .etoile_on {
        width: 35px;
        height: 35px;
        background-size: 41px;
    }
    .etoile_content {
        transform: translateX(-50%);
        position: relative;
        left: 50%;
        margin-top: 10px;
    }
    [dir=rtl] .etoile_content {
        float: left;
    }
    .etape2 p {
        font-size: 1.4em;
        width: 100%;
        margin-top: 0;
        padding-top: 10px;
    }
    .preview_avis {
        padding: 20px 20px 5px 20px;
        margin-bottom: 0;
    }
    .preview_avis {
        text-align: left;
        width: 100%;
        box-sizing: border-box;
        border: navajowhite;
    }
    .etoile_content p {
        clear: both;
        font-size: 1.5em;
    }
    /* FIN */
    /* ETAPE 3*/

    .etape3 {
        margin: 0;
    }
    input.num_imma {
        font-size: 0.50em;
        width: 262px;
    }
    form li input {
        font-size: 0.80em;
    }
    form li select {
    font-size: 0.80em;
    width: 421px;
    padding: 0 20px;
    border: 1px solid #3b3938;
    border-radius: 12px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    background-image: none;
    box-shadow: none;
    font-size: 0.80em;
    }
    form li {
        float: none;
        font-size: 1.50em;
        width: 100%;
        display: inline-block;
    }
    ul.ul_but_avis div label {
        font-family: Citroen Type Light;
        font-size: 20px;
    }
    html[lang=hu] ul.ul_but_avis div label {
        font-family: Citroen Type Light;
    }
    form li label {
        font-family: Citroen Type Light;
        font-size: 0.75em;
        color: #3b3938;
    }
    html[lang=hu] form li label {
        font-family: Citroen Type Light;
    }
    [lang=cs] .etape3 form .form-list-field li:last-child label,
    [lang=tr] .etape3 form .form-list-field li:last-child label,
    [lang=pl] .etape3 form .form-list-field li:last-child label {
        width: auto;
    }
    .signaler_abus form li label {
        font-size: 0.8em;
        width: 93%;
    }
    .signaler_abus ul.form-section {
        margin-top: 13px;
    }
    input[type="radio"] + label.styled_radiobox {
        width: 40px;
        height: 40px;
        background-size: 35px !important;
        margin: 0;
    }
    form .chosen-container-single .chosen-single {
        width: 200px !important;
    }
    form li input[type="text"],
    form li input[type="email"] {
        width: 230px;
    }
    form li input[type=text],
    form li input[type=email],
    form li input[type=date] {
        border: 1px solid #3b3938;
        width: 410px;
    }
    .item-validation {
        background-size: 22px;
    }
    input#date_passage {
        background: url("../images/svg/agenda.svg") no-repeat scroll 97% 3px rgba(0, 0, 0, 0);
        text-align: center;
    }
    .signaler_abus input[type=text],
    .signaler_abus input[type=email],
    .signaler_abus #email {
        width: 90% !important;
    }
    .bloc_erreur {
        margin: 0 0 40px;
    }
    .cta {
        display: block;
        width: 49%;
        text-align: left;
        font-size: 1.5em;
        padding-top: 0.25em;
        padding-bottom: 0.25em;
        font-family: Citroen Type Bold;
    }
    /* Correction problème caractères mal supportés en tchèque */
    html[lang=tr] .cta,
    html[lang=cs] .cta,
    html[lang=pl] .cta {
        font-family: Citroen Type Bold;
    }
 /* Font Japon */
 html[lang=ja] .cta  {
    font-family: "Citroen Type Bold", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
    .cta-inline {
        display: inline-block;
        width: auto;
    }
    .cta-mobile-inline {
        display: inline-block;
        width: 49%;
    }
    .cta-mobile-block {
        display: block;
        width: 100%;
    }
    .cta-menumobile.cta-xl,
    .cta-menuboussole.cta-xl {
        padding-top: 0.75em;
        padding-bottom: 0.75em;
    }
    .cta-menumobile {
        display: block;
        width: calc(100% - 40px);
        background: #E6E5EB;
        border: 4px solid #E6E5EB;
        color: #AFADC3;
        font-family: Citroen Type Regular;
        font-size: 1.4em;
    }
    html[lang=hu] .cta-menumobile {
        font-family: Citroen Type Regular;
    }
    .cta-menumobile:hover,
    .cta-menumobile.active {
        background: #ffffff;
        border: 4px solid #AFADC3;
        color: #AFADC3;
        font-family: Citroen Type Regular;
    }
    html[lang=hu] .cta-menumobile:hover,
    html[lang=hu] .cta-menumobile.active {
        font-family: Citroen Type Regular;
    }
    .cta-menuboussole {
        display: block;
        width: calc(100% - 40px);
        /*  background:#E6E5EB; */
        /*  border: 4px solid #E6E5EB; */
        /*  color:#AFADC3; */

        font-family: Citroen Type Regular;
        font-size: 1.4em;
    }
   html[lang=hu] .cta-menuboussole {
        font-family: Citroen Type Regular;
    }
    .cta-menuboussole:hover {
        /*  background:#ffffff; */
        /*  border: 4px solid #AFADC3; */
        /*  color:#AFADC3; */

        font-family: Citroen Type Regular;
    }
    html[lang=hu] .cta-menuboussole:hover {
        font-family: Citroen Type Regular;
    }
    #menu_mobile .cta-menuboussole.cta-home:hover .home_picto,
    #menu_mobile .cta-menuboussole.cta-home.active .home_picto {
        background-image: url("../images/btn_accueil_on.png");
    }
    .cta-menumobile.cta-arrow-right {
        background-color: : #E6E5EB;
        background-image: url('../images/svg/fleche-droite-lavendergrey.svg');
    }
    .cta-menumobile.cta-arrow-right:hover {
        background-color: #FFFFFF;
        background-image: url('../images/svg/fleche-droite-lavendergrey.svg');
    }
    [dir=rtl] .cta-menumobile.cta-arrow-right {
        background-color: : #E6E5EB;
        background-image: url('../images/svg/fleche-gauche-lavendergrey.svg');
    }
    [dir=rtl] .cta-menumobile.cta-arrow-right:hover {
        background-color: #FFFFFF;
        background-image: url('../images/svg/fleche-gauche-lavendergrey.svg');
    }
    .cta-arrow-left {
        background-position: .5em 50%;
        background-repeat: no-repeat;
    }
    .cta-arrow-left:hover {
        background-position: .6em 50%;
        background-repeat: no-repeat;
    }
    .cta-arrow-right,
    .cta-arrow-right.active {
        background-repeat: no-repeat;
        background-position: calc(100% - .5em) 50%;
    }
    .cta-arrow-right:hover,
    .cta-arrow-right.active {
        background-repeat: no-repeat;
        background-position: calc(100% - .5em) 50%;
    }
    [dir=rtl] .cta-arrow-right:hover,
    [dir=rtl] .cta-arrow-right.active {
        background-repeat: no-repeat;
        background-position: .5em 50%;
    }
    .landing .form_publication input[type=submit] {
        margin-left: 0;
    }
    .landing .form_publication input[type=email] {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }
    .position_info_immatriculation {
        position: absolute;
        top: 3px;
        left: -10px;
        z-index: 100;
    }
    .position_info_cp {
        position: absolute;
        top: 29px;
        left: -17px;
        z-index: 101;
    }
    a.infos img.small {
        display: none;
    }
    a.infos img.big {
        display: block;
    }
    a.infos_vin img.small {
        display: none;
    }
    a.infos_vin img.big {
        display: block;
    }
    /* FIN */
    /* DETAIL AVIS */

    .detail_avis_header {
        /* height: 105px; */
    }
    #detail_avis {
        border: 0;
    }
    #page_detail_avis .cta_avis_detail {
        float: left;
        clear: both;
        display: block;
        padding: 5px 0 15px 15px;
    }
    [dir=rtl] #page_detail_avis .cta_avis_detail {
        float: right;
        padding: 5px 15px 15px 0;
    }
    .onglet_detail {
        float: none;
        /* height: 45px; */

        margin: 0;
        box-sizing: border-box;
    }
    [dir=rtl] .onglet_detail {
        float: none;
    }
    .onglet_detail a.detail_on {
        display: block;
        height: 38px;
        font-size: 1.2em;
        font-weight: bold;
        width: 32%;
        text-align: center;
        padding: 8px;
    }
    .fleche_detail_on {
        display: inline-block;
        padding: 0 14px 0 18px;
        background-image: url('../images/tri_asc.png') !important;
        background-size: 10px;
        background-repeat: no-repeat !important;
        background-position: 0 8px !important;
    }
    [dir=rtl] .fleche_detail_on {
        background-position: 96px 7px !important;
    }
    .fleche_detail_on_de {
        display: block;
        padding: 0 20px 0 17px;
        background-image: url('../images/tri_asc.png') !important;
        /* background-size: 20% 20% !important; */

        background-repeat: no-repeat !important;
        background-position: 24px 6px !important;
    }
    .onglet_detail a.detail_off {
        display: block;
        padding: 8px;
        height: 38px;
        font-size: 1.2em;
        font-weight: bold;
        width: 34%;
        border-right: none;
        text-align: center;
    }
    .fleche_detail_off {
        display: inline-block;
        padding: 0 14px 0 18px;
        background-image: url('../images/tri_desc.png') !important;
        background-repeat: no-repeat !important;
        background-position: 0px 8px !important;
        background-size: 10px;
    }
    [dir=rtl] .fleche_detail_off {
        background-position: 104px 6px !important;
    }
    .onglet_detail a.border {
        border-top: 1px solid #dadada;
        border-left: 1px solid #dadada;
        border-right: 1px solid #dadada;
    }
    .detail_avis_header h3 {
        float: none;
        font-size: 1.4em;
        font-weight: normal;
        line-height: 24px;
        margin: 0 auto;
        padding: 1px 0 2px 5px;
        text-align: center;
        /* width: 293px; */
    }
    .etoile_moitie {
        background-image: url('../images/svg/etoile_moitie.svg') !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: left top !important;
    }
    .block_notes.other .etoile_moitie {
        background-image: url('../images/svg/etoile_moitie_grise.svg') !important;
    }
    [dir=rtl] .block_notes.other .etoile_moitie {
        background-image: url('../images/svg/etoile_moitie_grise_ar.svg') !important;
    }
    .fleche_pagination_on {
        display: inline-block;
        width: 8px;
        height: 11px;
        background-image: url('../images/svg/fleche_pagination_on_right.svg') !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: left top !important;
    }
    /* .detail_avis_content span {
    display: block;
    float: left !important;
    font-size: 1.3em;

    } */

    .avis_utile {
        font-size: 1.2em;
        padding: 3px;
    }
    .mobile-reset-avis {
        font-size: 1em;
    }
    .date_expe {
        display: block;
        margin: 15px 0 15px 0;
        font-size: 1.25em;
        padding-left: 15px;
    }
    .no_margin {
        margin: 0;
    }
    .liens_avis {
        font-size: 1.2em;
        background-position: right 3px;
        color: #3b3938;
    }
    span.liens_avis {
        font-size: 1.2em;
    }
    .liens_avis2 {
        background: url("../images/fleche_rouge.png") no-repeat scroll left 10px rgba(0, 0, 0, 0);
        font-size: 0.8em;
    }
    /* FIN*/
    /* EMAILING */

    #content_bg_emailing {
        background: none;
        width: auto;
        border: none;
        padding: 0;
    }
    /* FIN */

    .mention p {
        font-size: 1em !important;
    }
    .gdprText p {
        font-size: 1em !important;
    }
    .libelle_checkbox_avis {
        font-size: 1.2em;
        cursor: pointer;
    }
    .libelle_checkbox_conditions {
        cursor: pointer;
    }
    [dir=rtl] .emailing_2nd input[type="checkbox"] + label.styled_checkbox {
        margin-right: 0px;
    }
    .mobile_custom_checkbox_helper label.text {
        position: relative;
        top: -5px;
        font-size: 19px;
        font-family: Citroen Type Regular;
        line-height: 22px;
    }
    html[lang=hu] .mobile_custom_checkbox_helper label.text {
        font-family: Citroen Type Regular;
    }
    .size_option {
        font-size: 1em !important;
    }
    .styled_checkbox {
        width: 35px !important;
        height: 35px !important;
        background-size: 35px !important;
        float: left;
        margin-bottom: 0 !important;
    }
    [dir=rtl] .styled_checkbox {
        float: right !important;
    }
    .mobile_custom_checkbox_helper {
        margin-top: 10px;
        display: block;
        height: 100%;
        padding-left: 0;
    }
    .mobile_custom_checkbox_helper .form-line {} .libelle_checkbox_contact {
        display: inline-block;
        float: left;
        width: 400px;
    }
    [dir=rtl] .libelle_checkbox_contact {
        width: 409px;
    }
    form .chosen-container-single .chosen-single span {
        color: #878787;
        font-size: 1.6em;
    }
    #content_modal p {
        font-size: 1em !important;
    }
    .line {
        display: block;
    }
    /* boussole */

    .content_etapes_boussole {
        width: auto;
        margin: 0 !important;
    }
    .intro_boussole p {
        float: none;
        width: 100%;
    }
    .intro_boussole h2 {
        font-size: 1.5em;
        float: none;
        text-align: center;
    }
    .intro_boussole img.conces {
        display: none;
    }
    .intro_boussole img.picto_boussole {
        float: none;
        display: block;
        margin: 0 auto;
    }
    .intro_boussole h3 {
        font-size: 1.5em;
        background: none;
    }
    .intro_boussole h3 span {
        background-color: #fff;
        padding: 0 10px;
    }
    .intro_boussole_mobile {
        display: block;
    }
    .content_pv {
        width: 100%;
    }
    .pv {
        font-size: 1.3em;
        text-align: center;
    }
    .pv h4 {
        font-size: 1em;
        text-align: center;
    }
    .km {
        font-size: 1em;
    }
    .content_bt_boussole {
        float: none;
        text-align: center;
        width: 100%;
        display: table !important;
    }
    .pv {
        float: none;
        width: 100%;
    }
    .center {
        text-align: center;
        display: block;
    }
    .none_mobile {
        display: none;
    }
    /* fin */

    .desktop_only {
        display: none;
    }
    .mobile_only {
        display: block;
    }
    .pagination {
        padding: 0;
        width: 100%;
        box-sizing: border-box;
        margin: 30px 0;
    }
    .pagination .link_precedent {
        float: left;
        width: 20%;
        padding-left: 20px;
        box-sizing: border-box;
    }
    .pagination .link_suivant {
        float: left;
        width: 20%;
        text-align: right;
        padding-right: 20px;
        box-sizing: border-box;
    }
    .pagination .suivant {
        background: url('../images/pagination_mobile_suivant.png');
        background-repeat: no-repeat;
        background-position: 50%;
    }
    .pagination .precedent {
        background: url('../images/pagination_mobile_precedent.png');
        background-repeat: no-repeat;
        background-position: 50%;
    }
    .pagination .page {
        background: url('../images/pagination_mobile_clickable.png');
        background-repeat: no-repeat;
        background-position: 50%;
    }
    .pagination a.active {
        background: url('../images/pagination_mobile_selected.png');
        background-repeat: no-repeat;
        background-position: 50%;
        border-bottom: 0;
    }
    .pagination a.debut,
    .pagination a.precedent,
    .pagination a.suivant,
    .pagination a.fin,
    .pagination .page {
        height: 44px;
        width: 44px;
        color: transparent;
    }
    .pagination .page .active {
        border-bottom: 0;
    }
    .pagination a {
        height: 50px;
    }
    .pagination .link_bulles {
        width: 60%;
        float: left;
        text-align: center;
    }
    .content_etapes_boussole.bloc1 {
        height: 185px;
    }
    .margin_block {
        margin: 0 !important;
    }
    .padding_110 {
        padding: 0 !important;
    }
    .padding_222 {
        padding: 0 !important;
    }
    .label_motif {
        font-size: 20px;
        line-height: 23px;
    }
    #page_detail_avis #modale_apv_vn .label_motif {
        position: relative;
        left: 0px !important;
    }
    .signaler_abus input[type=radio]+label+label {
        float: left;
        width: 85%;
        margin-bottom: 20px;
    }
    [dir=rtl] .signaler_abus input[type=radio]+label+label {
        float: right;
    }
    .cgu #content_block,
    .cookies #content_block {
        font-size: 14px;
    }
    .pages #content_block {
        width: auto;
    }
    [dir=rtl] .certification .logo_nf {
        background-position: 300px 50% !important;
    }
    .signaler_abus input[type=radio]+label {
        float: left;
        width: 35px;
        margin-right: 10px;
    }
    [dir=rtl] .signaler_abus input[type=radio]+label {
        float: right;
        margin-left: 10px;
        margin-right: 0;
    }
    .title_motif {
        font-size: 1.3em;
        font-weight: bold;
    }
    form .chosen-container .chosen-drop {
        width: 242px !important;
    }
    #modele,
    #input_marque {
        width: 422px;
        border: 1px solid #3b3938;
        color: #3b3938;
        height: 38px;
        padding-left: 10px;
    }
    [dir=rtl] #modele,
    [dir=rtl] #input_marque {
        float: right;
    }
    .etape2 .date_depose {
        width: 100%;
        margin: 0;
        margin-top: 12px;
        font-size: 1.3em;
        padding: 0 10px;
        box-sizing: border-box;
        text-align: center;
    }
    .produit .preview_avis {
        padding: 10px 30px;
        margin: 0;
    }
    .preview_avis .libelle {
        margin-top: 20px;
        text-align: center;
    }
    .produit .vehicule_container .vehicule_visu {
        height: 200px;
        background-image: url('../images/vehicules/1CB1A3.png');
    }
    .produit .etoile_content {
        margin-top: 0;
    }
    .produit p.intro_etape span {
        font-size: 16px;
    }
    .produit .etape3 form li input[type=text],
    .produit .etape3 form li input[type=email],
    .produit .etape3 form li input[type=date] {
        width: 90%;
    }
    .produit .position_info_immatriculation {
        right: -6px;
        left: auto;
    }
    [dir=rtl] .produit .position_info_immatriculation {
        right: auto;
        left: 111px !important;
    }
    .produit a.infos_vin {
        right: 40px;
        left: auto;
    }
    .produit .selectionner {
        color: #3b3938;
        margin-top: 40px;
        font-family: Citroen Type Bold;
        font-size: 24px;
        /* display: none; */
    }
    html[lang=hu] .produit .selectionner {
        font-family: Citroen Type Bold;
    }
    .produit .bloc_vehicules {
        /* display: block; */
    }
    .produit .bouton-vehicule {
        width: 100%;
    }
    .produit .bouton-vehicule {
        padding: 16px 0;
        font-size: 22px;
    }
    .produit .bouton-vehicule-text {
        max-width: 80%;
    }
    .produit .crayon-modifier {
        width: 22px;
        /* height: 22px; */
    }
    .produit .bouton-vehicule.selected {
        padding: 16px 0;
    }
    .produit .bloc_vehicules .container {
        width: 95%;
    }
    .produit .bloc_vehicules .visu_text {
        width: 47%;
    }
    .produit .bloc_vehicules .visu_text .hover li {
        height: 31px;
        font-size: 18px;
    }
    .produit .bloc_vehicules .visu_text.focused .vehicule_text {
        font-family: Citroen Type Light;
        font-weight: bold;
        font-size: 18px;
    }
    html[lang=hu] .produit .bloc_vehicules .visu_text.focused .vehicule_text {
        font-family: Citroen Type Light;
    }
    .produit .bloc_vehicules .visu_text .hover .cta {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        padding: 8px 0px;
    }
    .produit .bloc_vehicules .visu_text.focused .hover {
        padding: 10px;
    }
    .produit .votre_note_mobile p,
    .produit .votre_note_etoile_content,
    .produit .votre_note_etoile_content p {
        padding-left: 0;
    }
    .produit .obligatoire.etape1 {
        margin-top: 20px;
    }
    .produit .vehicule_container .vehicule_text {
        margin-top: 20px;
    }
    .produit .etape2 {
        margin-top: 30px;
    }
    .produit .etape2 .date_depose {
        font-size: 20px;
        margin-bottom: 20px;
        margin-top: 64px;
    }
    .produit .etape3 .obligatoire {
        font-size: .7em;
    }
    .opacity {
        opacity: 1 !important;
    }
    #com_1 {
        width: 235px !important;
    }
    .area_comment {
        font-size: 24px;
    }
    /*
    #label-choix, #label-ventes, #label-atelier{
        font-size: 1.5em;
    }
    */

    .titre_notes {
        font-size: 2em;
    }
    #page_detail_avis .content_notes .titre_notes {
        font-size: 2em;
    }
    .text_notes span:last-child {
        font-size: 21px;
    }
    #page_detail_avis .block_notes .moyenne {
        font-size: 24px;
    }
    .content_notes .nb_total_notes_libelle {
        font-size: 1.25em;
    }
    /* MODALE */

    #modale_apv_vn .form-line {
        margin: 15px 0;
        font-size: 1.5em;
    }
    .modale_bouton_fermer {
       /* font-size: 20px;*/
    }
    #accroche {
        padding: 0;
        height: auto;
        margin-bottom: 35px;
    }
    #accroche .personImage {
        background-size: 259px !important;
        width: 260px;
        height: 341px;
    }
    #accroche .title {
        min-height: 202px;
        font-size: 38px;
        padding: 35px 0 0 230px;
        margin-bottom: 0;
    }
    [dir=rtl] #accroche .title {
        padding-left: 0px;
        padding-right: 215px;
    }
    #accroche .subtitle {
        padding: 17px 0 20px 10px;
        width: 100%;
    }
    #accroche .certif_afnor + .subtitle {
        width: 69%;
    }
    [dir=rtl] #accroche .subtitle {
        padding: 17px 15px 20px 0;
    }
    .storelocatortitle {
        font-size: 30px;
    }
    .boussole .searchbar {
        margin: 0;
    }
    [dir=rtl] .boussole .searchbar {
        margin: 0;
    }
    .boussole .searchbar .searchinput input {
        width: 375px;
        height: 60px;
    }
    .boussole .searchbar .searchbutton {
        margin: 0;
    }
    .boussole .searchbar .searchbutton input {
        height: 60px;
        width: 85px;
    }
    .boussole .col {
        padding-left: 0;
    }
    .boussole .field.include input {
        position: absolute;
        left: 0;
        width: 384px;
        height: 60px;
    }
    .boussole .field.include + input[type="submit"],
    .boussole .field.include + button {
        position: absolute;
        right: 0;
        height: 60px;
        background-position: 50% 50%;
        top: 12px;
    }
    .boussole .searchoff {
        margin-top: 50px;
    }
    .boussole .searchoff > h3 {
        font-size: 26px;
        margin-bottom: 0;
    }
    .boussole .searchoff .box1,
    .boussole .searchoff .box3 {
        width: 225px;
        margin-right: 10px;
        margin-left: 0;
        margin-bottom: 10px;
    }
    .boussole .searchoff .box2,
    .boussole .searchoff .box4 {
        width: 225px;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 10px;
    }
    .boussole .searchoff .box2 {
        padding: 100px 12px 0;
    }
    .boussole .searchoff > h4 {
        font-size: 18px;
    }
    .footer {
        font-size: 20px;
        clear: both;
    }
    .footer div {
        display: block;
        margin-bottom: 10px;
        text-align: center;
        font-size: 20px;
    }
    .footer div a {
        display: inline-block;
    }
    .footer div::after {
        content: '';
    }
    .erreur404 .logo_404 {
        display: none;
    }
    .erreur404 .page_erreur {
        float: left;
        padding: 30px;
        margin: 0;
    }
    .erreur404 .titre_erreur {
        display: block;
        text-align: center;
        font-family: Citroen Type Bold;
        font-size: 1.45em;
    }
    /* Correction problème caractères mal supportés en tchèque */
    html[lang=cs] .erreur404 .titre_erreur,
    html[lang=tr] .erreur404 .titre_erreur,
    html[lang=pl] .erreur404 .titre_erreur {
        font-family: Citroen Type Bold;
    }
 /* Font Japon */
 html[lang=ja] .erreur404 .titre_erreur  {
    font-family: "Citroen Type Bold", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
    .erreur404 .picto_alert {
        display: block;
        float: none;
        margin: auto;
        padding: 0 0 30px 0;
        width: 136px;
    }
    .erreur404 .description_erreur {
        font-size: 1.2em;
        text-align: center;
        float: none;
        width: 100%;
    }
    .erreur404 .text_erreur {
        float: none;
        width: 100%;
        font-size: 1.2em;
        text-align: center;
        padding: 0 margin: 0;
    }
    a.infos {
        width: 40px;
        height: 40px;
        display: block;
        background-image: url('../images/svg/infos_mobile.svg');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left top;
        border: 1px solid #3b3938;
        border-radius: 30px;
    }
    .bloc_zone_avis, .bloc_zone_avis_text {
        display: inline-block;
        width: 62px;
        padding: 10px 0;
        text-align: center;
        box-sizing: border-box;
        width: 100%;
    }
    [dir=rtl] .emailing_2nd .bloc_zone_avis {
        float: none;
    }
    [dir=rtl] .produit .bloc_zone_avis, [dir=rtl] .produit .bloc_zone_avis_text {
        width: 100%;
    }
    .bloc_zone_avis_text {
        height: 53px;
        margin-bottom: 0;
        border: 1px solid #3b3938;
        border-radius: 0;
    }
    #menu_mobile {
        display: block;
        position: fixed;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 99;
        box-sizing: border-box;
    }
    [dir=ltr] #menu_mobile {
        left: 0;
        transition: left 1s ease;
    }
    [dir=rtl] #menu_mobile {
        transition: right 1s ease;
        right: 0;
    }
    [dir=ltr] #menu_mobile.menuhidden {
        left: -100%;
    }
    [dir=rtl] #menu_mobile.menuhidden {
        right: -100%;
    }
    #menu_mobile .menu_block {
        display: inline-block;
        width: 80%;
        height: 100%;
        z-index: 99;
        box-sizing: border-box;
        border-right: 20px solid rgba(203, 200, 211, 0.5);
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }
    [dir=rtl] #menu_mobile .menu_block {
        border-right: 0;
        border-left: 20px solid rgba(203, 200, 211, 0.5);
    }
    #menu_mobile .menu_holder {
        width: 100%;
        height: 100%;
        background: white;
    }
    #menu_mobile .menu_switchoff {
        width: 20%;
        background: white;
        height: 100%;
        float: right;
        opacity: 0;
    }
    [dir=rtl] #menu_mobile .menu_switchoff {
        float: left;
    }
    #menu_mobile a {
        display: block;
        margin-left: 20px;
        margin-top: 20px;
        margin-right: 20px;
    }
    #menu_mobile .cta .home_picto {
        display: inline-block;
        width: 21px;
        background: rgba(0, 0, 0, 0) url("../images/home_picto_white.png") no-repeat center 40%;
        margin-right: 10px;
    }
    .boussole .body {
        margin-top: 90px;
    }
    .boussole #header_container_mutu {
        padding: 0;
    }
    [dir=rtl] #menu_mobile .cta .home_picto {
        float: right;
        margin-left: 10px;
    }
    #content .cta.cta-arrow-left,
    #content .cta.cta-arrow-left:hover {
        background-image: none;
        padding-left: 0.5em;
        text-align: center;
    }
    #content .cta.cta-arrow-right,
    #content .cta.cta-arrow-right:hover {
        padding-right: 4.9em;
        text-align: left;
    }
    [dir=rtl] .cta-arrow-right {
        padding-right: 2.5em;
        padding-left: 0.5em;
    }
    [dir=rtl] .cta-arrow-left {
        padding-right: 0.5em;
        padding-left: 2.5em;
    }
     .modale .detail_avis_header {
         width: 100% !important;
         min-width: 100% !important;
     }

     /* Ajustement du textarea sur mobile 2016-03-09 - 17h43*/
     .emailing_2nd .bloc_zone_avis {
          width: 100%;
     }
     #content.erreur404 .cta {
        margin: 0 auto;
        margin-bottom: 20px;
     }
     .modale {
         left: 0 !important; /* Centrage horizontal popin sur mobile */
         right: 0 !important; /* Centrage horizontal popin sur mobile */
         margin: auto 5%;
     }

}
@media screen and (max-width: 1024px) and (min-width: 641px) {
    #content.erreur404 .content_erreur {
        width: 100%;
    }
    #content.erreur404 .error_text_container {
        width: 55%;
    }
    #content.erreur404 .error_text_container .error_text {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media screen and (max-width: 640px) {
    #content.erreur404 .error_text_container .oups {
        display: none;
    }
    #content.erreur404 .error_text_container a {
        width: 90%;
        padding: 15px 0;
        text-align: center;
        font-size: 25px;
        background-image: none;
    }
    #content.erreur404 .visual_container .oups {
        display: block;
        margin: 0;
        padding-right: 40px;
        min-height: inherit;
        line-height: 405px;
        font-size: 80px;
        text-align: right;
    }
    [dir=rtl] #content.erreur404 .visual_container .oups {
        text-align: left;
        transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        -moz-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        -o-transform: scaleX(-1);
    }
    #content.erreur404 .visual_container, #content.erreur404 .error_text_container, #content.erreur404 .content_erreur {
        width: 100%;
        margin-bottom: 0;
    }
    #content.erreur404 .visual_container {
        background-position: left bottom;
    }
    #content.erreur404 .error_text_container .error_text {
        font-size: 39px;
        padding-top: 60px;
        padding-bottom: 60px;
    }
    #content.erreur404 .cta {
        background-image: none;
    }
}
@media screen and (max-width: 360px) {
    #content.erreur404 .visual_container .oups {
        margin-left: 0;;
    }
    #content.erreur404 .error_text_container .error_text {
        padding: 10px 10px;
    }
}
/*@media (min-width: 680px) and (max-width: 980px){
    .certification{
        width: 90%;
        padding:0;
        margin: 0 auto;
        padding: 0 0 20px;
        font-size: 20px
    }
}*/

/** IPAD */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .produit .landing_produit_services .satisfied {
        font-size: 2em;
        top: 30%;
    }
    .asterix_legende {
        color: #3b3938;
    }

}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /* Pour rajouter un espace blanc en bas de page */
    #landing.produit {
        padding-bottom: 180px;
    }
}
/*** LANDING PAGE SERVICES ***/
@media only screen and (min-device-width : 682px) and (max-device-width : 1024px) and (orientation : landscape) {
    #landing.produit {
        padding-bottom: 55px;
    }
    .produit .landing_produit_services {
        background: url('../images/landing_tablet.jpg') no-repeat 36% top/190%;
        height: 85%;
    }
    .produit .landing_produit_services .produit_services_container {
        width: 45.7%;
        position: absolute;
        right: 15px;
        bottom: auto;
        top: 15%;
        height: 75%;
    }
    .produit .landing_produit_services .satisfied {
        top: 25%;
        left: 35px;
        right: auto;
        font-size: 1em; /* Taille adaptable selon l'écran */
        text-align: left;
    }
    .produit .landing_produit_services .afnor {
        top: 35%;
        right: auto;
        left: 30px;
    }
    .produit .landing_produit_services .afnor .afnor_image {
        width: 86px;
        margin-bottom: 20px;
        text-transform: none;
    }
    .produit .landing_produit_services .afnor .afnor_text {
        text-transform: none;
        font-size: 17px;
    }
    .produit .landing_produit_services .produit_services_container .transparency {
        background-color: transparent;
        color: #FEFEFE;
        border: 2px solid #FEFEFE;
    }
    .produit .landing_produit_services .produit_services_container .avis .avis_vehicule .avis_text,
    .produit .landing_produit_services .produit_services_container .avis .avis_pdv .avis_text {
        font-size: 20px;
    }
    .produit .landing_produit_services .produit_services_container .avis .avis_vehicule .cta,
    .produit .landing_produit_services .produit_services_container .avis .avis_pdv .cta {
        font-size: 14px;
        height: 50px;
        padding: 15px 0 15px 10px;
        bottom: 10px;
        width: calc(100% - 20px);
        margin: 0 auto;
        left: auto;
    }
    .produit .landing_produit_services .produit_services_container .avis .avis_pdv .cta {
        padding-top: 5px;
    }
    .produit .landing_produit_services .produit_services_container .avis .avis_vehicule,
    .produit .landing_produit_services .produit_services_container .avis .avis_pdv {
        width: 46%;
        border-color: #FFF;
    }
}
/*** FIN LANDING PAGE SERVICES ***/

@media only screen and (min-device-width : 682px) and (max-device-width : 1024px) {
    /*** DETAILS DES AVIS ***/
    .avis_client, .reponse_avis {
        font-size: 18px;
    }
    .nb_avis_utiles {
        font-size: 14.6px;
    }
    .question_avis_utile {
        font-size: 13px;
    }
    .titre_rouge {
        font-size: 16.4px;
    }
    .avis_detail_header .titre {
        font-size: 18px;
    }
    .liens_avis, .liens_avis2 {
        font-size: 13.8px;
    }
    /*** FIN DETAILS DES AVIS ***/
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.none {
    display: none;
}
.clear {
    clear: both;
}
.border_none {
    border: none;
}
.opacity {
    opacity: 0.3;
}
.float_left {
    float: left;
}
.float_right {
    float: right;
}
.cta_avis_detail {
    float: right;
    display: table;
}
[dir=rtl] .cta_avis_detail {
    float: left;
    direction: rtl;
}
.float_none {
    float: none;
}
.align_center {
    text-align: center;
}
.padding_none {
    padding: 0 !important;
}
.padding_condition {
    padding: 10px 10px 0 0;
}
.padding_bt_off {
    padding: 10px;
}
.margin_left_30 {
    margin: -3px 0 0 10px;
}
.margin_left_6 {
    margin: 0 8px 0 6px !important;
}
.margin_right_50 {
    margin: 0 50px 0 0;
}
.margin_right_20 {
    margin: 0 20px 0 0;
}
.no_padding {
    padding: 0;
}
.margin_top {
    margin: 10px 0 0 0;
}
.margin_bottom {
    margin: 0 0 10px 0;
}
.margin_abus {
    margin: 0 3px 0 6px;
}
.padding_10 {
    padding: 10px;
}
.padding_right {
    padding: 20px !important;
}
.padding_222 {
    padding: 0 0 0 222px;
}
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}
.red_color {
    color: #DC002E;
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}
.hidden {
    display: none !important;
    visibility: hidden;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
    visibility: hidden;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
/* ==========================================================================
   Custom Select
   ========================================================================== */

form .chosen-container-single .chosen-single {
    width: 150px;
    padding: 0 20px;
    border: 1px solid #3b3938;
    border-radius: 12px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    background-image: none;
    background: transparent url('../images/fleche_bas.png') no-repeat center right;
    box-shadow: none;
}
[dir=rtl] form .chosen-container-single .chosen-single {
    background-position: left;
}
[dir=rtl] .chosen-container {
    float: right;
    width: auto !important;
    clear: both;
    margin-top: -1px;
}
form .chosen-container-single .chosen-single span {
    color: #878787;
}
form .chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #3b3938;
    background-image: none;
    background: transparent url('../images/fleche_haut.png') no-repeat center right;
}
[dir=rtl] form .chosen-container-active.chosen-with-drop .chosen-single {
    background-position: left;
}
form .chosen-container .chosen-drop {
    width: 192px;
    padding: 0 0;
    top: 40px;
    border-top: none;
    border-left: 1px solid #3b3938;
    border-right: 1px solid #3b3938;
    border-bottom: 1px solid #3b3938;
    box-shadow: none;
}
form .chosen-container .chosen-results {
    padding: 0;
    margin: 0;
}
form .chosen-container .chosen-results li.active-result {
    display: block;
    color: #3b3938;
    width: 150px;
    font-size: 14px;
    padding: 10px 20px;
    line-height: 15px;
    text-transform: uppercase;
}
form .chosen-container .chosen-results li.active-result:first-child {
    display: none;
}
form .chosen-container .chosen-results li.highlighted {
    color: #3b3938;
    background-image: none;
    background-color: #f0f0f0;
}
form.mapFilters ul {
    padding-bottom: 10px;
}
form.mapFilters li {
    float: none;
}
/* header boussole cookies */

.infos_cookies {
    width: 100%;
    /* Old browsers */
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    /* W3C */
    /* IE6-9 */

    color: #ffffff;
    position: fixed;
    bottom: 0;
    background: #DC002E;
    z-index: 9999;
    font-family: 'Citroen Type Regular', Arial;
    line-height: 16px;
}
/* Correction problème caractères mal supportés en tchèque */
html[lang=cs] .infos_cookies,
html[lang=tr] .infos_cookies,
html[lang=pl] .infos_cookies {
    font-family: Citroen Type Regular;
}
 /* Font Japon */
 html[lang=ja] .infos_cookies  {
    font-family: "Citroen Type Regular", Arial, Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳＰゴシック", sans-serif;
 }
.infos_cookies .cookies_content {
    display: table-cell;
    height: inherit;
    margin: 0;
    vertical-align: middle;
}
.infos_cookies_container {
    position: relative;
    max-width: 940px;
    margin: 0 auto;
}
.infos_cookies_content {
    position: relative;
    height: 90px;
    padding-right: 70px;
    font-size: 20px;
}
html[lang=cs] .infos_cookies_content,html[lang=tr] .infos_cookies_content,
html[lang=pl] .infos_cookies_content {
    font-size: 16px;
}
.infos_cookies a {
    color: #ffffff;
}
.infos_cookies .pull-right {
    float: right;
}
#cookies_continuer {
    text-decoration: none;
    top: 10px;
    right: 10px;
    border: 4px solid #FFF;
    width: 37px;
    height: 35px;
    font-size: 30px;
    line-height: 24px;
    position: absolute;
    color: #FFF;
    box-sizing: border-box;
    text-align: center;
}
#cookies_continuer:hover {
    background-color: #FFF;
    color: #DC002E;
}
[dir=rtl] #cookies_continuer {
    right: 0;
    left: 10px;
}
@media (max-width: 680px) {
    span#not_found_salesman {
    padding: 0px;
    }
    .infos_cookies_container .cookies_title {
        font-size: 20px;
        color: #ffffff;
    }
    .infos_cookies_container .cookies_content {
        width: auto;
        font-size: 20px;
        padding-left: 10px;
        color: #ffffff;
    }
    html[lang=cs] .infos_cookies_container .cookies_content,
    html[lang=tr] .infos_cookies_container .cookies_content,
    html[lang=pl] .infos_cookies_container .cookies_content {
        font-size: 16px;
    }
    [dir=rtl] .infos_cookies_container .cookies_content {
        padding: 0 10px 0 30px;
    }
    .infos_cookies {
        line-height: 20px;
    }
    .infos_cookies .pull-right {
        float: right;
    }
    .infos_cookies_content {
        padding-right: 50px;
    }
}
.close_modal .icon_close_modal {
    display: inline-block;
    margin: auto auto;
    background: #57718a;
    color: white;
    font-size: 10px;
    text-align: center;
    height: 22px;
    width: 30px;
    line-height: 20px;
    box-sizing: border-box;
    padding: 1px;
    cursor: pointer;
}
[dir=rtl] .close_modal .icon_close_modal {
    float: left;
}
.close_modal .icon_close_modal:hover {
    color: #ffffff;
    background: #3b3938;
}
.close_modal .text_close_modal {
    display: inline-block;
    font-family: Citroen Type Regular;
    text-transform: uppercase;
    color: #57718a;
    font-size: 15px;
    box-sizing: border-box;
    height: 30px;
    line-height: 20px;
    margin: auto auto;
    position: relative;
    top: 2px;
    right: 3px;
    cursor: pointer;
}
html[lang=hu] .close_modal .text_close_modal {
    font-family: Citroen Type Regular;
}
[dir=rtl] .close_modal .text_close_modal {
    top: 5px;
    margin-left: 8px;
}
.close_modal {
    display: block;
    text-align: right;
}
[dir=rtl] .close_modal {
    text-align: left;
}
.modale .detail_avis_header {
    margin: 10px 0 2px 0;
    min-width: 848px;
}

 html[lang=tr] .modale .title_modal {
     font-family: Citroen Type Regular;
 }
 
.modale .title_modal {
    text-transform: uppercase;
    color: #3b3938;
    font-family: Citroen Type Bold;
    margin-top: 40px;
    font-size: 25px;
    margin-bottom: 40px;
    text-align: center;
    padding: 0 11px;
    margin: 40px auto;
}

 html[lang=tr] .modale .label_motif {
     font-family: Citroen Type Regular;
 }
 
.modale .label_motif {
    position: relative;
    font-family: Citroen Type Light;
    font-size: 18px;
    color: #3b3938;
    text-transform: uppercase;
    cursor: pointer;
}
html[lang=hu] .modale .label_motif {
    font-family: Citroen Type Light;
}
[dir=rtl] .modale .label_motif {
    right: -10px;
    left: 0;
}
[dir=rtl] #page_detail_avis #modale_apv_vn .label_motif {
    right: 10px;
}
.modale #modale_apv_vn {
    margin-left: 58px;
}
#boussole_submit {
    background: #aeaac2 url("../images/svg/loupe.svg") no-repeat scroll 0 0;
    width: 72px;
    height: 42px;
    background-position: 50%;
    color: transparent;
    border-radius: 0;
    border: 4px solid #aeaac2;
}
/*fin*/

/** DEBUT FILTRE DES AVIS **/
#page_detail_avis .notices_filter {
    display: none;
    margin-bottom: 5px;
}
#page_detail_avis .notices_filter .standard, #page_detail_avis .notices_filter .standard_list {
    float: left;
}
[dir=rtl] #page_detail_avis .notices_filter .standard, [dir=rtl] #page_detail_avis .notices_filter .standard_list {
    float: right;
    direction: rtl;
}
#page_detail_avis .notices_filter .standard {
    width: 15%;
    margin: 0;
    padding: 15px 0;
    font: 14px 'Citroen Type Regular';
    text-transform: uppercase;
    color: #6E696B;
}
#page_detail_avis .notices_filter .standard_list {
    width: 85%;
    font: bold 14px/13px 'Citroen Type Regular';
    padding: 10px 0;
}
#page_detail_avis .notices_filter .item_list {
    float: left;
}
#page_detail_avis .notices_filter .item_list li {
    position: relative;
    display: list-item;
    height: 13px;
    float: left;
    padding: 5px 30px 5px 5px;
    margin: 0 10px 10px 0;
    border: 1px solid #E3E3E3;
    list-style: none;
    color: #6E6A6B;
}
#page_detail_avis .notices_filter .item_list li:hover:not(.delete_all_item) {
    height: 7px;
    border-width: 4px;
    font-size: 13px;
    line-height: 7px;
    cursor: pointer;
}
#page_detail_avis .no_result {
    padding: 20px;
    margin-top: 0;
    margin-bottom: 20px;
    font-family: Citroen Type Regular, Arial, sans-serif;
    font-size: 13.9px;
    text-align: center;
    border: 1px solid #e4e2e2;
    color: #6E696B;
}
html[lang=hu] #page_detail_avis .no_result {
    font-family: Citroen Type Regular, Arial, sans-serif;
}
[dir=rtl] #page_detail_avis .notices_filter .item_list li {
    padding: 5px 5px 5px 30px;
}
[dir=rtl] #page_detail_avis .notices_filter .item_list li .close_item_list {
    left: 5px;
    display: inline;
    right: auto;
}
#page_detail_avis .notices_filter .item_list li .close_item_list {
    position: absolute;
    right: 5px;
    top: 15%;
    font-size: 20px;
}
#page_detail_avis .notices_filter .item_list .delete_all_item {
    padding: 0;
    border: 0;
    margin: 0;
    height: auto;
}
[dir=rtl] #page_detail_avis .notices_filter .item_list .delete_all_item {
    padding: 0;
}
#page_detail_avis .notices_filter .item_list .delete_all_item a {
    display: block;
    margin-bottom: 10px;
    padding: 4px 10px 4px 10px;
    height: auto;
    float: left;
    border: 2px solid 3b3938;
    color: #3b3938;
    text-decoration: none;
    box-sizing: border-box;
}
/** FIN FILTRE DES AVIS **/

/* ----- TEAM CODE ----- */

.adaptaButtonRetour {
    
    background-position: 9px;
    text-align: center;
    width: 163px;
    height: 48px;
    padding: 14px 24px 15px;
    border-radius: 24px;
    background-color: rgb(87,113,138);
    color: #ffffff;
    height: auto;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    font-family: Citroen Type Regular;
    line-height: 14px;
    vertical-align: middle;
}
.adaptaButtonRetour:hover {
    width: 163px;
    height: 48px;
    padding: 14px 24px 15px;
    border-radius: 24px;
    background-color: #3b3938;
    color: #ffffff;
    height: auto;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    font-family: Citroen Type Regular;
    line-height: 14px;
    vertical-align: middle;
}
select[name="rating"] + .chosen-container {
    display: none;
}
.bloqueLinea {
    display: inline-block;
}
.GrupoRadioIT {
    margin-right: 25px;
}
.form-section__li--IT {
    width: 100%;
}
.chosen-rtl .chosen-drop,
.chosen-rtl .chosen-search {
    left: -9999px !important;
}
h3.block_foot a {
    color: white;
}
.ui-widget-header {
    background: #da291c url("images/ui-bg_highlight-soft_15_DC002E_1x100.png") repeat-x scroll 50% 50% !important;
    border: 1px solid #da291c !important;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    background: none !important;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url("../images/ui-icons_ffffff_256x240.png") !important;
}
.block_notes {
    position: relative;
}
.block_notes__aLink {
    display: block;
    /* position: absolute; */

    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 100;
}
[dir="rtl"] #menu_mobile a {
    text-align: right !important;
}
.boussole .stores {
    height: 0px;
}
.boussole .stores.filled {
    height: auto;
}
div.votre_note_etoiles , div.votre_note_etoiles_salesman{
    float: left;
    width: auto;
}
.merci_signalement_message {
    display: block;
}
#page_detail_avis div.reponse_avis2 .mobile_note_header {
    transform: unset;
}
@media screen and (max-width: 680px) and (min-width: 200px) {
    .position_info_cp {
        left: -11px;
        top: 3px;
    }
    /** DEBUT FILTRES AVIS **/
    #page_detail_avis .notices_filter .standard {
        width: 100%;
        padding-bottom: 0;
        font-size: 19px;
    }
    #page_detail_avis .notices_filter .standard_list,
    #page_detail_avis .notices_filter .item_list {
        width: 100%;
    }
    #page_detail_avis .notices_filter .item_list li {
        width: 49%;
        height: auto;
        margin-right: 2%;
        padding: 20px 30px 20px 10px;
        font-size: 14px;
        box-sizing: border-box;
    }
    #page_detail_avis .notices_filter .item_list li:hover:not(.delete_all_item) {
        height: auto;
    }
    [dir=rtl] #page_detail_avis .notices_filter .item_list li {
        padding: 20px 10px 20px 30px;
        text-align: right;
        font-size: 25px;
        line-height: 26px;
    }
    #page_detail_avis .notices_filter .item_list li:nth-child(even) {
        margin-right: 0;
    }
    #page_detail_avis .notices_filter .item_list li .close_item_list {
        top: 35%;
        font-size: 30px;
    }
    #page_detail_avis .notices_filter .item_list .delete_all_item {
        width: 100%;
    }
    #page_detail_avis .notices_filter .item_list .delete_all_item a {
        float: none;
        padding: 20px 30px 20px 10px;
        font-size: 14px;
        text-align: center;
    }
    /** FIN FILTRES AVIS **/

    .asterix_legende {
        color: #3b3938;
        text-align: left;
        display: contents;
    }
}

@media screen and (max-width: 767px) and (min-width: 320px) and (orientation: landscape) {
    .produit .landing_produit_services .produit_services_container {
        height: 130%;
    }
    .produit .landing_produit_services .produit_services_container .avis{
        height: 72%;
    }
    .produit .landing_produit_services .produit_services_container .avis .avis_vehicule .avis_depot_link {
        bottom: 128px;
    }
    .produit .landing_produit_services .produit_services_container .avis .avis_vehicule .avis_link {
        bottom: 40px;
    }
    .produit .landing_produit_services .produit_services_container .avis .avis_pdv .avis_pdv_link {
        bottom: 68px;
        height: 66px;
    }

    .produit .landing_produit_services .produit_services_container .avis .avis_vehicule .cta {
        padding-top: 14px;
    }

    #content .avis_pdv_link .cta.cta-arrow-right, #content .avis_pdv_link .cta.cta-arrow-right:hover {
        padding-right: 1em;
    }

}
 @media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: portrait) {

     .produit .landing_produit_services .produit_services_container .avis .avis_vehicule .cta {
         padding-top: 14px;
     }


     .produit .landing_produit_services .produit_services_container {
         height: 100%;
     }
     .produit .landing_produit_services .produit_services_container .avis {
         height: 80%;
     }
     .produit .landing_produit_services .produit_services_container .avis .avis_vehicule .avis_depot_link {
         bottom: 128px;
     }
     .produit .landing_produit_services .produit_services_container .avis .avis_vehicule .avis_link {
         bottom: 40px;
     }
     .produit .landing_produit_services .produit_services_container .avis .avis_pdv .avis_pdv_link {
         bottom: 85px;
     }

     .produit .landing_produit_services .produit_services_container .avis .avis_vehicule .cta {
         padding-top: 25px;
     }
     .produit .landing_produit_services .produit_services_container .avis .avis_vehicule .avis_pdv_link .cta {
         padding-top: 14px;
     }
     #content .avis_pdv_link .cta.cta-arrow-right, #content .avis_pdv_link .cta.cta-arrow-right:hover {
         padding-right: 1em;
     }


 }
@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
 .produit .landing_produit_services .produit_services_container {
     height: 79%;
 }
    .produit .landing_produit_services .produit_services_container .avis {
        height: 60%;
    }

    .produit .landing_produit_services .produit_services_container .avis .avis_vehicule .avis_depot_link {
        bottom: 85px;
        height: 66px;
    }
    .produit .landing_produit_services .produit_services_container .avis .avis_vehicule .avis_link {
        bottom: 14px;
        height: 66px;
    }
    .produit .landing_produit_services .produit_services_container .avis .avis_vehicule .avis_depot_link .cta {
        padding-right: 4.8em;
        height: inherit;
    }
    .produit .landing_produit_services .produit_services_container .avis .avis_vehicule .avis_link .cta {
        padding-right: 4.8em;
        height: inherit;
    }
    .produit .landing_produit_services .produit_services_container .avis .avis_vehicule .cta {
        padding-top: 14px;
    }
    .produit .landing_produit_services .produit_services_container .avis .avis_vehicule .avis_pdv_link .cta {
        padding-top: 14px;
    }
    #content .avis_pdv_link .cta.cta-arrow-right, #content .avis_pdv_link .cta.cta-arrow-right:hover {
        padding-right: 1em;
    }

}
@media screen and (max-width: 767px) and (min-width: 320px) and (orientation: portrait) {
 .produit .landing_produit_services .produit_services_container .avis {
     height: 68%;
}
    #content .cta.cta-arrow-right, #content .cta.cta-arrow-right:hover {
        height: 50px;
        font-size: 18px;
        padding-right: inherit;
    }
 .produit .landing_produit_services .produit_services_container .avis .avis_vehicule .avis_depot_link {
     bottom: 68px;
 }
 .produit .landing_produit_services .produit_services_container .avis .avis_vehicule .avis_link {
     bottom: 10px;
 }
    .produit .landing_produit_services .produit_services_container .avis .avis_pdv .avis_pdv_link {
        height: 70px;
        bottom: 36px;
    }

    .produit .landing_produit_services .produit_services_container .avis .avis_vehicule .cta {
        padding-top: 14px;
    }
    #content .avis_pdv_link .cta.cta-arrow-right, #content .avis_pdv_link .cta.cta-arrow-right:hover {
        padding-right: 1em;
        height: 70px;
    }


}



.num_comments--grey {
    color: #3b3938;
}
form .chosen-container-single .chosen-single span,
.chosen-results .active-result {
    font-family: "Citroen Type Regular";
    font-size: 0.9em;
}
html[lang=hu] form .chosen-container-single .chosen-single span,
.chosen-results .active-result {
    font-family: "Citroen Type Regular";
}
#header_container_mutu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    background-color: #FFFFFF;
    width: 100%;
    padding: 15px 0;
}
#header_container_mutu #header.desktop_only {
    width: 940px;
    margin: 0 auto;
}
#header_container_mutu #tagline {
    margin-top: 15px;
}
#header_container_mutu #choix_langue {
    padding-top: 10px;
}
#header_container_mutu #choix_langue .chosen-container-single .chosen-single {
    font-family: Citroen Type Light;
    color: #3b3938;
}
html[lang=hu] #header_container_mutu #choix_langue .chosen-container-single .chosen-single {
    font-family: Citroen Type Light;
}
#header_container_mutu #choix_langue .chosen-container {
    border-radius: 0;
    background: #FFFFFF;
    padding-left: 5px;
    font-size: 15px;
    margin-right: 140px;
    width: 0 !important;
}
.smartphone #header_container_mutu #choix_langue .chosen-container {
    width: auto !important;
    margin-right: 0;
}
#header_container_mutu #choix_langue .chosen-container-single .chosen-single {
    width: 110px;
    height: 25px;
    border-radius: 0;
    background: #FFFFFF;
    padding: 5px 25px 5px 5px;
}
.smartphone #header_container_mutu #choix_langue .chosen-container-single .chosen-single {
    width: 30px;
}
#header_container_mutu #choix_langue .chosen-container .chosen-results {
    margin: 0;
    padding: 0;
}
#header_container_mutu #choix_langue .chosen-container-single .chosen-single div {
    width: 23px;
}
#header_container_mutu #choix_langue .chosen-container-single .chosen-single div b {
    background: url('../images/fleche_bas.png') no-repeat -8px 13px !important;
}
#header_container_mutu #choix_langue .chosen-container-single .chosen-single span {
    margin-right: 10px;
}
#header_container_mutu #choix_langue .chosen-container.chosen-with-drop .chosen-drop {
    width: 142px;
    font-family: Citroen Type Light;
    color: #3b3938;
    border-radius: 0;
    margin-left: 5px;
    text-align: center;
}
html[lang=hu] #header_container_mutu #choix_langue .chosen-container.chosen-with-drop .chosen-drop {
    font-family: Citroen Type Light;
}
.smartphone #header_container_mutu #choix_langue .chosen-container.chosen-with-drop .chosen-drop {
    width: 62px;
}
#header_container_mutu #choix_langue .chosen-container .chosen-results li.highlighted {
    background-color: #F5F5F5;
    background-image: none;
    color: inherit;
}
#header_container_mutu #choix_langue .chosen-container .chosen-results li {
    text-align: left;
}
#header_container_mutu #choix_langue .chosen-container .chosen-results li:hover {
    background-color: #F5F5F5;
}
#content_block {
    margin-top: 115px !important;
}
.produit #content_block {
    margin-top: 0px !important;
}
#content_block.margin_170 {
    margin-top: 125px !important;
}
.bb .certif_afnor {
    margin-top: 2px !important;
}

/* FIX bold Citroen Type Regular */
b.Citroen Type Regular_bold {
    font-family: Citroen Type Bold;
}
html[lang=hu] b.Citroen Type Regular_bold {
    font-family: Citroen Type Bold;
}
/* Hack bug ipad keyboard */
.fixfixed #header_container_mutu {
    /*position: absolute;*/
}
/* Pour palier au bug du hack ipad keyboard qui rentre en conflit avec le plugin chosen sur les smartphones */
.smartphone.fixfixed #header_container_mutu {
    position: fixed;
}







/********** DEALEAR ADVISOR VENDEUR ***************/

/***** LISTE VENDEUR ******/
#content.vendeur {
    font-family: 'Citroen Type Regular', Verdana, Arial, sans-serif;
}
#avis_vendeurs_pdv_container {
    margin-top: 10px;
}
#content.vendeur .vendeur {
    min-height: 135px;
    background-color: #F7F6FB;
    margin-bottom: 30px;
}
#content.vendeur .details_container, #content.vendeur .vendeur_contact_container {
    float: left;
    box-sizing: border-box;
}
#content.vendeur .details_container {
    width: 80%;
    padding: 10px 9px;
}
#content.vendeur .details_container > * {
    float: left;
    box-sizing: border-box;
}
#content.vendeur .details_vendeur {
    width: 33%;
    padding-left: 10px;
    font-size: 16px;
    color: #6E696B;
}
#content.vendeur .name {
    margin: 0;
    font-weight: bold;
}
#content.vendeur .pdv_vendeur {
    margin: 0;
    text-transform: capitalize;
}
#content.vendeur .hobbies {
     /** ADVISOR-21 **/    
     margin: 10px 0 0 0;
     /** FIN ADVISOR-21 **/
    font-weight: bold;
}
#content.vendeur .hobbies_list li {
    float: left;
    max-width: 27px;
    max-height: 27px;
    margin-right: 5px;
}
#content.vendeur .photo {
    width: 15%;
}
#content.vendeur .photo img {
    max-width: 110px;
    max-height: 112px;
}
#content.vendeur .vendeur_contact_container {
    width: 20%;
    background-color: #E1E0E8;
}
#content.vendeur .avis_block {
    max-width: 50%;
    font-size: 15px;
}
#content.vendeur .avg_note {
    color: rgb(87,113,138);
}
#content.vendeur .total_note {
    color: #CCC9D4;
}
#content.vendeur .etoile_total {
    display: inline-block;
    height: 27px;
    line-height: 27px;
    float: right;
}
#content.vendeur .liste_vendeurs .etoile {
    display: inline-block;
    float: none;
    width: 27px;
    height: 27px;
    margin-right: 5px;
    background: url('../images/vendeurs/vendeur_etoile.png') no-repeat;
}

#content.vendeur .etoile.active {
    background-image: url('../images/vendeurs/vendeur_etoile_active.png');
}
#content.vendeur .avis_vendeur_link {
    display: block;
    margin-top: 10px;
    text-transform: uppercase;
    text-decoration: underline;
    font-size: 17px;
    font-weight: bold;
    color: #6F6A6C;
}
#content.vendeur .vendeur_fb {
    height: 29px;
    margin: 25px 0 0 0;
    line-height: 29px;
    font-weight: bold;
    font-size: 17px;
}
#content.vendeur .vendeur_fb a {
    text-decoration: none;
    color: #3D5A98;
}
#content.vendeur .vendeur_fb img {
    float: left;
}
#content.vendeur .contact {
    height: 67.5px;
    margin: 0;
    line-height: 67.5px;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    color: #6F6A6C;
}


/**** GESTION SPRITES BOUTONS CONTACTEZ MOI ****/
#content.vendeur .contact_mode {
    position: relative;
    display: block;
    height: 67.5px;
    box-sizing: border-box;
    background-color: #AEAAC2;
    background-repeat: no-repeat;
}
#content.vendeur .contact_mode:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background-image: url('../images/vendeurs/contact_modes.png');
}
#content.vendeur .contact_mode.tel:before {
    background-position: 0 0;
    width: 31px;
    height: 31px;
}
#content.vendeur .contact_mode.tel:hover:before {
    background-position: 0 -150px;
}
#content.vendeur .contact_mode.chat:before {
    background-position: 0 -50px;
    width: 33px;
    height: 29px;
}
#content.vendeur .contact_mode.chat:hover:before {
    background-position: 0 -200px;
}
#content.vendeur .contact_mode.mail:before {
    background-position: 0 -100px;
    width: 36px;
    height: 31px;
}
#content.vendeur .contact_mode.mail:hover:before {
    background-position: 0 -250px;
}
/**** FIN GESTION SPRITES BOUTONS CONTACTEZ MOI ****/


/*** GESTION DE LA PLEINE LARGEUR DES BLOCS SELON LEUR NOMBRE *****/
#content.vendeur .contact_mode:first-child:nth-last-child(2),
#content.vendeur .contact_mode:first-child:nth-last-child(2) ~ .contact_mode {
    width: 50%;
    float: left;
}
#content.vendeur .contact_mode:first-child:nth-last-child(3),
#content.vendeur .contact_mode:first-child:nth-last-child(3) ~ .contact_mode {
    width: 33.33%;
    float: left;
}
#content.vendeur .contact_mode:last-child {
    width: 100%;
}
/*** FIN GESTION DE LA PLEINE LARGEUR DES BLOCS SELON LEUR NOMBRE *****/


#content.vendeur .contact_mode:hover {
    background-color: #FFF;
    border: 3px solid #AEAAC2;
}
#content.vendeur .contact_mode img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
#content.vendeur .contact_mode::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    right: -1px;
    width: 2px;
    height: inherit;
    background-color: #E1E0E8;
}
#content.vendeur .contact_mode:last-child::after {
    display: none;
}
#content.vendeur .contact_mode:hover::after {
    top: -3px;
    right: -4px;
    width: 1px;
    z-index: 10;
}
/***** FIN LISTE VENDEUR ******/




/***** DETAILS AVIS VENDEUR ******/
#content.vendeur #block_vendeur {
    padding: 0 8px 0 50px;
    margin-bottom: 40px;
    border: none;
    box-sizing: border-box;
    background-color: #F7F6FB;
    text-align: center;
}

/*****Width label vendeur note 15/01/2020*******/
td.note_libelle.isText {
    width: 115px;
}
#content.vendeur .details_avis_vendeur .content_notes {
    padding-top: 15px;
}
#content.vendeur .details_avis_vendeur .details_container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50%;
    float: left;
    text-align: left;
}
#content.vendeur .details_avis_vendeur .photo,
#content.vendeur .details_avis_vendeur .details_vendeur {
    width: auto;
}
.details_avis_vendeur .block_notes a,
#content.vendeur .details_avis {
    width: 40%;
    float: right;
}

.details_avis_vendeur .mobile_block_notes a,
#content.vendeur .details_avis {
    width: 100%;
    float: inherit;
    text-decoration: none;
}

.details_avis_vendeur .mobile_block_notes h3,
#content.vendeur .details_avis {
    color: #3b3938;
    padding-top: 10px;
    display: block;
    text-align: center;
    font-family: Citroen Type Bold;
    text-transform: uppercase;
    font-size: 22px;
    position: relative;
    bottom: 0px;
}

.details_avis_vendeur .block_notes td.note_libelle,
.details_avis_vendeur .block_notes .note_quantite,
.details_avis_vendeur .block_notes .note_quantite a {
    cursor: default;
}
#content.vendeur .libelle {
    display: block;
    padding-left: 20px;
    font-weight: bold;
    font-size: 20px;
    color: #007C93;
}

/***** FIN DETAILS AVIS VENDEUR ******/

/***** Centres d’intérêt + facebook ******/
#content.vendeur .hobbies_list{
     margin-top: 5px
}
#page_detail_avis #content.vendeur .hobbies{
     float: left;
     margin-right: 15px;
/** ADVISOR-21 **/
     margin-top: 27.4px;
/** FIN ADVISOR-21 **/
}
#page_detail_avis #content.vendeur .vendeur_fb{
     float: left;
/** ADVISOR-21 **/     
     margin-top: 49.5px
/** FIN ADVISOR-21 **/     
}
#page_detail_avis #content.vendeur .vendeur_fb a{
     width: 100%;
}

 /***** FIN Centres d’intérêt + facebook ******/




/***** CONTRIBUTION AVIS VENDEUR ******/
#contribution_produit.vendeur .bloc_vendeur, #contribution_ventes .vendeur .bloc_vendeur {
    margin-top: 15px;
}
#contribution_produit.vendeur .bloc_vendeur .container, #contribution_ventes .vendeur .bloc_vendeur .container {
    text-align: center;
}
.vendeur .vendeur_container .vendeur_visu {
    position: relative;
    background-image: none;
}
.vendeur .vendeur_container .vendeur_visu img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
.vendeur .bad_note_container {
    display: none;
    margin-left: 162px;
    margin-bottom: 20px;
}
.vendeur .bad_note_container .bad_note_title {
    display: inline-block;
    color: #6E696B;
    font-family: Citroen Type Regular, Verdana, Arial, sans-serif;
    font-size: 16px;
    margin-bottom: 5px;
}
html[lang=hu] .vendeur .bad_note_container .bad_note_title {
    font-family: Citroen Type Regular, Verdana, Arial, sans-serif;
}
.vendeur .bad_note_container input[type="radio"] + label {
    position: relative;
    display: inline-block;
    width: 24.7%;
    height: 50px;
    line-height: 50px;
    float: left;
    margin-right: 2px;
    font-family: Citroen Type Bold, Verdana, Arial, sans-serif;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
    background-color: #AEAAC2;
    color: #FFF;
    cursor: pointer;
}
html[lang=hu] .vendeur .bad_note_container input[type="radio"] + label {
    font-family: Citroen Type Bold, Verdana, Arial, sans-serif;
}
.vendeur .bad_note_container input[type="radio"] + label > span {
    display: table-cell;
    width: 1000px;
    height: inherit;
    vertical-align: middle;
    line-height: normal;
}
.vendeur .bad_note_container input[type="radio"]:checked + label {
    background-color: rgb(87,113,138);
}
.vendeur .bad_note_container input[type="radio"]:last-of-type + label {
    margin-right: 0;
    border-right: 2px solid #AEAAC2;
}
.vendeur .bad_note_container input[type="radio"]:last-of-type:checked + label {
    border-color: rgb(87,113,138);
}
/***** FIN CONTRIBUTION AVIS VENDEUR ******/





/******** CONFIRMATION CONTRIBUTION VENDEUR ************/
.vendeur .confirmation .etapes .or {
    margin: 10px 0;
    font-size: 20px;
}
/******** FIN CONFIRMATION CONTRIBUTION VENDEUR ************/


/******************************************** RESPONSIVE DEALDER ADVISOR  *********************************************/

@media screen and (max-width: 680px) and (min-width: 200px) {
    /***** LISTE VENDEUR ******/

    #content.vendeur .vendeur {
        min-height: 100%;
    }
    #content.vendeur .vendeur .details_container,
    #content.vendeur .photo,
    #content.vendeur .details_vendeur,
    #content.vendeur .vendeur_contact_container {
        width: 100%;
    }
    #content.vendeur .photo,
    #content.vendeur .details_vendeur {
        margin-bottom: 10px;
    }
    #content.vendeur .details_vendeur,
    #content.vendeur .avis_vendeur_link,
    #content.vendeur .avis_block,
    #content.vendeur .contact {
        font-size: 21px;
    }
    #content.vendeur .vendeur .details_container {
        padding: 20px 20px;
    }
    #content.vendeur .photo,
    #content.vendeur .details_vendeur,
    #content.vendeur .avis_block {
        text-align: center;
    }
    #content.vendeur .liste_vendeurs .etoile,
    #content.vendeur .etoile_total {
        float: left;
    }
    #content.vendeur .avis_block {
        min-width: 100%;
    }
    #content.vendeur .avis_block .notes_list,
    .hobbies_list,
    #content.vendeur .vendeur_fb a {
        display: inline-block;
    }
    .hobbies_list:after {
        content: '';
        display: block;
        clear: both;
    }
    #content.vendeur .hobbies_list li {
        max-width: none;
        max-height: none;
    }
    /***** FIN LISTE VENDEUR ******/



    /***** DETAILS DES AVIS VENDEUR ******/
    #content.vendeur .details_avis_vendeur .details_container,
    #content.vendeur .details_avis,
    #content.vendeur .details_avis_vendeur .details_vendeur,
    #content.vendeur .details_avis_vendeur .photo {
        width: 100%;
    }
    #content.vendeur #block_vendeur,
    #content.vendeur .details_avis_vendeur {
        padding: 0;
    }
    #content.vendeur .details_avis_vendeur .details_container {
        position: relative;
        padding: 0;
        transform: none;
    }
    
    
    /***** FIN DETAILS DES AVIS VENDEUR ******/

     /***** Centres d’intérêt + facebook *****/
     #page_detail_avis #content.vendeur .hobbies{
          float: none;
          margin-right: 0;
     }
     #page_detail_avis #content.vendeur .vendeur_fb{
          float: none;
          margin-top: 0; 
     }
     #page_detail_avis #content.vendeur .vendeur_fb a{
          width: auto;
          float: none;
     }

     /***** FIN Centres d’intérêt + facebook *****/

    /***** CONTRIBUTION VENDEUR ******/
    .vendeur .bad_note_container {
        margin-left: 0;
    }
    .vendeur .bad_note_container input[type="radio"] + label {
        width: 24.5%;
    }
    /***** FIN CONTRIBUTION VENDEUR ******/
}
/******************************************** FIN RESPONSIVE DEALDER ADVISOR  *********************************************/


/*------------------------*/
.bloc_zone_titre_avis {
    position: relative;
}
.zone_titre_avis{
    background-color: #fff;
    width: 734px;
    height: 38px;
    line-height: 38px;
    padding: 3px 15px;
    color: #3b3938;
    border: none;
    font-size: 14px;
    font-weight: 100;
    font-family: Citroen Type Light;
    overflow: hidden;
    border: 2px solid #eaeaea;
}
html[lang=hu] .zone_titre_avis{
    font-family: Citroen Type Light;
}
[dir=rtl] .zone_titre_avis {
    direction: rtl;
}
@media screen and (max-width: 680px) and (min-width: 200px) {
    .zone_titre_avis{
        width: 99%;
        box-sizing: border-box;
        border: 1px solid #3b3938;
        padding: 2px 10px;
        font-size: 1.2em;
        font-family: Citroen Type Regular;
        font-weight: normal;
    } 
    html[lang=hu] .zone_titre_avis{
        font-family: Citroen Type Regular;
    }
    .produit .etape2 p.commentTitle {
        text-align: center;
    }
    .produit .etape2 .date_depose {
        float: left;
        margin: 1em 0;
    }
     .produit .landing_produit_services .produit_services_container .avis .avis_vehicule .avis_depot_link,
 .produit .landing_produit_services .produit_services_container .avis .avis_vehicule .avis_link,
 .produit .landing_produit_services .produit_services_container .avis .avis_pdv .avis_pdv_link {
     position: absolute;
     right: 10px;
     left: 10px;
     height: 70px;
 }
}
.zone_titre_avis.erreur {
    border: 2px solid #b21300 !important;
}
.zone_avis, .zone_avis_salesman {
    float: left;
}
[dir=rtl] .zone_avis , [dir=rtl] .zone_avis_salesman{
    float: right;
}

.produit .etape2 p.commentTitle {
    color: #007D92;
    margin: 0 0 1em;
    font-family: Citroen Type Regular;
    font-weight: bold;
}
html[lang=hu] .produit .etape2 p.commentTitle {
    font-family: Citroen Type Regular;
}
b.Citroen Type Regular_bold {
    font-family: Citroen Type Bold;
}
html[lang=hu] b.Citroen Type Regular_bold {
    font-family: Citroen Type Bold;
}
.liens_avis:hover{
    color:#6E6A6B;
}
a.liens_avis:hover {
    color: rgb(87,113,138);
}
span.liens_avis{
    color: #6E6A6B;
}
.accroche .title {
    text-transform: uppercase;
}
/*@media screen and (max-width: 680px) and (min-width: 200px) {
    #tagline{
    margin-left:15px;
    margin-right: 15px;
    }    
}*/
[dir="rtl"] #choix_langue{
         width:20%;
}
[dir="rtl"] #header_container_mutu #choix_langue .chosen-container {
    margin-right: 10px;
}
.content_conditions #content_block {
    width: auto;
}
@media (min-width: 680px) {
    .chosen-container {
        max-width: 190px;
    }   
}


@media screen and (max-width: 1024px) and (min-width: 681px) {     
    .produit .img_container.paso3 {
        top: 110px !important;
        height: 190px !important;
    }
}

.form_validate_error {
    border: 1px solid #b21300 !important;
}


.form_champs--dealers, .form_champs--dealers .chosen-results{
    overflow: hidden;    
    background: #fff; 
}

.form_champs--dealers .chosen-results{
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.form_champs--dealers .chosen-results > div{
    padding-bottom: 0;
}

.form_champs--dealers .chosen-dealer-searcher{
    overflow : hidden;
    clear: both;
    border: 1px solid #3b3938;
    border-top: 0px;
    display:none;
    padding-bottom: 0;
}

.form_champs--dealers .chosen-drop .active-result{
    color: #3b3938;  
    padding: 7px;
    width: 95%;
    margin: 0px;
    z-index: 1000;
}

.form_champs--dealers .chosen-drop .active-result:hover{
    cursor: pointer;
    color: #3b3938;
    background-image: none;
    background-color: #f0f0f0;   
}

/*Maquettes : List of vehicles out of form. App : list of vehicles inside of form*/
li.silhouette_dev {
    float : none;
    width: auto;
    display : block;
}

@media screen and (min-width: 680px){
    .css-oneblock #avis_details_container,
    .css-oneblock #avis_details_content {
        left: 0px;
        float: none;
    }
    
    .css-oneblock #avis_details_content #block_atelier,
    .css-oneblock #avis_details_content #block_ventes{
        width: 100% !important;
        text-align:center;
        left : auto;
        float: none;
    }
    
    .css-oneblock .notes_attrib{
        display: inline-block;
    }
    
    .css-oneblock table.isText{
        margin-left: 0px;
    }
    .css-oneblock-tablet #avis_details_container,.css-oneblock-tablet #avis_details_content
    {
        left: 0px;
        float: none;
    }
    .css-oneblock-tablet #avis_details_content #block_atelier,
    .css-oneblock-tablet #avis_details_content #block_ventes
    {
        left:0px;
        width: 100% !important;
       
    }
    .css-oneblock-tablet table.content_notes
    {
            width: auto !important;
    } 
    .css-oneblock-tablet .notes_attrib table.isText
    {
        display: inline-block;
        width: auto !important;
    }
    .css-oneblock-tablet .notes_attrib
    {
       text-align:center;
    }
}
/*retour v3 2 06_07: info bulle lié aux champs votre immatriculation-votre pint de vente*/
@media screen and (max-width: 680px) and (min-width: 200px){
    .produit #position_info_immatriculation1 a.infos_vin{
        left: 405px;
        right:0px;
    }
}
/*DAD-1463: Advisor Produit/Service - Step 2 - Problème d'affichage d'un avis rédigé sans espaces */
.preview_avis{
    word-wrap: break-word;
}

/*------------------------------*/

.filled + .fixemap {
    max-height: 695px;
    height: auto;
    overflow: hidden;
}
.filled + .fixemap img {
    margin-left: -150px;
}
@media screen and (max-width: 680px) and (min-width: 200px) {
    .fixemap img {
        display: none;
    }
}

/*------------------------------*/

.bad_note_preview {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.note-title {
    float: left;
    line-height: 50px;
    margin-right: 20px;
    font-weight: bold;
}

.bad_note_preview span {
    width: 25%;
    height: 50px;
    line-height: 50px;
    float: left;
    font-family: Citroen Type Bold,Verdana,Arial,sans-serif;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
    background-color: rgb(87,113,138);
    color: #FFF;
}
html[lang=hu] .bad_note_preview span {
    font-family: Citroen Type Bold,Verdana,Arial,sans-serif;
}

.details_avis_vendeur .block_notes a.note-barre-link {
    width: auto;
}
.details_avis_vendeur a,.accroche a {
   font-size: 14px;
}
@media screen and (max-width: 680px) and (min-width: 200px) {
    .bad_note_preview {
        text-align: center;
        margin: 10px 0;
    }
    .note-title {
        width: 100%;
        line-height: 1.4em;
        font-size: 1.4em;
    }
    .produit .etape2 .preview_avis .review_comment {
        display: inline-block;
        text-align: center;
    }
    form.psa_component_salesmanpreviewcomment div {
        padding: 0;
    } 
    .bad_note_preview span {
        float: none;
        padding: 0 10px;
        width: auto;
        margin: 10px 0 0;
        display: inline-block;
    }
}
/* DAD-1453 */
#position_info_rut {
    z-index: 2;
}

/* DAD-1484. see comments on the jira */
.no_showroom {
    bottom: 18px !important;
}
.avis_vehicule .no_showroom .cta{
    /*border: 8px solid #3b3938 !important;*/
}
a.cta.cta-orange.cta-mobile-inline.cta-right.cta-arrow-right {
    display: inline-block;
    width: 199px;
    text-transform: lowercase;
}
a.cta.cta-orange.cta-mobile-inline.cta-right.cta-arrow-right:first-letter {
    text-transform: uppercase;
}
@media screen and (max-width: 767px) and (min-width: 320px) and (orientation: landscape) {
  .no_showroom {
    bottom: 25px !important;
  }
 
  .avis_vehicule .no_showroom {
    height: 66px !important;
  }
}
/* DAD-1484. End */

/* DAD-1670 */

 .cta-list {
     display: inline-block;
     text-decoration: none;
     text-transform: uppercase;
     font-family: 'Citroen Type Regular', Verdana, Arial, sans-serif;
     border: none;
     background: 0;
     padding: 0;
     margin: 0;
     font-size: 16px;
     box-sizing: border-box;
     border-radius: 0;
     padding-top: 0.5em;
     padding-bottom: 0.5em;
     padding-left: 0.5em;
     padding-right: 0.5em;
 }
 .cta-right-list {
     padding-left: 2.5em;
     padding-right: 0.5em;
 }
.cta-orange-list {
     color: #ffffff;
     background: #da291c;
 }
 .cta-orange-list:hover {
     background: #ffffff;
     color: #da291c;
 }
 a.cta-list.cta-orange-list.cta-right-list.cta-mobile-block.cta-arrow-right-list.cta-xl-list.isText {
    padding-top: 10px;
}
a#modale_deposer {
    padding-top: 16px;
}
 .cta-orange-list.cta-arrow-right-list {
    width: 163px;
    height: 48px;
    padding: 14px 24px 15px;
    border-radius: 24px;
    background-color: #da291c;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    font-family: Citroen Type Regular;
    line-height: 14px;
    vertical-align: middle;
    display: table-cell;
    text-transform: lowercase;
 }
 a.cta-list.cta-orange-list.cta-right-list.cta-mobile-block.cta-arrow-right-list.cta-xl-list.isText:first-letter {
    text-transform: uppercase;
}
 .cta-orange-list.cta-arrow-right-list:hover {
      width: 163px;
    height: 48px;
    padding: 14px 24px 15px;
    border-radius: 24px;
    background-color: #3b3938;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    font-family: Citroen Type Regular;
    line-height: 14px;
    vertical-align: middle;
    display: table-cell;
    text-transform: lowercase;
 }
 .cta-arrow-right-list {
     background-repeat: no-repeat;
     background-position: calc(13% - .5em) 50%;
 }
 .cta-arrow-right-list:hover {
     background-repeat: no-repeat;
     background-position: calc(13% - .5em) 50%;
 }
 .cta-xl-list {
     padding-top: 0.75em;
     padding-bottom: 0.75em;
 }
.accroche .cta-list {
    /*position: absolute;
    right: 183px;
    top: -19px;*/
}


@media screen and (max-width: 767px) and (min-width: 320px) {
    #content .cta-list.cta-arrow-right-list, #content .cta-list.cta-arrow-right-list:hover {
        font-size: 18px;
        padding-right: inherit;
    }
    .accroche .cta-list{
        background-position: 0.5em 50%;
    }
    .cta-list{
        font-family: Citroen Type Bold;
        
    }
}
@media screen and (max-width: 680px) and (min-width: 200px) {
    #content .cta-list.cta-arrow-right-list, #content .cta-list.cta-arrow-right-list:hover {
        text-align: center;
        padding: 0.75em 0.25em;
    }
    #content .cta.cta-arrow-right, #content .cta.cta-arrow-right:hover {
        text-align: center;
        padding: 0.75em 0.25em;
        height: auto;
    }
    .accroche .cta-list {
        position: initial;
        right: 0px;
        top: 0px;
        background-position: 0.5em 50%;
    }
     .cta-list{
        font-family: Citroen Type Bold;
        
    }
    .details_avis_vendeur .block_notes a, #content.vendeur .details_avis {
        width: auto;
    }
}
/* DAD-1670 END*/

/*———————————————[  DAD-1703  ]———————————————*/
    #content.vendeur .liste_vendeurs .moitie{
        background-image:   url("../images/svg/etoile_moitie.svg");
        background-size:    contain;
    }
/*———————————————[  DAD-1727  ]———————————————*/
    .produit .vehicule_container .vehicule_visu{
        background-size:    contain;
    }

/*DAD-1689 */ /*DAD-1707*/
.cta-center-salesman, .cta-center-product{
    text-align: center !important;
    padding-left: 1em;
    padding-right: 1em;
    color: rgb(87,113,138);
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    margin: 20px 0;
    font-family: Citroen Type Regular;
    padding: 0;
}
html[lang=hu] .cta-center-salesman, html[lang=hu] .cta-center-product{
    font-family: Citroen Type Regular;
}
/*DAD-1689 END*/

/* DAD-1700 */
.block_layer a.certif_afnor {
    /*background: #FFF url("../images/logo_afnor_complete.jpg") no-repeat scroll 50% / 100%;*/
}
.produit .landing_produit_services .produit_services_container .transparency .logo_afnor {
    /*background: url("../images/logo_afnor_complete.jpg") no-repeat scroll right center / auto 119px;
    box-sizing: border-box;
    border: solid transparent 5px;
    width: 158px;*/
}
.produit .landing_produit_services .produit_services_container .transparency {
    padding-right: 90px;
}
.afnor_style{
    height: 87px;
}

/* ADVISOR-130 */

.tel span {
    display: none;
}  
@media screen and (min-width: 680px) {  
   
  .tel:active {
    pointer-events: none;
    }
   a.tel:hover {   
    cursor: default;
    }
  
a.tel:hover span {    
    background-color: #FFFFFF;
    border: 1px solid #D0D0D3;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0 0 6px #858585;
    color: #3b3938;
    display: block;
    font-family: Citroen Type Regular;
    font-size: 16px;
    padding: 10px;
    position: relative;   
    left: -130px; 
    z-index: 100;
    opacity: 1;    
    text-align:center;
    width: 100px;
}
html[lang=hu] a.tel:hover span {   
    font-family: Citroen Type Regular;
}
}

#not_found_salesman{
    max-width:180px!important;
    margin:0 auto;
    cursor:pointer;
    text-decoration: none;
    color: #3b3938!important;
    font-size: 0.875em;
}
#triggerSalesman{
    color: #3b3938;
    font-family: Citroen Type Light;
    font-size: 0.75em;
    text-decoration: none;
}
 [dir=rtl] .produit .confirmation .etapes div.text {
     text-align : right;
 }
  .logoiran a {
     background-image: url("../images/logoIR.png")!important;
     width:175px!important;
     height:100px!important;
 }
   .logoiran {
     margin-left:55px!important;
 }
 .gdprText {
    font-size: 0.8em;
    display: block;
    text-align: justify;
    font-family: Citroen Type Regular;
    color: #3b3938;
    margin-top: 15px;
}
html[lang=hu] .gdprText {
    font-family: Citroen Type Regular;
}
[dir=rtl] .gdprText {
    /* direction: rtl; */
}
.gdprText p {
    margin: 0;
}
div.tableHtml{
    width:100%;
}
div.tableHtml table{
    width:70%;
    border-collapse: collapse;
    margin: 0 auto;   
    color : black;
    
}
div.tableHtml .smallSpace{
    border: 1px solid black;
    text-align:center;
    padding : 5px  
}
div.tableHtml .normalSpace{
    border: 1px solid black;
    text-align:center;
    padding : 10px    
}
div.tableHtml .bigSpace{
    border: 1px solid black;
    text-align:center;
    padding: 15px   
}
div.tableHtml .justify{
    text-align: justify;   
}
.bad_note_container .noproblem_selected{
    color: #b21300;
    font-style: italic;
    font-family: 'Citroen Type Regular', Verdana, Arial, sans-serif;
    font-size: 16px;
    padding: 0;
    display:none
}
.salesman_boussole_lister_link{
    color : #3b3938;
    font-family: Citroen Type Light;
    font-size: 1em;
}
.salesman_boussole_lister_link_container{
    padding-bottom : 8px;
}
 #block_vendeur.block_notes.selected {
     min-height: 293px;
 }
 .footerHomePage {
    position: absolute;
    left: 40px;
    bottom: 3%;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 12px;
    font-family: Citroen Type Regular, Verdana, sans-serif;
}
.footerHomePage a {
    text-decoration: none;
    border-bottom: 1px solid white;
    color: white;
}
.footerhome div{
    margin-top: 17px;
    font-size: 13px;
}
.display_none{
    display: none;
}
.popup_card{    
    position: absolute;
    right: 115px;
    z-index: 99;
    opacity: 0.9;
    filter: alpha(opacity=90);
    height: auto;
    top: 115px;
    background-color: white;
    padding: 0.5em;
    padding-bottom: 3px;
    font: 14px Arial, Verdana, sans-serif;
    padding: 7px 7px 5px 7px;
}
.popup_card .closer:hover {
    background: #FFFFFF url("../images/svg/exit.svg") no-repeat scroll 0 0;
    background-position: 50%;
}
html[lang=hu] .popup_card .closer input {
    font-family: Citroen Type Regular;
}
[dir=rtl] .popup_card .closer input {
    text-align: right;
}
.popup_card .closer {
    background: rgb(87,113,138) url("../images/svg/exit.svg") no-repeat scroll 0 0;
    background-position: 50%;
    cursor: pointer;
    height: 24px;
    width: 24px;
    box-sizing: border-box;
    border-radius: 0;
    border: 1px solid #aeaac2;
    line-height: 38px;
    font-size: 38px;
    display: inline-block;
    text-align: center;
    border-color: #afadc3;
    color: #afadc3;
    float: right;
    top: 7px;
}
[dir=rtl] .popup_card .closer {
    margin-right: 2px;
    float: left;
}
[dir=rtl] .popup_card {
       right: 480px;
}
.card .name, .card .details{
    width: 93%;
}
.card strong {
    color: #da291c;
    font: 13px Arial, Verdana, sans-serif;
    font-weight: bold;
}

.reason_pr .bloc_zone_avis {
    display: block !important;
}
.reason_pr {
    width: 768px;
    overflow-y: hidden;
    max-height: auto; /* approximate max height */

    transition-property: all;
    transition-duration: .30s;
    transition-timing-function: (0.1, 0.7, 1.0, 0.1);
}
.reason_pr.closed {
    max-height: 0;
}
.reason_pr .votre_note p {
    color: #3b3938;
    font-family: Citroen Type Regular;
    font-weight: bold;
    font-size: 16px;
    padding: 0px 10px 0 1px;
    float: left;
    width: auto;
    position: relative;
    margin: 0;
}
 .certification .logo_nf_new img{
    /*background: #fff url("../images/logo_afnor_complete.jpg") no-repeat scroll 75px 50% / 108px 85px;
    display: block;
    width: 200px;
    height: 200px;     
    margin: auto;
    margin-bottom: 40px;
    margin-top: 50px;*/
 }
 
 
@media screen and (max-width: 1024px) and (min-width: 768px) {
#landing {
    height: 85% !important;
}
.no_showroom {
    bottom: 39px !important;
}
.footer {
    height: auto;
    font-size: 20px;
    clear: both;
    display: block;
}
.tablette_only {
    display: none;
}
.footerHomePage {
    display:none;
}

.asterix_legende {
    bottom: -91px;
}
.footer.mobile_only.isText.desc {
    display: none;
}
.footer.desktop_only.isText.desc {
    display: none;
}
}
.tablette_only {
    display: none;
}
p.subdiv{
    margin-left: 45px;
    margin-top: 5px;
}