/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher,Jonathan Neal,
 * Kroc Camen,and the H5BP dev community and team.
 */


/* ==========================================================================
 Base styles:opinionated defaults
 ========================================================================== */

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

body {
    font-size: 1em;
    line-height: 1.4;
}


/*
 * Remove text-shadow in selection highlight:h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}


/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}


/*
 * Remove the gap between images and the bottom of their containers:h5bp.com/i/440
 */

img {
    vertical-align: middle;
}


/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}


/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}


/* ==========================================================================
 Chrome Frame prompt
 ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
 Author's custom styles
 ========================================================================== */

body {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #6b6b6b;
}

menu,
ol,
ul,
dl,
h2,
h3,
h4,
p {
    padding: 0;
    margin: 0
}

li {
    list-style-type: none;
}

a {
    text-decoration: none
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: normal
}

h2 {
    color: #fff;
    font-size: 44px;
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 300;
}

h2 strong {
    font-family: 'Roboto';
    font-weight: 400;
}

h3 {
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 300;
}

a {
    color: #003299;
}

.icon-directAccess:before {
    content: "\e909";
}

.icon-cash:before {
    content: "\e908";
}

.icon-nl:before {
    content: "\e907";
}

.icon-arrow-right:before {
    content: "\e905";
}

.icon-close:before {
    content: "\e906";
}

.icon-play:before {
    content: "\e902";
}

.icon-download:before {
    content: "\e901";
}

.icon-arrow-down:before {
    content: "\e903";
}

.icon-loupe:before {
    content: "\e904";
}

.icon-share2:before {
    content: "\ea82";
}

.icon-facebook2:before {
    content: "\ea91";
}

.icon-twitter:before {
    content: "\ea96";
}

.icon-linkedin:before {
    content: "\eac9";
}


/* types de liens */

.link0,
.contentArticle a.link0 {
    font-weight: normal;
    padding: 0;
    background: 0 none;
    text-transform: none
}

.link1 {
    margin: 11px 0 0;
    float: left;
    color: #fff;
    font-size: 16px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    background: url(../images/sprite.png) no-repeat right -45px;
    padding: 5px 39px 5px 0;
    text-decoration: none
}

.link2 {
    margin: 11px 0 0;
    float: left;
    color: #c39907;
    font-size: 13px;
    font-family: 'Roboto';
    background: url(../images/sprite.png) no-repeat left 0;
    padding: 5px 0 5px 39px;
    text-decoration: none
}

.link2:hover {
    background-position: 0 -754px;
    color: #9a7c13
}

.link3 {
    line-height: 18px;
    color: #fff;
    background: url(../images/sprite.png) no-repeat -516px -243px;
    padding: 0 0 0 35px;
    font-size: 16px;
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 300;
}

.link4 {
    color: #6b6b6b;
    background: url(../images/sprite.png) no-repeat -542px -542px;
    padding: 0 0 0 15px;
    font-size: 16px;
}

.link5 {
    color: #a47e0d;
    background: url(../images/sprite.png) no-repeat -542px 4px;
    padding: 0 0 0 9px;
    line-height: 12px;
    font-size: 12px
}

.link6 {
    background: url(../images/sprite.png) no-repeat -46px -83px;
    margin: 0 0 0 10px;
    padding: 0 0 0 9px;
    line-height: 12px;
    font-size: 12px;
    color: #9caa9e
}

.link7 {
    background: url(../images/sprite.png) no-repeat -534px -247px;
    padding: 10px 34px 10px 10px;
    float: left;
    background: #D9AE23;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D9AE23), to(#b68d11));
    background: -webkit-linear-gradient(#D9AE23, #b68d11);
    background: -moz-linear-gradient(#D9AE23, #b68d11);
    background: -ms-linear-gradient(#D9AE23, #b68d11);
    background: -o-linear-gradient(#D9AE23, #b68d11);
    background: linear-gradient(#D9AE23, #b68d11);
    border: 1px solid #e9c34a
}

.link7 a {
    color: #fff;
    padding-left: 20px;
    overflow: hidden;
    display: block;
    background: url(../images/sprite.png) no-repeat -534px -244px;
    font-weight: bold;
    line-height: 15px
}

.link8 {
    color: #003299;
    font-weight: bold;
    font-size: 12px;
    background: url(../images/sprite.png) no-repeat -533px -776px;
    padding: 0 0 0 25px
}

.link9 {
    color: #999999;
    background: url(../images/sprite.png) no-repeat 2px -430px;
    padding: 0 0 0 15px
}

.link10 {
    color: #03408f;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px;
    padding: 0 0 0 15px;
    background: url(../images/sprite.png) no-repeat -542px -925px;
}

.link10:hover {
    color: #c39907;
    background-position: 0 -925px;
}

.link12,
.contentArticle .link12 {
    /*white-space:nowrap;*/
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 300;
    padding: 7px 20px;
    filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FF1366aa, endColorstr=#FF105792);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#1366aa), to(#105792));
    background: -webkit-linear-gradient(#1366aa, #105792);
    background: -moz-linear-gradient(#1366aa, #105792);
    background: -ms-linear-gradient(#1366aa, #105792);
    background: -o-linear-gradient(#1366aa, #105792);
    background: linear-gradient(#1366aa, #105792);
}

.linkBottom .link12 {
    white-space: normal;
    display: block
}

.retour {
    position: absolute;
    right: 0;
    top: 15px;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    padding: 0 0 0 15px;
    background: url(../images/sprite.png) no-repeat 0 -799px;
}

.link13 {
    cursor: pointer;
    text-transform: uppercase;
    background: url(../images/sprite.png) no-repeat left 0;
    color: #fdd14e;
    display: table-cell;
    font-family: "Roboto";
    font-size: 13px;
    height: 29px;
    line-height: 14px;
    padding: 0 0 4px 39px;
    text-align: left;
    vertical-align: middle;
    text-decoration: none
}

.link14 {
    cursor: pointer;
    text-transform: uppercase;
    background: url(../images/sprite.png) no-repeat left -1358px;
    color: #FFFFFF;
    display: table-cell;
    font-family: "Roboto";
    font-size: 13px;
    height: 29px;
    line-height: 14px;
    padding: 0 0 5px 39px;
    text-align: left;
    vertical-align: middle;
    text-decoration: none
}

.link15 {
    font-size: 14px;
    color: #000;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    background: url(../images/sprite.png) no-repeat -539px -1372px;
    padding: 0 0 0 20px;
    float: right;
    margin: 12px 0 0 0
}

.link16 {
    overflow: hidden;
    font-size: 14px;
    color: #fff;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    background: url(../images/sprite.png) no-repeat -539px -1572px;
    padding: 0 0 0 17px;
    margin: 4px 0 0 0
}

.link17 {
    overflow: hidden;
    font-size: 14px;
    color: #000;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    background: url(../images/sprite.png) no-repeat -539px -1375px;
    padding: 0 0 0 17px;
    margin: 4px 0 0 0
}

.linkAndroidMarket,
.contentArticle .linkAndroidMarket {
    background: url(../images/pictos.png) no-repeat 0 -1121px #70b872;
    color: #fff;
    display: block;
    float: left;
    font-weight: normal;
    padding: 10px 20px 10px 50px;
}

.linkAppleMarket,
.contentArticle .linkAppleMarket {
    background: url(../images/pictos.png) no-repeat 0 -1190px #9caa9e;
    color: #fff;
    display: block;
    float: left;
    font-weight: normal;
    margin-right: 10px;
    padding: 10px 20px 10px 50px;
}

.linkPDF {
    font-size: 11px;
    color: #6b6b6b;
    display: inline-block;
    background-color: #00418f;
    font-size: 35px;
    color: #fff;
    width: 40px;
    height: 40px
}

.linkPDF--style1 {
    background-color: transparent;
    width: auto;
    color: #6b6b6b;
    font-size: 11px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
}

.linkPDF--style1 .icon-visu:before {
    content: "\e900";
    font-size: 40px;
    display: inline-block;
    vertical-align: middle;
}

.linkEPUB {
    margin: 7px 0;
    font-size: 11px;
    color: #6b6b6b;
    padding: 10px 0 10px 40px;
    background: url(../images/sprite.png) no-repeat -384px -261px;
    display: inline-block
}

.link18 {
    color: #03408f;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    padding: 0 0 0 10px;
    background: url(../images/sprite.png) no-repeat -542px -1864px;
}

.link19 {
    color: #939393;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    text-decoration: underline
}

li.rss a,
div.rss {
    margin: -2px 0 0 0;
    width: 15px;
    height: 15px;
    background: url(../images/sprite.png) no-repeat -287px -354px;
    overflow: hidden;
    float: left;
    text-indent: -9999px;
    text-align: left;
}

div.rss {
    margin: 0;
    display: inline
}

.link20 {
    border: 0 none;
    padding: 0 7px;
    color: #fff;
    font-size: 12px;
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 300;
    filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FF1366aa, endColorstr=#FF105792);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#1366aa), to(#105792));
    background: -webkit-linear-gradient(#1366aa, #105792);
    background: -moz-linear-gradient(#1366aa, #105792);
    background: -ms-linear-gradient(#1366aa, #105792);
    background: -o-linear-gradient(#1366aa, #105792);
    background: linear-gradient(#1366aa, #105792);
}

.linkSup {
    background: 0 none !important;
    padding: 0 !important
}

.link20 {
    font-size: 19px;
    color: #fff;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    background: url(../images/sprite.png) no-repeat -539px -1570px;
    padding: 0 0 0 17px;
    margin: 4px 0 0 0
}

.link21 {
    color: #fff;
    padding: 8px 15px;
    border: 1px solid #fff;
    display: inline-block
}

.link21.color33 {
    border-color: #094792
}

.link22 {
    color: #003299;
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase
}


/* titles */

.titre1 {
    font-family: 'Roboto';
    color: #03408f;
    font-size: 28px !important;
    clear: left;
    line-height: 32px;
}

.titre11 {
    font-size: 30px !important;
    font-family: 'Roboto';
    color: #03408f;
    clear: left;
    line-height: 19px;
}

.titre2 {
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 300;
    color: #899a8b;
    font-size: 28px;
    clear: left;
}

.titre3 {
    color: #003299;
    font-size: 20px;
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 300;
    margin-bottom: 5px
}

.block-2-items .titre4 {
    line-height: 28px;
}

.titre4 {
    color: #c39907;
    font-size: 24px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    line-height: 23px;
}

.titre5 {
    color: #548ecd;
    font-size: 14px
}

.titre6 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #003299;
    line-height: 17px
}

.titre7 {
    font-family: 'Roboto';
    font-size: 16px;
}

.titre8 {
    font-family: 'Roboto';
    font-size: 30px;
    color: #fff;
    line-height: 30px
}

.titre8 span {
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 300;
    font-size: 20px
}

.titre9 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #c39907;
    font-size: 14px;
    font-weight: bold
}

a.titre9:hover {
    color: #9f9f9f
}

.titre10 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #c39907;
    font-size: 14px;
    font-weight: normal
}

.titre12 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #fdd14e;
    font-size: 14px;
    font-weight: bold
}

.titre13 {
    font-family: 'Roboto';
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 10px
}

.titre13 span {
    font-size: 24px
}

.titre14 {
    font-family: 'Roboto';
    color: #9caa9e;
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 10px
}

.titre14 span {
    font-size: 16px
}

.titre15 {
    color: #ce0c11;
    font-size: 16px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
}

.titre16 {
    color: #fff;
    background-color: #ce0c11;
    padding: 3px 5px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px
}

.titre17 {
    color: #9ca99d;
    font-family: 'Roboto';
    font-size: 16px;
    text-transform: uppercase
}

.titre18 {
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 300;
    font-size: 22px !important;
    color: #004b96;
    text-transform: uppercase
}

.titre18 strong {
    font-size: 35px;
    margin-top: -9px;
    display: block;
    font-weight: normal
}

.home .titre18,
.home .titre18 strong {
    white-space: nowrap
}

.home .titre18 strong {
    font-size: 33px;
}

.titre19 {
    color: #03408f;
    font-family: 'Roboto';
    font-size: 24px;
    margin: 0 0 10px 0;
}

.titre19 span {
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 300;
}

.titre20 {
    color: #03408f;
    font-family: 'Roboto';
    font-size: 18px;
    margin: 0 0 0px 0;
}

.titre21 {
    color: #003299;
    font-family: 'Roboto';
    font-size: 12px;
    margin: -5px 0 8px 0;
}

.titre22 {
    color: #fff;
    font-family: 'Roboto';
    font-size: 25px;
    margin: 5px 0 0 0;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #000;
    text-transform: uppercase
}

.titre23 {
    font-family: 'Roboto' !important;
    font-style: normal;
    font-size: 20px !important;
    color: #004b96;
    text-transform: uppercase
}

.titre24 {
    font-family: 'Roboto' !important;
    font-style: normal;
    font-size: 20px !important;
    color: #03408f;
    text-align: center
}

.titre25 {
    color: #c39907;
    font-size: 18px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
    line-height: 23px;
}

.titre26 {
    font-family: 'Roboto';
    color: #03408f;
    font-size: 29px !important;
    clear: left;
    line-height: 28px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 35px
}

.titre27 {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 5px;
}

.titre28 {
    color: #f1d970;
    font-size: 48px;
}

.titre29 {
    font-size: 26px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    line-height: 100%;
}

.titre30 {
    font-size: 45px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    line-height: 115%;
}

.titre31 {
    font-size: 2.6vw;
    color: #003299;
    text-transform: uppercase;
    line-height: 100%;
}

.titre32 {
    font-size: 45px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    line-height: 115%;
}

.txt7 {
    font-family: 'Roboto';
    color: #f1d970;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 15px;
}

.time1 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #c69c19;
    font-size: 12px;
    font-style: italic
}

.time2 {
    color: #575757;
    font-size: 12px;
    display: block;
    text-align: left;
    line-height: 13px;
}

.time3 {
    color: #c69c19;
    font-size: 12px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: italic
}

.time4 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #c69c19;
    font-size: 13px;
    font-style: italic
}

.time5 {
    font-family: "Roboto";
    font-weight: 300;
    color: #c69c19;
    font-size: 10px;
}

.size60,
.home h2 span {
    font-size: 50px;
    padding-left: 15px
}

.fontW400 {
    font-weight: 400
}

.txt8 {
    font-family: 'Roboto';
    font-size: 16px;
    line-height: 15px;
    font-weight: 300;
    color: #003299;
    text-transform: uppercase
}

.txt9 {
    font-family: 'Roboto';
    font-size: 14px;
    line-height: 12px;
    font-weight: 400;
    color: #003299;
}

.listLang__link {
    font-size: 14px;
    color: #787878;
    text-transform: uppercase;
    float: right;
    border: 1px solid #787878;
    margin-left: 20px;
    padding: 6px 35px 6px 6px;
    margin-top: -9px;
}

.listLang__download {
    color: #fff;
    padding: 0 6px;
    display: inline-block
}

.listLang {
    background-color: #1E1E1E;
    position: absolute;
    right: 29px;
    height: 21px;
    top: -9px;
    border: 1px solid #787878;
    display: none;
    padding: 5px 8px;
}

.arrowLink {
    height: 0;
    width: 0;
    position: absolute;
    border: solid transparent;
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #787878;
    border-width: 7px;
    margin-top: 0;
    right: 9px;
    top: 5px;
    transform: rotate(-90deg);
}

.arrowLink--on {
    transform: rotate(0deg);
    top: 1px;
}

.listLangPublications {
    background-color: #00418f;
    display: none;
    position: absolute;
    top: 100%;
    margin-top: -10px;
    right: 10px;
    z-index: 9;
}

.listLangPublications__download {
    color: #fff;
    padding: 0 6px;
    display: inline-block
}

.listLangPublications__link {
    display: inline-block
}

.mediaGalleryPres .titre4 {
    font-size: 24px !important;
}


/* header */

.header {
    position: relative;
    z-index: 999;
}

.desktop .header {
    min-width: 940px
}

.home .header {
    overflow: visible
}

.blockLanguages {
    float: right;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin: 0;
    text-align: right;
    margin: 16px 0 0 0;
}

.content {
    width: 980px;
    margin: 0 auto
}

.contentPage {
    width: 980px;
    margin: 0 auto
}

.logo {
    margin: 1px 20px 0 0;
    width: 121px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%)
}

.home .logo {
    width: 11vw;
}

.logo img {
    max-width: 100%
}

.logo span {
    position: absolute;
    left: -99999px
}

.blockLanguages dt {
    float: left
}

.blockLanguages dd {
    float: left;
    margin: 0 10px 0 0
}

.blockLanguages dd span {
    display: none
}

.blockLanguages dd.active abbr {
    display: none
}

.blockLanguages dd.active span {
    display: inline-block;
    color: #010101
}

.header nav .link4 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    line-height: 14px;
    background-position: -542px -543px;
}

.header nav .link4:hover {
    color: #9f9f9f
}

.header nav .last .link4 {
    font-size: 13px
}

.header nav .list-banknotes .last .link4 {
    display: block;
    line-height: 14px;
    padding-left: 15px;
}

.baseline {
    text-transform: uppercase;
    font-size: 11px;
    font-family: 'Roboto';
    color: #003299;
    margin: 22px 0 0 12px;
    width: 108px;
    float: left;
    font-weight: bold;
    letter-spacing: 0.5px;
    height: 49px
}

.baseline span {
    font-weight: normal;
}

.contentBaseline {
    display: table-cell;
    vertical-align: middle;
    height: 49px;
}

.ssMenu .content {
    padding-top: 30px;
    overflow: hidden;
    padding-bottom: 30px;
    text-align: right;
}

.ssMenu .content ul {
    text-align: left
}

.ssMenu .list2 {
    text-align: left;
    margin: 0 auto;
    display: inline-block;
    overflow: hidden
}

.hr2 {
    padding-bottom: 17px;
    margin: 0 0 10px 0;
    background: url(../images/bar-dottedGray.png) repeat-x scroll right bottom transparent;
    display: block;
    height: 1px;
    border: 0;
}

.list12 ul {
    background: url(../images/bar-dottedGray.png) repeat-x scroll right top transparent;
    margin-top: 18px;
    padding-top: 12px;
}

.ssMenu .list2 a p {
    color: #6b6b6b
}

.ssMenu h3 {
    min-height: 31px;
    margin-bottom: 7px;
    text-transform: uppercase;
    overflow: hidden;
    text-align: left
}

.ssMenu h4 {
    text-transform: uppercase;
    line-height: 13px;
    margin-top: 8px;
    margin-bottom: 6px
}

.ssMenu .link8,
.ssMenu .link9 {
    text-transform: uppercase
}

.ssMenu .link8:hover {
    color: #717171;
    background-position: -533px -1159px
}

.ssMenu .link9 {
    line-height: 14px;
    background-position: 2px -434px
}

.ssMenu .link9:hover {
    color: #c69c19
}

.ssMenu .link22 {
    display: inline-block;
    font-size: 12px;
    line-height: 1.2;
    vertical-align: top;
}

.visu-tele {
    color: #9f9f9f;
    line-height: 13px;
    padding: 10px 0 0 65px;
    font-size: 12px;
    display: block;
    background: url(../images/sprite.png) no-repeat 0 -672px;
    height: 34px;
    text-transform: none
}

.list-europa {
    overflow: hidden
}

.list-europa img {
    margin: 0 0 15px
}

.list-europa p {
    background: 0 none !important
}

.list-europa .link4 {
    float: left;
    display: block;
    height: 28px;
    background-position: -542px -544px
}

.ssMenu .list-banknote-content {}

.current.noCurrent>a {
    background: 0 none
}

h1 {
    text-transform: uppercase
}

.header .titre2 {
    text-transform: uppercase;
    line-height: 30px;
    color: #717b72;
    padding: 0 16px;
    float: left;
    margin: 0 0 0 -17px;
}

.breadcrumb {
    clear: both;
    margin: 105px 0 17px 0;
}

.breadcrumb a,
.breadcrum li {
    color: #737373;
    font-size: 11px;
    padding: 0
}

.breadcrumb a:hover,
.vcard a:hover {
    color: #000
}

.breadcrumb li:first-letter {
    text-transform: uppercase
}

.breadcrumb li:after {
    content: '> ';
    margin: 0 0px 0 5px;
}

.breadcrumb li:last-child:after {
    content: ' '
}

.breadcrumb li {
    float: left;
    font-size: 11px;
    margin-right: 5px
}

.breadcrumb li:last-child,
.breadcrumb li.last {
    /*text-transform:lowercase*/
}

.header .list7 {
    margin: 25px 0 0;
    display: none
}

.searchInput {
    border: 0 none;
    color: #6b6b6b;
    font-size: 12px;
    /*display:none;*/
    width: 180px;
    float: left;
    padding: 4px 8px;
}

.on .searchInput {
    display: block;
    font-style: italic;
}

#bt_search {
    width: 36px;
    height: 25px;
    border: 0 none;
}

header .search {
    display: inline-block;
    right: 0;
    top: 0;
    float: right;
    margin-bottom: 1%;
    position: relative;
    margin-top: 9px;
}

header .search.on .searchContent {
    width: 250px;
    background-color: #fff
}

header .searchContent {
    position: absolute;
    right: 0;
    border-right: 1px solid #e2d2a0;
    border-left: 1px solid #e2d2a0
}

header .chapo ul {
    margin-top: 30px
}

.header #search {
    height: 30px;
}

.header .searchInput {
    padding: 2px 8px
}

.header #bt_search2 {
    height: 31px;
    width: 31px;
    float: left;
    position: absolute;
    right: 0;
    z-index: 9999;
}

.linksHeader {
    margin: 0;
    overflow: hidden;
    position: relative;
}

.linksHeader>ul {
    float: right
}

.home .section .threeCol .last {
    float: right;
    margin-right: 0;
    width: 234px;
}

img.previsu {
    display: block !important;
    position: static !important
}

.list-banknotes .list112 {
    display: table;
    height: 91px;
    padding-bottom: 12px;
    position: relative;
    top: -6px;
}

.list-banknotes .list112 li {
    height: 96px;
    padding: 0 3px 0 !important;
    display: table-cell;
    vertical-align: bottom;
    float: none;
}


/*.list-banknotes .list112 li.first{ padding: 0 !important; }*/


/* CHAPO */

.chapo {
    clear: left;
    overflow: hidden;
    padding: 0;
    margin-top: 40px
}

.chapo img {
    margin: 0 0 0 50px
}

.chapo p,
.chapo ul {
    margin-top: 30px
}

.chapo p:last-child,
.chapo .last {
    margin-bottom: 0
}


/* page interieure article */

.contentPage h1 {
    margin: 0 0 -15px
}


/* articles */

.article1 {
    margin: -43px auto;
    overflow: hidden
}

.article1 h3 {
    margin: 20px 0 10px !important;
    line-height: 23px !important;
}

.width1of4 {
    width: 286px
}

.eurocashacademy .width3of4 {
    width: 520px;
}

.eurocashacademy .width3of4 p {
    font-size: 16px
}

.width3of4 {
    width: 612px
}


/* banner*/

.banner {
    margin: 0 auto;
    clear: left;
    margin-bottom: 28px;
    overflow: hidden;
}

.banner a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.banner a:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0
}

.desktop .banner a:hover:before {
    opacity: 0.4;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.sectionCarousel {
    margin-bottom: 30px;
}

.sectionCarousel .contentLeft .left h2 {
    color: #003299;
}

.sectionCarousel .contentLeft {
    /*background: url(../images/bar-dotted.png) repeat-x 0 bottom; padding-bottom:7px*/
}

.sectionCarousel .contentLeft .left {
    /*background: url(../images/back-degrad3.jpg) no-repeat 0 bottom*/
}


/*#page{ padding-left:188px }*/

.banner .right,
.sliderHome {
    background-repeat: no-repeat;
    z-index: 0;
    float: right;
    /* height: 100% !important; /*background: url(../images/bck-bandeauRight.jpg) no-repeat right 0;height: 438px;*/
    position: relative
}

.navSlider {
    position: relative;
    top: -25px
}

.contentRight {
    height: 60px;
    right: 0;
    margin: 0;
    float: right;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px;
    background: none rgba(255, 255, 255, .9);
}

.contentRight .link1 {
    background: 0 none;
}

#waterwheelCarousel {
    position: relative;
    left: -15px
}

.carousel-images a img {
    margin-top: 0;
    -webkit-box-shadow: #292929 0px 0px 7px;
    -moz-box-shadow: #292929 0px 0px 7px;
    box-shadow: #292929 0px 0px 7px;
}


/*.carousel-images a:hover img{ margin-top:-8px; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; -ms-transition:all .2s cubic-bezier(.6,2,.4,1); -o-transition:all .2s cubic-bezier(.6,2,.4,1); transition:all .2s cubic-bezier(.6,2,.4,1); }*/

.infoBox {
    display: none;
    background: url(../images/sprite.png) no-repeat -300px -153px;
    color: #003299;
    font-size: 15px;
    position: absolute;
    left: 150px;
    top: 50px;
    padding: 21px 0 0 41px;
    height: 65px;
    left: 150px;
    top: 50px;
    position: absolute;
    width: 250px;
    height: 65px;
    z-index: 9
}


/*.carousel-images img.active:hover + .infoBox{ display:block }*/

.coverflow__content {
    overflow: auto
}

.blocMenu .coverflow__content {
    width: 100% !important;
    white-space: nowrap;
}

.coverflow li {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin-right: -2px;
}

.coverflow li div {
    height: 120px;
    width: 254px;
    text-align: center;
    position: relative
}

.coverflow li div:after {
    content: '';
    display: block;
    width: 130px;
    height: 65px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 0;
}

.coverflow li div:first-child {
    border-bottom: 2px solid #fff
}

.coverflow li div a {
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1
}

.coverflow li img {
    width: 130px;
}

.sectionCarousel .coverflow__content {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.desktop .sectionCarousel .coverflow__content {
    height: 240px
}

.sectionCarousel .coverflow li {
    flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    position: relative;
    margin-right: 2px;
    overflow: hidden;
    vertical-align: top;
}

.desktop .sectionCarousel .coverflow li {
    width: 247px;
}

@media only screen and (min-width: 1800px) {
    .desktop .sectionCarousel .coverflow li {
        width: calc( 100% / 7 - 2px);
    }
    .sectionCarousel .coverflow li div {
        width: auto
    }
}

.coverflow--small li div {
    width: 86px;
    height: 45px
}

.coverflow--small li img {
    width: 60px;
}

.coverflow--small li div:first-child {
    border-bottom: 2px solid #fff;
}

.coverflow--small.coverflow li div:after {
    width: 59px;
    height: 29px;
}

.coverflow--small .coverflow__content {
    overflow: hidden !important
}

.coverflow--mgB {
    margin-bottom: 20px
}

.zoneTop1 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*background:transparent url(../images/bck-TopZone1.jpg) no-repeat center 0px; */
    width: 70%;
    float: left;
    vertical-align: top
}

.zoneTop1 .titre28 {
    line-height: 100%
}

.zoneTop2 {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    height: 100%;
    position: relative
}

.resp {
    width: 100%;
    height: auto
}

.contentZone1 {
    position: relative;
    padding-right: 20px
}

.contentZone1Txt {
    position: absolute;
    bottom: 30px;
    left: 4.7619%;
    letter-spacing: normal;
    font-weight: 300
}

.zoneTop2 #navSlider.navSlider a {
    background: 0 none;
    background-color: #c1c1c1;
    border-radius: 50%;
    width: 11px;
    height: 11px;
    margin-right: 8px
}

.zoneTop2 #navSlider.navSlider a.activeSlide {
    background-color: #00418f
}


/*.nicescroll-rails-vr{ display:none !important }*/


/* blocs home contenus / article */

.infos {
    overflow: hidden
}

.infos img {
    max-width: 100%;
    margin-bottom: 15px
}

.home .slider {
    margin-bottom: 0
}

.infos h2 {
    color: #03408f;
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 300;
    line-height: 25px;
    font-size: 28px;
    margin: 45px 0 35px;
    padding: 0 0 22px 0;
    background: url(../images/bar-dotted.png) repeat-x 0 bottom
}

.home .infos h2 {
    margin: 22px 0;
}

.infos .link2 {
    text-transform: uppercase;
}

.infos h3,
.h3 {
    text-transform: uppercase;
    color: #03408f;
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 300;
    line-height: 14px;
    font-size: 15px;
    margin: 0 0 4px;
    padding: 0;
}

.infos h3 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    height: 30px;
}

.infos span {
    font-size: 12px
}

.infos a p {
    color: #6B6B6B
}

.infos time {
    margin-bottom: 7px;
    display: block
}

.infos p {
    font-size: 12px
}

.infos header p {
    font-size: 16px;
}

.infos li {
    border-top: 1px solid #c7c7c7;
    padding: 20px 0 16px
}

.infos .grid article:last-child,
.infos .grid article.last {
    float: right
}

.infos .linkVideo {
    float: none;
    margin: 0
}

.infos .adjust-height h3 {
    height: auto !important;
}

.twoCol {
    -moz-column-count: 2;
    -moz-column-gap: 37px;
    -webkit-column-count: 2;
    -webkit-column-gap: 37px;
    column-count: 2;
    column-gap: 37px;
    /*height: 429px*/
}

.oneCol .floatL {
    margin: 0 25px 20px 0
}

.oneCol .floatR {
    margin-left: 25px
}

.txtHidden {
    overflow: hidden
}

.contentArticle {
    overflow: hidden
}

.column p,
.column h3 {
    padding: 0 40px 0 0
}

.contentArticle h3,
.contentArticle .h3 {
    text-transform: uppercase;
    color: #003299;
    font-size: 20px;
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 300;
    margin-bottom: 5px;
    line-height: 23px
}

.contentArticle a {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #03408f;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    background: url(../images/sprite.png) no-repeat -543px -926px;
    padding: 0 0 0 9px
}

.contentArticle .image .videoJb {
    background: 0 none;
    padding: 0
}

.contentArticle ul li a {
    text-transform: none;
    display: block;
    line-height: 14px;
    background-position: -543px -928px;
    margin-top: 5px
}

