:root {
    --PrimaryColor1: #1a1b1b; /*CTA, graphics assets/picto*/
    --PrimaryColor2: #9D8C83; /*Btn1 Hover Bkg, Slidebar*/
    --PrimaryColor3: #D2C7BE;
    --PrimaryColor4: #E9E7E1; /*Hover Selection controls*/
    --SecondaryColor1: #000000; /*Text, Dark background, Header*/
    --SecondaryColor2: #767676; /*Links Hover, Switch Hover, Slidebar*/
    --SecondaryColor3: #B5B6B6; /*Links Hover…*/
    --SecondaryColor4: #E4E4E4; /*Disable*/
    --SecondaryColor5: #FFFFFF; /*Background, tableau, dealer card*/
    --TertiaryColor1: #215672; /*Electric in light backgound*/
    --TertiaryColor2: #8FAAB8; /*(50%) Electric in light backgound*/
    --RedColor1: #e0302d;
    --RedColor2: #b21300; /*Alert, Error*/
    --OrangeColor1: #ff8f26;
    --OrangeColor2: #c75300;
    --GreenColor1: #09aa59;
    --GreenColor2: #018a11; /*Success*/

    --small: 'DSTitleWebSmallRegular';
    --light: 'DS Automobiles Pro Light';
    --regular: 'DS Automobiles Pro Regular';
    --bold: 'DS Automobiles Pro Bold';
    --black: 'CitroenBlack';

    --radius1: 3px;
    --radius2: 4px;
    --radius3: 24px;
}


/* defaut */
body,div,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,li,img,a,form,input{margin:0;padding:0;}
table,tr,td{border:none;}
a img{border:none;}
a:active,a:focus{outline-style:none;outline-width:0;}
input:active,input:focus{outline-style:none;outline-width:0;}