.contentArticle ul li.noBullet a {
    line-height: 15px;
    padding-left: 15px
}

.contentArticle ol {
    overflow: hidden;
    margin-left: 4px
}

.contentArticle ol li {
    height: 18px;
    padding: 0 7px 0 4px;
    background: url(../images/sprite.png) no-repeat 25px -1157px;
    float: left;
    width: 17px;
    text-align: center
}

.contentArticle ol li:last-child {
    background: 0 none
}

.contentArticle ol li a {
    display: inline;
    background: 0 none;
    padding: 0;
    font-size: 11px;
    font-weight: normal
}

.contentArticle h4 {
    color: #03408F;
    font-size: 13px;
    margin-top: 7px;
    padding: 0;
    font-weight: bold;
    padding: 0 0 0 9px;
    background: url(/extension/ecb/design/ecb/images/sprite.png) no-repeat scroll -543px -926px transparent
}

.contentArticle a img {
    background: url(../images/sprite.png) no-repeat -543px -926px;
    padding: 0;
    margin-left: -9px
}

.contentArticle p {
    font-size: 13px;
    margin-bottom: 14px
}

.contentArticle p:last-child {
    margin-bottom: 0
}

.dotted {
    background: url(../images/bar-dotted.png) repeat-x 0 -5px;
    height: 3px;
    clear: both;
    border: 0 none;
    margin: 40px 0;
}

.contentArticle.oneCol .dotted {}

.list3 li {
    padding-top: 15px;
    text-transform: uppercase;
    float: left;
    width: 311px;
    margin: 0 3px 0 0;
    height: 78px
}

.list3 li:last-child {
    margin-right: 0
}

.list3 li a {
    display: block;
    overflow: hidden;
    background-position: -519px -243px;
    /*font-weight:bold;*/
    padding: 0 10px 0 35px
}

.topic1 {
    background-color: #e49774
}

.topic2 {
    background-color: #72aac4
}

.list3 li.topic1 a:hover {
    color: #7e4b33
}

.list3 li.topic2 a:hover {
    color: #264a5a
}

.list3 li.topic3 a:hover {
    color: #386a39
}

.list3 .topic3 {
    background-color: #78c27a;
    margin-right: 0
}

.asideArticle .list3 span {
    text-transform: none;
    display: block;
    clear: left;
    font-size: 12px;
    line-height: 15px
}

.asideArticle .bgColor1 {
    margin-bottom: 40px
}

.contentArticle .floatR .linkVideo {
    margin-right: 0
}

.threeCol>div {
    float: left;
    width: 286px;
    margin-right: 33px
}

.threeCol>div.last {
    margin-right: 0
}

.home .grid a:hover h3,
.home .grid a:hover time,
.home .grid a:hover p {
    color: #9f9f9f
}

.handlersInfos .grid a:hover h3,
.handlersInfos .grid a:hover time,
.handlersInfos .grid a:hover p {
    color: #9f9f9f
}

.legend {
    float: left;
    line-height: 15px;
    margin-top: 7px;
    overflow: hidden;
}

.mgBottom20 {
    margin-bottom: 14px !important
}

.mgTop38 {
    margin-top: 26px !important
}

#navSlider {
    text-align: center
}

#navSlider a {
    width: 20px;
    height: 15px;
    display: inline-block;
    background: url(../images/sprite.png) no-repeat -207px -356px;
    text-indent: -9999px
}

#navSlider a.activeSlide {
    background-position: -235px -356px;
}

.zoneTop2 #navSlider {
    position: absolute;
    bottom: 0;
    height: 20px;
    top: auto;
    width: 100%;
}

.carousel2 {
    position: relative;
}

.carousel2__ul {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.carousel2 .titre31 {
    color: #003299
}

.carouselItem {
    flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    position: relative;
    padding-bottom: 25px;
    margin-right: 7px;
    margin-bottom: 30px;
    overflow: hidden;
    vertical-align: top;
    width: 247px;
    border-bottom: 1px solid #1e57a4
}

.carouselItem:before {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid #ccd8e8;
}

.carousel2__blocImage {
    width: 100%;
    height: 167px;
    overflow: hidden;
    position: relative;
    border: 1px solid #9f9f9f;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.carousel2__blocImage img {
    max-width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.carousel2__link {
    clear: left;
    display: block;
    overflow: hidden;
    text-transform: uppercase;
    overflow: hidden;
    font-size: 14px;
    color: #2f2f2f;
    font-family: "Roboto";
    font-weight: 300;
    padding: 0 0 4px 0;
    margin: 1px 0 17px 0;
    line-height: 15px
}

.carousel2__txt {
    font-size: 13px;
    color: #2f2f2f;
    font-family: 'Roboto';
    font-weight: 300;
    line-height: 20px;
}

.bloc1 .itemInner,
.bloc2 .itemInner {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 25px 25px 28px 25px;
}

.bloc1 .itemInner {
    padding: 0;
}

.bloc1 .blocInfos {
    padding: 14px 17px 0 17px;
    background-color: #fff;
    overflow: hidden;
}

.bloc1 .category,
.bloc1 time {
    background-color: #fff;
    display: block;
    padding: 1px 10px;
    color: #00418f;
    clear: both
}

.bloc1 .blocInfos .category,
.bloc1 .blocInfos time {
    padding: 1px 0;
    float: none;
}

.bloc1 .category {
    margin-bottom: 11px
}

.blocColor1 {
    background-color: #e49774
}

.blocColor1 .category,
.blocColor1 time {
    color: #7c442a;
}

.blocColor2 {
    background-color: #72aac4
}

.blocColor2 .category,
.blocColor2 time {
    color: #2a5062
}

.blocColor3 {
    background-color: #f3f2f2
}

.blocColor3 .category,
.blocColor3 time {
    color: #828282
}

.blocColor3 a {
    overflow: hidden;
    font-size: 14px;
    color: #000;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    background: url(../images/sprite.png) no-repeat -539px -1371px;
    padding: 0 0 0 17px;
    margin: 4px 0 0 0
}

.blocColor4 {
    background-color: #9caa9e
}

.blocColor4 .category,
.blocColor4 time {
    color: #828282
}

.blocColor5 {
    background-color: #70b872
}

.blocColor5 .category,
.blocColor5 time {
    color: #325d33
}

.carousel2 .contentCarousel {
    overflow: auto;
    margin-top: 8px;
    -webkit-overflow-scrolling: touch;
}

.isLink {
    cursor: pointer;
}

a.prevCa1,
a.nextCa1 {
    background: url(../images/navMobil.png) no-repeat transparent 0 0;
    width: 40px;
    height: 197px;
    position: absolute;
    top: 76px;
    display: block;
    z-index: 999;
}

a.prevCa1 {
    left: 0;
    background-position: 0 0;
}

a.nextCa1 {
    right: 0;
    background-position: right 0;
}

a.prevCa1 span,
a.nextCa1 span {
    display: none;
}

.sliderInput {
    display: none
}

.contentSlide .slider {
    clear: right;
    cursor: pointer;
    float: left;
    height: 9px;
    margin-top: 10px;
    position: relative;
    width: 472px;
    left: -18px;
    z-index: 999;
}

.handle {
    background: url(../images/cursor-slider.png) no-repeat scroll -5px -5px transparent;
    color: #555555;
    font-weight: normal;
    height: 270px;
    cursor: move;
    position: absolute;
    width: 34px;
    z-index: 6;
    top: -40px;
}

.article .floatR .image img {
    margin-left: 15px
}


/* bloc aside bas*/

.asideArticle {
    margin: 0;
    float: left;
    width: 100%
}

.bgColor1 {
    background-color: #efefef;
    float: left;
    width: 100%
}

.asideArticle h3 {
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 300;
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 17px;
    margin-top: 3px
}

.asideArticle .titre11 {
    line-height: 32px !important;
}

.asideArticle .h3 {
    position: relative;
    top: -4px
}

.asideArticle .link4 {
    overflow: hidden;
    display: block
}

.asideArticle .list5 {
    padding: 10px 0 0;
    margin: 0 14px 0 16px;
}

.asideArticle .list5.last {
    margin: 0;
}

.asideArticle .list5 li.last {
    border: 0 none
}

.asideArticle .list5 li {
    background: url(../images/sprite.png) no-repeat scroll -542px -542px transparent;
    font-size: 12px;
    padding: 0 0 17px 15px;
    display: block;
    overflow: hidden
}

.asideArticle .list5 li strong {
    color: #003299
}

.asideArticle2 .floatL {
    margin: 0 40px 0 0
}

.asideArticle2 {
    padding: 26px 0
}

.asideArticle2 .link12 {
    float: right;
    margin: 15px 0 0;
}


/***/


/* LISTES */

.list4 {
    padding: 40px 0 0 184px;
    background: url(../images/visu7.jpg) no-repeat 0 0;
    min-height: 84px;
    position: relative
}

.list4 li a {
    color: #03408f;
    padding-left: 20px;
    background: url(../images/sprite.png) no-repeat -534px -396px;
    font-size: 12px
}

.blocHelp {
    bottom: -36px;
    position: relative
}

.list5 li {
    border-bottom: 1px solid #d1d1d1;
    width: 274px;
    margin: 12px 0 12px 0;
    padding: 0 0 17px;
}

.list5 li:last-child,
.list7 li.last {
    border: 0 none;
    padding-right: 0
}

.list5 li a {
    color: #6b6b6b;
    font-size: 12px;
}

.list6 {
    padding: 25px;
    background-color: #efefef;
}

.list6 li {
    width: 360px;
    border-bottom: 1px solid #d1d1d1;
    padding: 0 0 25px 25px;
    margin-bottom: 25px;
    font-size: 12px;
    background: url(../images/sprite.png) no-repeat scroll -542px -542px transparent;
    overflow: hidden
}

.list6 li.last {
    border: 0 none;
    margin-bottom: 0;
    padding-bottom: 0
}

.list7 {
    float: right
}

.list7 li {
    float: left;
    padding: 0 8px 0 6px;
    border-right: 1px solid #e2d2a0;
    line-height: 12px
}

.list8 li {
    float: left;
    margin-right: 3px;
    line-height: 12px;
}

.list8 li:after {
    content: ' .';
}

.list8 li a {
    color: #6b6b6b;
    font-size: 12px;
    text-decoration: none
}

.list8 li a:hover {
    color: #003299
}

.list8 li:last-child:after {
    content: '';
}

.list8Stacked li {
    float: none;
}

.list9 p,
.list92 p {
    font-size: 13px
}

.list9>li,
.list92>li {
    overflow: hidden;
    height: 221px;
    float: left;
}

.press2 .list9>li {
    height: 172px
}

.listPublications>li {
    /*height: 366px;*/
    float: none;
    display: block;
    height: auto
}

.listPublications>li article {
    height: 100%
}

.list92>li {
    height: auto
}

.list9>li article,
.list92>li article {
    background: url(../images/bar-dotted.png) repeat-x 0 -4px;
    padding: 26px 0 15px 0;
}

.list9>li:last-child article {
    /*background: url(../images/bar-dotted.png) repeat-x 0 -4px, url(../images/bar-dotted.png) repeat-x 0 bottom;*/
    overflow: hidden;
    padding-bottom: 26px;
}

.list9 .unit,
.list92 .unit {
    padding: 0 1.7em
}

.in-halves .list9 {
    background: url(../images/vertical-bar-dotted.png) repeat-y 50% 0;
    overflow: hidden
}

.list10 li a,
.list10 li {
    color: #fdd14e;
    font-size: 13px;
}

.list10 li span {
    margin-right: 5px
}

.list12>li {
    border-top: 1px solid #c9c9c9;
}

.list12>li>a {
    margin: 13px 0;
    display: block
}

.list13>li {
    background: url(../images/sprite.png) no-repeat -543px -539px;
    padding: 0 0 0 15px;
    margin-bottom: 10px
}

.list14>li {
    padding-top: 3px;
    overflow: hidden;
    min-height: 301px;
    width: 210px;
    float: left;
    margin: 33px 16px 0;
    background: url(../images/sep.png) repeat-y top right;
}

.list14>li:first-child {
    margin-left: 0px;
}

.list14>li.last {
    margin-right: 0px;
    background: none;
}

.list14>li p {
    margin-bottom: 20px;
    font-size: 14px;
}

.list15 {
    float: left;
    height: 86px;
    margin: 0;
}

.list15>li {
    float: left;
    width: 201px;
    margin: 0 20px;
    height: 82px;
    background: url("../images/bar-dottedBgGray.png") repeat-x scroll left bottom;
}

.list15>li:first-child {
    margin-left: 0px;
}

.list15>li.last {
    margin-right: 0px;
}

.list15>li p {
    color: #03408f;
    font-size: 12px;
}

.list16 li {
    padding: 0 8px 0 0;
    margin: 1px 8px 0 0;
    border-right: 1px solid #e2d2a0;
    float: left;
    height: 15px;
    line-height: 9px
}

.list16 li.last {
    border-right: 0 none
}

.list17>li {
    background: url(../images/sprite.png) no-repeat -543px -542px;
    padding: 0 0 0 15px;
    margin-bottom: 10px;
    overflow: hidden;
    font-size: 12px
}

.list18>li,
.list19>li {
    background: url(../images/sprite.png) no-repeat -543px -542px;
    padding: 0 0 0 15px;
    margin-bottom: 10px;
    overflow: hidden;
    font-size: 13px
}

.list19>li {
    margin-left: 15px;
}

.noBullet {
    background: 0 none !important;
    padding-left: 0 !important
}

.list17>li a {
    display: inline !important;
    background: 0 none;
    padding: 0 !important
}

.list21 li {
    clear: both;
    margin-bottom: 5px
}

.list22 {
    overflow: hidden;
    margin-left: -22px;
}

.list22 li {
    float: left;
    border-right: 1px solid #c9c9c9;
    height: 280px;
    width: 200px;
    padding: 0 22px;
}

.list22 li:last-child,
.list22 .last {
    border-right: 0 none;
    padding: 0 0 0 22px
}

.list22 li img {
    margin-bottom: 25px
}

.list22 .link8 {
    display: block
}

.list23 li {
    margin-bottom: 30px;
}

.bckColored {
    background-color: #f3f3f3
}

.cboth {
    clear: both;
}

.overHid {
    overflow: hidden;
}

.threeCol>div .list17>li {
    background-position: 0 -1875px
}


/**/

.footnotes p {
    margin-bottom: 0;
    font-style: italic;
    font-size: 11px
}

.footnotes p a {
    font-size: 11px
}

.footnotes p sup {
    display: block;
    margin-top: 20px
}


/**/


/* tools Publi */

.toolsPubli {
    width: 285px;
    height: 46px;
    float: right;
    padding-left: 52px;
    margin-bottom: 15px;
    background: url(../images/vertical-bar-dotted.png) repeat-y left 4px
}

.toolsPubli a {
    color: #c69c19;
    font-size: 13px;
    text-transform: uppercase;
    background: url(../images/sprite.png) no-repeat 0 0;
    display: inline-block;
    padding: 2px 0 0 37px
}

.toolsPubli a.toolsMail {
    background-position: -528px -1714px
}

.toolsPubli a.toolsRss {
    background-position: -528px -1764px
}


/* colors */

.color1 {
    color: #003299
}

.color2 {
    color: #000
}

.color33 {
    color: #094792
}

.color44 {
    color: #fff
}


/* Form Selects */

.select {
    height: 19px;
    padding: 0 0 0 5px;
    border: 1px solid #ccc;
    color: #6e6e6e;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.blocMap .select,
.popinForm .select,
.coins .select {
    width: 153px;
}

.blocMap .select,
.coins .select {
    margin-top: 35px;
    position: relative;
    z-index: 10;
}


/*press*/

.press {
    margin-top: 20px
}

.press .twoColBordSep {
    -moz-column-count: 2;
    -moz-column-gap: 50px;
    -webkit-column-count: 2;
    -webkit-column-gap: 50px;
    column-count: 2;
    column-gap: 50px;
    background: url(../images/vertical-bar-dotted.png) repeat-y 50% 0
}

.press .floatL {
    margin: 0 26px 4px 0
}

.press .floatR {
    margin: 0 0 4px 26px
}

.press a p {
    color: #6B6B6B
}


/*.press .download{ font-size:9px; float:left; text-align:center; background-position: -47px -263px; color:#6b6b6b; line-height:10px; font-family:Arial, Helvetica, sans-serif }*/

.listPublications .download {
    width: 35px
}

.press .list9 time {
    margin: 2px 0 10px;
    display: block
}

.press .in-halves {
    margin: 0 -1.7em
}

.press .list8 {
    padding: 5px 0 0 42px;
}

.publication .list8 {
    padding: 5px 0 0 14px;
    overflow: hidden
}

.press .in-thirds {
    background: url(../images/vertical-bar-dotted.png) repeat-y scroll 66.666% 0 transparent
}

.press .in-thirds>ul {
    background: url(../images/vertical-bar-dotted.png) repeat-y scroll 33.333% 0 transparent;
    overflow: hidden
}

.press2 .in-thirds .unit {
    background: 0 none !important
}

.press .in-thirds .unit {
    width: 33.3333%;
    -webkit-width: 26.33333%;
    background: url(../images/vertical-bar-dotted.png) repeat-y scroll right 0 transparent
}

.noHeightLi li {
    height: auto
}

.press .unit.last {
    background: 0 none
}

.vcard p {
    margin: 0
}

.vcard a {
    color: #6b6b6b
}

.press .titre6 {
    text-transform: uppercase;
}

.articleEuroRunGame .press .titre6 {
    text-transform: none;
}

.events .list9 li {
    height: 175px
}

.events .list9 time {
    margin: 4px 0 5px;
}

.events .list9 p {
    margin-bottom: 7px
}

.events .titre1,
.press .titre1 {
    float: left
}

.events .selectCustom,
.press .selectCustom {
    margin: 25px 0 15px 20px !important;
}

.press .list92 {
    text-align: center;
}

.press .list92 img {
    margin: 0 auto 12px auto
}

.press .list92 h2 {
    text-transform: uppercase
}

.press .list92 h2,
.press .list92 h3 {
    margin-bottom: 12px;
    text-align: left
}

.press .list92 h3,
.press .list92 .vcard {
    text-align: left
}

.press .list92 li {
    width: 100%
}

.press .list92 li.last {
    background: url(../images/bar-dotted.png) repeat-x scroll 0 bottom transparent;
    padding-bottom: 18px;
}

.press a:hover h2,
.press a:hover time,
.press a:hover p {
    color: #9f9f9f
}

.press .download-style1 {
    padding-left: 201px;
}

.press .download-style1 .icon-download:before {
    content: "\e901";
    font-size: 40px;
    color: #6b6b6b
}

.press .download-style1 .icon-download {
    background-color: transparent
}


/* section home blocHotSpots */

.hotspots {
    position: relative;
    background: url(../images/hotspots/billet50_00.jpg) no-repeat;
    overflow: hidden;
    background-size: contain;
}

.hotspots__ul {
    transition: 0.3s;
    width: 100%;
    height: 100%;
}

.hotSpot--visible {
    visibility: visible !important;
}

.hotspots__picture {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hotSpot {
    position: absolute;
    z-index: 9;
    display: block;
}

.hotSpot:hover {
    z-index: 99;
}

.hotSpot--1 {
    left: 23%;
    top: 42%;
}

.hotSpot--2 {
    left: 27%;
    top: 84%;
}

.hotSpot--3 {
    left: 54%;
    top: 48%;
}

.hotSpot--4 {
    left: 60.2%;
    top: 66%;
}

.hotSpot--5 {
    left: 77%;
    top: 62%;
}

.hotSpot--6 {
    left: 65%;
    top: 44%;
}

.hotSpot--7 {
    left: 42%;
    top: 26%;
}

.hotSpot--8 {
    left: 54%;
    top: 27.5%;
}

.hotSpot__content {
    left: 10%;
    bottom: 0;
    max-width: 0;
    overflow: hidden;
    padding: 15px 0;
    box-sizing: border-box;
    position: absolute;
}

.hotSpot__content--animFeature {
    opacity: 0;
    transform: translateY(calc(25% + 0px));
    transition: 1s opacity;
}

.hotSpot__contentLink {
    transition: 1s max-width;
}

.hotSpot__content--bgWhite {
    background-color: #fff;
}

.hotSpot__sonar:hover+.hotSpot__contentLink,
.hotSpot__contentLink:hover {
    max-width: 80vw;
    padding: 15px;
}

.hotSpot__sonar:hover+.hotSpot__content--animFeature,
.hotSpot__content--animFeature:hover {
    opacity: 1;
    max-width: 260px;
}

.hotSpot a.hotSpot__link1 {
    white-space: nowrap;
    text-decoration: none;
    font-size: 1.8vw;
    font-family: 'Roboto';
    display: inline-block;
    font-weight: 300;
}

.hotSpot--left {
    text-align: right;
}

.hotSpot--left a.hotSpot__link1 {
    padding: 0 10px 0 17px
}

.hotSpot--left a.hotSpot__link1:after {
    content: '';
    background: url(../images/sprite_pictos.png) no-repeat right bottom;
    width: 31px;
    height: 18px;
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
}

.hotSpot--right .hotSpot__link1 {
    padding: 0 17px 0 10px
}

.hotSpot--right a.hotSpot__link1:before {
    content: '';
    background: url(../images/sprite_pictos.png) no-repeat right top;
    width: 31px;
    height: 18px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.hotSpot--left .hotSpot__content {
    right: calc(5vw - 1px);
    left: auto;
}

.hotSpot--left .hotSpot__contentLink {
    right: calc(5vw + 20px);
}

.hotSpot--left:hover .hotSpot__content--animFeature,
.hotSpot--left .hotSpot__content--animFeature:hover {
    padding-right: 20px;
}

.hotSpot--right .hotSpot__content {
    left: calc(5vw - 1px);
    right: auto;
}

.hotSpot--right .hotSpot__contentLink {
    left: calc(5vw + 20px);
}

.hotSpot--right:hover .hotSpot__content--animFeature,
.hotSpot--right .hotSpot__content--animFeature:hover {
    padding-left: 20px;
}

.hotSpot__sonar {
    width: 5vw;
    height: 5vw;
    z-index: 9;
    display: block;
    position: relative;
}

@media only screen and (min-width: 1600px) {
    .hotSpot a.hotSpot__link1 {
        font-size: 28px;
    }
    .hotSpot__sonar {
        width: 90px;
        height: 90px;
    }
    .hotSpot--left .hotSpot__content {
        right: 110px;
    }
    .hotSpot--right .hotSpot__content {
        left: 110px;
    }
}

.hotSpot__sonar1,
.hotSpot__sonar2,
.hotSpot__sonar3,
.hotSpot__sonar4 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 3px solid #c57a1e;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-animation: pulsate 1.6s infinite ease-out;
    -moz-animation: pulsate 1.6s infinite ease-out;
    animation: pulsate 1.6s infinite ease-out;
}

.hotSpot--7 .hotSpot__sonar1,
.hotSpot--7 .hotSpot__sonar2,
.hotSpot--7 .hotSpot__sonar3,
.hotSpot--7 .hotSpot__sonar4{
	-webkit-animation: pulsate2 1.2s infinite ease-out;
    -moz-animation: pulsate2 1.2s infinite ease-out;
    animation: pulsate2 1.2s infinite ease-out;
	border: 4px solid #FFF272;
}

.hotSpot__sonar2 {
    animation-delay: 0.85s;
}
.hotSpot__sonar3 {
    animation-delay: 1.7s;
}
.hotSpot__sonar4 {
    animation-delay: 2.55s;
}

.hotSpot--7 .hotSpot__sonar2{
    animation-delay: 0.2s;
}

.hotSpot--7 .hotSpot__sonar3{
    animation-delay: 0.4s;
}

.hotSpot--7 .hotSpot__sonar4{
    animation-delay: 0.6s;
}

@media only screen and (max-width: 750px) {
    .hotSpot a.hotSpot__link1 {
        font-size: 13px;
		pointer-events:auto;
    }
    .hotSpot__sonar {
        transform: scale(0.8)
    }
    .hotSpot--left .hotSpot__content {
        right: 20px;
        pointer-events:none;
    }
    .hotSpot--right .hotSpot__content {
        left: -20px;
        pointer-events:none;
    }
    .hotSpot__sonar1 {
        -webkit-animation: pulsateMob 0.8s infinite ease-out;
        -moz-animation: pulsateMob 0.8s infinite ease-out;
        animation: pulsateMob 0.8s infinite ease-out;
    }
    .hotSpot__sonar2,.hotSpot__sonar3,.hotSpot__sonar4 {
        display: none !important;
    }
    .hotSpot__sonar:hover + .hotSpot__contentLink, .hotSpot__contentLink:hover { 
        padding:5px 5px 5px 0px;
    }
    .hotSpot__content { 
        padding:5px 0px;
    }
    .hotSpot--right .hotSpot__link1{
        padding: 0 5px 0 0px;
    }
}

@-webkit-keyframes pulsate {
    0% {
        width: 20%;
        height: 20%;
        border-width: 1px;
    }
    10% {
        border-width: 4px;
    }
    40% {
        border-color: #f5c355;
        border-width: 3px;
    }
    50% {
        width: 100%;
        height: 100%;
        border-color: #f5c355;
        border-width: 0;
    }
    71% {
        opacity: 0.6;
    }
    85% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@-moz-keyframes pulsate {
    0% {
        width: 20%;
        height: 20%;
        border-width: 1px;
    }
    10% {
        border-width: 4px;
    }
    40% {
        border-color: #f5c355;
        border-width: 3px;
    }
    50% {
        width: 100%;
        height: 100%;
        border-color: #f5c355;
        border-width: 0;
    }
    71% {
        opacity: 0.6;
    }
    85% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes pulsate {
    0% {
        width: 20%;
        height: 20%;
        border-width: 1px;
    }
    10% {
        border-width: 4px;
    }
    40% {
        border-color: #f5c355;
        border-width: 3px;
    }
    50% {
        width: 100%;
        height: 100%;
        border-color: #f5c355;
        border-width: 0;
    }
    71% {
        opacity: 0.6;
    }
    85% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes pulsateMob {
    0% {
        width: 20%;
        height: 20%;
        border-width: 1px;
    }
    30% {
        border-width: 3px;
    }
    70% {
        border-color: #f5c355;
        border-width: 3px;
    }
    100% {
        width: 100%;
        height: 100%;
        border-color: #f5c355;
        border-width: 0;
    }
}

@-moz-keyframes pulsateMob {
    0% {
        width: 20%;
        height: 20%;
        border-width: 1px;
    }
    30% {
        border-width: 3px;
    }
    70% {
        border-color: #f5c355;
        border-width: 3px;
    }
    100% {
        width: 100%;
        height: 100%;
        border-color: #f5c355;
        border-width: 0;
    }
}

@-webkit-keyframes pulsate2 {
    0% {
        width: 20%;
        height: 20%;
        border-width: 1px;
    }
    15% {
        border-width: 6px;
    }
    60% {
        border-color: #f5c355;
        border-width: 5px;
    }
    75% {
        width: 200%;
        height: 200%;
        border-color: #f5c355;
        border-width: 0;
    }
    85% {
        opacity: 0.6;
    }
    95% {
        opacity: 0;
    }
    100% {
		width: 200%;
        height: 200%;
        opacity: 0;
    }
}

@-moz-keyframes pulsate2 {
    0% {
        width: 20%;
        height: 20%;
        border-width: 1px;
    }
     15% {
        border-width: 6px;
    }
    60% {
        border-color: #f5c355;
        border-width: 5px;
    }
    75% {
        width: 200%;
        height: 200%;
        border-color: #f5c355;
        border-width: 0;
    }
    85% {
        opacity: 0.6;
    }
    95% {
        opacity: 0;
    }
    100% {
		width: 200%;
        height: 200%;
        opacity: 0;
    }
}

@keyframes pulsate2 {
    0% {
        width: 20%;
        height: 20%;
        border-width: 1px;
    }
     15% {
        border-width: 6px;
    }
    60% {
        border-color: #f5c355;
        border-width: 5px;
    }
    75% {
        width: 200%;
        height: 200%;
        border-color: #f5c355;
        border-width: 0;
    }
    85% {
        opacity: 0.6;
    }
    95% {
        opacity: 0;
    }
    100% {
		width: 200%;
        height: 200%;
        opacity: 0;
    }
}

.blocSecurityFeature__emerald {
    -webkit-animation: playHotspot__emerald 1.5s steps(50) infinite;
    -moz-animation: playHotspot__emerald 1.5s steps(50) infinite;
    -ms-animation: playHotspot__emerald 1.5s steps(50) infinite;
    -o-animation: playHotspot__emerald 1.5s steps(50) infinite;
    animation: playHotspot__emerald 1.5s steps(50) infinite;
    background: url(../images/sprite-EMERALD.png) no-repeat center top;
    display: block;
    width: 240px;
    height: 240px;
}

.blocSecurityFeature__hologramm {
    -webkit-animation: playHotspot__hologramm 1.5s steps(40) infinite;
    -moz-animation: playHotspot__hologramm 1.5s steps(40) infinite;
    -ms-animation: playHotspot__hologramm 1.5s steps(40) infinite;
    -o-animation: playHotspot__hologramm 1.5s steps(40) infinite;
    animation: playHotspot__hologramm 1.5s steps(40) infinite;
    background: url(../images/sprite-HOLOGRAMM.png) no-repeat center top;
    display: block;
    width: 240px;
    height: 240px;
}

.blocSecurityFeature__portrait {
    -webkit-animation: playHotspot__portrait 1.5s steps(60) infinite;
    -moz-animation: playHotspot__portrait 1.5s steps(60) infinite;
    -ms-animation: playHotspot__portrait 1.5s steps(60) infinite;
    -o-animation: playHotspot__portrait 1.5s steps(60) infinite;
    animation: playHotspot__portrait 1.5s steps(60) infinite;
    background: url(../images/sprite-PORTRAIT2.png) no-repeat center top;
    display: block;
    width: 240px;
    height: 240px;
}

.blocSecurityFeature__raisedPrint {
    -webkit-animation: playHotspot__raisedPrint 1.5s steps(36) infinite;
    -moz-animation: playHotspot__raisedPrint 1.5s steps(36) infinite;
    -ms-animation: playHotspot__raisedPrint 1.5s steps(36) infinite;
    -o-animation: playHotspot__raisedPrint 1.5s steps(36) infinite;
    animation: playHotspot__raisedPrint 1.5s steps(36) infinite;
    background: url(../images/sprite-RaisedPrint.png) no-repeat center top;
    display: block;
    width: 240px;
    height: 240px;
}

.blocSecurityFeature__raisedPrint2 {
    -webkit-animation: playHotspot__raisedPrint2 1.5s steps(36) infinite;
    -moz-animation: playHotspot__raisedPrint2 1.5s steps(36) infinite;
    -ms-animation: playHotspot__raisedPrint2 1.5s steps(36) infinite;
    -o-animation: playHotspot__raisedPrint2 1.5s steps(36) infinite;
    animation: playHotspot__raisedPrint2 1.5s steps(36) infinite;
    background: url(../images/sprite-RAISED-PRINT-2.png) no-repeat center top;
    display: block;
    width: 240px;
    height: 240px;
}

@media only screen and (max-width: 1024px) {
    .hotSpot__content--animFeature>a {
        transform: scale(0.5);
    }
}

@media only screen and (max-width: 768px) {
    .hotSpot__content--animFeature>a {
        transform: scale(0.3);
    }
    .hotSpot--left .hotSpot__content--animFeature>a{
        transform-origin: right;
        pointer-events: auto;
    }
    .hotSpot--right .hotSpot__content--animFeature>a{
        transform-origin: left;
		pointer-events: auto;
    }
}

@keyframes pulsateMob {
    0% {
        width: 20%;
        height: 20%;
        border-width: 1px;
    }
    30% {
        border-width: 3px;
    }
    70% {
        border-color: #f5c355;
        border-width: 3px;
    }
    100% {
        width: 100%;
        height: 100%;
        border-color: #f5c355;
        border-width: 0;
    }
}

@-webkit-keyframes playHotspot__emerald {
    from {
        background-position: 0 0px;
    }
    to {
        background-position: 0 -12000px;
    }
}

@-webkit-keyframes playHotspot__hologramm {
    from {
        background-position: 0 0px;
    }
    to {
        background-position: 0 -9600px;
    }
}

@-webkit-keyframes playHotspot__portrait {
    from {
        background-position: 0 0px;
    }
    to {
        background-position: 0 -14400px;
    }
}

@-webkit-keyframes playHotspot__raisedPrint {
    from {
        background-position: 0 0px;
    }
    to {
        background-position: 0 -8640px;
    }
}

@-webkit-keyframes playHotspot__raisedPrint2 {
    from {
        background-position: 0 0px;
    }
    to {
        background-position: 0 -8640px;
    }
}


/**/

@-ms-keyframes playHotspot__emerald {
    from {
        background-position: 0 0px;
    }
    to {
        background-position: 0 -12000px;
    }
}

@-ms-keyframes playHotspot__hologramm {
    from {
        background-position: 0 0px;
    }
    to {
        background-position: 0 -9600px;
    }
}

@-ms-keyframes playHotspot__portrait {
    from {
        background-position: 0 0px;
    }
    to {
        background-position: 0 -14400px;
    }
}

@-ms-keyframes playHotspot__raisedPrint {
    from {
        background-position: 0 0px;
    }
    to {
        background-position: 0 -8640px;
    }
}

@-ms-keyframes playHotspot__raisedPrint2 {
    from {
        background-position: 0 0px;
    }
    to {
        background-position: 0 -8640px;
    }
}


/**/


/**/

@-moz-keyframes playHotspot__emerald {
    from {
        background-position: 0 0px;
    }
    to {
        background-position: 0 -12000px;
    }
}

@-moz-keyframes playHotspot__hologramm {
    from {
        background-position: 0 0px;
    }
    to {
        background-position: 0 -9600px;
    }
}

@-moz-keyframes playHotspot__portrait {
    from {
        background-position: 0 0px;
    }
    to {
        background-position: 0 -14400px;
    }
}

@-moz-keyframes playHotspot__raisedPrint {
    from {
        background-position: 0 0px;
    }
    to {
        background-position: 0 -8640px;
    }
}

@-moz-keyframes playHotspot__raisedPrint2 {
    from {
        background-position: 0 0px;
    }
    to {
        background-position: 0 -8640px;
    }
}


/**/

@keyframes playHotspot__emerald {
    from {
        background-position: 0 0px;
    }
    to {
        background-position: 0 -12000px;
    }
}

@keyframes playHotspot__hologramm {
    from {
        background-position: 0 0px;
    }
    to {
        background-position: 0 -9600px;
    }
}

@keyframes playHotspot__portrait {
    from {
        background-position: 0 0px;
    }
    to {
        background-position: 0 -14400px;
    }
}

@keyframes playHotspot__raisedPrint {
    from {
        background-position: 0 0px;
    }
    to {
        background-position: 0 -8640px;
    }
}

@keyframes playHotspot__raisedPrint2 {
    from {
        background-position: 0 0px;
    }
    to {
        background-position: 0 -8640px;
    }
}


/**/

@-moz-keyframes playHotspot {
    from {
        background-position: 0 0px;
    }
    to {
        background-position: 0 100%;
    }
}

@-ms-keyframes playHotspot {
    from {
        background-position: 0 0px;
    }
    to {
        background-position: 0 100%;
    }
}

@-o-keyframes playHotspot {
    from {
        background-position: 0 0px;
    }
    to {
        background-position: 0 100%;
    }
}

@keyframes playHotspot {
    from {
        background-position: 0 0px;
    }
    to {
        background-position: 0 100%;
    }
}


/*security*/

.security .tabs {
    margin: 40px 0 0;
    background: url(../images/vertical-bar-dottedGray.png) repeat-y right 1px;
    overflow: hidden;
    float: left
}

.security .tabs li {
    float: left;
    width: 235px;
    height: 46px;
    background: url(../images/bar-dottedGray.png) repeat-x 5px 0;
}

.security .tabs a {
    background: url(../images/vertical-bar-dottedGray.png) repeat-y left 1px;
    -webkit-transition: color .2s linear;
    -moz-transition: color .2s linear;
    -ms-transition: color .2s linear;
    -o-transition: color .2s linear;
    transition: color .2s linear;
    width: 100%;
    height: 46px;
    float: left;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #646363;
    text-align: center;
}

.security .tabs .last a {
    /*background: url(../images/vertical-bar-dotted.png) repeat-y 227px 0*/
}

.security .panes {
    overflow: hidden;
    clear: left;
    background: url(../images/degrad-panes.png) repeat-x 0 0 #072d52;
    height: 366px
}

.security .tabs a span {
    display: inline-block;
    line-height: 15px;
    padding: 16px 63px 11px 0;
    font-size: 14px;
    cursor: pointer
}

#security-tab-0 span {
    background: url(../images/pictos.png) no-repeat scroll right -271px transparent
}

#security-tab-1 span {
    background: url(../images/pictos.png) no-repeat right -115px
}

#security-tab-2 span {
    background: url(../images/pictos.png) no-repeat right 7px
}

#security-tab-3 span {
    padding: 0;
    display: table-cell;
    height: 46px;
    vertical-align: middle;
    width: 235px
}

#addFeatures a {
    padding: 15px 0 0
}

.security .tabs li:hover a {
    color: #003299
}

.panes p {
    color: #fff;
    font-size: 13px
}

.panes p.titre7 {
    color: #fdd14e
}

.panes .content {
    padding-top: 50px;
    position: relative
}

.security .tabs .current,
.security .tabs li:hover a.current {
    color: #fff
}

#security-tab-0 a:hover span {
    background: url(../images/pictos.png) no-repeat scroll right -952px
}

#security-tab-1 a:hover span {
    background: url(../images/pictos.png) no-repeat scroll right -771px
}

#security-tab-2 a:hover span {
    background: url(../images/pictos.png) no-repeat scroll right -872px
}

#security-tab-0 .current span {
    background: url(../images/pictos.png) no-repeat scroll right -660px !important
}

#security-tab-1 .current span {
    background: url(../images/pictos.png) no-repeat scroll right -504px !important
}

#security-tab-2 .current span {
    background: url(../images/pictos.png) no-repeat scroll right -381px !important
}

.security .tabs .current {
    background: none #072d53
}

.zonesContent {
    transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 1s linear;
}

.zones {
    perspective: 1000px;
    -moz-perspective: 1000px;
    -webkit-perspective: 1000px;
    width: 464px;
    float: left;
    position: relative;
    left: -10px;
    padding: 0 10px 0 0;
    height: 455px;
    overflow: hidden;
    top: -35px;
}

.zones a.security-zone {
    z-index: 2;
    position: absolute;
    border: 2px dotted #004b96;
    display: block;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.zones .back a.security-zone {
    z-index: 999999;
}

.zones a.security-zone:hover,
.zones a.current,
.zones a.selected {
    background: url(../images/bck-blue-opacity45.png) repeat;
    border: 2px solid #004b96;
}

.nbS {
    background: url(../images/sprite.png) no-repeat -2px -383px;
    display: inline-block;
    text-align: center;
    padding: 0 1px 0 0x;
    height: 18px;
    font-size: 12px;
    font-weight: bold;
    color: #072c52;
    width: 17px;
}

.zones .nb {
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    color: #8c6d0f;
    text-align: center;
    width: 17px;
    background: url(../images/sprite.png) no-repeat -5px -344px;
    display: block;
    line-height: 27px;
    padding: 0 4px 4px 5px;
    height: 23px
}

.pane1 .zone1 {
    left: 5px;
    top: 5px;
    width: 451px;
    height: 227px
}

.pane1 .zone1 span {
    top: -18px;
    left: -16px
}

.pane1 .zone2 {
    left: 163px;
    top: 0;
    z-index: 3;
    width: 153px;
    height: 40px
}

.pane1 .zone2 span {
    bottom: -18px;
    right: -16px
}

.pane1 .zone3 {
    left: 10px;
    top: 10px;
    z-index: 3;
    width: 153px;
    height: 40px
}

.pane1 .zone3 span {
    bottom: -18px;
    right: -16px
}

.pane2 .zone1 {
    left: 5px;
    top: 5px;
    width: 100px;
    height: 227px
}

.pane2 .zone1 span {
    bottom: -18px;
    left: -16px
}

.pane2 .zone2 {
    left: 200px;
    top: 2px;
    z-index: 3;
    width: 27px;
    height: 227px
}

.pane2 .zone2 span {
    top: -18px;
    right: -16px
}

.pane2 .zone3 {
    left: 12px;
    top: 12px;
    z-index: 3;
    width: 22px;
    height: 40px
}

.pane2 .zone3 span {
    bottom: -18px;
    right: -16px
}

.pane3 .zone1 {
    right: 10px;
    top: 5px;
    width: 40px;
    height: 227px
}

.pane3 .zone1 span {
    bottom: -18px;
    left: -16px
}

.pane4 .zone1 {
    left: 5px;
    top: 5px;
    width: 451px;
    height: 227px
}

.pane4 .zone1 span {
    top: -18px;
    left: -16px
}

.zones .nbPos0 {
    left: -16px;
    top: -18px;
}

.zones .nbPos1 {
    right: -16px;
    top: -18px;
}

.zones .nbPos2 {
    bottom: -18px;
    right: -16px;
}

.zones .nbPos3 {
    bottom: -18px;
    left: -16px;
}

.zones .nbPos4 {
    left: 50%;
    top: -16px;
}

.zones .nbPos5 {
    right: -16px;
    top: 50%;
}

.zones .nbPos6 {
    bottom: -16px;
    right: 50%;
}

.zones .nbPos7 {
    bottom: 50%;
    left: -16px;
}

.zone1Hover,
.zone2Hover,
.zone3Hover {
    display: none
}

.zoneHover>.slider {
    float: left;
    width: 244px;
    height: 240px;
    margin-right: 30px
}

.flip {
    width: 22px;
    height: 25px;
    background: url(../images/sprite.png) no-repeat -70px -347px;
    position: absolute;
    left: 449px;
    top: 253px
}

.face {
    position: absolute;
    top: 35px;
    left: 10px;
    height: 315px;
    /*overflow:hidden;*/
    width: 100%
}

.surimpose .face {
    left: 0
}

.csstransforms3d .face {
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.csstransforms3d .face.back {
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.csstransforms3d .rotate {
    transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg)
}

.csstransforms3d .face.back.rotate {
    -moz-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

.back a,
.rotate.front a {
    display: none
}

.rotate.back a {
    display: block
}

.csstransforms3d .rotate.back {
    z-index: 99999
}

.face img {
    position: absolute;
    bottom: 0;
    left: 0;
}

.cash_changeovers .face img {
    position: static;
}

.cash_changeovers .blocMap .img-map2 {
    margin-left: -10px
}


/* RTH : MODIF */


/*.face.back img{right:25px; left:auto;}*/

.face.back img {
    left: 0;
}

.no-csstransforms3d .face.back {
    display: none
}

.no-csstransforms3d .face.back.rotate {
    display: block
}

.css3dBlackBerry .face.back {
    display: none
}

.css3dBlackBerry .rotate.face.back {
    display: block
}

.css3dBlackBerry .discover .zones.b10 .face.back img,
.css3dBlackBerry .discover .zones.b20 .face.back img,
.css3dBlackBerry .discover .zones.b50 .face.back img,
.css3dBlackBerry .discover .zones.b100 .face.back img,
.css3dBlackBerry .discover .zones.b200 .face.back img,
.css3dBlackBerry .discover .zones.b500 .face.back img {
    left: 10px;
}


/*---A mettre en place une fois le useragent du samsung mobile connu--*/

.css3dSamsung .discover .rotate.face.back img {
    right: 44px;
    left: auto;
}

.css3dSamsung .face.back {
    display: none
}

.css3dSamsung .rotate.front {
    display: none
}

.css3dSamsung .rotate.back {
    display: block
}

.css3dSamsung .rotate.back img {
    left: 0;
    bottom: 0
}

.css3dSamsung .discover .zones.b10 .face.back img,
.css3dSamsung .discover .zones.b20 .face.back img,
.css3dSamsung .discover .zones.b50 .face.back img,
.css3dSamsung .discover .zones.b100 .face.back img,
.css3dSamsung .discover .zones.b200 .face.back img,
.css3dSamsung .discover .zones.b500 .face.back img {
    left: 10px;
}

.no-csstransforms3d .rotate.front {
    display: none
}

.no-csstransforms3d .rotate.back {
    display: block
}

.no-csstransforms3d .rotate.back {
    display: block
}

.no-csstransforms3d .rotate.back img {
    left: 0;
    bottom: 0
}

.css3dBlackBerry .rotate.front {
    display: none
}

.css3dBlackBerry .rotate.back {
    display: block
}

.css3dBlackBerry .rotate.back img {
    left: 0;
    bottom: 0
}

.linkVideo,
.article .contentArticle>p>.videoJb {
    position: relative;
    float: left;
    margin-right: 30px
}

.linkVideo .play,
.videoCb .play,
.videoJb .play {
    background: url(../images/play.png) no-repeat 1px 0;
    display: block;
    width: 43px;
    height: 43px;
    position: absolute;
    left: 50%;
    top: 32px;
    transform: translateX(-50%);
}

.blocVideo2 .linkVideo,
.blocVideo2 .slider {
    float: right;
    margin: 35px 0 0 15px;
}

.blocVideo2 .slider .linkVideo {
    margin: 0
}

.blocVideo2 img {
    margin: 35px 0 0 15px;
}

.blocVideo2 .linkVideo img {
    margin: 0
}

.blocVideo2 .linkVideo img {
    float: none
}

.blocVideo2 p {
    font-size: 13px;
    margin-bottom: 28px
}

.blocVideo2 p.label {
    margin-bottom: 9px;
    font-size: 14px
}

.blocVideo2 p.label strong {
    clear: left;
    display: block
}

.blocVideo2 {
    margin-left: 15px
}

.security-feature .blocVideo2 .link13 {
    display: block;
    line-height: 27px;
    margin: 30px 0 0
}

.security-feature .zones.b5 {
    top: -23px
}

.security-feature .zones.b10 {
    top: -29px
}

.security-feature .zones.b5 .face {
    height: 301px
}

.security-feature .zones.b10 .face {
    height: 305px
}

.banknotes_security_zones.b20 .face {
    height: 313px;
}

.security .titre8 {
    margin-bottom: 15px
}

.security .list10 {
    clear: left
}

ol.list10 a.security-zone {
    display: inline !important
}

.series {
    background: url(../images/bck-degrad-3.png) no-repeat center -20px #ececec;
    border-bottom: 1px solid #d0d0d0
}

.series {
    text-align: left;
    clear: left;
    overflow: hidden;
}

.series span {
    padding: 50px 15px 0;
    float: left;
    width: 140px;
    text-transform: uppercase;
    font-size: 14px
}

.europaSeries span {
    padding: 44px 15px 0
}

.series ul {
    margin-left: 15px;
    display: table;
}

.europaSeries {
    background: 0 #ececec
}

.europaSeries .content {
    background: 0 none
}

.series li,
.list11 li {
    height: 110px;
    padding: 0 15px 0;
    display: table-cell;
    vertical-align: bottom
}

.list11 li {
    height: 100px;
    padding: 0 5px
}

.list11 img {
    margin-bottom: 16px;
}

.europaSeries li img {
    margin-bottom: 35px
}

.europaSeries li.b5 img,
.europaSeries li.b10 img,
.europaSeries li.b20 img,
.europaSeries li.b50 img {
    margin-bottom: 3px
}

.series img,
.list11 img {
    /*position:absolute; bottom:0*/
    vertical-align: bottom
}

.list11 span {
    white-space: nowrap;
    font-size: 12px;
    text-transform: uppercase;
    position: absolute;
    display: none;
    width: 100%;
    text-align: center;
    left: 0;
    bottom: -10px
}

.list11 a:hover span {
    display: block;
    text-align: center;
    color: #6b6b6b
}

.series .current {
    background-color: #fff;
    -webkit-box-shadow: #666 0px 0px 7px;
    -moz-box-shadow: #666 0px 0px 7px;
    box-shadow: #666 0px 0px 7px;
}

.videoCb {}

#security-video_wrapper,
body>#security-video {
    border: 25px solid #1E1E1E;
    position: fixed !important;
    left: 50%;
    top: 50%;
    margin: -300px 0 0 -462px;
    z-index: 99999 !important;
    padding-bottom: 40px !important;
    background-color: #1E1E1E !important
}

.boxTitles {
    position: absolute;
    bottom: -10px;
    width: 100%;
    left: 0
}

#security-video_jwplayer_display {
   /* background-color: #000*/
}

.security .linkVideo img {
    border: 1px solid #3a538c
}

.zoneHover .linkVideo {
    width: auto !important;
    height: auto !important
}

.txt2 {
    font-size: 12px !important;
    line-height: 14px
}

.txt3 {
    font-size: 12px !important;
    line-height: 14px;
    color: #939393
}

.panes .zoneHover .txtHidden p>.ajax-link {
    color: #a47e0d;
    background: url(../images/sprite.png) no-repeat -542px 4px;
    padding: 0 0 0 9px;
    line-height: 12px;
    font-size: 12px
}

.mediasRessources #security-video_wrapper .listLang__link {
    display: none !important
}


/* discover */

.discover .panes {
    overflow: hidden;
    clear: left;
    background: url(../images/degrad-panes2.png) repeat-x 0 0;
    height: 463px;
    margin-top: 40px
}

.discover .panes {
    overflow: hidden;
    clear: left;
    background: url(../images/degrad-panes2.png) repeat-x 0 0;
    height: 463px;
    margin-top: 40px
}

.discover .face {
    height: 423px;
}

.discover .flip {
    top: 315px
}

.discover .titre8 {
    margin: 8px 0 2px;
    font-size: 22px;
    text-transform: uppercase;
    line-height: 22px;
}

.discover .titre8 span {
    font-size: 24px;
    display: block;
    margin: 8px 0 15px
}

.discover .link7 {
    margin: 20px 0 0
}

.discover .blocVideo2 {
    float: right;
    width: 290px
}

.discover .zones {
    top: -46px
}

.discover .link7 a {
    text-transform: uppercase
}

.discover .zones {
    width: 574px
}

.discover .zones.new {
    left: 90px;
    width: 446px;
}

.discover .flip {
    left: 582px
}

.discover .zones.b10,
.discover .zones.b20,
.discover .zones.b50,
.discover .zones.b50,
.discover .zones.b100,
.discover .zones.b200,
.discover .zones.b500 {
    width: 574px
}


/*.discover .zones .face.back{ left:-25px }
.discover .zones.b5 .face.back{ left:-40px }
.discover .zones.b5.new .face.back { left: -25px; } */


/*.discover .zones.b10 .face.back{ left:-40px }
.discover .zones.b10.new .face.back { left: 94px; } */

.discover .zones {
    padding: 0
}


/*.discover .zones.b5 .face{ width:564px }*/

.discover .blocVideo2 p.label {
    margin-bottom: 3px
}

.discover__download {
    margin: 10px;
    float: right
}


/* coins */

.coins .tabs a span {
    padding-right: 0
}

.coins .panes {
    height: 506px;
    background: url(../images/degrad-panes3.png) repeat-x 0 0
}

.coins .zoneHover,
.blocMap .zoneHover {
    position: relative;
    padding-top: 45px;
    height: 458px;
    width: 316px;
    background-color: #03203e;
    float: right;
    margin: -49px 40px 0 0
}

.coins .zones {
    height: 506px;
    left: 40px;
    top: -50px;
    padding: 0 10px 0 0;
    width: 573px;
    text-align: center;
}

.coins .zoneHover .txtHidden,
.blocMap .zoneHover .txtHidden {
    margin: 0 30px;
    text-align: center
}

.coins .zoneHover .centerVertical {}

.coins .zoneHover .txtHidden img {
    margin-top: 20px
}

.coins .face,
.blocMap .face {
    height: 455px;
    display: table-cell;
    vertical-align: bottom;
    position: static;
}

.coins .face img {
    vertical-align: bottom
}

.coins .label {
    margin-bottom: 8px;
    font-size: 14px;
    color: #d3dadb
}

.coins .label strong {
    clear: left;
    display: block;
    color: #fff;
    line-height: 16px;
}

.coins h2 {
    margin-bottom: 10px;
    text-align: left
}

.coins p {
    text-align: left
}

.coins .series {
    background-image: none;
}

.coins .series li {
    height: 150px;
    text-align: center
}

.coins .series span,
.listCoins span {
    width: 100%;
    padding: 7px 0;
    text-align: center;
    color: #003299;
    font-size: 12px;
    display: block;
    text-transform: uppercase;
    font-family: 'Roboto';
    font-weight: bold;
    font-size: 14px
}

.coins .series span {
    font-size: 12px
}

.coins .face img {
    position: static
}

#canvas_europe {
    width: 654px;
    height: 500px;
    overflow: hidden;
    margin-left: -223px;
    /*background: url(../images/europe1.svg) no-repeat 0 0*/
}


/*#dk_container_countries{ margin: 35px 0 0; text-align:left }*/

.selectCustom#countries {
    /*position: absolute;*/
    z-index: 9;
    margin: 0;
    top: 35px;
    left: 0;
}

.security.coins .img-map {
    position: absolute;
    top: 0;
    right: -276px;
}

.nationalSide .content {
    padding: 0
}

.nationalSide .zones {
    perspective: 0;
    -moz-perspective: 0;
    -webkit-perspective: 0;
    top: 0
}

.nationalSide .zonesContent .face,
.nationalSide .zonesContent {
    transform-style: initial;
    -moz-transform-style: initial;
    -webkit-transform-style: initial;
}

.nationalSide .zoneHover {
    margin-top: 0
}

#canvas_europe svg,
#canvas_europe div {
    left: 154px !important
}

.coins .zonesContent {
    display: table;
    width: 550px;
    height: 477px
}

.img-map {
    background: url(../images/map6.png) no-repeat scroll 0 0;
    height: 668px;
    width: 842px
}

.img-map2 {
    background: url(../images/map6.png) no-repeat scroll 0 0;
    height: 668px;
    width: 842px;
}

.coins .zonesContent span.dk_label {
    padding: 0 5px 0 0
}

.coins .dk_options_inner {
    max-height: 380px !important;
    overflow: hidden
}


/*menu coins*/

.listCoins {}

.listCoins li {
    width: 25%;
    float: left;
    height: 145px;
    text-align: center;
    margin-bottom: 30px;
    position: relative
}

.listCoins li img {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0)
}


/*compare*/

.compare {
    margin: 40px 0 0;
    height: 462px !important;
    background-position: 0 66px !important;
    overflow: visible !important;
    position: relative
}

.compare .zones {
    padding: 59px 10px 0 0;
    height: 274px;
    overflow: visible;
    margin-top: 14px;
}

.surimpose .zones {
    top: 29px;
}

.compare .face {
    height: 226px;
    top: -5px
}

.compare .zones.b10 .face {
    height: 229px;
    top: -5px
}

.compare .zones.b20 .face {
    height: 237px;
    top: -5px
}

.compare .zones.b50 .face {
    height: 240px;
    top: -5px
}

.compare .zones.b20 {
    height: 281px;
    margin-top: 6px;
}

.surimpose .zones.b20 {
    height: 344px;
}

.compare .zonesComparSlide .face {
    top: 0;
    width: 436px;
}

.compare .zoneLast {
    padding-right: 0
}

.compare .flip {
    right: -25px;
    left: auto;
    top: 305px
}

.tabsCompare {
    clear: left;
    text-align: center;
    position: relative;
    z-index: 10
}

.tabsCompare li {
    display: inline-block;
    overflow: hidden;
    margin-right: 40px
}

.tabsCompare a span {
    font-size: 11px
}

.tabsCompare .current a {
    color: #fff
}

.tabsCompare ul {
    overflow: hidden;
    height: 48px
}

#dk_container_countries a.dk_toggle {
    line-height: 15px
}

.toolTip {
    z-index: 9999;
    cursor: auto;
    text-align: left;
    display: none;
    position: absolute;
    width: 240px;
    padding: 28px;
    background-color: #fff;
    left: 0;
    top: 0;
    -webkit-box-shadow: #000 0px 2px 6px;
    -moz-box-shadow: #000 0px 2px 6px;
    box-shadow: #000 0px 2px 6px;
}

.toolTipActiv {
    display: block
}

.toolTip p {
    color: #003299;
}

.compare .toolTip .close {
    left: auto;
    top: 4px;
    right: 0
}

.arrow {
    position: absolute;
    width: 40px;
    height: 35px;
    top: auto !important;
    bottom: -35px !important;
    left: 35px !important;
    background: url(../images/sprite.png) no-repeat -154px -274px
}

.toolTip2 .arrow {
    left: -10px !important;
    bottom: auto !important;
    top: 47% !important;
    background-position: -258px -255px
}

.toolTip2 {
    width: 430px;
    top: 50%
}

.zoom {
    width: 20px;
    height: 20px;
    background: url(../images/sprite.png) no-repeat -216px -273px;
    margin: 59px 0 0 5px;
    float: right
}

.colorRed {
    color: #ce0c11 !important
}

.cat {
    position: relative;
    overflow: hidden;
    padding-bottom: 10px;
    border-bottom: 1px solid #cacccf;
    margin-bottom: 12px;
    min-height: 83px;
}

.visus img {
    backface-visibility: visible;
    -moz-backface-visibility: visible;
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    position: inherit;
    margin-left: 5px
}

.visus {
    float: right;
    cursor: pointer;
    width: 150px;
    position: absolute;
    top: 0;
    right: 0
}

.toolTip .titre16 {
    margin-top: 20px;
    display: inline-block
}

.toolTip2 .titre15 {
    color: #003299
}

.pict {
    float: left;
    color: #003299;
    font-size: 17px;
    line-height: 15px;
    padding: 16px 63px 11px 0;
    clear: both
}

.pictFEEL {
    background: url(../images/pictos.png) no-repeat scroll right -952px transparent;
}

.pictLOOK {
    background: url(../images/pictos.png) no-repeat scroll right -771px transparent
}

.pictTILT {
    background: url(../images/pictos.png) no-repeat scroll right -872px transparent
}

.overlay {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    background: url(../images/bck-black-opacity70.png) repeat 0 0
}

.boxZoom {
    display: none;
    padding: 50px;
    position: absolute;
    z-index: 99999999;
    left: 50%;
    top: 30px;
    background-color: #fff
}

.boxZoom img {
    width: 100%;
    height: auto
}

.boxZoom p {
    width: 50%;
    text-align: center;
    color: #03408f;
    font-size: 13px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin-top: 10px;
    float: left;
    text-transform: uppercase
}

.boxZoom .close {
    cursor: pointer;
    position: absolute;
    width: 30px;
    height: 30px;
    background: url(../images/sprite.png) no-repeat -125px -348px;
    text-indent: -9999px;
    right: -35px;
    top: 0
}

.compare .zonesComparSlide {
    float: none;
    padding: 0 10px 0 0;
    margin-top: 0;
    height: 339px;
    width: 436px;
    margin: 0 auto
}

.zonesComparSlide .face {
    width: 564px;
    height: 295px;
}

.zonesComparSlide .zonesContent {
    clear: both
}

.zonesComparSlide .titre14 {
    position: relative;
    top: 18px;
    float: left;
    font-size: 16px
}

.compare .flip2 {
    left: auto;
    right: 225px;
    top: 318px;
}

.slideImg1,
.slideImg2 {
    position: absolute;
    overflow: hidden;
    z-index: 5;
    margin-top: 15px
}

.slideImg2 {
    width: 50%
}

.slideImg1 img,
.slideImg2 img {
    position: static
}

.ContentSecurityZones a {
    position: relative;
    width: 100%;
    height: 100%
}

.ContentSecurityZones {
    position: relative;
    z-index: 999999999 !important;
}

.zonesComparSlide .floatR {
    float: right !important
}

.compare .face>img,
.compare .back>img {
    bottom: -76px !important;
}

.compare .titre13 {
    font-size: 24px
}