a {	color: #525151; text-decoration: none; }
a:hover { text-decoration: underline; }
a img {	border: none; }
.clearer { clear: both; font-size: 0px; height: 0px; }

/* ********** STRUCTURE ********* */
html, body { height: 100%;     font-size: 16px; }
body { background: #fff; font-family: 'DS Automobiles Pro Regular', sans-serif; color: var(--SecondaryColor1); font-weight: normal; font-size: 14px; }
.mep { min-height: 100%; width: 1009px; margin: 0 auto; position: relative; z-index: 1; }
.main { position: relative; padding: 62px 10px 60px; min-height: 200px; height: calc(100vh - 210px); }
#doczone { float: right; width: 762px; height: 470px; background: #f3f3f3; }
.footer { position: fixed; left: 38px; bottom: 18px;color: var(--PrimaryColor2); font-weight: normal; font-size: 13px; }
.footer a { color: var(--PrimaryColor2); font-weight: normal; text-decoration: none; }
.footer a:hover { }

/* ********** HEADER ********** */
.header { height: 84px; background: url(bg_container.png) repeat-y left; position: relative; z-index: 1000; }

/* GROUPEPDF */
.groupepdf_box { position: absolute; top: 0; right: 183px; }
.groupepdf_box .groupepdf { float: right; position: relative; cursor: pointer; padding-right: 1px; background: url(groupepdf_sep.gif) no-repeat right top; color:#2a6b94; }
.groupepdf_box .groupepdf.first { background: none; padding: 0; }
.groupepdf_box .select { width: 329px; position: absolute; top: 100%; left: 50%; margin-left: -163px; display: none;z-index: 10; }
.groupepdf_box .select_top { height: 32px; background: url(bg_groupepdf_select_top2.png) no-repeat left bottom; }
.groupepdf_box .select_bottom { height: 19px; background: url(bg_groupepdf_select_bottom2.png) no-repeat left top; }
.groupepdf_box .listlabel { margin: 0; padding: 3px 5px; background: #fff;color: #000; font-family: 'DS Automobiles Pro Bold'; font-weight: normal; text-align: center;text-transform: UPPERCASE; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 20px;  word-break: break-word; }
.groupepdf_box .listlabel:hover {background: #e6e0d8;border: 1px solid #e6e0d8;color: #655a54;}
.groupepdf_box .list { margin: 0; padding: 0 12px 1px 10px; background: url(bg_groupepdf_list2.png) repeat-y left center; }
.groupepdf_box .list li { list-style: none; padding-top: 2px; }
.groupepdf_box .list li .pdf_a { display: block; background: #fff; font-size: 14px; line-height: 1.2em; color: #767676; text-decoration: none; padding: 10px 10px 9px 50px; background: #fff url(pdf.png) no-repeat 13px center; }
.groupepdf_box .list li .pdf_a.paire { background-color: #ebebeb; }
.groupepdf_box .list li .pdf_a:hover { color: #369; }
.groupepdf_box .list li .exclaim_a { display: block; background: #fff; font-size: 14px; line-height: 1.2em; color: #767676; text-decoration: none; padding: 10px 10px 9px 50px; background: #fff url(exclaim.png) no-repeat 13px center; }
.groupepdf_box .list li .exclaim_a.paire { background-color: #ebebeb; }
.groupepdf_box .list li .exclaim_a:hover { color: #369; }

/* LANGUES */
.langbox { position: absolute; right: 22px; top: 8px; background: url(dark_down.gif) no-repeat right 7px; z-index: 1001; }
.langbox #t_lang { color: #000000; font-size: 10px; text-transform: uppercase; padding:0 59px 0 25px; background-repeat: no-repeat; background-position: left center; cursor: pointer; }
.langbox:hover #t_lang { color: #231f20; }
.langbox .langselect { position: absolute; right: -45px; top: 14px; width: 318px; padding-top: 12px; background: url(transparent.gif); }
.langbox .langselect .langselect_top { width: 100%; height: 10px; background: url(bg_langselect_top.png) no-repeat center bottom; }
.langbox .langselect .langselect_bottom { width: 100%; height: 10px; background: url(bg_langselect_bottom.png) no-repeat center top; }
.langbox .langselect .langlist { background: url(bg_langlist.png) repeat-y center; padding: 5px 0 5px 18px; }
.langbox .langselect .langlist a { color: #000000; font-size: 10px; text-transform: uppercase; width: 108px; padding-left: 25px; margin: 0 0 5px 10px; background-repeat: no-repeat; background-position: left center; display: inline-block; vertical-align: top; }
.langbox .langselect .langlist a:hover { color: #231f20; text-decoration: none; }
.logo { position: absolute; left: 30px; top: 11px; }
.logo a{ display: inline-block; margin-right:10px; }
.nompage { position: absolute; left: 250px; bottom: 10px; }
.nompage_line1 { color: #000000; font-size: 14px; line-height: 12px; font-weight: normal; text-transform: uppercase; }
.nompage_line2 { color: var(--SecondaryColor1); font-size: 24px; line-height: 26px; font-family: 'DS Automobiles Pro Bold'; font-weight: normal; text-transform: uppercase; }

/* langues */
.langbox .fr_fr { background-image: url(../images/flags/fr.gif); }
.langbox .hr_hr { background-image: url(../images/flags/hr.gif); }
.langbox .en_us { background-image: url(../images/flags/gb.gif); }
.langbox .sl_si { background-image: url(../images/flags/si.gif); }
.langbox .es_es { background-image: url(../images/flags/es.gif); }
.langbox .bg_bg { background-image: url(../images/flags/bg.gif); }
.langbox .de_de { background-image: url(../images/flags/de.gif); }
.langbox .et_ee { background-image: url(../images/flags/ee.gif); }
.langbox .it_it { background-image: url(../images/flags/it.gif); }
.langbox .lv_lv { background-image: url(../images/flags/lv.gif); }
.langbox .nl_nl { background-image: url(../images/flags/nl.gif); }
.langbox .lt_lt { background-image: url(../images/flags/lt.gif); }
.langbox .pt_pt { background-image: url(../images/flags/pt.gif); }
.langbox .sk_sk { background-image: url(../images/flags/sk.gif); }
.langbox .da_dk { background-image: url(../images/flags/dk.gif); }
.langbox .sr_yu { background-image: url(../images/flags/rs.gif); }
.langbox .sv_se { background-image: url(../images/flags/se.gif); }
.langbox .tr_tr { background-image: url(../images/flags/tr.gif); }
.langbox .no_no { background-image: url(../images/flags/no.gif); }
.langbox .ru_ru { background-image: url(../images/flags/ru.gif); }
.langbox .fi_fi { background-image: url(../images/flags/fi.gif); }
.langbox .id_id { background-image: url(../images/flags/id.gif); }
.langbox .el_gr { background-image: url(../images/flags/gr.gif); }
.langbox .ja_jp { background-image: url(../images/flags/jp.gif); }
.langbox .cs_cz { background-image: url(../images/flags/cz.gif); }
.langbox .es_ar { background-image: url(../images/flags/ar.gif); }
.langbox .hu_hu { background-image: url(../images/flags/hu.gif); }
.langbox .pt_br { background-image: url(../images/flags/br.gif); }
.langbox .pl_pl { background-image: url(../images/flags/pl.gif); }
.langbox .ro_ro { background-image: url(../images/flags/ro.gif); }
.langbox .uk_ua { background-image: url(../images/flags/ua.gif); }
.langbox .zh_cn { background-image: url(../images/flags/cn.gif); }
.langbox .he_il { background-image: url(../images/flags/il.gif); }
.langbox .ar_tn { background-image: url(../images/flags/ar_tn.gif); }
.langbox .mk_mk { background-image: url(../images/flags/mk.gif); }
.langbox .ca_es { background-image: url(../images/flags/catalonia.gif); }
.langbox .sq_al { background-image: url(../images/flags/al.gif); }

/* ********** CARNAV ********** */
.carnav { padding: 0 9px; background: url(bg_container.png) repeat-y left; position: absolute; top: 84px; z-index: 10; }
.carnav .carnavmask { position: relative; overflow: hidden; height: auto; background: #f4f4f4; }
.carnav .carnavmask .carnavcontent { background: #f4f4f4; padding: 25px 0; width: 991px; }
.carnav .carnavmask .carnavcontent .nav_clearer { clear: both; font-size: 0px; height: 54px; }

/* SELECTBAR */
.selectbar { height: 43px; width: 1009px; padding-bottom: 5px; background: url(bg_selectbar.png) no-repeat left top; position: absolute; top: 100%; left: 0; }
.selectbox { height: 43px; position: absolute; right: 32px; top: 0; }
.selectbox_left { height: 43px; width: 20px; float: left; background: url(bg_selectbox_left.png) no-repeat right top; }
.selectbox_right { height: 43px; width: 20px; float: left; background: url(bg_selectbox_right.png) no-repeat left top; }
.selectbox_content { height: 14px; padding: 10px 2px 18px 8px; float: left; background: url(bg_selectbox_content.png) repeat-x top; }
.carselect { color: #000000; cursor: pointer; background: url(up-down.gif) no-repeat right top; display: inline-block;height:15px; padding-right: 25px; margin-right: 25px; }
.carselect:hover { color: #231f20; text-decoration: none; }
.periodselect { color: #000000; font-size: 13px; cursor: pointer; background: url(up-down.gif) no-repeat right bottom;height:15px; display: inline-block; padding-right: 25px; }
.periodselect:hover { text-decoration: none; }
/* VEHICULES */
.choisissez { margin: 0 0 10px 40px; height: 0; overflow: hidden; }
.carline { padding: 0 0 0 20px; clear: both; }

.carbox {
    float: left;
    width: 120px;
    height: 95px;
    text-align: center;
    padding: 8px;
    margin-right: 18px;
    margin-bottom: 18px;
    position: relative;
    z-index: 11;
    border-radius: 3px;
    cursor:pointer;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    background-color: var(--SecondaryColor5);
    border: 2px solid var(--SecondaryColor3);
}
.carbox:hover {
    border: 2px solid var(--PrimaryColor2);
}
.carbox>img{
    transition: transform .8s ease-in-out;    height:50px;
    flex:1 0 auto;
    overflow: hidden;
}

.carbox .carnum {
    font-family: "DS Automobiles Pro Bold",sans-serif;
    color: var(--SecondaryColor1);
    font-size: 20px;
    padding-top: 6px;text-transform: uppercase;    width:100%;
    height:100%;
    flex:1 1 auto
}
.carbox.hover {
    /*background: url(bg_carbox.gif) no-repeat center top;*/
    z-index: 12;
    background:#fff;
}

.carbox.hover .carnum { color: #1d1717; }
.carbox.hover>img{ transform: scale(1.16); }
/* SILHOUETTES */
.carbox .cartypebox { position: absolute; top: 93px; left: 50%; display: none;/**/ z-index: 100; }
.carbox .cartypebox .cartypemask { position: absolute; background: url(bg_cartypemask.png) no-repeat center top; height: 18px; width: 118px; left: 50%; margin-left: -59px; top: -9px; }
.carbox .cartypebox .cartypecontent { height: 50px; padding: 10px 0 12px; background: url(bg_cartype_content.png) repeat-x top; white-space: nowrap; }
.carbox .cartypebox .cartypeleft { position: absolute; left: -16px; top: 0; width: 16px; height: 72px; background: url(bg_cartype_left.png) no-repeat right top; }
.carbox .cartypebox .cartyperight { position: absolute; right: -16px; top: 0; width: 16px; height: 72px; background: url(bg_cartype_right.png) no-repeat right top; }
.carbox .cartypebox .cartype { display: inline-block; vertical-align: top; height: 50px; position: relative; overflow: hidden; }
.carbox .cartypebox .cartype img { position: relative; margin: 0 5px; }
.carbox .cartypebox .cartype_first img { margin-left: 0; }
.carbox .cartypebox .cartype_last img { margin-right: 0; }
.carbox .cartypebox .cartype:hover img { top: -50px; }
/* PERIOD BOX */
.carperiod { background: url(bg_carperiodcontent.png) no-repeat left top; width: 217px; height: 268px; padding: 20px 22px 0; position: absolute; z-index: 2000; display: none;/**/ }
.carperiod .carperiod_left { height: 34px; width: 40px; padding: 35px 0 31px; position: absolute; right: 250px; top: 94px; text-align: right; background: url(transparent.gif); display: none; }
.carperiod .carperiod_left .puce_carperiod_left { display: inline-block; width: 22px; height: 34px; background: url(puce_carperiod_left.png) no-repeat right center; }
.carperiod .carperiod_right { height: 34px; width: 40px; padding: 35px 0 31px; position: absolute; left: 250px; top: 94px; text-align: left; background: url(transparent.gif); display: none; }
.carperiod .carperiod_right .puce_carperiod_right { display: inline-block; width: 22px; height: 34px; background: url(puce_carperiod_right.png) no-repeat left center; }
.carperiod .carperiodtitle { text-align: left; color: var(--SecondaryColor1); font-family: 'DS Automobiles Pro Bold'; font-weight: normal; font-size: 13px; line-height: 13px; padding-bottom: 6px; }
.carperiod .carperiodlist { color: #646464; font-size: 13px; line-height: 17px; text-align: left; }
.carperiod .carperiodlist #licarperiodelist { margin: 8px 0 0 0; padding: 0; height: 192px; overflow: auto; }
.carperiod .carperiodlist ul li { list-style: none; height: 17px; margin: 2px 0; padding-left: 20px; background: url(puce_periodlist.gif) no-repeat 7px center; }
.carperiod .carperiodlist ul li.line_a { background-color: var(--PrimaryColor4); }
.carperiod .carperiodlist ul li a { color: var(--SecondaryColor1); text-decoration: none; }
.carperiod .carperiodlist ul li a:hover { color: var(--PrimaryColor2); }
.carperiod .carperiodlist .carperiodlist_up { background: url(fleche_periode_haut.gif) no-repeat center center; height: 14px; display: none; }
.carperiod .carperiodlist .carperiodlist_up.off { background-image: url(fleche_periode_haut_off.gif); }
.carperiod .carperiodlist .carperiodlist_down { background: url(fleche_periode_bas.gif) no-repeat center center; height: 14px; display: none; }
.carperiod .carperiodlist .carperiodlist_down.off { background-image: url(fleche_periode_bas_off.gif); }

/* ********** SOMMAIRE ********** */
.sommairepdf { float: left; height: 470px; width: 219px; background: #f3f3f3; }
.sommairepdf .pdfsommaire { color: #58595b; font-weight: normal; font-size: 20px; line-height: 20px; text-transform: uppercase; letter-spacing: 1px; margin: 4px 12px 7px; text-decoration: none; display: block; }
.sommairepdf .pdfsommaire:hover { text-decoration: none; }

/* ********** SOMMAIRE V2 ********** */
.sommairelist { height: 370px; margin-right: 6px; overflow: auto; font-size: 13px; }
.sommaireheader { text-align: left; }
.sommaireheader #pdfvehiculenomv2 {     font-family: 'DSTitleWebSmallRegular'; color: #231f20; font-size: 26px; text-align: center; margin: 10px 6px 0;}
.sommaireheader .vehiculeimage { display: none; }
.sommairepdf .pdfsommaire { margin: 14px 16px 6px; font-family: 'DS Automobiles Pro Bold'; font-weight: normal; font-size: 17px; }
.sommairelist ul { margin: 1px 0 0 16px; padding: 0; }
.sommairelist ul li { list-style: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-top: -1px; padding: 5px 2px 5px 15px; width: 157px; background-color: #f3f3f3; }
.sommairelist ul li a { color: #58595b; margin-right: 10px; text-decoration: none; display: block; }
.sommairelist ul li a:hover { color: #231f20; }
.sommairelist ul li ul { height: auto; display: none; margin: 5px 0 0 0; }
.sommairelist ul li ul li { border-bottom: none; border-top: 1px dashed #a3a3a3; font-size: 10px; line-height: 14px; width: auto; border-left: none; border-right: none; border-bottom: none; padding: 3px 0 3px 12px; }
.sommairelist ul li ul li a { }
.sommairelist ul li ul li ul { margin: 3px 5px 0 0; }
.sommairelist ul li ul li ul li { border-top: 1px dotted #a3a3a3; padding: 2px 0 2px 10px; }
.sommairelist ul li ul li ul li a  { color: #58595b; }
/*.sommairepdf li.hover > ul { display: block; }*/ /* pb ie6 -> JS */
.sommairelist .isparent{ cursor: pointer; background-image: url(puce_sommaire_undev.gif); background-repeat: no-repeat; background-position: 0px 9px; }
.sommairelist ul li ul .isparent { background-position: 0px 6px; }
.sommairelist .isparenthover { cursor: pointer; background: url(puce_sommaire_dev.gif) no-repeat 0px 9px; }
.sommairelist ul li ul .isparenthover { background-position: 0px 6px; }
.sommairelist .pdfselected { color: #369; }


.langbox{
    position: absolute;
    right: 22px;
    top: 0;
    z-index: 1001;
    width: 155px;
    border: none;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-position: center right;
}
.langbox .langselect{
    margin-top: 25px;
}

@font-face {
    font-family: "dsautomobileRegular";
    src: url('fonts/dsAutomobiles/DSAutomobiles-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: "dsautomobileBold";
    src: url('fonts/dsAutomobiles/DSAutomobiles-Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'DSTitleWebSmallRegular';
    src: url('fonts/DSTitleWebSmall/DSTitleWebSmall-Regular.woff2') format('woff2'),
    url('fonts/DSTitleWebSmall/DSTitleWebSmall-Regular.woff') format('woff');
    font-weight: normal;

}


@font-face {
    font-family: 'DS Automobiles Pro Light';
    src: url('fonts/DSAutomobilesPro_Web/DSAutomobilesPro-Light.woff2') format('woff2'),
    url('fonts/DSAutomobilesPro_Web/DSAutomobilesPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}



@font-face {
    font-family: 'DS Automobiles Pro Regular';
    src: url('fonts/DSAutomobilesPro_Web/DSAutomobilesPro-Regular.woff2') format('woff2'),
    url('fonts/DSAutomobilesPro_Web/DSAutomobilesPro-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'DS Automobiles Pro Bold';
    src: url('fonts/DSAutomobilesPro_Web/DSAutomobilesPro-Bold.woff2') format('woff2'),
    url('fonts/DSAutomobilesPro_Web/DSAutomobilesPro-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}


@font-face {
    font-family: 'DS Automobiles Pro Extrabold';
    src: url('fonts/DSAutomobilesPro_Web/DSAutomobilesPro-Extrabold.woff2') format('woff2'),
    url('fonts/DSAutomobilesPro_Web/DSAutomobilesPro-Extrabold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}



@font-face {
    font-family: 'Roboto Regular';
    src: url('fonts/Roboto/Roboto-Regular.ttf') format('ttf');
    font-weight:normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto Bold';
    src: url('fonts/Roboto/Roboto-Bold.ttf') format('ttf');
    font-weight:normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto Light';
    src: url('fonts/Roboto/Roboto-Light.ttf') format('ttf');
    font-weight:normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto Italic';
    src: url('fonts/Roboto/Roboto-Italic.ttf') format('ttf');
    font-weight:normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto Black';
    src: url('fonts/Roboto/Roboto-Black.ttf') format('ttf');
    font-weight:normal;
    font-style: normal;
}
@font-face {
    font-family: 'Noto Serif Display Regular';
    src: url('fonts/Noto_Serif_Display/NotoSerifDisplay-Regular.ttf') format('ttf');
    font-weight:normal;
    font-style: normal;
}
@font-face {
    font-family: 'Noto Serif Display Bold';
    src: url('fonts/Noto_Serif_Display/NotoSerifDisplay-Bold.ttf') format('ttf');
    font-weight:normal;
    font-style: normal;
}

@font-face {
    font-family: 'PSA Groupe HMI Sans Light';
    src: url('fonts/PSAGroupeHMISans/PSAGroupeHMISans-Light.woff2') format('woff2'),
    url('fonts/PSAGroupeHMISans/PSAGroupeHMISans-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PSA Groupe HMI Sans Bold';
    src: url('fonts/PSAGroupeHMISans/PSAGroupeHMISans-Bold.woff2') format('woff2'),
    url('fonts/PSAGroupeHMISans/PSAGroupeHMISans-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PSA Groupe HMI Sans';
    src: url('fonts/PSAGroupeHMISans/PSAGroupeHMISans-Regular.woff2') format('woff2'),
    url('fonts/PSAGroupeHMISans/PSAGroupeHMISans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.langbox .he_il {
    background-image: url(../images/flags/il.gif);
}
.langbox .ar_tn {
    background-image: url(../images/flags/ar_tn.gif);
}


@media screen and (min-width: 1279px) {
    body[data-content-mode="eGuide"] .mep {
        width: 1280px;
    }

    body[data-content-mode="eGuide"] .header {
        width: 1009px;
        margin: 0 auto;
    }

    body[data-content-mode="eGuide"] #id_carnav {
        width: 991px;
        left: 50%;
        margin-left: -504px;
    }

    body[data-content-mode="eGuide"] iframe[name="eGuide"] {
        width: 100%;
    }

    body[data-content-mode="pdfsimple"] .mep {
        width: 1280px;
    }

    body[data-content-mode="pdfsimple"] .header {
        width: 1009px;
        margin: 0 auto;
    }

    body[data-content-mode="pdfsimple"] #id_carnav {
        width: 991px;
        left: 50%;
        margin-left: -504px;
    }

    body[data-content-mode="pdfsimple"] iframe[name="pdfsimple"] {
        width: 100%;
    }
}

html[lang="ar"] body,
html[lang="he"] body,
html[lang="ja"] body,
html[lang="ko"] body,
html[lang="zh"] body{
    font-family: 'PSA Groupe HMI Sans', sans-serif;
}
html[lang="ar"] .periodselect,
html[lang="he"] .periodselect,
html[lang="ja"] .periodselect,
html[lang="ko"] .periodselect,
html[lang="zh"] .periodselect,
html[lang="ar"] .carselect,
html[lang="he"] .carselect,
html[lang="ja"] .carselect,
html[lang="ko"] .carselect,
html[lang="zh"] .carselect{
  font-size:12px;
}

html[lang="bg"] body,
html[lang="el"] body,
html[lang="mk"] body,
html[lang="ru"] body,
html[lang="sr"] body,
html[lang="uk"] body {
    font-family: 'Roboto Regular', sans-serif;

}

html[lang="ar"] .groupepdf_box .listlabel,
html[lang="he"] .groupepdf_box .listlabel,
html[lang="ja"] .groupepdf_box .listlabel,
html[lang="ko"] .groupepdf_box .listlabel,
html[lang="zh"] .groupepdf_box .listlabel{
    font-family: 'PSA Groupe HMI Sans Bold';    font-weight: normal;
}

html[lang="bg"] .groupepdf_box .listlabel,
html[lang="el"] .groupepdf_box .listlabel,
html[lang="mk"] .groupepdf_box .listlabel,
html[lang="ru"] .groupepdf_box .listlabel,
html[lang="sr"] .groupepdf_box .listlabel,
html[lang="uk"] .groupepdf_box .listlabel {

    font-family: 'Roboto Bold';
    font-weight: normal;

}

html[lang="ar"] .nompage_line2,
html[lang="he"] .nompage_line2,
html[lang="ja"] .nompage_line2,
html[lang="ko"] .nompage_line2,
html[lang="zh"] .nompage_line2{
    font-family: 'PSA Groupe HMI Sans Bold';    font-weight: normal;  text-transform: uppercase;
}
html[lang="bg"] .nompage_line2,
html[lang="el"] .nompage_line2,
html[lang="mk"] .nompage_line2,
html[lang="ru"] .nompage_line2,
html[lang="sr"] .nompage_line2,
html[lang="uk"] .nompage_line2
 {

    font-family: 'Roboto Bold';
    font-weight: normal;
    text-transform: uppercase;
}

html[lang="ar"] .carbox .carnum,
html[lang="he"] .carbox .carnum,
html[lang="ja"] .carbox .carnum,
html[lang="ko"] .carbox .carnum,
html[lang="zh"] .carbox .carnum{
    font-family: 'PSA Groupe HMI Sans Bold';    font-weight: normal;
}

html[lang="bg"] .carbox .carnum,
html[lang="el"] .carbox .carnum,
html[lang="mk"] .carbox .carnum,
html[lang="ru"] .carbox .carnum,
html[lang="sr"] .carbox .carnum,
html[lang="uk"] .carbox .carnum {
    font-family: 'Roboto Bold', sans-serif;
}

html[lang="ar"] .carperiod .carperiodtitle,
html[lang="he"] .carperiod .carperiodtitle,
html[lang="ja"] .carperiod .carperiodtitle,
html[lang="ko"] .carperiod .carperiodtitle,
html[lang="zh"] .carperiod .carperiodtitle{
    font-family: 'PSA Groupe HMI Sans Bold';    font-weight: normal;
}

html[lang="bg"] .carperiod .carperiodtitle,
html[lang="el"] .carperiod .carperiodtitle,
html[lang="mk"] .carperiod .carperiodtitle,
html[lang="ru"] .carperiod .carperiodtitle,
html[lang="sr"] .carperiod .carperiodtitle,
html[lang="uk"] .carperiod .carperiodtitle {
    font-family: 'Roboto Bold';

}

html[lang="ar"] .sommaireheader #pdfvehiculenomv2,
html[lang="he"] .sommaireheader #pdfvehiculenomv2,
html[lang="ja"] .sommaireheader #pdfvehiculenomv2,
html[lang="ko"] .sommaireheader #pdfvehiculenomv2,
html[lang="zh"] .sommaireheader #pdfvehiculenomv2{
    font-family: 'PSA Groupe HMI Sans Bold';    font-weight: normal;
}
html[lang="bg"] .sommaireheader #pdfvehiculenomv2,
html[lang="el"] .sommaireheader #pdfvehiculenomv2,
html[lang="mk"] .sommaireheader #pdfvehiculenomv2,
html[lang="ru"] .sommaireheader #pdfvehiculenomv2,
html[lang="sr"] .sommaireheader #pdfvehiculenomv2,
html[lang="uk"] .sommaireheader #pdfvehiculenomv2 {
    font-family: 'Noto Serif Display Bold';
}

html[lang="ar"] .sommairepdf .pdfsommaire,
html[lang="he"] .sommairepdf .pdfsommaire,
html[lang="ja"] .sommairepdf .pdfsommaire,
html[lang="ko"] .sommairepdf .pdfsommaire,
html[lang="zh"] .sommairepdf .pdfsommaire{
    font-family: 'PSA Groupe HMI Sans Bold';    font-weight: normal;
}

html[lang="bg"] .sommairepdf .pdfsommaire,
html[lang="el"] .sommairepdf .pdfsommaire,
html[lang="mk"] .sommairepdf .pdfsommaire,
html[lang="ru"] .sommairepdf .pdfsommaire,
html[lang="sr"] .sommairepdf .pdfsommaire,
html[lang="uk"] .sommairepdf .pdfsommaire {
    font-family: 'Roboto Bold';
    font-weight: normal;

}