.txtCompare {
    color: #fff;
    line-height: 15px;
    position: relative;
    top: -35px;
    text-transform: uppercase;
}

.txtCompare.txtFront {
    display: none
}

.footer .content {
    max-width: 1123px;
    min-width: 940px;
    margin: 0 auto;
    padding-bottom: 30px;
}

.footer {
    clear: left;
    float: left;
    width: 100%;
    background: url(../images/border-top-footer.png) repeat-x 0 0 #efefef;
    overflow: hidden;
    margin: 35px 0 0;
}

.desktop .footer {
    min-width: 940px;
}

.footer a {
    font-size: 12px
}

.list1 {
    margin: 33px 0 10px 2px;
    float: left;
}

.list1 li {
    float: left;
    color: #000;
}

.list1 li:first-child {}

.list1 a {
    color: #000;
    padding: 0 8px 0 0;
    margin: 1px 8px 0 0;
    border-right: 1px solid #000;
    float: left;
    height: 10px;
    line-height: 9px
}

.list1 a:hover {
    color: #03408f
}

.txtFooter {
    color: #6e6e6e;
    clear: left;
    float: left;
    margin: 0 0 30px;
    font-size: 12px;
}

.list1 li:last-child a {
    border-right: 0 none
}

.txt1 {
    font-family: 'Roboto';
    color: #003299;
    font-size: 14px;
}

.footer .txt1 {
    margin: 28px 0 0;
    text-transform: uppercase
}

span.txt1 {
    float: left
}

.footer hr {
    clear: both;
    border-top: 1px solid #a6a6a6 !important;
    margin: 20px 0;
}

.footer hr+.txt1 {
    margin-top: 10px;
}

.footer .list20 {
    width: 25%;
    margin: 15px 0px 0 0;
}

.footer .list20.last {
    margin-right: 0px;
}

.footer .list20 li {
    margin-bottom: 10px;
    line-height: 18px;
    padding-right: 20px;
}

.footer .link4 {
    font-size: 14px;
    display: block;
}

.footer .titre21 {
    font-size: 14px
}

.footer .link4 {
    color: #000;
    font-size: 12px
}

.txt4 {
    font-size: 12px;
    font-family: 'Roboto';
    line-height: 18px;
}

.txt5 {
    font-size: 12px;
    color: #909090
}

.mgTop6 {
    margin-top: 6px
}

.margB15 {
    margin-bottom: 35px
}

.publication .clear {
    clear: none
}

.publication .txt5 {
    margin-top: 2px
}

.publication .titre6 {
    margin-bottom: 5px
}

.margR30 {
    margin-right: 30px
}

.toolTip .visus img {
    -webkit-backface-visibility: visible !important
}


/* media gallery */

.medias {
    clear: left;
}

.medias .linkVideo {
    margin-right: 0
}

.medias__li {
    display: inline-block;
    white-space: nowrap;
    width: 231px;
    position: relative;
    text-align: center;
    z-index: 0;
    vertical-align: top;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.blocPicture {
    margin: 6px 3px 0 3px !important
}

.blocPicture__cadre {
    border: 4px solid #00418f;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    position: absolute;
    display: none;
    z-index: 9;
}

.jscroll-added {
    display: inline
}

.medias li.blocVideo {
    margin: 6px 0 20px 15px;
    width: 182px;
    padding: 6px 6px 18px 6px;
    border: 1px solid #fff
}

.medias li.blocVideo figcaption {
    margin-bottom: 15px;
    white-space: normal;
}

.desktop .medias li.blocVideo:hover .blocVideo__cadre {
    border: 1px solid #000;
    height: 147px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: -2px;
}

.blocVideo__posterContainer {
    position: relative;
    width: 170px;
    height: 110px;
    overflow: hidden
}

.blocVideo__posterContainer img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.photos .medias li {
    border: 1px solid #E9E9E9;
    height: 176px;
    background-color: #fff;
    margin: 48px 77px 0 0;
}

.medias li figure {
    position: relative;
}

.blocVideo img {
    max-width: 100%;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.medias h3 {
    color: #003299;
    font-size: 14px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align: left;
    line-height: 18px;
}

.photos .medias h3 {
    padding: 0 10px;
}

.medias time {
    margin-top: 8px
}

.photos .medias figcaption {
    background-color: #fff;
    border: 1px solid #C5C5C5;
    display: none;
    height: 181px;
    left: 0;
    position: absolute;
    top: 0;
    width: 176px;
    z-index: 99;
}

.medias figcaption img {
    height: auto !important;
    margin-bottom: 10px;
    width: 100%;
    cursor: pointer
}

.medias figcaption p {
    clear: both;
    color: #666666;
    float: left;
    font-size: 12px;
    margin-top: 2px;
    padding: 0 10px;
    text-align: left;
}

.medias .checkbox {
    float: none;
    bottom: 0;
    position: absolute;
    right: 0;
    /*bottom:5px; z-index: 99 float:right*/
}

.medias label {
    height: 16px;
    padding: 10px 0 0 0;
    text-indent: -9999px;
    position: absolute;
    right: 5px;
    bottom: 2px;
    color: #858585;
    z-index: 99;
    line-height: 20px;
    text-align: right;
    font-size: 0
}

.mediaContent {
    padding-bottom: 40px;
    margin-top: 42px
}

.mediaGallery .filter {
    clear: left;
    margin: 50px 0 13px 0;
    position: relative;
    z-index: 9;
    float: left
}

.mediaGallery .filter .link6 {
    float: right;
    height: 15px;
    max-width: 170px;
}

.mediaGallery h2 {
    float: left;
    margin: 0 20px 0 0
}

.mediaGallery #dk_container_pictures-select-subcategory {
    margin-left: 15px
}

.listDownload {
    display: inline-block;
}

.listDownload li {
    float: left
}

.blocVideo__download .icon-download {
    font-size: 25px;
}

.blocVideo__download .icon-download {
    color: #003299
}

.listDownload a {
    font-size: 10px
}

.hover .checkbox {
    float: none;
    z-index: -1
}

.hover label {
    text-indent: 0px;
    bottom: -76px !important;
    right: -66px !important;
    font-size: 12px;
}

.hover.size2 .checkbox {
    /*bottom: -124px !important;*/
}

.hover.size2 label {
    bottom: -121px !important;
    right: -66px !important
}

.hover label {
    text-indent: 0px
}

.photos .size2 img {
    margin-top: 0
}

.photos .size2 figcaption img {
    width: 69%;
}

.clear {
    clear: left
}

.videos .medias {
    overflow: hidden
}

.floatR {
    float: right
}

.floatL {
    float: left
}

#colorbox {
    z-index: 999
}

#cboxTitle .titre5 {
    height: 37px;
    line-height: 16px;
    padding-right: 33px;
}

.copy {
    font-size: 10px;
    color: #646363
}

.download {
    text-align: center;
    font-size: 10px;
    color: #fff;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    background-color: #00418f;
    font-size: 35px
}

.download--style2 {
    float: right;
    background-color: transparent;
    font-size: 10px;
    color: #787878;
    margin-top: -15px;
}

.download--style2 .download {
    background-color: transparent;
}

.download--style2 .download:before {
    font-size: 40px;
    display: block;
    color: #787878
}

.lightBoxVideo {
    width: 694px;
    height: 534px;
    overflow: hidden;
    position: absolute;
    top: 120px;
    left: 50%;
    margin: 0 0 0 -350px;
    z-index: 99999;
    background-color: #1e1e1e;
    display: none
}

.contentVideo {
    padding: 24px;
}

.contentVideo .time2 {
    float: right
}

.close {
    cursor: pointer;
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(../images/sprite.png) no-repeat -62px -130px;
    right: 33px;
    top: 58px;
    text-indent: -9999px
}

.moreThan5 .mediaContent {
    padding-bottom: 0
}

.open .mediaContent {
    padding-bottom: 90px;
    overflow: visible !important
}

.moreThan5 .mediaContent {
    height: 350px;
    overflow: hidden;
    /*box-shadow: 0 -5px 5px -4px #BEBEBE inset; -webkit-box-shadow: 0 -5px 5px -4px #BEBEBE inset; -moz-box-shadow: 0 -5px 5px -4px #BEBEBE inset; */
    position: relative
}

.moreThan5 .more {
    width: 100%;
    background: url(../images/more-less.png) no-repeat 50% -80px;
    height: 35px;
    display: block;
    position: absolute;
    bottom: 0;
}

.moreThan5 .more.less {
    background-position: 50% 0
}

.moreThan5.photos .mediaContent {
    height: 270px;
}

.videos .play {
    bottom: auto;
    top: 151px;
    left: 14px
}

.mediaGallery {
    overflow: hidden
}

.mediaGallery.videos .medias li {
    height: 302px
}

.boxJ {
    border: 25px solid #1E1E1E;
    position: fixed !important;
    left: 50%;
    top: 50px;
    margin: 0 0 0 -488px;
    z-index: 99999 !important;
    padding-bottom: 40px !important;
    background-color: #1E1E1E !important;
    width: 924px;
    height: 520px
}

#jBclose {
    cursor: pointer;
    position: absolute;
    top: -18px;
    right: -30px;
    background: url(../images/sprite.png) no-repeat -62px -131px;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    z-index: 9999;
}


/* overlay */

#cboxOverlay,
#overlayC,
#overlayCd {
    height: 100%;
    position: fixed;
    width: 100%;
    opacity: 0.7 !important;
    filter: alpha(opacity=70) !important;
    background: none repeat scroll 0 0 #000;
    top: 0;
    left: 0;
    z-index: 99
}

#overlayC,
#overlayCd {
    z-index: 999
}

#overlayCd {
    background-color: #45647f;
    opacity: 0.85 !important;
    filter: alpha(opacity=85) !important;
}


/* pager */

.pager {
    clear: left;
    overflow: hidden;
    text-align: center;
    padding: 31px 0 0
}

.prev,
.next {
    width: 20px;
    height: 20px;
    background: url(../images/sprite.png) no-repeat 0 -237px;
    display: inline-block;
    position: relative;
    top: 5px;
    margin: 0 12px;
}

.next {
    background-position: -31px -237px
}

.pager a {
    color: #292929
}

.pager a.current {
    color: #0053a0
}

.pager a:hover {
    color: #c39907
}

.pager .prev:hover {
    background-position: -80px -237px
}

.pager .next:hover {
    background-position: -118px -237px
}

.ez-hide {
    opacity: 0;
    filter: alpha(opacity=0);
}

.ez-checkbox {
    background: transparent url(../images/sprite.png) -5px -155px no-repeat;
    display: inline-block;
    width: 21px;
    float: right;
    margin-left: 5px;
    height: 21px;
}

.ez-checked {
    background-position: -5px -125px;
}

.ez-selected {
    background-position: 0 -19px;
}

.ez-checkbox,
.ez-radio {
    zoom: 1;
    *display: inline;
    _height: 30px;
}

.error {
    background: none #efefef
}

.sectionError {
    text-align: center;
    padding: 50px 0;
    margin: 123px 0 0 0;
    background: url(../images/barMultColor2.png) repeat-x scroll 50% 0 #fff
}

.sectionError h1 {
    color: #004B96
}

.sectionError p {
    margin-bottom: 15px
}


/*direct access*/

.mediaGalleryPres {
    overflow: hidden;
    margin-top: -15px;
}

.mediaGalleryPres .mediaContent {
    padding-bottom: 25px;
    clear: both;
}

.mediaGalleryPres h2 {
    float: left;
}

.mediaGalleryPres li figure {
    width: 176px;
    position: relative;
}

.mediaGalleryPres li figure .box {
    position: relative;
    height: 176px;
    background-color: #e4e4e4;
}

.mediaGalleryPres li figure .box img {
    max-width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.mediaGalleryPres li figcaption {
    background: url(../images/bar-dottedBgGray.png) repeat-x center bottom;
    height: 50px;
    padding-bottom: 15px;
    margin: 23px 0 10px;
}

.mediaGalleryPres li .linkBottom {
    margin: 74px 0 5px 20px !important;
}

.mediaGalleryPres .videos .play {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.mediaGalleryPres .linkVideo {
    float: none;
    display: block;
    margin-right: 0;
}

.mediaGalleryPres .link8:hover {
    color: #717171;
    background-position: -533px -1159px
}

.mediaGalleryPres .link8 {
    display: block;
    padding: 0 10px 0 25px;
}


/*.mediaGalleryPres .titre4{ line-height: 17px; }*/

.mediaGalleryPres2 {
    overflow: hidden;
}

.mediaGalleryPres2 h2 {
    float: left;
}

.mediaGalleryPres2 li figcaption {
    margin: 14px 0 10px;
}

.mediaGalleryPres2 li {
    position: relative;
    padding-bottom: 25px !important
}

.mediaGalleryPres2 .bt {
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
    height: 27px;
}

.mediaGalleryPres2 .type1 {
    padding-bottom: 30px
}

.mediaGalleryPres2 p {
    padding-right: 20px
}

.mediaGalleryPres2 .list14 .unit {
    margin: 33px 0 0
}

.mediaGalleryPres2 .list14 img {
    width: 100%;
    height: auto
}

.pressReleases {
    overflow: hidden;
    margin-top: -15px;
}

.pressReleasesContent {
    background: #F3F3F3;
    overflow: auto;
}

.pressReleasesContent .link8 {
    text-transform: uppercase;
}

.pressReleasesContent .link8:hover {
    color: #717171;
    background-position: -533px -1159px
}

.pressReleasesContent .blocList {
    background: url(../images/sep.png) repeat-y right center;
    margin: 20px 0;
    width: 714px;
}

.pressReleasesContent .link12 {
    margin: 50px 0 15px 40px;
    float: left;
    max-width: 162px
}

.blocMap .img-map2 {
    margin-top: -27px
}

.blocMap .face img {
    z-index: 1
}

.blocMap {
    background-color: #072d53;
    height: 504px;
    overflow: hidden
}

.blocMap p {
    text-align: left;
    color: #fff;
    font-size: 15px
}

.blocMap .zoneHover {
    margin: 0 40px 0 0;
    padding-top: 24px;
    height: 481px;
}

.blocMap .zoneHover ul,
.blocMap .zoneHover h2 {
    text-align: left
}

.blocMap .zones {
    /* left:100px; */
    left: 20px;
    height: 496px;
    width: 564px;
    top: 0
}

.zoneHover .txt3 {
    color: #fdd14e;
    font-size: 14px;
    font-family: "Trebuchet MS";
    font-weight: bold;
    text-transform: uppercase
}

.zoneHover .txt4 {
    font-family: "Trebuchet MS";
    font-size: 12px;
    color: #fff;
    font-weight: normal
}

.blocMap .txt4 {
    margin-bottom: 30px
}

.blocMap .zoneHover ul {
    padding-top: 30px;
    border-top: 1px solid #173655
}

.blocMap .txtHidden {
    padding-bottom: 6px;
}

.legend2 {
    left: 0;
    position: absolute;
    top: 70px;
    -webkit-top: 67px;
    text-align: left
}

.blocMap .legend2 {
    top: 52px
}

.legend2 span {
    display: inline-block;
    width: 21px;
    height: 13px;
    margin: 12px 8px 0 0
}

.legend2 span.bgColor5 {
    vertical-align: top;
    margin-top: 14px
}

.legend2 span.sep {
    margin: 0 -7px 0 -2px
}

.legend2 span.legendTxt3 {
    width: 150px;
    height: auto
}

.bgColor3 {
    background-color: #DCC48C
}

.bgColor4 {
    background-color: #BA9E74
}

.bgColor5 {
    background: url(../images/bg-legend5.png) repeat
}

.txt6 {
    color: #fff;
    font-size: 14px;
    font-family: "Trebuchet MS"
}

.blocMap .dk_container {
    position: absolute
}

.csstransforms3d .blocMap .face,
.csstransforms3d .blocMap .face img {
    backface-visibility: visible
}


/* game */

.blocMap.game .zoneHover {
    background-color: #cecece;
}

.game .img-map2 {
    margin-top: 0;
    position: relative
}

.game p {
    color: #003299
}

.pictEuro {
    width: 120px;
    height: 130px;
    background: url(../images/coins/anim1.png) no-repeat 0 0;
    margin: 0 auto
}

.countriesBullets {
    left: 0;
    top: 0;
    position: absolute;
    width: 846px;
    height: 668px;
    background: url(../images/coins/map-bullets.png) no-repeat 100px 123px;
    z-index: 99
}

.blocFlagCountry {
    position: absolute;
    left: 0;
    top: 106px;
    display: none
}

.blocFlagCountry img {
    bottom: auto;
    top: 0;
    left: 0;
    border: 1px solid #d9d9d9;
    float: left
}

.blocFlagCountry span {
    padding: 8px;
    border: 1px solid #5c758e;
    color: #fff;
    font-family: "Trebuchet MS";
    background-color: #395775;
    font-size: 1.6em;
    position: absolute;
    top: 0;
    left: 87px
}

.blocAnswer,
#playAgain {
    display: none
}

.blocCoin {
    display: none;
    margin: 50px 0 40px 0;
    background: url(../images/coins/bck_coins.jpg) no-repeat 6px -3px;
}

.bloc3 .arrow {
    top: -18px !important;
    bottom: auto !important;
    background-position: -120px -164px;
    width: 52px;
    left: 102px !important
}

.game .img-map2 {
    background-image: url(../images/map6.png)
}

.blocCoin p {
    color: #4f5052;
    font-size: 14px;
    font-family: "Trebuchet MS";
    text-align: center;
    margin: 30px 0 0;
    text-transform: uppercase
}

.blocCoin .flip-container {
    position: relative;
    height: 113px;
    width: 113px;
    margin: 0 auto
}

.blocCoin .flip-container img {
    width: 100%;
    height: auto
}

.blocCoin .link12 {
    display: none
}

.blocCoin .face,
.blocCoin .back {
    width: 130px;
    height: 130px
}

.game .zoneHover {
    background-color: #fff
}

.bloc3 {
    background-color: #eaeaea;
    padding: 17px;
    width: 217px;
    margin: 15px 0 35px 0;
    position: relative
}

.bloc3 p {
    text-align: center
}

.countriesBullets>img {
    position: absolute;
    top: 0;
    left: 0
}

.countriesBullets img.imgCountryDisabled {
    position: absolute !important;
    z-index: -1;
    left: 100px;
    top: 123px;
    bottom: auto;
    display: block !important
}

.game .reflect {
    width: 138px;
    height: 83px;
    background: url(../images/coins/sprite-coins-reflect.png) no-repeat 0 -2px;
    position: absolute;
    left: -8px
}

.game .link12 {
    position: relative;
    z-index: 9999
}

.flip-container {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    perspective: 1000;
    border: 0 none;
}

.flip-container .flipper {
    /*-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg);*/
}

.animCoin {
    -webkit-animation: play .2s 4;
    -moz-animation: play .2s 4;
    -ms-animation: play .2s 4;
    -o-animation: play .2s 4;
    animation: play .2s 4;
}

.flipper {
    float: none !important;
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}

.blocCoin .faceCoin,
.blocCoin.backCoin {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.blocCoin .faceCoin {
    z-index: 2;
}

.blocCoin .backCoin {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

@-webkit-keyframes play {
    from {
        -webkit-transform: rotateY(0deg);
    }
    to {
        -webkit-transform: rotateY(180deg);
    }
}

@-moz-keyframes play {
    from {
        -webkit-transform: rotateY(0deg);
    }
    to {
        -webkit-transform: rotateY(180deg);
    }
}

@-ms-keyframes play {
    from {
        -webkit-transform: rotateY(0deg);
    }
    to {
        -webkit-transform: rotateY(180deg);
    }
}

@keyframes play {
    from {
        -webkit-transform: rotateY(0deg);
    }
    to {
        -webkit-transform: rotateY(180deg);
    }
}

.game #bck-map {
    z-index: -1
}


/* phtoGallerySlider */

.contentPhotoSlider {
    /* width: 939px;*/
    height: 194px;
    overflow: auto;
    white-space: nowrap;
}

.contentPhotoSlider img {
    float: left;
    margin: 57px 14px 0 0
}

.contentPhotoSlider li {
    display: inline-block;
    white-space: nowrap
}

.scroll-pane {
    width: 100%;
    height: 200px;
    overflow: auto;
}

.horizontal-only {
    height: auto;
    max-height: 300px;
}


/* data viz latvia */

.dataVizLatvia {
    margin-bottom: 65px;
}

.dataVizLatvia .link15 {
    margin-top: 15px;
    color: #03408f;
    font-weight: bold;
    font-size: 13px;
    background-position: -543px -926px;
    padding: 0 0 0 9px
}


/* search result */

.blocSearchInputs {
    position: relative;
    bottom: 0;
    float: left;
    margin-right: 40px
}

#bt_search2 {
    width: 30px;
    height: 22px;
    border: 0 none;
    background-color: transparent;
}

.searchInput {
    border-bottom: 1px solid #d4c4a3;
    height: 22px
}

.searchResult {
    margin-bottom: 30px
}

.searchResult img {
    width: 110px;
    height: auto;
}

.searchResult .link15 {
    float: none;
    color: #03408f;
    background-position: -543px -926px;
    padding: 0 0 0 14px;
    margin: 8px 0 0 0;
    font-weight: bold;
    font-size: 13px
}

.searchResult b {
    color: #fff;
    background-color: #c69c19;
    font-weight: 100;
    padding: 0 5px;
}

.searchResult img {
    margin: 0 20px 0 0
}

.blocResultSearch {
    margin: 40px 0
}

.blocResultSearch span input[type=radio] {
    position: absolute;
    left: -99999px
}

.blocResultSearch span label {
    background: linear-gradient(#1366aa, #105792);
    padding: 0 20px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
}

.blocResultSearch span label.selected {
    background: linear-gradient(#d5a717, #b99012);
}


/* CSS Styles that are needed by jScrollPane for it to operate correctly. */

.jspContainer {
    overflow: hidden;
    position: relative;
}

.jspPane {
    position: absolute;
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 100%;
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
}

.jspVerticalBar *,
.jspHorizontalBar * {
    margin: 0;
    padding: 0;
}

.jspHorizontalBar .jspCap {
    float: left;
}

.jspTrack {
    background: #dadada;
    position: relative;
}

.jspDrag {
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}

.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}

.jspArrow.jspDisabled {
    cursor: default;
    background: #80808d;
}

.jspVerticalBar .jspArrow {
    height: 16px;
}

.jspHorizontalBar .jspArrow {
    width: 16px;
    float: left;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus {
    /*outline:none;*/
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%;
}

.jspHorizontalBar .jspCap {
    width: 170px;
    height: 100%;
}

.contentPhotoSlider .jspContainer {
    height: 220px !important
}

.contentPhotoSlider .jspTrack {
    top: -200px;
}

.jspCap.jspCapRight {
    display: none
}

.contentPhotoSlider .jspHorizontalBar .jspDrag {
    background: url(../images/sprite.png) no-repeat -49px -160px;
    height: 26px;
    top: -10px
}

.photoGallerySlider {
    margin: 25px 0 0 0
}

.photoGallerySlider .titre1 {
    margin: 0 0 -30px 0
}


/*HANDLERS*/

.handlersInfos {
    overflow: hidden;
}

.handlersInfos+.coins .series {
    border-bottom: 0;
}

.handlersInfos h2 {
    background-position: 0 -40px;
}

.handlersInfos header {
    background: none;
    padding: 0;
    margin-bottom: 0px;
}

.coins header h2 {
    margin: -10px 0 20px 0;
}

.type1 {
    background: #F3F3F3;
    overflow: auto;
}

.type1 .content {
    width: 950px
}

.type1 .thumb {
    float: left;
    width: 287px;
    margin: 0 30px 0 0;
}

.type1 p {
    font-size: 13px;
}

.type1 .time4 {
    line-height: 28px;
}

.type1 .blocLeft {
    width: 615px;
    border-right: solid 42px #fff;
    padding: 30px 0 0;
    min-height: 267px;
    /*-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;*/
}

.type1 .blocLeft h3,
.type1 .blocLeft time,
.type1 .blocLeft .link12 {
    margin-right: 30px;
}

.type1 .blocLeft p {
    margin-right: 60px;
}

.type1 .blocRight {
    width: 283px;
    padding: 30px 0 0;
    /*-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; */
    margin: 0 0 0 0;
}

.type1 .blocRight h3,
.type1 .blocRight time,
.type1 .blocRight p,
.type1 .blocRight .link12 {
    margin-left: 30px;
}

.type1 .link12 {
    margin: 13px 0 20px;
}

#live,
#countDown {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99999999;
    margin: -208px 0 0 -315px;
    display: none
}

#countDown img {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0
}

#countDown {
    width: 577px;
    height: 297px;
    margin: -208px 0 0 -288px
}

#countDown .close {
    background: 0 none;
    width: 27px;
    height: 20px;
    top: 12px;
    right: 10px;
    display: block;
    text-indent: 0;
    z-index: 9999
}

.linkCount1 {
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 227px;
    bottom: 24px;
    width: 150px;
    z-index: 9999
}

.txtAr {
    text-align: right
}


/* popins forms */

.formRegister label.error,
#formD2 label.error,
#formD4 label.error,
#editform label.error {
    display: none !important
}

.formRegister,
#editform {
    margin: 50px 0 0
}

.formRegister .titre1 {
    margin-bottom: 40px
}

#dk_container_use,
#dk_container_useF3 {
    z-index: 99
}

a.openPopinLogin {
    float: left;
    margin: 15px 0 50px 0
}

.buttonblock {
    margin: 20px 0 0
}

.maincontentheader {
    margin: 0 0 60px
}

* {
    /*outline:none;*/
}

*:focus {
    outline: 2px dotted #03408f
}

.input {
    border: 0 none
}

.popinForm .close {
    top: 5px;
    right: 2px;
}

.popinForm {
    display: none;
    width: 575px;
    height: auto;
    position: absolute;
    left: 50%;
    top: 80px;
    margin: 0 0 0 -280px;
    background-color: #fff;
    z-index: 99999999;
    padding: 20px 62px;
}

.popinForm .titre24 {
    margin: 27px 0 -17px 0
}

.popinForm .titre3 {
    margin: 0 0 25px 0
}

.popinForm fieldset {
    margin: -25px 0 0;
}

.labels {
    width: 174px;
    text-align: right;
    float: left;
    margin-right: 15px;
    font-size: 12px;
    font-family: "Trebuchet MS";
    font-weight: bold
}

.blocForm {
    width: 360px;
    margin: 0 auto
}

.blocForm p input[ type="text"],
.blocForm p input[ type="password"],
.blocForm p input[ type="email"] {
    width: 169px;
    background: url(../images/spriteInputs.png) no-repeat -277px 0;
    height: 22px;
    font-size: 12px;
}

.blocForm p input[ type="text"],
.blocForm p input[ type="password"],
.popinForm p input[ type="text"],
.blocForm p input[ type="email"] {
    padding: 0 0 0 5px;
    width: 164px
}

.blocForm p input#rpc {
    width: 15px;
    float: right
}

#popF2 label.txt5 {
    padding-right: 20px;
    display: block
}

.blocForm .input.error {
    background-position: -277px -29px
}

.blocForm p {
    margin-bottom: 15px;
}

.blocForm input[ type="radio"],
.blocForm input[ type="checkbox"] {
    width: auto;
    margin: 0 4px 0 0;
    vertical-align: bottom;
    background: 0 none
}

.labelRadio {
    position: relative;
    padding: 0 15px 0 0;
    top: -5px;
    font-size: 12px
}

.margT20 {
    margin-top: 20px
}

#popF4 .titre24 {
    margin: 27px 0 20px 0;
}

.content>.popinForm {
    position: static;
    margin: 0;
    background-color: transparent;
    padding: 0
}

.formPartnerAccount {
    width: 620px
}

.formPartnerAccount .input {
    width: 242px;
    background: url(../images/spriteInputs.png) no-repeat 0 0;
    height: 22px;
    font-size: 12px;
    padding: 0 0 0 6px;
}

.formPartnerAccount .input.error {
    background-position: 0 -29px
}

.formPartnerAccount .labels {
    width: 320px;
    margin-right: 40px;
}

.formPartnerAccount p {
    margin: 0 0 12px 0;
    min-height: 22px
}

.labelInpt {
    color: #5d5d5d;
    font-size: 11px;
    font-family: "Trebuchet MS";
    width: 245px;
    float: right
}

.ezcca-edit-user_account {
    display: none
}

.errorSelect .dk_toggle {
    border: 1px solid red;
}

.textarea {
    background: url(../images/spriteInputs.png) no-repeat -465px 0;
    width: 165px;
    height: 81px;
    resize: none;
    border: 0 none;
    font-size: 11px;
}

.textarea1,
.listArea {
    width: 165px;
    height: 81px;
    float: right;
    margin: 0 3px 15px 0;
    overflow-y: scroll;
    resize: none;
    border: 1px solid #ccc;
    font-size: 11px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: #e6e6e6 0 0 66px inset;
    -moz-box-shadow: #e6e6e6 0 0 66px inset;
    box-shadow: #e6e6e6 0 0 66px inset;
}

.listArea li {
    padding: 5px;
}

#popinCGU .scroll-pane {
    max-height: 300px
}

.errorAccept {
    display: none;
    color: red
}

button {
    border: 0 none
}

.bts {
    text-align: center;
    margin: 40px 0 0
}

.bts .link12 {
    margin-right: 60px;
}

#deny {
    margin-right: 0
}

.more {
    display: none
}

.formPartnerAccount .dk_container {
    margin: 0;
    background: transparent
}

.formPartnerAccount .dk_container .dk_options {
    top: 20px !important
}

.warning {
    margin: 0 0 20px 0
}

.warning li {
    color: red;
    font-size: 12px
}

.aCgu {
    font-size: 12px;
    font-weight: bold;
    ;
    margin-top: 15px
}


/*#langcheckboxes { width: 172px; margin:0 0 20px 0; }*/

#langcheckboxes input[type="checkbox"] {
    position: fixed;
    top: -999999px
}

#langcheckboxes .langList {
    width: 169px;
    float: left;
}

#langcheckboxes .checked {
    color: #03408f
}

.clearB {
    clear: both
}

.zindex1 {
    position: relative;
    z-index: 9
}

.zindex2 {
    position: relative;
    z-index: 99
}


/* section download */

.downloadC .bckColored {
    padding: 34px 0 0 0
}

.downloadC {
    margin: 48px 0 0 0
}

.downloadC .titre1 {
    margin: 0 0 48px 0
}

.bckColored .dotted {
    background: url(../images/bar-dottedGray.png) repeat-x 0 0
}

.otherUseBloc,
.otherModBloc {
    display: none
}

.downloadC input.link18 {
    border: 0 none;
    margin-top: 5px
}


/* tetris  */

.tetris {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99999999;
    background-color: #fff;
    top: 0;
    left: 0
}


/* articleEuroRunGame */

.articleEuroRunGame .chapo .contentPage {
    position: relative;
}

.articleEuroRunGame .chapo p {
    /*width:50%*/
}

.desktop .articleEuroRunGame #openTeachersPopin,
.tablet .articleEuroRunGame #openTeachersPopin {
    position: absolute;
    top: 280px;
    left: calc( 75% - 50px);
}

.mobile .articleEuroRunGame #openTeachersPopin {
    margin: 15px 0 0;
    display: inline-block;
}

.desktop .articleEuroRunGame .eurocashacademy {
    display: flex;
    justify-content: center
}

.articleEuroRunGame #jeuEuroRun {
    margin: 15px 0 0 0
}

.articleEuroRunGame .content>.contentPage {
    margin: 30px 0 0 0
}

.articleEuroRunGame .dotted {
    margin: 15px 0 40px
}

.articleEuroRunGame .medias .titre6 {
    font-weight: 400;
    margin-bottom: 8px;
    font-size: 17px
}


/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/

#cboxWrapper {
    padding: 0 0 44px;
    background-color: #1e1e1e
}

#cboxLoadedContent {
    /*margin-bottom:5px*/
}

#colorbox,
#cboxOverlay,
#cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    /*overflow:hidden;*/
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxMiddleLeft,
#cboxBottomLeft {
    clear: left;
}

#cboxContent {
    position: relative;
}

#cboxLoadedContent {
    overflow: auto;
}

#cboxTitle {
    margin: 0;
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
    cursor: pointer;
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}

#colorbox,
#cboxContent,
#cboxLoadedContent {
    box-sizing: content-box;
}


/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/

#cboxOverlay {}

#colorbox {}

#cboxTopLeft {
    width: 25px;
    height: 25px;
    /*background:url(../images/controls.png) no-repeat -101px 0;*/
}

#cboxTopRight {
    width: 25px;
    height: 25px;
    /*background:url(../images/controls.png) no-repeat -130px 0;*/
}

#cboxBottomLeft {
    width: 25px;
    height: 25px;
    /*background:url(../images/controls.png) no-repeat -101px -29px;*/
}

#cboxBottomRight {
    width: 25px;
    height: 25px;
    /*background:url(../images/controls.png) no-repeat -130px -29px;*/
}

#cboxMiddleLeft {
    width: 25px;
    /*background:url(../images/controls.png) left top repeat-y;*/
}

#cboxMiddleRight {
    width: 25px;
    /*background:url(../images/controls.png) right top repeat-y;*/
}

#cboxTopCenter {
    height: 25px;
    /* background:url(../images/border.png) 0 0 repeat-x;*/
}

#cboxBottomCenter {
    height: 25px;
    /*background:url(../images/border.png) 0 -29px repeat-x;*/
}

#cboxContent {
    background: #fff;
    /*overflow:hidden;*/
}

.cboxIframe {
    background: #fff;
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}

#cboxTitle {
    position: absolute;
    bottom: -60px;
    left: 0;
    text-align: left;
    width: 100%;
    color: #949494;
}

#cboxCurrent {
    position: absolute;
    bottom: 4px;
    left: 58px;
    color: #949494;
    display: none !important
}

#cboxSlideshow {
    position: absolute;
    bottom: 4px;
    right: 30px;
    color: #0092ef;
}

#cboxPrevious {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/nav-lightBox.png) no-repeat left 50%;
    width: 50%;
    height: 100%;
    text-indent: -9999px;
}


/* #cboxPrevious:hover{background-position:-75px -25px;}*/

#cboxNext {
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(../images/nav-lightBox.png) no-repeat right 50%;
    width: 50%;
    height: 100%;
    text-indent: -9999px;
}


/*#cboxNext:hover{background-position:-50px -25px;}*/

#cboxLoadingOverlay {}

#cboxLoadingGraphic {}

#cboxClose,
#jwClose {
    cursor: pointer;
    position: absolute;
    top: -18px;
    right: -30px;
    background: url(../images/sprite.png) no-repeat -62px -131px;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    z-index: 9999
}


/* #cboxClose:hover{background-position:-25px -25px;}*/


/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/

.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
}


/*grid system*/

.grid {
    clear: both;
    letter-spacing: -0.31em;
    list-style: none outside none;
    margin: 0 -2em;
    padding: 0;
    word-spacing: -0.43em;
}

.unit,
.field-unit {
    display: inline-block;
    letter-spacing: normal;
    margin: 0;
    vertical-align: top;
    word-spacing: normal;
}

.field-unit {
    display: block;
}

.unit,
.field-unit {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 2em;
}

.ingrid {}

.unit {
    float: left;
}

.unit,
.field-unit {}

.in-halves .unit {
    width: 50%;
}

.infos .in-thirds>.unit {
    position: relative;
    margin-bottom: 40px;
}

.infos .in-thirds>.unit .bottom {
    bottom: 0;
    position: absolute;
}

.home .infos .in-thirds .slider .bottom {
    bottom: 0;
    position: relative !important;
    margin-top: 15px;
    display: block
}

.in-thirds>.unit {
    width: 33.3333%;
}

.in-fourths>.unit {
    width: 25%;
}

.in-fifths>.unit {
    width: 20%;
}

.in-sixths>.unit {
    width: 16.6667%;
}

.in-sevenths>.unit {
    width: 14.2857%;
}

.in-thirds>.span-two {
    width: 66.6667%;
}

.in-fourths>.span-two {
    width: 50%;
}

.in-fourths>.span-three {
    width: 75%;
}

.in-fifths>.span-two {
    width: 40%;
}

.in-fifths>.span-three {
    width: 60%;
}

.in-fifths>.span-four {
    width: 80%;
}

.in-sixths>.span-two {
    width: 33.3333%;
}

.in-sixths>.span-three {
    width: 50%;
}

.in-sixths>.span-four {
    width: 66.6667%;
}

.in-sixths>.span-five {
    width: 83.3333%;
}

.in-sevenths>.span-two {
    width: 28.5714%;
}

.in-sevenths>.span-three {
    width: 42.8571%;
}

.in-sevenths>.span-four {
    width: 57.1428%;
}

.in-sevenths>.span-five {
    width: 71.4286%;
}

.in-sevenths>.span-six {
    width: 85.7143%;
}


/**
 * Default DropKick theme
 */


/***** Begin Theme, feel free to edit in here! ******/


/* One container to bind them... */

.dk_container {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5));
    background: -moz-linear-gradient(top, #fff, #f5f5f5);
    background: -o-linear-gradient(top, #fff, #f5f5f5);
    background-color: #f5f5f5;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    margin-top: 3px;
}

.dk_container:focus {
    /*outline:0;*/
}

.dk_container a {
    cursor: pointer;
    text-decoration: none;
    line-height: 12px
}


/* Opens the dropdown and holds the menu label */

.dk_toggle {
    /**
 * Help:Arrow image not appearing
 * Try updating this property to your correct dk_arrows.png path
 */
    width: 131px !important;
    background: url(../images/sprite.png) no-repeat 134px -1576px;
    border: 1px solid #ccc;
    color: #6e6e6e;
    padding: 2px 10px 0;
    text-shadow: #fff 1px 1px 0;
    -webkit-transition: border-color .5s;
    -moz-transition: border-color .5s;
    -o-transition: border-color .5s;
    transition: border-color .5s;
}

.dk_toggle:hover {
    border-color: #8c8c8c;
}


/* Applied when the dropdown is focused */

.dk_focus .dk_toggle {
    /*border-color:#40b5e2;*/
}

.dk_focus .dk_toggle {
    /*box-shadow:0 0 5px #40b5e2;-moz-box-shadow:0 0 5px #40b5e2;-webkit-box-shadow:0 0 5px #40b5e2;*/
}


/* Applied whenever the dropdown is open */

.dk_open {
    /*box-shadow:0 0 5px #40b5e2;-moz-box-shadow:0 0 5px #40b5e2;-webkit-box-shadow:0 0 5px #40b5e2*/
    /**
 * Help:Dropdown menu is covered by something
 * Try setting this value higher
 */
    z-index: 10;
}

.dk_open .dk_toggle {
    /*background-color:#ececec;*/
    border-color: #8c8c8c;
    /*box-shadow:inset 0 -2px 5px #ccc;*/
}


/* The outer container of the options */

.dk_options {
    /*box-shadow:rgba(0,0,0,.2) 0 2px 8px;-moz-box-shadow:rgba(0,0,0,.2) 0 2px 8px;-webkit-box-shadow:rgba(0,0,0,.2) 0 2px 8px;border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;*/
}

.dk_options a {
    background-color: #fff;
    /*border-bottom:1px solid #999;font-weight:bold;*/
    padding: 2px 10px;
}

.dk_options li:last-child a {
    border-bottom: none;
}

.dk_options a:hover,
.dk_option_current a {
    background-color: #9caa9e;
    /*border-bottom-color:#004c72;*/
    color: #fff;
    text-decoration: none;
    /*text-shadow:rgba(0,0,0,.5) 0 1px 0;*/
}


/* Inner container for options,this is what makes the scrollbar possible. */

.dk_options_inner {
    border: 1px solid #8c8c8e;
    /*border-bottom-width:2px;border-bottom-color:#999;*/
    color: #333;
    max-height: 250px;
    /*text-shadow:#fff 0 1px 0;border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;*/
}


/* Set a max-height on the options inner */

.dk_options_inner,
.dk_touch .dk_options {
    max-height: 250px;
}

.zindex1 .dk_options_inner,
.zindex1 .dk_touch .dk_options {
    max-height: 123px
}


/****** End Theme ******/


/***** Critical to the continued enjoyment of working dropdowns ******/

.dk_container {
    display: none;
    float: left;
    position: relative;
    z-index: 9
}

.dk_container a {
    outline: 0;
}

.dk_toggle {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    position: relative;
    zoom: 1;
}

.dk_open {
    position: relative;
}

.dk_open .dk_options {
    display: block;
}

.dk_open .dk_label {
    color: inherit;
}

.dk_options {
    display: none;
    margin-top: -1px;
    position: absolute;
    right: 0;
    width: 100%;
}

.dk_options a,
.dk_options a:link,
.dk_options a:visited {
    display: block;
}

.dk_options_inner {
    overflow: auto;
    position: relative;
}

.dk_touch .dk_options {
    overflow: hidden;
}

.dk_touch .dk_options_inner {
    max-height: none;
    overflow: visible;
}

.dk_fouc select {
    position: relative;
    top: -99999em;
    visibility: hidden;
}


/***** End Critical to the continued enjoyment of working dropdowns ******/

.margBottom40px {
    margin-bottom: 40px
}

#security-video_jwplayer_controlbar {}

.btVerticalCenter2Lignes {
    line-height: 15px !important;
    display: block
}

.text-center,
.txtC {
    text-align: center
}


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

.noBord {
    border: 0 none !important
}

.noFloat {
    float: none !important
}


/*
 * Image replacement
 */


/*a:focus, a:active{ outline: 0 none !important }*/

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}


/*
 * Hide from both screenreaders and browsers:h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}


/*
 * Hide only visually,but have it available for screenreaders:h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard:h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}


/*
 * Hide visually and from screenreaders,but maintain layout
 */

.invisible {
    visibility: hidden;
}


/*
 * Clearfix:contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 * `contenteditable` attribute is included anywhere else in the document.
 * Otherwise it causes space to appear at the top and bottom of elements
 * that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 * `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.clearfix:after {
    clear: both;
}


/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}


/* RTH */

.zonesContent .face {
    transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 1s linear;
}


/* RTH : CORRECTION DES PROBLEMES D'AFFICHAGE DES BILLETS (COMPARAISON) sur IE 8-9-10-11 */

.contentSecu .security .compare.panes .content {
    padding-top: 50px !important
}

.contentSecu .security .compare.panes .zones .zonesContent {
    position: relative !important
}

.contentSecu .security .compare.panes .zones {
    top: 0px !important
}

.contentSecu .security .compare.panes .zonesComparSlide {
    top: 35px !important
}

.contentSecu .security .compare.panes .zones .face {
    top: 0px !important
}

.contentSecu .security .compare.panes .zones .titre13 {
    margin-top: -30px !important
}


/* ==========================================================================
 EXAMPLE Media Queries for Responsive Design.
 Theses examples override the primary ('mobile first') styles.
 Modify as content requires.
 ========================================================================== */

@media only screen and (min-width:35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {
    /* Style adjustments for high resolution devices */
}


/* ==========================================================================
 Print styles.
 Inlined to avoid required HTTP connection:h5bp.com/r
 ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster:h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    /*
 * Don't show links for images,or javascript/internal links
 */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
        /* h5bp.com/t */
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}

#security-video_wrapper.noPadding,
body>#security-video.noPadding {
    padding: 0 !important
}

#debug,
.mobil,
.prevCa1,
.nextCa1 {
    display: none !important
}

.prevSeries,
.nextSeries {
    display: none
}

.overlayJeu {
    background: #000;
    width: 100px;
    height: 100px;
    position: fixed;
    width: 100%;
    left: 0;
    height: 100%;
    top: 0;
    opacity: 0.7 !important;
    filter: alpha(opacity=70) !important;
    z-index: 1000;
}

.frameJeu,
.frameJeuEuroRun {
    position: absolute;
    top: 50px;
    width: 940px;
    height: 698px;
    z-index: 1010;
    left: 50%;
    margin-left: -470px;
}

.frameJeu iframe {
    width: 940px;
    height: 700px;
    border: none;
}

.frameJeu .closeJeu {
    position: absolute;
    top: 10px;
    right: 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    background: url(../images/sprite.png) no-repeat -62px -131px;
    cursor: pointer;
}

.frameJeuEuroRun .closeJeu {
    position: absolute;
    top: -15px;
    right: -30px;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    background: url(../images/sprite.png) no-repeat -62px -131px;
    cursor: pointer;
}

.frameJeuEuroRun .footer {
    height: 49px;
    font-family: 'Roboto', sans-serif;
    background-color: #fff;
    margin-top: -7px;
    color: #000;
    text-align: center;
}

.frameJeuEuroRun .footer ul {
    margin: 17px auto 0 auto;
}

.frameJeuEuroRun .footer li {
    display: inline-block;
    border-left: solid 1px #000;
    padding: 0 7px;
    font-size: 12px;
    font-weight: 300;
}

.frameJeuEuroRun .footer li a {
    color: #000;
}

.frameJeuEuroRun .footer li.first {
    border: none;
}


/* Eurorungame frame (to delete later) */

.frameJeuEuroRun {
    width: 1099px;
    height: 622px;
    top: 150px;
    margin: 0 0 0 -544px;
}

.frameJeuEuroRun iframe {
    width: 1099px;
    height: 622px;
}


/*table*/


/*table.renderedtable, table.renderedtable td{ border:0 none !important }*/


/* count down */

#compteur {
    width: 151px;
    height: 152px;
    text-align: center;
    margin-left: 4px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(../images/sprite2.png);
    position: absolute;
    left: 295px;
    top: 86px;
    z-index: 110
}

#compteur div {
    margin-top: 75px
}

#compteur span {
    margin: 0 3px;
    color: #165173;
    font-family: 'roboto';
    font-size: 17px;
    font-weight: 300
}

.newBankNoteCompteur.selected {}

#compteur span.day,
#compteur span.hour {
    background: url(../images/visuCompteur.png) no-repeat right 7px;
    margin-right: 0;
    padding-right: 8px
}

.overlayVideo {
    z-index: 1000;
    background: #000;
    width: 100px;
    height: 100px;
    position: fixed;
    width: 100%;
    left: 0;
    height: 100%;
    top: 0;
    opacity: 0.7 !important;
    filter: alpha(opacity=70) !important;
}

.frameVideo {
    z-index: 1100;
    border: 25px solid #000;
    background-color: #000;
    position: absolute;
    top: 50px;
    width: 654px;
    height: 410px;
    left: 50%;
    margin-left: -320px;
}

.frameVideo .closeVideo {
    position: absolute;
    top: -18px;
    right: -28px;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    background: url(../images/sprite.png) no-repeat -62px -131px;
    cursor: pointer;
}

.frameVideo a {
    color: #fff;
    text-decoration: none;
    font-family: Arial
}

.frameVideo a:hover {
    text-decoration: underline
}


/* Frame Jeu game-10 */

.Jeu2Wrapper {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    display: none;
    background: url(/extension/ecb/design/ecb/images/bck-black-opacity70.png) repeat 0 0
}

.frameJeu2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}


/*.home .Jeu2Wrapper { display: block; }*/

.Jeu2Wrapper .btClose {
    display: inline-block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    background: transparent url(../images/icoClose.png) no-repeat center center;
}


/* Banknote publication (10 euros) */

.promoSelfmailerWrapper {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .9);
    display: none;
}

.lt-ie9 .promoSelfmailerWrapper {
    background: transparent;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF, endColorstr=#E6FFFFFF);
    zoom: 1;
}

.promoSelfmailerInner {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}

.promoSelfmailerWrapper .visu-hands {
    max-width: 100%;
    height: auto;
}

.promoSelfmailerWrapper .banknoteAnim {
    position: absolute;
    top: 29.54048140043764%;
    right: 18.79126460132047%;
    width: 17.77552056881666%;
    height: auto
}

.promoSelfmailerWrapper .contentTxt {
    position: absolute;
    width: 100%;
    top: 18%;
    left: 0;
}

.promoSelfmailerWrapper .contentTxt p {
    font-size: 24px;
    color: #393939;
    line-height: 1.2;
}

.promoSelfmailerWrapper .contentTxt span {
    font-size: 28px;
    color: #dc605a;
}

.promoSelfmailerWrapper .cta {
    display: inline-block;
    margin-top: 30px;
    padding: 8px 35px;
    background: #dc605a url(../images/sprite.png) no-repeat 13px -1965px;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
}

.promoSelfmailerWrapper .btClose {
    display: inline-block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    background: transparent url(../images/sprite.png) no-repeat -319px -329px;
}


/* Promo Eurocash Academy */

.promoEuroCashAcademy {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    display: none;
}

.lt-ie9 .promoEuroCashAcademy {
    background: transparent;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000);
    zoom: 1;
}

.promoEuroCashAcademyInner {
    width: 710px;
    height: 545px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -355px;
}

.promoEuroCashAcademy .decor {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
}

.promoEuroCashAcademy .euroCashContent {
    position: relative;
    z-index: 10;
}

.promoEuroCashAcademy .imgResp {
    max-width: 100%;
    height: auto;
}

.promoEuroCashAcademy .euroCashLogo,
.promoEuroCashAcademy .listActions {
    /*width: 0,4028169014084507%;*/
    width: 286px;
    clear: right;
    float: right;
}

.promoEuroCashAcademy .listActions {
    width: 260px;
    margin-right: 8px;
}

.promoEuroCashAcademy .euroCashLogo {
    margin-top: 24px;
}

.promoEuroCashAcademy .logo {
    text-align: right;
}

.promoEuroCashAcademy .euroCashBaseline {
    height: 210px;
    margin-right: 8px;
    clear: right;
    color: #fff;
    font-size: 1.1em;
    text-align: right;
}

.promoEuroCashAcademy .linkAppleMarket,
.promoEuroCashAcademy .linkAndroidMarket {
    float: none;
    margin: 0 0 6px 0;
    font-size: .8em;
}

.linkAppleMarket--center {
    float: none;
    display: inline-block;
    text-align: left
}

.promoEuroCashAcademy .btnStart {
    display: block;
    margin-bottom: 17px;
    font-size: 20px;
    text-align: center;
}

.promoEuroCashAcademy .btClose {
    display: inline-block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 15;
    background: transparent url(../images/sprite.png) no-repeat -380px -339px;
}


/* Promo Welcome Lituania */

.promoBox {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    width: 100%;
    height: 100%;
    display: none;
}

.promoBoxOverlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .9);
}

.lt-ie9 .promoBoxOverlay {
    background: transparent;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF, endColorstr=#E6FFFFFF);
    zoom: 1;
}

.promoWelcomeLituania .promoBoxInner {
    width: 640px;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 20;
    margin-left: -320px;
}

.promoWelcomeLituania .promoBoxContent {
    padding: 40px 40px 0 40px;
    text-align: center;
}

.promoWelcomeLituania .btClose {
    display: inline-block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 15;
    background: transparent url(../images/sprite.png) no-repeat -162px -339px;
}

.promoWelcomeLituania .splash {
    width: 59.53125%;
    margin: 30px auto 40px auto;
}

.promoWelcomeLituania .imgResp {
    max-width: 100%;
    height: auto;
}

.promoWelcomeLituania .promoTxt1 {
    font-size: 18px;
    font-weight: bold;
    color: #d9695f;
    text-transform: uppercase;
}

.promoWelcomeLituania .promoTxt2 {
    font-size: 22px;
    line-height: 1.2;
    color: #1365a8;
}

.promoWelcomeLituania .promoTxt3 {
    font-size: 30px;
    line-height: 1.2;
    font-weight: bold;
    color: #1365a8;
}

.promoWelcomeLituania .dateTxt {
    margin-bottom: 10px;
}

.promoWelcomeLituania .link12 {
    display: inline-block;
    font-size: 20px;
    text-transform: uppercase;
}

.tablet .noTablet {
    display: none !important
}


/* banniere mobile */

.blocBannerCookies {
    text-align: center;
    display: none;
    background-color: #fff
}

.blocBannerCookies img {
    margin: 0 auto
}

.blocBannerCookies .close {
    top: 2px;
    right: 2px
}

.coins .zoneHover {
    height: 503px;
    padding-top: 0;
}

.coins .txtHidden {
    padding-top: 45px;
}

.coins .zoneHoverHeader {
    margin-bottom: 40px;
}

.coins .zoneHoverHeader p {
    margin-bottom: 20px;
}

.blocMap .legend2 {
    top: 63px;
}


/* custom scrollbar */

.coins .zoneHover::-webkit-scrollbar {
    width: 10px;
}

.coins .zoneHover::-webkit-scrollbar-thumb {
    background-color: #65788b;
}

.coins .zoneHover::-webkit-scrollbar-track {
    background-color: #042341;
    border: 1px solid #485f75;
}

.coins .zoneHover {
    overflow-y: auto;
}

.coins .zoneHover .jspVerticalBar {
    width: 10px;
    background: #042341;
    border: 1px solid #65788b;
}

.coins .zoneHover .jspTrack {
    background: #042341;
}

.coins .zoneHover .jspDrag {
    background: #65788b;
}


/* POPIN SITE BASE */

#promoWOP {
    display: none
}

#promoWOP.promoBoxWOP .promoBoxOverlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #254968;
    opacity: 0.85;
    z-index: 99999;
}

#promoWOP.promoBoxWOP .promoBoxContent {
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: -950px;
    width: 1900px;
    background: transparent url(../images/home_bce_lightbox.png) no-repeat 0px 0px;
    height: 692px;
    z-index: 999999;
}

#promoWOP.promoBoxWOP .promoBoxContent .logoTitre {
    position: absolute;
    left: 1017px;
    top: 385px;
    color: #4a4a4a;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    width: 331px
}

#promoWOP.promoBoxWOP .promoBoxContent .pTexteIntro {
    position: absolute;
    left: 1062px;
    top: 435px;
    width: 271px
}

#promoWOP.promoBoxWOP .promoBoxContent .pTitre {
    color: #4a4a4a;
    font-size: 18px;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 12px
}

#promoWOP.promoBoxWOP .promoBoxContent .pTitre strong {
    color: #ab554a
}

#promoWOP.promoBoxWOP .promoBoxContent .pTitre em {
    font-style: normal;
    color: #78c27a
}

#promoWOP.promoBoxWOP .promoBoxContent .pTitre span {
    font-style: italic
}

#promoWOP.promoBoxWOP .promoBoxContent .pTexte {
    color: #4a4a4a;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    width: 241px
}

#promoWOP.promoBoxWOP .promoBoxContent .pBouton {
    position: absolute;
    left: 1057px;
    top: 563px;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    width: 251px
}

#promoWOP.promoBoxWOP .promoBoxContent .pBouton a {
    color: #fff;
    font-weight: bold;
    text-decoration: none
}

#promoWOP.promoBoxWOP a.btClose {
    z-index: 9999999;
    width: 21px;
    height: 21px;
    position: fixed;
    top: 70px;
    right: 50px;
    background: transparent url(../images/spriteWOP.png) no-repeat -156px -406px
}

#coverflow li a:focus img {
    outline: 2px dotted #f00;
}

.tablet .header nav>ul {
    margin-top: -2px
}


/* 15/07/2015 euro school *******************************/

.blocCenter {
    text-align: center;
}

.blocCenter a {
    padding: 12px 60px;
    font-size: 20px;
    display: inline-block
}

.blocCenter a.first {
    margin-right: 95px;
}

.blocCenter a.hideDesktop,
.contentCarousel.CarouselNewStyle.hideDesktop {
    display: none;
}

.desktop .hideDesktop {
    display: none !important;
}

.contentIntro {
    margin: 60px 0 0 0;
}

.contentLink {
    margin: 34px 0 0 20px;
}

.contentLink a {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #03408f;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    background: url(../images/sprite.png) no-repeat -543px -926px;
    padding: 0 0 0 9px;
}

.CarouselNewStyle .in-halves .list9 {
    overflow: visible;
    background: none;
}

.CarouselNewStyle .list9>li article {
    background: none;
}

.CarouselNewStyle .list9>li:last-child article {
    padding-bottom: 0;
}

.carousel2 .CarouselNewStyle .carouselItem {
    float: none;
    /*width: 940px;*/
    height: auto;
    margin-right: 0;
    background: url(../images/vertical-bar-dotted.png) repeat-y 100% 0;
    vertical-align: top;
    white-space: normal;
}

.carousel2 .CarouselNewStyle .carouselItemInner {
    overflow: hidden;
    background: url(../images/vertical-bar-dotted.png) repeat-y 50% 0;
}

.CarouselNewStyle .listPublications .floatL {
    margin: 0 5px 49px 0
}

.upper {
    text-transform: uppercase
}

.noBorder {
    background: none;
}

.banner.noBorder {
    text-align: center;
}


/**************/

.formPopin .blocForm {
    margin: 40px 0 0 0;
}

.formPopin .blocForm .labels {
    margin-top: 4px;
}

.formPopin .blocForm select#countryF5 {
    width: 168px;
}

.popinForm#popF5 .formPopin .blocForm {
    width: 575px;
}

.mgTopBot50 {
    margin-top: 50px;
    margin-bottom: 50px;
}

.mgR137 {
    margin-right: 137px;
    margin-bottom: 50px;
}

.recaptchatable #recaptcha_image #recaptcha_challenge_image,
.recaptchatable #recaptcha_image,
.recaptchatable #recaptcha_response_field {
    width: 240px!important;
}

#recaptcha_widget_div,
#recaptcha_area,
#recaptcha_table {
    width: 350px!important;
    float: left
}

.formcaptcha span.txt3 {
    display: inline-block;
}

.recaptchatable a,
.recaptchatable a:hover {
    color: #bbbbbb!important;
    font-size: 9px;
}

.blocLabelCap {
    width: 188px;
    float: left;
}


/* end 15/07/2015 ***************************/


/* 2016 05 02 refonte 2016 */

.noDesktop {
    display: none
}

.mobile .noDesktop {
    display: block
}

.tablet .noDesktop {
    display: block
}

@media only screen and (max-width: 1023px) {
    .linksHeader__blocSelect.noDesktop {
        display: block;
        padding-right: 19px;
        width: inherit;
    }
}

@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?s6g8fo');
    src: url('fonts/icomoon.eot?s6g8fo#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?s6g8fo') format('truetype'), url('fonts/icomoon.woff?s6g8fo') format('woff'), url('fonts/icomoon.svg?s6g8fo#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-visu:before {
    content: "\e900";
}

.icon-download:before {
    content: "\e901";
}

[class*="grid-"] {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: 0;
}

.flex--alignStart {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

[class*="grid-"]>* {
    flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    display: block;
    /* IE fix */
    width: calc(100% * 1 / 4 - 0);
    margin-left: 0;
}

.listCoins li.c1 img {
    width: 65px;
}

.listCoins li.c2 img {
    width: 72px;
}

.listCoins li.c5 img {
    width: 84px;
}

.listCoins li.c10 img {
    width: 77px;
}

.listCoins li.c20 img {
    width: 86px;
}

.listCoins li.c50 img {
    width: 95px;
}

.listCoins li.c100 img {
    width: 92px;
}

.listCoins li.c200 img {
    width: 100px;
}

.boxTitles .download {
    float: right
}

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.flex--Vmiddle {
    align-items: center;
}

.flex--HCenter {
    justify-content: center
}

.banner>div {
    height: 100%
}

.posV {
    position: relative
}

.banner__content>div {
    height: 100%
}

.banner__bloc {
    text-align: center;
}

.banner .link21 {
    margin-top: 15px
}

.banner__bg {
    background-size: cover;
    background-position: center;
}

.banner__bloc .titre29 {
    font-size: 2vw
}

.banner__bloc .titre30 {
    font-size: 2vw
}

.banner__bloc .titre32 {
    font-size: 1.6vw
}

.blur {
    -webkit-filter: blur(7px);
    -moz-filter: blur(7px);
    -ms-filter: blur(7px);
    filter: blur(7px);
}

.grid-2>*,
.grid-2-md>* {
    width: calc(100% * 1 / 2 - 1.5px);
}

.grid-2>.flexitem-double {
    width: calc(100% * 2 / 2 - 3px);
}

.grid-2>.flexitem-first {
    order: -1;
}

.flex1__grid-4-lg>* {
    width: calc(100% * 1 / 4 - 20px);
}

.flex2__grid-4-lg>* {
    width: calc(100% * 1 / 4 - 6px);
}

.flex3__grid-5-lg>* {
    width: calc(100% * 1 / 5 - 6px);
}

.flex4__grid-2-lg>* {
    width: 208px;
    margin: 0 0 40px 0;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.flex4__grid-2-lg img {
    width: 100%
}

.contentSsMenu__ul--design1 {
    max-width: 460px
}

.border-bott1 {
    border-bottom: 2px solid #fff;
}

.desktop .flex--margR15 {
    margin-right: -15px
}

@media only screen and (min-width: 1023px) {
    .grid-12-desktop>* {
        width: calc(100% * 1 / 12 - 2px);
    }
    .grid-12-desktop>.flexitem-three {
        width: calc(100% * 3 / 12 - 2px);
    }
    .grid-12-desktop>.flexitem-fourth {
        width: calc(100% * 4 / 12 - 2px);
    }
    .grid-12-desktop>.flexitem-fifth {
        width: calc(100% * 5 / 12 - 2px);
    }
    .grid-12-desktop>.flexitem-first {
        order: -1;
    }
}

.flex1__grid-4-lg,
.flex1__grid-2-md {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-left: -20px
}

.flex1__content {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.flex1__article {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}

.two-col-desktop>li {
    width: 50%;
    float: left;
}

.list-banknotes__ul li {
    margin-top: 8px
}

.halfHeight {
    height: calc(50% - 1px)
}

.publication2016__buttons {
    position: absolute;
    bottom: 10px;
    right: 10px
}

.publication2016__buttons>a {
    display: inline-block;
    vertical-align: top;
}

.publication2016__buttons>a:last-child {
    margin-left: 3px
}

.publication2016__buttons .icon-visu:before {
    font-size: 40px;
}

.publication2016--pos1 {
    position: inherit
}

.blocPublication {
    margin: 0 0 30px 20px;
}

.colorB0 {
    background-color: #cdd4ce
}

.colorB0-2 {
    background-color: #9caa9e
}

.colorB1 {
    background-color: #ebb3ae
}

.colorB1-2 {
    background-color: #d9685e
}

.colorB2 {
    background-color: #b8d4e1
}

.colorB2-2 {
    background-color: #72aac4
}

.colorB3 {
    background-color: #f1cab9
}

.colorB3-2 {
    background-color: #e49774
}

.colorB4 {
    background-color: #bbe0bc
}

.colorB4-2 {
    background-color: #78c27a
}

.colorB5 {
    background-color: #fee393
}

.colorB5-2 {
    background-color: #fdd14e
}

.colorB6 {
    background-color: #dca2bf
}

.colorB6-2 {
    background-color: #cb50e3;
    display: none;
}


/*.coverflow .colorB6-2:after { display: none; }*/

.colorB7 {
    background-color: #dca2bf
}

.colorB7-2 {
    background-color: #eac6d8
}

.video--fullWidth {
    width: 100%
}

.lineH80 {
    line-height: 80%
}

.posV1 {
    position: absolute;
    bottom: 9%;
    width: 100%;
}

.posV2 {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.posVMiddle {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 50%
}

.publication2016__blocImg {
    background-color: #e4e4e4;
    width: 100%;
    height: 160px;
    position: relative;
    margin: 5px 0 0;
    left: 0;
    bottom: 0;
    padding: 20px 0 60px
}

.publication2016__blocImgImg {
    width: 100%;
}

.press .publication2016__blocImg {
    /*background-color:transparent; height:auto*/
}

.filterPublicationsFirst {
    margin: 39px 0 0
}

.filterPublicationThird {
    margin: 29px 0 0
}

@media only screen and (max-width: 767px) {
    .filterPublicationThird {
        margin: 15px 0 10px
    }
    .filter3 {
        margin-top: 20px
    }
}

.filterPublications__ul {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.filterPublications__li {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    text-align: center;
    position: relative;
    padding: 0 12px;
}

.filterPublications__li:after {
    content: '.';
    position: absolute;
    top: 0;
    right: 0;
}

.filterPublications__li--style1:after,
.filterPublications__li:last-child:after {
    display: none;
}

.filterPublications__li a {
    display: block;
}

.filterPublications__link {
    /*text-transform:uppercase;*/
    display: block;
    padding: 5px 0;
}

.filterPublications__link span {
    display: inline-block
}

.filterPublications__link.current span:after,
.filterPublicationsFirst .filterPublications__li:hover a span:after {
    content: '';
    display: block;
    border-bottom: 2px solid #003299;
    margin: 7px 0 0;
}

.filterPublications__li--style1 {
    border: 1px solid #003299;
    border-right: 0 none;
}

.filterPublications__li--style1:last-child {
    border-right: 1px solid #003299;
}

.filterPublications__li--style1.current,
.filterPublications__li--style1:hover {
    background-color: #003299
}

.filterPublications__li--style1.current a,
.filterPublications__li--style1:hover a {
    color: #fff;
}

.filterPublicationSecond {
    margin-top: 30px
}

@media only screen and (max-width: 768px) {
    .filterPublicationSecond {
        margin-top: 5px
    }
}

.filter2 {
    margin-right: 30px
}

.filter2,
.filter3 {
    display: inline-block;
    vertical-align: middle;
}

@media only screen and (max-width: 767px) {
    .filter2 {
        display: block;
        margin: 0 15px;
        text-align: left
    }
}

.filter3 .icon-cash:before {
    font-size: 25px
}

.filterPublications--center {
    text-align: center
}

.filter__label {
    color: #00418f;
    font-family: "Roboto";
    vertical-align: middle;
    display: inline-block
}

.filter2__ul,
.filter3__ul {
    display: inline-block
}

.filter2__li,
.filter3__li {
    display: inline-block
}

.filter2__li {
    padding: 0px 12px;
    border-bottom: 1px solid #00418f
}

.filter2__li.current.b4,
.filter2__li.b4:hover,
.selectCustom1--style3.b4 {
    background-color: #e69671;
    border-bottom-color: #e69671
}

.filter2__li.current.b3,
.filter2__li.b3:hover,
.selectCustom1--style3.b3 {
    background-color: #70a9c6;
    border-bottom-color: #70a9c6
}

.filter2__li.current.b2,
.filter2__li.b2:hover,
.selectCustom1--style3.b2 {
    background-color: #da6659;
    border-bottom-color: #da6659
}

.filter2__li.current.b1,
.filter2__li.b1:hover,
.selectCustom1--style3.b1 {
    background-color: #9caa9d;
    border-bottom-color: #9caa9d
}

.filter2__li.current a,
.filter2__li:hover a {
    color: #fff
}

.filter3__li {
    padding: 0 7px;
}

.filter3__li.current,
.filter3__li:hover {
    background-color: #7b97c9
}

.filter3__li.current .filter3__link,
.filter3__li:hover .filter3__link {
    color: #fff;
    border-bottom: none
}

.filter3__link {
    border-bottom: 1px solid #00418f;
}

.bocDownloadImg {
    border: 1px solid #003299;
    float: right;
}

.bocDownloadImg__link {
    background-color: #003299;
    float: left;
    color: #fff;
    padding: 6px 25px 6px 45px;
    width: 110px;
    line-height: 17px;
    position: relative;
}

.bocDownloadImg__nb {
    float: left;
    padding: 0 15px;
    color: #003299;
    margin-top: 14px;
}

.bocDownloadImg__visu {
    position: absolute;
    top: 5px;
    left: 3px;
}

.bocDownloadImg__visu {
    font-size: 38px
}

.linkflickr {
    background: url(../images/flickr.png) no-repeat 0 0;
    padding-top: 15px;
    float: right;
    margin: 8px 40px 0 0;
}

.listDownload li:first-child:after {
    content: '|';
    color: #003299
}

.blocTitre {
    text-align: center
}

.blocTitre--line h2 {
    display: inline-block
}

.blocTitre--line h2:after {
    content: '';
    margin: 20px auto 40px;
    width: 31%;
    height: 2px;
    background-color: #004999;
    display: block;
    text-align: center;
}

.blocVideo__download {
    text-align: left;
    float: left;
    position: absolute;
    /*top: 116px;*/
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: -9999;
}


/*.medias li.blocVideo:hover figcaption{ opacity:0; }*/

.medias li.blocVideo:hover .blocVideo__download {
    opacity: 1;
    z-index: 99
}

.alignVmiddle {
    position: relative
}

.alignVmiddle__bloc {
    position: absolute;
    transform: translate(-50%, 50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

.discover {
    position: relative
}

.discover--title {
    position: absolute;
    color: #fff;
    top: 20%;
    right: 20%;
    z-index: 99;
    cursor: pointer
}

.discover--title .icon-play {
    display: block;
    font-size: 55px;
    margin-bottom: 20px;
}

.bgColor6 {
    background-color: #72aac4
}

.sectionHome {
    margin-bottom: 3.3%;
    max-width: 1900px;
    margin-right: auto;
    margin-left: auto
}

.sectionHome.discover {
    margin-bottom: calc( 3.3% + 70px)
}

.linksHeader {
    text-align: right;
    font-family: 'Roboto';
    clear: both;
    float: right;
}

.linksHeader span,
.linksHeader a {
    font-size: 12px;
    color: #00418f
}

.home .linksHeader span,
.home .linksHeader a {
    font-size: 1vw;
    color: #00418f
}

.linksHeader a {
    text-transform: uppercase
}

.linksHeader a:hover {
    color: #a4823a;
    text-decoration: underline
}

.linksHeader li {
    display: inline-block;
    margin-left: 12px
}

.menu {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    left: 13.8%;
}

.bt1 {
    border: 1px solid #003299;
    padding: 5px 15px;
    display: block;
    font-family: 'roboto';
}

.home .bt1 {
    font-size: 1.2vw;
}

@media only screen and (max-width: 768px) {
    .home .bt1 {
        font-size: 17px;
    }
}

.header__content {
    height: 0;
    padding-bottom: 6%;
    position: relative;
    max-width: 980px;
    margin: 0 auto;
}

.home .header__content {
    max-width: 1900px;
    margin: 0 1.5%;
}

@media only screen and (min-width: 1900px) {
    .home .header__content {
        margin: 0 auto;
    }
}

@media only screen and (max-width: 1400px) {
    .header__content {
        height: 90px;
        padding-bottom: 0
    }
    .linksHeader span {
        float: left;
        margin: 4px 8px 0 0;
    }
    .linksHeader span,
    .linksHeader a {
        font-size: 12px;
    }
}

.linksHeader__blocSelect {
    overflow: hidden;
}

.linksHeader__select {
    width: 130%;
    border: 0 none;
    font-family: 'Roboto';
    font-size: 12px;
    color: #a58435;
    text-transform: uppercase;
}

.search.icon-loupe:before {
    position: absolute;
    right: 0;
    top: -6px;
    font-size: 40px;
    color: #d4c4a3;
    z-index: 1;
}

.selectCustom1 {
    position: relative;
    overflow: hidden;
    border: 1px solid #a58435;
    width: 44px;
    margin: 0 0 0 15px;
    padding: 2px 0 1px 4px;
    color: #a58435;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.tablet .blockLanguages .selectCustom1 {
    width: 50px
}

.selectCustom1:after {
    content: "\e903";
    font-family: 'icomoon' !important;
    font-weight: 100;
    font-size: 53px;
    position: absolute;
    right: 0;
    top: 50%;
    line-height: 20px;
    width: 40px;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

.desktop .selectCustom1:after {
    right: -5px;
}

.selectCustom1__select {
    border: 0 none;
    width: 150%;
    color: #a58435;
    position: relative;
    z-index: 999;
    background-color: transparent;
    font-family: 'Roboto';
    font-size: 12px
}

.selectCustom1--style1 {
    width: auto;
    border-color: #00418f;
    margin-right: 15px;
}

.selectCustom1--style1:after,
.selectCustom1--style1 .selectCustom1__select {
    color: #00418f
}

.selectCustom1--style2 {
    width: auto;
    border-color: #004290;
    background-color: #004290;
    color: #fff;
    margin-right: 15px;
}

.selectCustom1--style2:after,
.selectCustom1--style2 .selectCustom1__select {
    color: #fff
}

.mobile .selectCustom1--style3 {
    width: auto;
    display: inline-block;
    width: 100px;
    float: right;
    padding: 6px 0 6px 4px;
}

.selectCustom1--style3:after,
.selectCustom1--style3 .selectCustom1__select {
    color: #fff
}

.headerShare {
    display: inline-block;
    float: right;
    color: #a38235;
    margin: 10px 0 0 9px;
    position: relative;
    width: 34px;
    height: 36px;
    position: relative
}

.headerShare__links {
    transition: opacity 0.8s;
    opacity: 0;
    display: none;
    width: 110px;
    position: absolute;
    padding: 10px 0 10px 5px;
    right: 0;
    top: 100%;
    background-color: #fff;
    z-index: 999;
    box-shadow: #000 0 0 3px;
}

.headerShare li {
    display: inline-block;
    margin: 0 5px;
    white-space: nowrap;
    float: left;
}

.headerShare a {
    color: #a4823a
}

.headerShare__visu {
    position: absolute;
    width: 100%;
    height: 8px;
    right: 0;
    top: calc( 100% - 3px);
    background-color: #fff;
    z-index: 9999;
}

.headerShare--on .headerShare__links {
    opacity: 1;
    display: block
}

.blocMenu {
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 9999;
    display: none;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.8);
    overflow: auto;
}

.blocMenu__content {
    max-height: 100vh;
    padding: 130px 0 0 0;
    position: relative;
}

.blocMenu--on {
    display: block
}

.blocNav {}

.blocMenu__firstLevelA {
    position: relative;
    font-size: 2.2vw;
    font-family: 'Roboto';
    line-height: 1.2;
    font-weight: 500;
    color: #003299;
    text-transform: uppercase;
    width: 30%;
    display: inline-block;
    padding: 1.5% 40px 1.5% 50px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.blocMenu__firstLevel--on .blocMenu__firstLevelA {
    color: #a4823a;
    background-color: #fff;
}

.blocMenu__firstLevel--on .ssMenu {
    display: block
}

@media only screen and (min-width: 1330px) {
    .blocMenu__firstLevelA {
        font-size: 30px
    }
}

.blocMenu__firstLevelA:after {
    content: "\e905";
    font-family: 'icomoon';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    font-size: 38px;
}

.ssMenu {
    display: none;
    background-color: #fff;
}

@media only screen and (min-width: 1023px) {
    .ssMenu {
        position: absolute;
        left: 30%;
        top: 80px;
        right: 0;
        padding: 50px;
        min-height: 100vh;
    }
}

.blocMenu__close {
    cursor: pointer;
    position: absolute;
    width: 30px;
    height: 30px;
    left: 19px;
    top: 58px;
    text-indent: -9999px;
    z-index: 99999999;
}

.mobile .blocMenu__close {
    left: 6px;
    top: 15px;
}

.blocMenu__close:after {
    content: "\e906";
    font-family: 'icomoon';
    font-size: 40px;
    color: #003299;
    text-indent: 0;
    display: block;
    top: -15px;
    position: absolute;
}

.headerShare .icon-share2:before {
    content: "\ea82";
    position: absolute;
    left: 50%;
    top: 50%;
    font-weight: bold;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    font-weight: bold;
}

.headerShare .icon-share2>a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.headerShare--on .icon-share2>a {
    box-shadow: #000 0 0 3px
}


/* Base for label styling */

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

[type="checkbox"]:not(:checked)+label,
[type="checkbox"]:checked+label {
    padding-left: 25px;
    cursor: pointer;
}


/* checkbox aspect */

[type="checkbox"]:not(:checked)+label:before,
[type="checkbox"]:checked+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 17px;
    height: 17px;
    background: #f8f8f8;
}


/* checked mark aspect */

[type="checkbox"]:not(:checked)+label:after,
[type="checkbox"]:checked+label:after {
    content: '✔';
    position: absolute;
    top: 0;
    left: 15px;
    font-size: 14px;
    color: #09ad7e;
    line-height: 1.75;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;
}


/* checked mark aspect changes */

[type="checkbox"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

[type="checkbox"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}


/* disabled checkbox */

[type="checkbox"]:disabled:not(:checked)+label:before,
[type="checkbox"]:disabled:checked+label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

[type="checkbox"]:disabled:checked+label:after {
    color: #999;
}

[type="checkbox"]:disabled+label {
    color: #aaa;
}


/* accessibility */

[type="checkbox"]:checked:focus+label:before,
[type="checkbox"]:not(:checked):focus+label:before {
    border: 1px dotted blue;
}

.blocPicture figure {
    height: 0;
    padding-bottom: 68%;
    overflow: hidden;
    background-color: #e4e4e4
}

.blocPicture img {
    max-width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.noScroll {
    overflow: hidden;
    height: 100vh
}

.header .icon-directAccess {
    font-size: 3em !important;
    color: #aa8a47 !important;
    margin: -2px -67px 0 24px;
}

@media only screen and (max-width: 767px) {
    .type1 .thumb {
        width: 192px;
        margin: 0 30px 30px 0;
    }
    .type1 .thumb img {
        max-width: 100%
    }
    .type1 .blocLeft>a {
        display: inline-block;
        margin-top: 10px !important
    }
    .face {
        left: -21px;
    }
    .bocDownloadImg {
        display: inline-block;
        float: none
    }
    .blocPicture img {
        width: 100%;
        max-width: auto
    }
    .blocPicture a {
        pointer-events: none;
    }
    .sectionMediaGallery__tools {
        text-align: center
    }
    .linkflickr {
        float: none;
        display: inline-block;
        max-width: 67%;
        line-height: 14px;
    }
    .mediaContent {
        margin-top: 0
    }
    .blocMenu {
        position: absolute;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .noScroll {
        height: 500px;
        position: absolute;
        width: 100%
    }
    .coins .zoneHover .centerVertical {
        padding: 0 30px;
        text-align: center;
        display: table-cell;
        height: 270px;
        vertical-align: middle;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .cboxPhoto {
        max-width: 640px
    }
    .asideArticle h3,
    .asideArticle h4 {
        margin-left: 15px;
    }
    .pressReleasesContent .content {
        width: 1300px;
    }
    .logo {
        top: 58px;
    }
    .mediaGalleryPres .mediaContent .content {
        overflow: auto
    }
    .mediaGalleryPres .mediaContent .content .list14 {
        width: 1006px;
    }
    .blocMenu .coverflow--small li img {
        max-width: none;
        width: 77px;
    }
    .filterPublicationsFirst .filterPublications__li {
        max-width: 200px;
    }
    .medias li.blocVideo {
        margin: 6px 0 20px 0
    }
    .coins .zones {
        left: 0px;
    }
    .banner__bloc .titre32 {
        font-size: 2.6vw;
    }
    .banner__bloc .titre30 {
        font-size: 4vw;
    }
    .banner__bloc .titre29 {
        font-size: 3vw;
    }
    .sectionHome {
        margin-bottom: 1px;
    }
    .blocTitre {
        margin: 9% 0 5%;
    }
    .titre31 {
        font-size: 5.3vw;
    }
    .blocTitre--line h2:after {
        content: '';
        margin: 19px auto 0;
        height: 1px;
    }
    .filterPublications__li {
        padding: 15px 12px;
    }
    .filterPublications__li:after {
        content: '.';
        position: absolute;
        top: 25px;
        height: 6px;
        overflow: hidden;
        line-height: 1px;
    }
    .blocPicture img {
        width: 100%;
    }
    .medias li.blocVideo {
        width: 50%;
    }
    .blocVideo__posterContainer {
        width: 100%;
        height: 0;
        padding-bottom: 81%;
    }
    .blocVideo img {
        height: 100%;
        width: 100%;
    }
    .linkVideo,
    .article .contentArticle>p>.videoJb {
        float: none
    }
    .linkVideo .play,
    .videoCb .play,
    .videoJb .play {
        top: 43%;
    }
    .menu {
        left: 176px;
    }
    .blocMenu__content {
        padding-top: 0;
        margin-top: 130px;
        height: calc(100vh - 130px);
        overflow: auto;
    }
    .banner {
        min-width: auto
    }
    .blocMenu__firstLevelA {
        margin-bottom: 0
    }
    .blocMenu__firstLevelA,
    .blocMenu__firstLevel>a {
        font-size: 25px
    }
    .blocMenu__firstLevel--on {
        background-color: #fff;
        padding-bottom: 30px;
    }
    .flex2__grid-2-md>* {
        width: calc(100% * 1 / 2 - 6px);
    }
    .grid-2>*,
    .grid-2-md>* {
        width: calc(100% * 1 / 2 - 1px);
    }
    .flex1__grid-2-md>* {
        width: calc(100% * 1 / 2 - 20px);
    }
    .grid-3-tab>* {
        width: calc(100% * 1 / 3 - 0px);
    }
    .grid-3-tab .flexitem-tab--double {
        width: calc(100% * 2 / 3 - 2px);
    }
    .grid-3-tab>.flexitem-double {
        width: calc(100% * 2 / 3 - 4px);
    }
    .grid-3-tab>.flexitem-triple-tab {
        width: 100%;
    }
    .grid-3-tab>.flexitem-first {
        order: -1;
    }
    .flexitem-triple-tab {
        border-top: 2px solid #fff;
        width: calc(100% - 4px);
    }
    .banner__content .bannerTab--height1 {
        height: 44%
    }
    .banner__content .bannerTab--height2 {
        height: 56%
    }
    .banner__content .bannerTab--height3 {
        height: 59%
    }
    .banner__content .bannerTab--height4 {
        height: 41%
    }
    .border-bott1 {
        border-bottom: 2px solid #fff;
    }
    .publication2016__blocImg {
        height: auto
    }
    .coverflow--small li div {
        height: 80px;
        width: 93px;
    }
    .list-banknotes.ul {
        margin: 0 50px
    }
    .list-banknote-content h3 {
        margin: 0;
    }
    .list-banknotes {
        margin: 0 50px
    }
    .ssMenu h3 {
        min-height: 34px;
    }
    .ssMenu .link22 {
        font-size: 14px;
    }
    .blockLanguages,
    .headerShare,
    .linksHeader {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        margin: 0
    }
    .linksHeader span {
        margin: 11px 8px 0 0;
    }
    .linksHeader {
        clear: none;
        right: 129px;
        display: block;
        top: 41px;
        -webkit-filter: none;
        filter: none;
        transform: none;
    }
    header .search {
        display: none
    }
    .menu .bt1 {
        padding: 8px 15px
    }
    .articleEuroRunGame .contentPage {
        margin-top: 30px
    }
}

@media only screen and (max-width: 1023px) {
    .blocMenu__firstLevel {
        padding: 17px 0
    }
    .contentSsMenu {
        margin-top: 20px;
        padding-bottom: 30px;
    }
    .blocMenu__firstLevel--on .blocMenu__firstLevelA {
        margin-bottom: 0
    }
    .blocMenu__firstLevel--on>a {
        color: #a4823a;
    }
    .blocMenu__firstLevel--on>a:after {
        transform: translate(0, -50%) rotate(90deg) !important;
        -moz-transform: translate(0, -50%) rotate(90deg) !important;
        -webkit-transform: translate(0, -50%) rotate(90deg) !important
    }
    .content {
        width: auto
    }
    .footer .content {
        min-width: initial;
    }
    .logo,
    .home .logo {
        width: 180px;
    }
    .headerShare {
        width: 50px;
        height: 50px
    }
    .header__content,
    .home .header__content {
        margin: 0 1%;
        height: 120px;
    }
    .selectCustom1 {
        padding: 11px 0 11px 4px
    }
    .selectCustom1:after {
        line-height: 38px;
        font-size: 60px;
        width: 44px;
    }
    .linksHeader .linksHeader__blocSelect {
        width: 130px;
    }
    .blockLanguages {
        right: 60px
    }
    .headerShare {
        right: 0
    }
    .ssMenu {
        padding: 0 50px
    }
    .blocMenu__firstLevelA {
        width: auto
    }
    .blocMenu__firstLevel--on .blocMenu__firstLevelA {
        margin-bottom: 0
    }
    .list-banknote-content {
        padding: 0
    }
}

@media only screen and (max-width: 767px) {
    .noScroll .header__content,
    .noScroll.home .header__content {
        margin: 0
    }
    .eurocashacademy div p a.link12 {
        /* display:none*/
    }
    .medias li.blocVideo:hover .blocVideo__cadre {
        display: none
    }
    .linkVideo .play,
    .videoCb .play,
    .videoJb .play {
        top: 46%;
        transform: translate(-50%, -50%);
    }
    .zoneHover .linkVideo .play,
    .videoCb .play,
    .zoneHover .videoJb .play {
        top: 50%;
    }
    .medias li.blocVideo,
    .blocVideo__posterContainer {
        width: 100%
    }
    .linkVideo {
        float: none
    }
    /*.zoneHover .linkVideo{ float:left }*/
    .blocVideo__posterContainer {
        height: 0;
        padding-bottom: 61%
    }
    .blocVideo img {
        height: 100%
    }
    .carousel2 .contentCarousel {
        margin-top: 0;
    }
    .blocTitre {
        margin: 15% 0 8%;
    }
    .sectionHome {
        margin-bottom: 4px;
    }
    .banner__content>div {
        border-bottom: 4px solid #fff;
    }
    .blocTitre--line h2:after {
        content: '';
        margin: 13px auto 0;
        height: 1px;
    }
    .menu {
        left: auto;
        right: 15px;
    }
    .menu .bt1 {
        padding: 11px 15px
    }
    .blocPublication {
        margin-bottom: 20px;
        text-align: left
    }
    .blockLanguages,
    .headerShare,
    .linksHeader {
        position: absolute;
        margin: 0;
        display: none
    }
    .linksHeader span {
        margin: 11px 8px 0 0;
    }
    .linksHeader {
        clear: none;
        left: 5px;
        display: block;
        top: 66px;
        z-index: 9999999999;
        -webkit-filter: none;
        filter: none;
        transform: none;
    }
    .coverflow li div {
        height: 69px;
        width: 102px;
    }
    .sectionCarousel .coverflow li div {
        height: 120px;
        width: 254px;
    }
    .coverflow li img {
        width: 140px;
    }
    .blocMenu .coverflow li img {
        width: 73px;
        max-width: none
    }
    .list-banknotes__ul li {
        padding: 15px 0
    }
    .listCoins li {
        margin-bottom: 20px;
        float: none;
        display: inline-block;
        height: auto;
        vertical-align: top;
    }
    .listCoins li img {
        position: inherit;
        transform: inherit;
    }
    .listCoins li {
        width: 50%;
        margin: 0 -2px 20px
    }
    .blocMenu__firstLevel--on {
        background-color: #fff
    }
    .grid-1-xs>* {
        width: calc(100%);
    }
    .grid-1-xs>.flexitem-double {
        width: calc(100%);
    }
    .grid-1-xs>.flexitem-first {
        order: -1;
    }
    .banner__content .bannerMob--height1 {
        height: 27%
    }
    .banner__content .bannerMob--height2 {
        height: 54%
    }
    .banner__content .bannerMob--height3 {
        height: 51%
    }
    .banner__content .bannerMob--height4 {
        height: 36%
    }
    .banner__bloc .titre32,
    .banner__bloc .titre30 {
        font-size: 5.9vw;
    }
    .banner__bloc .titre29 {
        font-size: 5.6vw;
    }
    .publication2016__blocImg {
        height: auto;
    }
    .blocMenu__firstLevel>a {
        font-size: 25px;
        font-family: 'Roboto';
        font-weight: bold;
        text-transform: uppercase;
        margin: 0 30px 0 0;
        display: block;
        position: relative;
        padding: 1% 30px 1% 30px;
    }
    .blocMenu__firstLevel>a:after {
        content: "\e905";
        font-family: 'icomoon';
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        font-size: 30px;
    }
    .ssMenu .link22 {
        font-size: 16px;
        font-weight: 400;
    }
    .list-banknote-content .two-col-desktop,
    .list-banknote-content h3 {
        margin: 0;
        padding: 0 30px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .list-banknotes ul {
        margin: 0;
    }
    .contentArticle p:last-child {
        margin-bottom: 14px;
    }
    .oneCol .floatL {
        margin: 0;
    }
    .coins .zoneHover,
    .blocMap .zoneHover {
        float: none;
        width: auto;
    }
    .coins .zoneHover {
        width: 100%;
        padding: 0 20px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .blocMap .zones {
        float: none;
        left: auto;
    }
}


/************************/

.showSmallMobile {
    display: block
}

.mobile .noMobile,
.tablet .noTablet {
    display: none !important
}

@media only screen and (max-width: 1024px) and (min-width:768px) and (orientation: landscape) {
    .noTablet {
        display: none !important
    }
    .articleEuroRunGame .contentPage.visibleMobTab {
        margin-top: 30px
    }
}

@media only screen and (max-device-width: 767px) {
    .mediaGalleryPres .mediaContent .content {
        overflow: auto
    }
    .mediaGalleryPres .mediaContent .content .list14 {
        width: 1006px;
    }
    .pressReleasesContent {
        overflow: auto;
    }
    .infos .grid article:last-child,
    .infos .grid article.last {
        float: left;
    }
    .blocMenu__content .coverflow--small .coverflow__content {
        overflow: auto !important;
    }
    .blocMenu {}
    .blocMenu__content {
        padding-top: 0;
        margin-top: 130px;
        height: calc(100vh - 130px);
        overflow: auto;
    }
    .coverflow li div:after {
        width: 52px;
        height: 27px;
    }
    .titre31 {
        font-size: 5.3vw
    }
    header .search {
        display: none;
        z-index: 9999999;
        right: 22px;
    }
    .sectionMediaGallery {
        text-align: center
    }
    .contentSsMenu__ul--design1 li {
        margin-bottom: 30px
    }
    .noMobile {
        display: none !important
    }
    .discover .zones.new {
        left: -10px;
        top: -29px;
    }
    .discover .zones.b5.new .face.back,
    .discover .zones.b5.new .face.back img {
        left: auto !important
    }
    .discover .zones.b5.new .face.back {
        right: 9px
    }
    .mobil,
    .prevCa1,
    .nextCa1 {
        display: block !important
    }
    /*select{ visibility:visible !important; position:relative !important; top:0 !important }*/
    .panes .zoneHover .blocVideo2 a.linkVideo {
        display: none;
    }
    body {
        width: auto;
        margin: 0;
        background: 0 none
    }
    .content,
    .asideArticle {
        width: auto;
        padding: 0 15px;
    }
    .contentPage {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
    .blocTabs {
        padding: 0
    }
    .txtHidden {
        overflow: auto
    }
    .floatR {
        float: none;
        margin: 0 !important
    }
    .chapo img {
        margin: 0
    }
    img {
        max-width: 100%;
    }
    .logo {
        display: inline-block;
        width: 100%;
        margin: 0 !important
    }
    .blockLanguages dl {
        display: none
    }
    .header {
        background: 0 none
    }
    .header .content {
        margin: 0
    }
    .header nav {
        padding-bottom: 7px;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .home .header nav {
        background: 0 none
    }
    .banner {
        clear: both
    }
    .header nav .link4,
    .ssMenu .link9 {
        background: url(../images/sprite.png) no-repeat scroll -542px -542px transparent;
        display: inline;
        padding-left: 11px !important;
        color: #6B6B6B;
        font-weight: bold;
        margin: 0;
        font-size: 14px
    }
    .ssMenu .list2 br {
        display: none
    }
    .blockLanguages {
        height: 45px;
        margin: 0;
        z-index: 99999;
        top: 66px;
        right: 33px;
    }
    .blockLanguages .selectCustom1 {
        width: 50px
    }
    .header nav {
        margin: 0
    }
    /*.header .mobil{ visibility:visible; top:0; width: 95px; font-size:10px; float:right; background-color:transparent; border:0 none }*/
    .searchMobil {
        float: left;
        border-right: 1px solid #d2d2d2;
        margin: 5px 0 0 0
    }
    .searchInputMob.mobil {
        color: #af9139;
        float: left;
        margin: 10px 0 0 12px
    }
    .header select.mobil {
        margin: 15px 12px 0 0;
        color: #6e6e6e;
        font-family: 'Roboto';
        width: 142px
    }
    .contentPage img {
        margin: 0 0 10px !important
    }
    .header .titre2 {
        margin: 0 12px;
        padding: 0
    }
    .bt_search {
        background: url(../images/sprite.png) no-repeat scroll -521px -97px transparent;
        border: 0 none;
        height: 25px;
        margin: 3px 0 0;
        text-indent: -99999px;
        width: 36px;
    }
    .breadcrumb {
        margin: 0 0 20px 12px;
    }
    .chapo {
        margin-top: 15px
    }
    .dotted {
        margin: 25px 0;
    }
    .list3 li {
        /*width:100% */
        display: none;
    }
    .asideArticle .bgColor1 {
        margin: 0
    }
    .in-thirds>.unit {
        clear: left;
        width: auto;
        max-width: 100%;
        background: url(../images/bar-dotted.png) repeat-x scroll 0 bottom transparent;
        padding-bottom: 35px;
        margin-bottom: 22px
    }
    .infos h3 {
        height: auto
    }
    .infos time {
        margin-bottom: 13px
    }
    .banner .right {
        display: none
    }
    h2 {
        font-size: 17px
    }
    .size60,
    .home h2 span {
        font-size: 25px
    }
    .banner .left h2 {
        margin: 20px 0 0
    }
    .banner {
        height: 325px
    }
    .grid {
        margin: 0
    }
    .unit,
    .field-unit {
        padding: 0 0 35px 0
    }
    .infos h2 {
        background-position: 0 bottom
    }
    .security .tabs a span {
        text-indent: -9999px
    }
    .security .tabs li:last-child a span {
        text-indent: 0
    }
    .security .tabs li {
        width: 25%
    }
    .security-feature .zones {
        float: none;
        height: 319px;
        padding: 0;
        left: -20px;
        width: 105% !important
    }
    .panes .content {
        padding-top: 25px
    }
    .security .panes {
        height: auto;
        background: none #062b4f
    }
    .security-feature .zones {
        margin: 0 auto;
        left: -32px;
        height: 277px
    }
    .security-feature .zoneHover {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 12px;
        overflow: hidden;
        width: auto
    }
    .security-feature .flip {
        left: 50%;
        margin-left: 206px;
        top: 218px;
        right: 5px
    }
    .security-feature .content {
        margin: 0
    }
    .security .tabs a span {
        font-size: 11px
    }
    .security-feature .face,
    .compare .face {
        -moz-transform: scale(0.6);
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        width: 100%;
    }
    .security-feature .face.rotate,
    .compare .face.rotate {
        -moz-transform: scale(0.6) rotateY(180deg);
        -webkit-transform: scale(0.6) rotateY(180deg);
        transform: scale(0.6) rotateY(180deg);
    }
    .security-feature .face img,
    .compare .face img {
        max-width: none
    }
    .security-feature .zoneHover {
        width: auto;
        margin-top: 0
    }
    .security-feature .blocVideo2 .link13 {
        margin: 28px 0 10px;
        line-height: 16px;
    }
    /*.security-feature .zoneHover { margin-left:52px; }*/
    /*.security-feature .zoneHover .linkVideo img{ width:52% }*/
    .zoneHover>.slider {
        height: 129px
    }
    .blocVideo2 {
        margin-right: 15px
    }
    .zoneHover .txtHidden {
        clear: left
    }
    .baseline {
        display: none
    }
    .threeCol>div {
        float: none !important;
        /*margin-bottom: 38px;*/
        width: auto !important;
    }
    /*.contentCarousel ul{ width:100% !important }
    .carousel2 .contentCarousel li{ float:none; display:block; height: 197px }*/
    .carousel2 .prevCa1,
    .carousel2 .nextCa1 {
        display: none !important
    }
    .bloc1 .itemInner,
    .bloc1 {
        height: 292px;
    }
    .bloc2 .itemInner,
    .bloc2 {
        width: 100% !important;
        height: 197px;
    }
    .bloc2 .itemInner {
        padding: 25px 63px 28px 46px !important;
    }
    .css3dBlackBerry .bloc1 .itemInner,
    .css3dBlackBerry .bloc2 .itemInner {
        padding: 35px 63px 0px 46px;
        display: block!important;
    }
    .banner .left h2 {
        margin: 0 0 15px 0
    }
    ul#coverflow {
        min-width: 100%;
        max-width: 100%;
        width: 100%;
        height: 155px;
        overflow: hidden;
        margin-top: 10px;
    }
    ul#coverflow li img {
        visibility: visible
    }
    ul#coverflow li {
        width: 100%;
        height: 148px;
        overflow: hidden;
        text-align: center
    }
    .banner .prevCa1,
    .banner .nextCa1 {
        top: -48px
    }
    .banner .left h2 {
        margin: 0;
        height: 37px;
        overflow: hidden;
    }
    .banner {
        /*height: 186px;*/
        min-width: initial;
        height: 240px;
        margin-bottom: 10px;
        background-color: transparent;
    }
    .zoneTop1 {
        width: 100%;
    }
    .contentZone1 {
        height: 260px;
        padding-right: 0;
        background: url("../images/New-20_reference.jpg") no-repeat 87% center;
        background-size: cover;
    }
    .contentZone1 img {
        display: none;
    }
    .contentZone1Txt {
        top: initial;
        bottom: 2%;
    }
    .contentZone1Txt h2 {
        font-size: 27px;
        line-height: 1;
    }
    .contentZone1Txt a {
        font-size: 15px;
        background-position: -539px -1572px;
    }
    .sectionCarousel .contentLeft {
        background: none;
        padding-bottom: 0;
    }
    .sectionCarousel .contentLeft .left h2 {
        margin: 0;
        text-align: center;
    }
    #page {
        padding-left: 0;
    }
    a.prevCa1,
    a.nextCa1 {
        top: 0;
    }
    ul#coverflow li {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 48px;
        width: 100% !important;
    }
    .size60,
    .home h2 span {
        padding-left: 2px
    }
    /*.footer .content{ min-width:320px; max-width:767px }*/
    .list1 {
        margin: 6px 0 10px 2px;
    }
    .footer {
        padding: 0px;
        width: 100%;
    }
    .footer .txt1 {
        margin: 16px 0 0 10px;
    }
    .footer .list20 {
        width: auto;
    }
    .footer .list1 {
        margin-left: 10px;
    }
    .article .content {
        /*padding:0 12px*/
    }
    .article1 {
        margin: 0 auto !important;
    }
    .linkVideo {
        background: 0 none !important
    }
    .compare .face.front {
        left: -44px
    }
    .compare .face.back {
        left: -44px
    }
    .ssMenu,
    .contentSsMenu,
    .list-banknotes {
        position: relative;
        background: 0 #fff;
        top: 0
    }
    .list-banknotes .list11 {
        display: none
    }
    .list-banknotes>li.last {
        width: 100%;
        margin-top: 0
    }
    .header nav .list-banknotes .last .link4 {
        padding-left: 11px;
        display: inline
    }
    .list-banknotes ul {
        width: 100%
    }
    .list-banknotes>li {
        float: none
    }
    .ssMenu {
        /*box-shadow: 0px 2px 2px #000000;-webkit-box-shadow:0px 2px 2px #000000;*/
    }
    .ssMenu li {
        overflow: hidden
    }
    .ssMenu h3 {
        margin-bottom: 0;
    }
    .ssMenu .content {
        padding: 0
    }
    .list-europa>li>a {
        display: none !important
    }
    .ssMenu .list2>li,
    .ssMenu .list2 li.last {
        width: auto;
        border: 0 none;
        margin: 0;
        padding: 0
    }
    .list-europa .link4 {
        float: none
    }
    .ssMenu .list2 img,
    .ssMenu .list2 h4,
    .ssMenu .list2 time,
    .ssMenu .list2 .link8 {
        display: none !important
    }
    .ssMenu .list12>li {
        border-top: none
    }
    .ssMenu .list2 {
        float: none;
        display: block
    }
    .ssMenu .list2 li {
        float: none
    }
    .zones {
        width: 100% !important;
        top: 0;
        height: 191px
    }
    .discover .panes {
        height: auto;
        background-color: #072d53;
        background-position: 0 -177px
    }
    .discover .blocVideo2 {
        clear: left;
        width: auto;
        margin: 0 12px;
        float: none;
        padding-bottom: 15px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .discover .face {
        height: 319px;
        margin-right: 30px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        top: 38px
    }
    .flip {
        right: -5px;
        left: auto !important
    }
    .panes .content {
        position: relative
    }
    .face img {
        top: 0;
        bottom: auto;
        width: 90%
    }
    .compare .face img {
        width: auto
    }
    .discover .flip {
        top: 156px;
        left: auto;
        right: 4px;
    }
    .infos .in-thirds>.unit {
        height: auto !important;
    }
    .infos .in-thirds>.unit .bottom {
        position: relative
    }
    .discover .zones .face.back {
        left: 10px;
    }
    .discover .titre8 span {
        font-size: 18px
    }
    .blocVideo2 p.label {
        font-size: 12px
    }
    .header .titre2,
    .breadcrumb {
        display: none
    }
    .logo {}
    /*.compare .face{ transform: scale(0.6); -moz-transform: scale(0.6); -webkit-transform: scale(0.6); }*/
    .series {
        background: 0 none;
        position: relative;
    }
    .series ul {
        padding-right: 71px;
        position: absolute;
        border-top: 1px solid #dcdbdb;
        border-bottom: 1px solid #dcdbdb;
        width: 688px;
        background: url(../images/bck-degrad-3.png) no-repeat center -20px #ECECEC;
        overflow: hidden;
        margin-left: -15px
    }
    .series li,
    .list11 li {
        height: 91px
    }
    .series span {
        padding: 15px 15px 15px 30px;
        float: none;
        width: auto;
        text-transform: uppercase;
        font-size: 14px;
        display: block;
        margin-left: -20px;
        text-align: center
    }
    .series--design2 ul {
        position: relative;
        padding-right: 10px;
        width: auto;
        background: url(../images/bck-degrad-3.png) no-repeat center -10px #ECECEC
    }
    .series__content {
        overflow: auto
    }
    .series--design2 img {
        max-width: none
    }
    .europaSeries ul {
        background: 0 #ececec
    }
    .series .prevSeries,
    .series .nextSeries {
        height: 102px;
        top: 48px;
        z-index: 999;
        position: absolute;
        width: 40px
    }
    .series .prevSeries span,
    .series .nextSeries span {
        display: none
    }
    .series .prevSeries {
        background: url(../images/navMobil2.png) no-repeat 0 0;
        left: 0
    }
    .series .nextSeries {
        background: url(../images/navMobil2.png) no-repeat right 0;
        right: 0
    }
    .series .content {
        height: 142px
    }
    #prevSeries {
        display: none
    }
    .security-feature .face img {
        width: auto
    }
    .prevSeries,
    .nextSeries {
        display: block
    }
    .list-banknotes .list2 ul li:nt-child(2) {
        display: none !important
    }
    .contentSsMenu .list11,
    .mediaGallery.photos,
    .home .grid {
        display: none !important
    }
    .medias {
        width: auto;
        margin: 0 15px;
    }
    .mediaGallery.videos .medias li {
        margin: 0 auto;
        float: none;
    }
    /*.footer .cboth,*/
    .home .infos,
    .home .section,
    .footer hr {
        display: none
    }
    /*.footer .content > .overHid .cboth:last-child{ display:block !important; }*/
    .header nav ul>li:nt-child(3) .ssMenu {
        display: none !important
    }
    .header nav>ul>li:last-child .list12 li:last-child {
        display: block !important
    }
    .press .in-halves .unit {
        width: 100%;
        padding: 0
    }
    .press .grid {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 12px
    }
    .press .in-halves .list9 {
        background: 0 none
    }
    .events .list9 li,
    .list9>li,
    .list92>li {
        height: auto
    }
    .press .floatL {
        margin: 0 15px 4px 0
    }
    .press .unit img {
        width: 50%
    }
    .coins .zonesContent {
        width: 100%;
        height: auto
    }
    .coins .face {
        height: auto;
        display: block
    }
    .coins .face img {
        width: 40%
    }
    .coins .zones {
        height: auto
    }
    .coins .zones {
        top: 0
    }
    .coins .face {
        display: block
    }
    .coins .img-map {
        display: none
    }
    .coins .zoneHover {
        margin: 0;
        height: auto;
        padding-bottom: 15px;
        background-color: transparent
    }
    .coins .security .tabs {
        float: none
    }
    .coins .tabs {
        float: none
    }
    .coins .tabs li {
        width: 33%
    }
    .coins .tabs a span {
        text-indent: 0
    }
    #dk_container_countries {
        margin: 0;
    }
    .coins .zoneHover .txtHidden {
        margin: 0
    }
    .coins .series ul {
        /*width:750px; */
    }
    .coins .series li {
        height: 91px
    }
    .coins .series .c100 {
        width: 66px;
    }
    .coins .series .c200 {
        width: 69px;
    }
    .coins .series .content {
        height: 140px
    }
    .coins .series .prevSeries,
    .coins .series .nextSeries {
        top: 3px
    }
    .coins .series span {
        margin: -16px 0 0 0;
        white-space: nowrap
    }
    .header {
        overflow: visible;
        /* float:left; */
        width: 100%
    }
    .press .in-thirds .unit {
        width: 100%;
        background: 0 none
    }
    .header nav {
        margin: 0 0 30px 0
    }
    .asideArticle img.floatL {
        float: none !important
    }
    .compare .zones {
        padding: 0;
        margin: 0;
        height: 226px
    }
    .compare .flip {
        right: 15px;
        top: 248px
    }
    .compare .toolTip {
        top: 0 !important;
        left: 0 !important;
        position: fixed !important;
        width: 100%;
        height: 100%;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.1s ease-in;
        -webkit-transition: all 0.1s ease-in;
        transition: all 0.1s ease-in;
    }
    .compare .back.face img {
        left: 12px !important
    }
    .compare .zonesContent {
        margin-top: -49px
    }
    .security .tabs a span {
        /* margin-left:-15px*/
    }
    .contentPage {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .discover .zones {
        height: 213px;
        padding-top: 0;
        top: 0
    }
    .discover .face img {
        width: 85%;
        left: 15px
    }
    /*.discover .face.back img{ right:74px; left:auto }*/
    .toolTipMobile {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: fixed !important;
        top: 0;
        left: 0;
        z-index: 99999;
    }
    .csstransforms3d .compare .face.back {
        -moz-transform: rotateY(180deg) scale(0.6);
        -webkit-transform: rotateY(180deg) scale(0.6);
        transform: rotateY(180deg) scale(0.6);
    }
    .csstransforms3d .compare .face.back.rotate {
        -moz-transform: rotateY(0deg) scale(0.6);
        -webkit-transform: rotateY(0deg) scale(0.6);
        transform: rotateY(0deg) scale(0.6);
    }
    .csstransforms3d .security-feature .face.back {
        -moz-transform: rotateY(180deg) scale(0.6);
        -webkit-transform: rotateY(180deg) scale(0.6);
        transform: rotateY(180deg) scale(0.6);
    }
    .csstransforms3d .security-feature .face.back.rotate {
        -moz-transform: rotateY(0deg) scale(0.6);
        -webkit-transform: rotateY(0deg) scale(0.6);
        transform: rotateY(0deg) scale(0.6);
    }
    .csstransforms3d .security-feature .face.back img {
        right: -96px
    }
    .txtCompare {
        top: -22px;
        font-size: 11px
    }
    .txtCompare.txtFront {
        left: -7px;
    }
    .contentSecu .security .panes {
        height: auto !important
    }
    .blockLanguages select {
        visibility: visible !important;
        position: relative !important;
        top: 2px!important;
        width: 100px;
        left: auto;
        margin: 0px;
    }
    .blockLanguages select.selectCustom {
        display: none
    }
    .dk_fouc select {
        position: relative;
        top: 0;
        visibility: visible;
    }
    .contentPage.contentArticle .image img,
    .contentPage.contentArticle .image div {
        display: none;
    }
    .articleEuroRunGame .contentPage.contentArticle .image img {
        display: block;
    }
    .contentPage.contentArticle .image .linkVideo img {
        display: block;
    }
    .contentPage.contentArticle.visibleMobTab .image {
        display: block;
    }
    #security-tab-3 a span {
        text-indent: -99999px;
        background: url(../images/pictos.png) no-repeat 18px -1296px;
        padding: 0;
        display: table-cell;
        height: 46px;
        vertical-align: middle;
        width: 235px
    }
    #security-tab-3 a:hover span {
        background: url(../images/pictos.png) no-repeat 18px -1456px;
    }
    #security-tab-3 a.current span {
        background: url(../images/pictos.png) no-repeat 18px -1367px;
    }
    .tabsCompare li {
        display: block;
        margin: 0 0 16px 0 !important
    }
    .tabsCompare ul {
        height: auto;
        margin: 0 12px 12px
    }
    .asideArticle .list5.last {
        float: left;
        margin: 0 14px 0 16px !important;
    }
    .list5 li:last-child {
        margin-bottom: 0;
        border-bottom: 1px solid #D1D1D1;
    }
    .asideArticle .list5.last li:last-child {
        border-bottom: 0 none
    }
    .noMobile,
    .linksHeader,
    .image,
    .chapo img {
        display: none;
    }
    .overlay,
    .boxZoom {
        position: fixed
    }
    .boxZoom {
        padding: 17px;
        margin: 0 !important;
        top: 0;
        left: 0;
        width: 93%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .boxZoom .close {
        right: -27px
    }
    .list1 a {
        margin: 13px 8px 0 0;
    }
    .overlayVideo,
    #security-video_wrapper {
        display: none !important
    }
    #security-video_wrapper {
        display: block !important
    }
    .list-banknotes li.last li {
        float: none;
        width: auto
    }
    #security-video {
        height: 100vh !important;
        position: absolute;
        left: 0 !important;
        border: 0 !important;
        top: 0 !important;
        margin: 0 !important;
        width: 100% !important
    }
    #security-video_video {
        width: 100% !important;
        height: auto !important
    }
    .series ul {
        left: 10px
    }
    nav .list-banknotes>li>h3 {
        margin-bottom: 11px !important
    }
    .ssMenu .list2 li h3,
    .ssMenu .list2 .list12 li {
        margin-bottom: 7px !important
    }
    .visu-tele {
        display: none
    }
    .ssMenu {
        margin-top: -1px
    }
    .security-feature .tabs span {
        width: 0
    }
    .css3dSamsung #security-video_wrapper,
    #security-video_displayarea {
        display: block !important;
        position: fixed !important;
        left: 0 !important;
        top: 0 !important;
        margin: 0 !important;
        -webkit-box-sizing: border-box;
        width: 100% !important;
        height: 100vh !important
    }
    .css3dSamsung #security-video {
        padding-bottom: 0 !important;
        left: 0 !important;
        top: 0 !important;
        -webkit-box-sizing: border-box;
        margin: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
    }
    .css3dSamsung #security-video_video {
        width: 100% !important;
        height: 100vh !important;
        left: 0 !important;
        top: 0 !important
    }
    .css3dSamsung #security-video_jwplayer_display {
        height: 100vh !important;
        background-color: transparent
    }
    .css3dSamsung #security-video_displayarea {
        position: absolute !important
    }
    nav>ul>li>a {
        display: block
    }
    nav>ul>li:last-child .list2 .last>h3 {
        display: none
    }
    .events select {
        margin-bottom: 20px
    }
    .article .content .carousel2 .contentCarousel {
        height: 126px
    }
    .articleEuroRunGame.article .content .carousel2 .contentCarousel {
        height: auto
    }
    #cboxClose,
    #jwClose {
        right: 0;
        z-index: 999999;
        position: fixed;
        top: 5px
    }
    .OsNotAutoplay #security-video {
        left: 0 !important;
        top: 0 !important;
        margin: 0 !important;
        height: 100% !important;
        width: 100% !important;
    }
    .OsNotAutoplay #security-video video {
        width: 266px !important;
        height: auto !important;
        top: 100px;
        left: 30px;
    }
    .security-feature .zoneHover .linkVideo,
    .security-feature .zoneHover .txtHidden {
        margin-bottom: 15px;
        padding-bottom: 5px;
    }
    .carousel2 .titre1 {
        padding-left: 10px
    }
    .security-feature .zoneHover .linkVideo {
        /* width:250px !important; */
        display: inline-block;
        width: 52% !important;
        height: auto !important
    }
    .OsNotAutoplay #security-video_wrapper,
    .OsNotAutoplay body>#security-video {
        border: 0 none !important;
        left: 0 !important;
        margin: 0 !important
    }
    .OsNotAutoplay #cboxClose,
    .OsNotAutoplay #jwClose {
        top: 10px
    }
    .OsNotAutoplay #security-video_jwplayer_display {
        background-color: transparent
    }
    .eurocashacademy .width3of4 {
        width: auto !important
    }
    .linkAppleMarket {
        margin: 0 0 15px 0
    }
    nav>ul>li.last {
        width: 100% !important
    }
    .carousel2 .linkVideo {
        background-color: #fff !important
    }
    .sliderHome {
        display: none !important
    }
    .banner .contentLeft {
        margin-right: 0 !important
    }
    nav>ul>li.last {
        max-width: 100% !important
    }
    nav>ul>li.last .ssMenu .list2 li .hr2 {
        display: none
    }
    .boxJ {
        left: 5%;
        top: 50px;
        margin: 0;
        width: 85%;
        height: 400px;
    }
    #countDown,
    #overlayC,
    .blocMap .face {
        display: none !important
    }
    .blocMap .zoneHover {
        margin: 0
    }
    .blocMap .zones {
        height: 50px;
        text-align: center
    }
    .frameVideo {
        width: 100%;
        height: 360px;
        left: 0;
        margin: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 8px
    }
    .frameVideo iframe {
        width: 100% !important;
        height: 300px !important;
    }
    .linksHeader .list16>li:first-child,
    #dk_container_countrySelect {
        display: none !important
    }
    .home .Jeu2Wrapper {
        display: none !important;
    }
    .promoSelfmailerWrapper .contentTxt {
        top: -122%;
    }
    .promoSelfmailerWrapper .contentTxt p {
        padding: 0 20px;
        font-size: 24px;
    }
    .promoSelfmailerWrapper .contentTxt span {
        font-size: 26px;
    }
    .promoSelfmailerWrapper .cta {
        font-size: 20px;
    }
    .promoSelfmailerWrapper .cta {
        padding: 12px 40px;
        background-position: 17px center;
        font-size: 20px;
    }
    .header #search {
        position: inherit;
        margin: 0 25px 15px 0;
        width: 150px
    }
    .header .searchInput {
        width: 150px
    }
    .promoEuroCashAcademyInner {
        width: 100%;
        height: 100%;
        left: 0;
        margin-left: auto;
    }
    .promoEuroCashAcademy .decor {
        bottom: -5.625%;
    }
    /*.promoEuroCashAcademy .euroCashContent { margin-top: 40px; }*/
    .promoEuroCashAcademy .euroCashLogo {
        width: 236px;
    }
    .promoEuroCashAcademy .euroCashBaseline {
        height: auto;
        margin-bottom: 15px;
    }
    .promoEuroCashAcademy .listActions {
        width: 210px;
    }
    .promoEuroCashAcademy .linkAppleMarket,
    .promoEuroCashAcademy .linkAndroidMarket {
        font-size: .7em;
    }
    /*.promoEuroCashAcademy .btClose { top: 40px; }*/
    .promoWelcomeLituania .promoBoxInner {
        width: 100%;
        left: auto;
        margin-left: auto;
    }
    .promoWelcomeLituania .promoBoxContent {
        padding: 40px 20px 0 20px
    }
    .promoWelcomeLituania .splash {
        width: 80%;
        margin: 20px auto;
    }
    .promoWelcomeLituania .promoTxt1 {
        font-size: 16px;
    }
    .promoWelcomeLituania .promoTxt2 {
        font-size: 18px;
    }
    .promoWelcomeLituania .promoTxt3 {
        font-size: 24px;
    }
    .blocSearchInputs {
        width: 100%
    }
    .blocResultSearch span label {
        display: inline-block;
        margin-bottom: 5px;
        padding: 5px 20px
    }
    .blocResultSearch {
        margin: 20px 0;
        float: left;
        padding: 0 10px
    }
    .searchResult {
        margin-bottom: 30px;
        float: left;
        padding: 0 10px;
    }
    .blockLanguages {
        text-align: center
    }
    .selectCustom#countries {
        top: 16px;
    }
    .imagecenter a {
        padding: 0;
        background: 0 none
    }
    #security-video_jwplayer_display {
        background: transparent
    }
    .articleEuroRunGame {
        margin: 0 15px
    }
    .articleEuroRunGame .contentPage {
        margin-top: 30px
    }
}

@media only screen and (max-device-width: 767px) and (orientation: landscape) {
    .promoEuroCashAcademy .decor {
        width: 72%;
        bottom: -4.84375%;
    }
    .promoEuroCashAcademy .euroCashContent {
        margin-top: 0;
    }
    .promoEuroCashAcademy .euroCashLogo {
        width: 192px;
        margin-right: 38px;
    }
    .promoEuroCashAcademy .listActions,
    .promoEuroCashAcademy .euroCashBaseline {
        margin: 0 45px 10px 0;
        font-size: .9em;
    }
    .promoEuroCashAcademy .listActions {
        width: 173px;
    }
    .promoEuroCashAcademy .btnStart {
        margin-bottom: 10px;
        font-size: 17px;
    }
    .promoEuroCashAcademy .linkAppleMarket,
    .promoEuroCashAcademy .linkAndroidMarket {
        /*font-size: .6em;*/
        padding-left: 40px;
    }
    .promoEuroCashAcademy .linkAndroidMarket {
        background-position: -5px -1121px;
    }
    .promoEuroCashAcademy .linkAppleMarket {
        background-position: -5px -1190px;
    }
    .promoEuroCashAcademy .btClose {
        top: 20px;
    }
    .promoWelcomeLituania .promoBoxContent {
        padding: 20px 20px 0 20px;
    }
    .promoWelcomeLituania .splash {
        width: 40%;
        margin: 10px auto;
    }
    .promoWelcomeLituania .promoTxt2 {
        font-size: 16px;
    }
    .promoWelcomeLituania .promoTxt3 {
        font-size: 22px;
    }
    ul#coverflow li img {
        max-width: 250px
    }
}

.tablet .toolTipMobile {
    z-index: 999999
}

.tablet .breadcrumb {
    margin: 117px 0 7px 0 !important;
}

@media only screen and (min-width: 767px) and (max-width: 991px) and (orientation: portrait) {
    .series--design2 li {
        position: relative;
        padding-bottom: 30px !important;
    }
    .series--design2 span {
        position: absolute;
        width: 100%;
        left: 0;
        padding: 0 12px !important;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        bottom: 6px
    }
    .zoneHover .linkVideo {
        display: inline-block;
        float: left;
    }
    .blocVideo2 .linkVideo {
        float: right;
    }
    .mediaGalleryPres li .linkBottom {
        margin: 10px 0 5px 0 !important;
    }
    .coins .zoneHover,
    .blocMap .zoneHover {
        position: absolute;
        right: -37px;
    }
    .discover .zones.new {
        left: -10px;
        top: -29px;
    }
    .discover .zones.b5.new .face.back,
    .discover .zones.b5.new .face.back img {
        left: 0 !important;
    }
    .noTablet {
        display: none !important
    }
    .logo {
        margin: 0px!important;
        width: 147px !important;
        height: 68px;
    }
    .logo img {
        /*width: 90%; margin-top: -4px;*/
    }
    .header {
        background-position: 50% 220px;
    }
    .header .nav>ul {
        display: -webkit-flex;
        width: 100%;
        clear: left
    }
    .header .nav>ul>li {
        -webkit-flex: 1
    }
    .header nav {}
    .header .titre2 {
        margin: 10px 0 0 -5px;
    }
    .breadcrumb {
        margin: 0 0 25px 10px;
    }
    .home nav .current>a {
        background: url(../images/menuOn.png) no-repeat center 30px;
        height: 53px;
    }
    .coins .zoneHover {
        width: 255px;
        margin: -581px 0 0 0;
    }
    .banner {
        clear: both
    }
    .banner .right,
    .baseline {
        display: none
    }
    .content {
        margin: 0 12px
    }
    .content,
    .contentPage {
        width: auto;
        min-width: 743px;
        max-width: 991px;
    }
    img {
        max-width: 100%;
    }
    .discover .zones {
        width: 453px !important;
        padding-left: 15px
    }
    .discover .blocVideo2 {
        width: 32% !important
    }
    .discover .flip {
        top: 623%;
        left: 64%
    }
    .csstransforms3d .face,
    .csstransforms3d .face img {
        margin-bottom: 5px
    }
    .discover .face img {
        margin-bottom: 17px
    }
    .series li,
    .list11 li {
        padding: 0 8px
    }
    .series span {
        width: 83px;
        padding: 50px 15px 0 0;
        font-size: 12px
    }
    .coins .series span {
        font-size: 10px;
    }
    .series img,
    .list11 img {
        width: 95%
    }
    .coins .series img {
        width: auto;
        transform: scale(0.8);
        -moz-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        max-width: none
    }
    .security-feature .face img,
    .security-feature .face img {
        margin-bottom: 0
    }
    .security .tabs {
        width: 100%
    }
    .security .tabs li {
        width: 25%
    }
    .security-feature .zones {
        float: none;
        height: 319px
    }
    .security .panes {
        /*height:auto !important */
    }
    .security-feature .zones {
        margin: 0 auto
    }
    .security-feature .zoneHover {
        width: 437px;
        margin: 0 auto 25px;
        overflow: hidden
    }
    .security-feature .flip {
        left: 50%;
        margin-left: 206px
    }
    .compare .flip {
        right: 70px;
        left: auto
    }
    .compare .zones {
        margin: 14px auto 0 auto;
        float: none
    }
    .banner {
        width: auto;
        min-width: initial;
    }
    .banner .left h2 {
        margin: 20px auto 0;
    }
    .zoneTop1 {
        width: 100%;
    }
    .contentZone1 {
        padding-right: 0;
    }
    .list-banknotes ul {
        background: none;
    }
    .grid {
        margin: 0
    }
    .unit,
    .field-unit {
        padding: 0 2em 0 0
    }
    ul#coverflow {
        height: 275px;
    }
    .mobil {
        display: block !important
    }
    .blockLanguages .mobil {
        display: none !important
    }
    .banner .prevCa1,
    .banner .nextCa1 {
        display: none!important;
    }
    .ssMenu .list2>li {
        width: 155px;
    }
    .ssMenu .list2>li.last {
        width: 155px;
    }
    .ssMenu .list2>li img {
        max-width: 100%;
    }
    .list-banknotes>li.last ul li {
        width: 50%;
        float: left;
        padding: 11px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .list-banknotes>li.last {
        /*height:65px;*/
        float: left;
        width: auto;
    }
    .footer .list20 {
        float: none;
        display: inline-block;
        vertical-align: top;
        width: 49%;
        margin-bottom: 15px;
    }
    .home .threeCol>div {
        width: 235px;
        margin-right: 33px
    }
    .home .threeCol>div.last {
        margin-right: 0;
    }
    .contentArticle.threeCol>div {
        margin-right: 15px;
    }
    /*.contentArticle.threeCol > div:nth-child(2){width: 415px;margin:0 0 10px 0;}
    .contentArticle.threeCol > div.last{width: 415px;}*/
    .contentArticle.threeCol>div {
        width: 31%
    }
    .contentArticle.threeCol>div .linkVideo {
        margin: 0
    }
    .contentArticle.threeCol>div.last {
        margin-left: 7px
    }
    .coins .zoneHover {
        margin: 0;
        position: absolute;
        right: 0;
        top: 0;
    }
    #security-video {
        width: 698px!important;
        height: 520px !important;
        left: 10px !important;
        margin: 0 !important;
        transform: translateY(-50%);
    }
    /*.footer .cboth,*/
    .home .infos,
    .home .section,
    .footer hr {
        display: none
    }
    /*.footer .content > .overHid .cboth:last-child{ display:block !important; }*/
    .asideArticle .list5 li {
        width: 338px;
    }
    .asideArticle2 {
        padding: 26px 10px;
        width: auto
    }
    .contentPage .list3 li {
        width: 33%;
    }
    .toolTipMobile {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: fixed !important;
        top: 0;
        left: 0;
        z-index: 99999;
    }
    .compare .toolTip {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        z-index: 99999;
        top: 0 !important;
        left: 0 !important;
        position: fixed !important;
        width: 100%;
        height: 100%;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.1s ease-in;
        -webkit-transition: all 0.1s ease-in;
        transition: all 0.1s ease-in;
    }
    .boxZoom {
        width: 100%;
        position: fixed;
        padding: 17px;
        margin: 0 !important;
        top: 0;
        left: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .boxZoom .close {
        right: 27px;
        background-color: #d9d9d9
    }
    .boxZoom p {
        width: 50% !important
    }
    .boxZoom div {
        width: 412px !important
    }
    .list-banknotes ul a {
        padding: 0 !important;
        background-size: 75%
    }
    .list-banknotes .list11 li {
        margin-right: -5px;
        padding: 0 !important
    }
    .header nav .list-banknotes .last .link4 {
        background: url(../images/sprite.png) no-repeat scroll -542px -542px transparent !important;
        display: inline;
        padding-left: 11px !important;
        color: #6B6B6B;
        font-weight: bold;
        margin: 0;
        font-size: 14px;
        margin-bottom: 15px;
    }
    .ssMenu .list2>li {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 22%
    }
    .header .list-banknotes .list11 a {
        background: 0 none !important;
        display: table-cell !important;
        vertical-align: bottom;
        padding: 0 3px !important
    }
    .header .list-banknotes .list11 a img {
        display: block !important;
        position: inherit !important
    }
    .header .list-banknotes .list11 li {
        display: inline
    }
    .header .list-banknotes .list11 .b5 {
        width: 79px !important
    }
    .header .list-banknotes .list11 .b10 {
        width: 86px !important
    }
    .header .list-banknotes .list11 .b20 {
        width: 90px !important
    }
    .header .list-banknotes .list11 .b50 {
        width: 94px !important
    }
    .header .list-banknotes .list11 .b100 {
        width: 97px !important
    }
    .header .list-banknotes .list11 .b200 {
        width: 101px !important
    }
    .header .list-banknotes .list11 .b500 {
        width: 107px !important
    }
    .header .listCoins {
        background-position: -22px 47px;
        background-size: 108% auto
    }
    .footer {
        padding: 0 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .footer .txt4 {
        width: 80%
    }
    .footer .txt1,
    .footer .titre21 {
        margin: 28px 0 0
    }
    .discover .zones .face.back {
        left: auto !important
    }
    .coins .tabs {
        width: auto
    }
    .coins .tabs li {
        width: 235px
    }
    .header .coins .series span,
    .header .listCoins span {
        display: block;
        width: auto;
        float: none
    }
    .security.coins #dk_container_countries .dk_options_inner,
    .security.coins #dk_container_countries .dk_options {
        max-height: 355px !important;
        height: 333px !important;
    }
    .webkitMac .header nav {
        margin-top: 40px
    }
    .webkitMac .bloc1 .itemInner,
    .webkitMac .bloc1 {
        height: 207px !important
    }
    #security-video_video {
        width: 698px !important
    }
    .contentArticle>div>.floatL {
        float: none
    }
    .press .in-thirds .unit {
        padding-left: 19px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .OsNotAutoplay .bloc1 .itemInner,
    .OsNotAutoplay .bloc2 .itemInner {
        height: 241px !important
    }
    #cboxClose,
    #jwClose {
        right: 0
    }
    .banner .right,
    .sliderHome {
        width: 230px
    }
    .banner .right {
        background-size: contain;
    }
    .banner .contentLeft {
        margin-right: 230px
    }
    .eurocashacademy .width3of4 {
        width: 430px !important;
    }
    .sliderHome {
        display: none !important
    }
    .banner .contentLeft {
        margin-right: 0;
    }
    nav .on>a {
        height: 70px !important;
    }
    /*nav .on > a {height: 70px !important;}
    nav li.last.on > a{ height: 72px !important }
    nav li.last.current > a{ background: url(/extension/ecb/design/ecb/images/menuOn.png) no-repeat center 32px; height: 61px; }*/
    .press .in-halves {
        margin: 0
    }
    nav>ul>li.last .list2 li {
        width: 200px
    }
    .chapo img {
        margin: 0 0 0 30px;
        width: 52%;
    }
    .ssMenu {
        top: 149px
    }
    .tablet.css3dSamsung .logo {
        height: 83px;
    }
    .tablet.css3dSamsung .home .logo {
        height: 73px;
    }
    .tablet.css3dSamsung .home .header .content {
        float: left;
        margin-bottom: 5px;
        background-color: #fff
    }
    .tablet.css3dSamsung .ssMenu {
        background-color: #fff
    }
    .boxJ {
        left: 5%;
        top: 50px;
        margin: 0;
        width: 85%;
        height: 520px;
    }
    .linksHeader .list16>li:first-child,
    #dk_container_countrySelect,
    .home .Jeu2Wrapper {
        display: none !important;
    }
    .header .list-banknotes .list11 li {
        display: table-cell
    }
    .breadcrumb {
        margin: 6px 0 7px 0 !important;
    }
    .promoSelfmailerWrapper .contentTxt {
        top: -85%;
    }
    .tablet .header nav>ul {
        margin-top: 0
    }
    div#coverflow_bulle {
        display: none !important
    }
}

@media only screen and (min-width: 992px) and (max-width: 1030px) {
    .logo {
        margin: 0 0 10px 0;
    }
    .logo img {
        width: 103%;
    }
    .baseline {
        margin: 21px 0 0 -5px;
    }
    .breadcrumb {
        margin-top: 100px
    }
    .tablet .compare .toolTip {
        box-sizing: border-box;
        z-index: 99999;
        top: 0 !important;
        left: 0 !important;
        position: fixed !important;
        width: 100%;
        height: 100%;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.1s ease-in;
        -webkit-transition: all 0.1s ease-in;
        transition: all 0.1s ease-in;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1200px) {
    /* .header nav {margin: 2px 0 12px 0;float: none;clear: left;width: auto !important;}
    .header nav > ul{ float: right; margin-top:2px }
    .banner {clear: both}
    .ssMenu{ top: 159px }
    body{ background: url(/extension/ecb/design/ecb/images/bck-header2_tablets.png) repeat-x 0 0 #fff }
    .logo { height: 92px; margin: 4px 0 0px 0 }
    .header { background-position: 50% 230px; }
    .breadcrumb { width:100%; margin: 6px 0 34px 0; }
    nav .current > a{ background-position: center 21px }
    nav .on > a{ height: 61px; }
    .promoSelfmailerWrapper .contentTxt { top: 2%; }
    .promoSelfmailerWrapper .contentTxt p { font-size: 20px; }
    .promoSelfmailerWrapper .contentTxt span { font-size: 24px; }
    .promoSelfmailerWrapper .cta { background-position: 13px -1967px; font-size: 18px; }
    div#coverflow_bulle{ display:none !important }*/
}


/*box WOP */

@media screen and (max-width: 767px) {
    .mobile .noSmallMobile,
    .tablet .noSmallMobile {
        display: none!important
    }
    .banner.noBorder.noSmallMobile img {
        display: none!important
    }
    .invisDesktop {
        display: block
    }
    .shareLink {
        height: 80px
    }
    .closePopMobile {
        display: inline
    }
    #promoWOP.promoWOP .promoBoxContent {
        left: 0%;
        transform: scale(0.75);
        -moz-transform: scale(0.75);
        -webkit-transform: scale(0.75);
        top: -140px
    }
    #promoWOP.promoWOP a.btClose {
        top: 20px
    }
    .blocCenter .linkAndroidMarket,
    .blocCenter .linkAppleMarket {
        float: none;
        display: block;
        max-width: 220px;
        margin: 0 auto;
    }
    .blocCenter .linkAndroidMarket,
    .blocCenter .linkAppleMarket,
    .blocCenter #openTeachersPopin {
        margin-top: 15px
    }
    .blocCenter a.hideDesktop,
    .mobile .hideDesktop {
        display: block;
    }
    .contentCarousel.CarouselNewStyle.hideDesktop {
        height: 200px!important;
        display: block;
    }
    .contentCarousel.CarouselNewStyle.hideDesktop ul.listFirst {
        width: 20000px
    }
    .listFirst {
        display: flex;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
    }
    .contentCarousel.CarouselNewStyle.hideDesktop li.itemSlide {
        /*float: left;*/
        width: 280px;
        margin-right: 20px;
        /*overflow-x: hidden;*/
    }
    .contentCarousel.CarouselNewStyle.hideDesktop li.itemSlide p.label,
    .contentCarousel.CarouselNewStyle.hideDesktop li.itemSlide h2 {
        display: block;
        width: 60%
    }
    .contentCarousel.CarouselNewStyle.hideDesktop li.itemSlide img {
        width: 40%;
    }
    .carousel2.press .CarouselNewStyle.hideDesktop {
        height: auto !important;
    }
    .carousel2.press .CarouselNewStyle.hideDesktop li.itemSlide img {
        width: 100%;
    }
}

.mejs-offscreen {
    position: absolute!important;
    top: -10000px;
    left: -10000px;
    overflow: hidden;
    width: 1px;
    height: 1px;
}

.mejs-container {
    position: relative;
    background: #000;
    font-family: Helvetica, Arial;
    text-align: left;
    vertical-align: top;
    text-indent: 0;
}

.mejs-container:focus {
    outline: 0;
}

.me-plugin {
    position: absolute;
}

.mejs-embed,
.mejs-embed body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #000;
    overflow: hidden;
}

.mejs-fullscreen {
    overflow: hidden !important;
}

.mejs-container-fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1000;
}

.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
    width: 100%;
    height: 100%;
}

.mejs-clear {
    clear: both;
}

.mejs-background {
    position: absolute;
    top: 0;
    left: 0;
}

.mejs-mediaelement {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mejs-poster {
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

:root .mejs-poster img {
    display: none;
}

.mejs-poster img {
    padding: 0;
    border: 0;
}

.mejs-overlay {
    position: absolute;
    top: 0;
    left: 0;
}

.mejs-overlay-play {
    cursor: pointer;
}

.mejs-overlay-button {
    background: url(../images/play.png) no-repeat 1px 0;
    display: block;
    width: 43px;
    height: 43px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.mejs-overlay-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    background: #333;
    background: rgba(0, 0, 0, 0.9);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(50, 50, 50, 0.9)), to(rgba(0, 0, 0, 0.9)));
    background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: -o-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: linear-gradient(rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
}

.mejs-overlay-loading span {
    display: block;
    width: 80px;
    height: 80px;
    background: transparent url(../images/loading.gif) 50% 50% no-repeat;
}

.mejs-container .mejs-controls {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    height: 40px;
    right: 1.5%;
    left: 1.5%;
    bottom: 1.5%;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    vertical-align: middle;
}

.mejs-container .mejs-controls div {
    list-style-type: none;
    background-image: none;
    display: block;
    float: left;
    margin: 4px 0 0;
    padding: 0;
    width: 26px;
    height: 26px;
    font-size: 11px;
    line-height: 11px;
    font-family: Helvetica, Arial;
    border: 0;
}

.mejs-container .mejs-controls div.mejs-playpause-button {
    margin-left: 10px;
}

.mejs-container .mejs-controls div.mejs-fullscreen-button {
    margin: 4px 10px 0 6%;
}

.mejs-controls .mejs-button button {
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    text-decoration: none;
    margin: 7px 5px;
    padding: 0;
    position: absolute;
    height: 16px;
    width: 16px;
    border: 0;
    background: transparent url(../images/controls.png) no-repeat;
}

.no-svg .mejs-controls .mejs-button button {
    background-image: url(../images/controls.png);
}

.mejs-controls .mejs-button button:focus {
    outline: dotted 1px #999999;
}

.mejs-container .mejs-controls .mejs-time {
    color: #fff;
    display: block;
    height: 17px;
    width: auto;
    padding: 10px 3px 0;
    overflow: hidden;
    text-align: center;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.mejs-container .mejs-controls .mejs-time a {
    color: #fff;
    font-size: 11px;
    line-height: 12px;
    display: block;
    float: left;
    margin: 1px 2px 0 0;
    width: auto;
}

.mejs-controls .mejs-play button {
    background-position: 0 0;
}

.mejs-controls .mejs-pause button {
    background-position: 0 -16px;
}

.mejs-controls .mejs-stop button {
    background-position: -112px 0;
}

.mejs-controls div.mejs-time-rail {
    direction: ltr;
    width: 200px;
    padding-top: 6px;
}

.mejs-controls .mejs-time-rail span,
.mejs-controls .mejs-time-rail a {
    display: block;
    position: absolute;
    width: 180px;
    height: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
}

.mejs-controls .mejs-time-rail .mejs-time-total {
    margin: 5px;
    background: #333;
    background: #43392e;
}

.mejs-controls .mejs-time-rail .mejs-time-buffering {
    width: 100%;
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    -webkit-background-size: 15px 15px;
    -moz-background-size: 15px 15px;
    -o-background-size: 15px 15px;
    background-size: 15px 15px;
    -webkit-animation: buffering-stripes 2s linear infinite;
    -moz-animation: buffering-stripes 2s linear infinite;
    -ms-animation: buffering-stripes 2s linear infinite;
    -o-animation: buffering-stripes 2s linear infinite;
    animation: buffering-stripes 2s linear infinite;
}

@-webkit-keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 30px 0;
    }
}

@-moz-keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 30px 0;
    }
}

@-ms-keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 30px 0;
    }
}

@-o-keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 30px 0;
    }
}

@keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 30px 0;
    }
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #000;
    width: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    width: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-handle {
    display: none;
    position: absolute;
    margin: 0;
    width: 10px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    border: solid 2px #333;
    top: -2px;
    text-align: center;
}

.mejs-controls .mejs-time-rail .mejs-time-float {
    position: absolute;
    display: none;
    background: #eee;
    width: 36px;
    height: 17px;
    border: solid 1px #333;
    top: -26px;
    margin-left: -18px;
    text-align: center;
    color: #111111;
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
    margin: 2px;
    width: 30px;
    display: block;
    text-align: center;
    left: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    border: solid 5px #eee;
    border-color: #eee transparent transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    top: 15px;
    left: 13px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
    width: 48px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
    width: 44px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
    left: 18px;
}

.mejs-controls .mejs-fullscreen-button button {
    background-position: -32px 0;
}

.mejs-controls .mejs-unfullscreen button {
    background-position: -32px -16px;
}

.mejs-controls .mejs-mute button {
    background-position: -16px -16px;
}

.mejs-controls .mejs-unmute button {
    background-position: -16px 0;
}

.mejs-controls .mejs-volume-button {
    position: relative;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider {
    display: none;
    height: 115px;
    width: 25px;
    background: rgba(50, 50, 50, 0.7);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    top: -115px;
    left: 0;
    z-index: 1;
    position: absolute;
    margin: 0;
}

.mejs-controls .mejs-volume-button:hover {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
    position: absolute;
    left: 11px;
    top: 8px;
    width: 2px;
    height: 100px;
    background: #ddd;
    background: rgba(255, 255, 255, 0.5);
    margin: 0;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
    position: absolute;
    left: 11px;
    top: 8px;
    width: 2px;
    height: 100px;
    background: #ddd;
    background: rgba(255, 255, 255, 0.9);
    margin: 0;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
    position: absolute;
    left: 4px;
    top: -3px;
    width: 16px;
    height: 6px;
    background: #ddd;
    background: rgba(255, 255, 255, 0.9);
    cursor: N-resize;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    margin: 0;
}

.mejs-controls a.mejs-horizontal-volume-slider {
    height: 26px;
    width: 56px;
    position: relative;
    display: block;
    float: left;
    vertical-align: middle;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    position: absolute;
    left: 0;
    top: 11px;
    width: 50px;
    height: 8px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #333;
    background: rgba(50, 50, 50, 0.8);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8)));
    background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    position: absolute;
    left: 0;
    top: 11px;
    width: 50px;
    height: 8px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
    display: none;
}

.mejs-controls .mejs-captions-button {
    position: relative;
}

.mejs-controls .mejs-captions-button button {
    background-position: -48px 0;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector {
    visibility: hidden;
    position: absolute;
    bottom: 26px;
    right: -51px;
    width: 85px;
    height: 100px;
    background: rgba(50, 50, 50, 0.7);
    border: solid 1px transparent;
    padding: 10px 10px 0;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none!important;
    overflow: hidden;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
    margin: 0 0 6px;
    padding: 0;
    list-style-type: none!important;
    display: block;
    color: #fff;
    overflow: hidden;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
    width: 55px;
    float: left;
    padding: 4px 0 0;
    line-height: 15px;
    font-family: helvetica, arial;
    font-size: 10px;
}

.mejs-controls .mejs-captions-button .mejs-captions-translations {
    font-size: 10px;
    margin: 0 0 5px;
}

.mejs-chapters {
    position: absolute;
    top: 0;
    left: 0;
    -xborder-right: solid 1px #fff;
    width: 10000px;
    z-index: 1;
}

.mejs-chapters .mejs-chapter {
    position: absolute;
    float: left;
    background: #222;
    background: rgba(0, 0, 0, 0.7);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7)));
    background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232, endColorstr=#000000);
    overflow: hidden;
    border: 0;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block {
    font-size: 11px;
    color: #fff;
    padding: 5px;
    display: block;
    border-right: solid 1px #333;
    border-bottom: solid 1px #333;
    cursor: pointer;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
    border-right: 0;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
    background: #666;
    background: rgba(102, 102, 102, 0.7);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6)));
    background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: -o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: -ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666, endColorstr=#323232);
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
    font-size: 12px;
    font-weight: 700;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 0 3px;
    line-height: 12px;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
    font-size: 12px;
    line-height: 12px;
    margin: 3px 0 4px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mejs-captions-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 20px;
    font-size: 16px;
    color: #ffffff;
}

.mejs-captions-layer a {
    color: #fff;
    text-decoration: underline;
}

.mejs-captions-layer[lang=ar] {
    font-size: 20px;
    font-weight: 400;
}

.mejs-captions-position {
    position: absolute;
    width: 100%;
    bottom: 15px;
    left: 0;
}

.mejs-captions-position-hover {
    bottom: 35px;
}

.mejs-captions-text {
    padding: 3px 5px;
    background: rgba(20, 20, 20, 0.5);
    white-space: pre-wrap;
}

.me-cannotplay a {
    color: #fff;
    font-weight: 700;
}

.me-cannotplay span {
    padding: 15px;
    display: block;
}

.mejs-controls .mejs-loop-off button {
    background-position: -64px -16px;
}

.mejs-controls .mejs-loop-on button {
    background-position: -64px 0;
}

.mejs-controls .mejs-backlight-off button {
    background-position: -80px -16px;
}

.mejs-controls .mejs-backlight-on button {
    background-position: -80px 0;
}

.mejs-controls .mejs-picturecontrols-button {
    background-position: -96px 0;
}

.mejs-contextmenu {
    position: absolute;
    width: 150px;
    padding: 10px;
    border-radius: 4px;
    top: 0;
    left: 0;
    background: #fff;
    border: solid 1px #999;
    z-index: 1001;
}

.mejs-contextmenu .mejs-contextmenu-separator {
    height: 1px;
    font-size: 0;
    margin: 5px 6px;
    background: #333333;
}

.mejs-contextmenu .mejs-contextmenu-item {
    font-family: Helvetica, Arial;
    font-size: 12px;
    padding: 4px 6px;
    cursor: pointer;
    color: #333333;
}

.mejs-contextmenu .mejs-contextmenu-item:hover {
    background: #2C7C91;
    color: #ffffff;
}

.mejs-controls .mejs-sourcechooser-button {
    position: relative;
}

.mejs-controls .mejs-sourcechooser-button button {
    background-position: -128px 0;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
    visibility: hidden;
    position: absolute;
    bottom: 26px;
    right: -10px;
    width: 130px;
    height: 100px;
    background: rgba(50, 50, 50, 0.7);
    border: solid 1px transparent;
    padding: 10px;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none!important;
    overflow: hidden;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
    margin: 0 0 6px;
    padding: 0;
    list-style-type: none!important;
    display: block;
    color: #fff;
    overflow: hidden;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
    width: 100px;
    float: left;
    padding: 4px 0 0;
    line-height: 15px;
    font-family: helvetica, arial;
    font-size: 10px;
}

.mejs-postroll-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(50, 50, 50, 0.7);
    z-index: 1000;
    overflow: hidden;
}

.mejs-postroll-layer-content {
    width: 100%;
    height: 100%;
}

.mejs-postroll-close {
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(50, 50, 50, 0.7);
    color: #fff;
    padding: 4px;
    z-index: 100;
    cursor: pointer;
}

div.mejs-speed-button {
    width: 46px!important;
    position: relative;
}

.mejs-controls .mejs-button.mejs-speed-button button {
    background: transparent;
    width: 36px;
    font-size: 11px;
    line-height: normal;
    color: #ffffff;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector {
    display: none;
    position: absolute;
    top: -100px;
    left: -10px;
    width: 60px;
    height: 100px;
    background: rgba(50, 50, 50, 0.7);
    border: solid 1px transparent;
    padding: 0;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.mejs-controls .mejs-speed-button:hover>.mejs-speed-selector {
    display: block;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected {
    color: #21f8f8;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none!important;
    overflow: hidden;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li {
    margin: 0 0 6px;
    padding: 0 10px;
    list-style-type: none!important;
    display: block;
    color: #fff;
    overflow: hidden;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px;
    display: none;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label {
    width: 60px;
    float: left;
    padding: 4px 0 0;
    line-height: 15px;
    font-family: helvetica, arial;
    font-size: 11.5px;
    color: #fff;
    margin-left: 5px;
    cursor: pointer;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover {
    background-color: #c8c8c8!important;
    background-color: rgba(255, 255, 255, 0.4) !important;
}

.mejs-controls .mejs-button.mejs-jump-forward-button {
    background-position: 3px 3px;
}

.mejs-controls .mejs-button.mejs-jump-forward-button button {
    background: transparent;
    font-size: 9px;
    line-height: normal;
    color: #ffffff;
}

.mejs-controls .mejs-button.mejs-skip-back-button {
    background-position: 3px 3px;
}

.mejs-controls .mejs-button.mejs-skip-back-button button {
    background: transparent;
    font-size: 9px;
    line-height: normal;
    color: #ffffff;
}


/*HP xmas*/

._xmas1:before {
    content: '';
    display: block;
    background: transparent url(../images/xmas-01-top.png) top center no-repeat;
    width: 100%;
    height: 31px;
    margin-bottom: 20px;
}

._xmas1:after {
    content: '';
    display: block;
    background: transparent url(../images/xmas-01-bottom.png) bottom center no-repeat;
    width: 100%;
    height: 31px;
    margin-top: 20px
}

._xmas2Date {
    color: #fece7c;
    font-size: 1.8vw;
    margin-top: 15px;
}


/*._xmas2Date:before { content:''; display:inline-block; background: transparent url(../images/xmas-02-left.png) top center no-repeat; width:63px; height:25px; padding-right:40px; }
._xmas2Date:after { content:''; display:inline-block; background: transparent url(../images/xmas-02-right.png) top center no-repeat; width:63px; height:25px; padding-left:40px; }*/

._xmas3:before {
    content: '';
    display: block;
    background: transparent url(../images/xmas-03-top-right.png) top right no-repeat;
    width: 65px;
    height: 75px;
    position: absolute;
    top: -55px;
    right: -55px;
}

._xmas3:after {
    content: '';
    display: block;
    background: transparent url(../images/xmas-03-bottom-left.png) bottom left no-repeat;
    width: 55px;
    height: 39px;
    position: absolute;
    left: -50px;
}

._xmas4:before {
    content: '';
    display: block;
    background: transparent url(../images/xmas-04.png) top center no-repeat;
    width: 100%;
    height: 26px;
    margin-bottom: 15px;
}

._xmas4:after {
    content: '';
    display: block;
    background: transparent url(../images/xmas-04.png) bottom center no-repeat;
    width: 100%;
    height: 26px;
    margin-top: 15px
}

._xmas5:before {
    content: '';
    display: block;
    background: transparent url(../images/xmas-05-top-right.png) top right no-repeat;
    width: 100%;
    height: 26px;
    margin-bottom: 15px;
}

._xmas5:after {
    content: '';
    display: block;
    background: transparent url(../images/xmas-05-bottom-left.png) bottom left no-repeat;
    width: 100%;
    height: 44px;
    margin-top: 15px
}

@media only screen and (max-width: 767px) {
    ._xmas2Date {
        font-size: 5.6vw;
    }
}

/* ANIMATION RUNNER HOME */
.flexitem-three a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: hidden
}

.flexitem-three a:before {
	position:absolute;
}
	
.flexitem-three a:after {
	content: "";
	width: 273px;
	height: 383px;
	display: block;
	background: transparent url(../images/sprite_runner2.png) no-repeat 0 0;
	-webkit-animation: animationRunnerV 1s steps(5) infinite, animationRunnerH .2s steps(6) infinite;
	animation: animationRunnerV 1s steps(5) infinite, animationRunnerH .2s steps(6) infinite
}

@-webkit-keyframes animationRunnerV {
	0% {
		background-position-y: 0
	}
	100% {
		background-position-y: -1915px
	}
}

@keyframes animationRunnerV {
	0% {
		background-position-y: 0
	}
	100% {
		background-position-y: -1915px
	}
}

@-webkit-keyframes animationRunnerH {
	0% {
		background-position-x: 0
	}
	100% {
		background-position-x: -1638px
	}
}

@keyframes animationRunnerH {
	0% {
		background-position-x: 0
	}
	100% {
		background-position-x: -1638px
	}
}