/* == DIS/PLAY STYLE =======================================================
    Author's name: Nicolaj Lund Nielsen
    Modified by:
    Client name: Leo Pharma
   ========================================================================== */

@font-face {
    font-family: 'gilroy_officeregular';
    src: url('/font/academy_sans_playtype-webfont.eot');
    src: url('/font/academy_sans_playtype-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/academy_sans_playtype-webfont.woff') format('woff'),
         url('font/academy_sans_playtype-webfont.ttf') format('truetype'),
         url('font/academy_sans_playtype-webfont.svg#gilroy_officeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gilroy_officebold';
    src: url('font/academy_sans-bold_playtype-webfont.eot');
    src: url('font/academy_sans-bold_playtype-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/academy_sans-bold_playtype-webfont.woff') format('woff'),
         url('font/academy_sans-bold_playtype-webfont.ttf') format('truetype'),
         url('font/academy_sans-bold_playtype-webfont.svg#gilroy_officebold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AcademySansStencilLight';
    src: url('font/academy_sans_stencil-light_playtype-webfont.eot');
    src: url('font/academy_sans_stencil-light_playtype-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/academy_sans_stencil-light_playtype-webfont.woff') format('woff'),
         url('font/academy_sans_stencil-light_playtype-webfont.ttf') format('truetype'),
         url('font/academy_sans_stencil-light_playtype-webfont.svg#AcademySansStencilLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ventiquattroregular';
    src: url('font/ventiquattro_playtype-webfont.eot');
    src: url('font/ventiquattro_playtype-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/ventiquattro_playtype-webfont.woff') format('woff'),
         url('font/ventiquattro_playtype-webfont.ttf') format('truetype'),
         url('font/ventiquattro_playtype-webfont.svg#ventiquattroregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ventiquattrobold';
    src: url('font/ventiquattro-bold-webfont.eot');
    src: url('font/ventiquattro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/ventiquattro-bold-webfont.woff') format('woff'),
         url('font/ventiquattro-bold-webfont.ttf') format('truetype'),
         url('font/ventiquattro-bold-webfont.svg#ventiquattrobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ventiquattroitalic';
    src: url('font/ventiquattro-italic_playtype-webfont.eot');
    src: url('font/ventiquattro-italic_playtype-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/ventiquattro-italic_playtype-webfont.woff') format('woff'),
         url('font/ventiquattro-italic_playtype-webfont.ttf') format('truetype'),
         url('font/ventiquattro-italic_playtype-webfont.svg#ventiquattroitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* New font added for the temporary state between now (june 2019) and new site launch */
@font-face {
    font-family: 'gilroy_officebold';
    src: url('font/gilroyoffice-bold.eot');
    src: url('font/gilroyoffice-bold.eot?#iefix') format('embedded-opentype'),
         url('font/gilroyoffice-bold.woff2') format('woff2'),
         url('font/gilroyoffice-bold.woff') format('woff'),
         url('font/gilroyoffice-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gilroy_officeregular';
    src: url('font/gilroyoffice-regular.eot');
    src: url('font/gilroyoffice-regular.eot?#iefix') format('embedded-opentype'),
         url('font/gilroyoffice-regular.woff2') format('woff2'),
         url('font/gilroyoffice-regular.woff') format('woff'),
         url('font/gilroyoffice-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

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

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

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

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

::selection {
    background: #b3d4fc;
    text-shadow: none;
}
input::-webkit-input-placeholder {
    color:    #999;
}
input:-moz-placeholder {
    color:    #999;
}
input:-ms-input-placeholder {
    color:    #999;
}

hr {
    display: none;
    height: 1px;
    border: 0;
    border-top: 1px solid #b1aeac;
    margin: 1.6em 1% 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

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

textarea {
    resize: vertical;
}

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


/* ===== DIS/PLAY Styles ==================================================
   Author: Nicolaj Lund Nielsen / Martin Hintzman
   ========================================================================== */

body {
    font: 12px/20px Arial, Helvetica, Helvetica Neue;
    /*background:#fff;*/
    background: #204131;
    color:#fff;
    line-height:1.4em;
}

/* Responsive test object */
#pageWidth {
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:150px;
    padding:0.4em;
    background:#333;
    z-index:100;
}

/*  Fonts  */

h1 {
    font-family: 'gilroy_officebold', Georgia, serif !important;
    font-size:3em;
    font-weight:normal;
    font-style:normal;
    line-height:1em;
    margin-top:0.8em;
}

h2 {
    font-family: 'gilroy_officebold', Georgia, serif;
    font-size:2em;
    font-weight:normal;
    font-style:normal;
    line-height:1em;
}

h3 {
    /*font-family: 'gilroy_officebold', Arial, Helvetica, sans-serif;*/
    font-family: 'gilroy_officebold', Georgia, serif;
    font-size:1.833em;
    font-weight:normal;
    font-style:normal;
    line-height:1em;
}

h3 a {
    font-family: 'gilroy_officebold', Arial, Helvetica, sans-serif;
}

a {
	color:#333;
    text-decoration:none;
    -webkit-transition: all 0.1s ease-out;
}

p a, #main ul a {
    text-decoration: underline;
    position: relative;
    padding: .5em;
    margin: -.5em;
}

sup.mc { font-size:65%; }

a:hover, a:focus {
/*    color:#a3846d;*/
    color: #204131;
}

.wrapper {
    position:relative;
}

.page-width {
	max-width:984px;
	margin:0 auto;
	clear:both;
	position: relative;
}
.ribbon-head {
	position: relative;
	clear:both;
    /*background: url(img/brunt-baand.png) repeat-y center top; !* fade-line-skin.png *!*/
    background-color: #204131;
}
.ribbon-main {
	position: relative;
	clear:both;
    /*background: url(img/hvidt-baand.png) repeat-y center top; !* fade-line-skin.png *!*/
	color:#000;
    background: #f5f3ef;
}
.ribbon-foot {
	position: relative;
	clear:both;
	background:#e2b593;
}

/*  Flexiable images  */
.overflow {
	overflow:hidden;
	margin:0;
	padding:0;
}
.width {
	width:100%;
	height:auto;
	margin:1% 0;
}
.max-width {
	max-width:100%;
	height:auto;
}

.image-link {
    display:block;
}

object {
    display:none;
}

.newsedit .heading {
	font-family: 'gilroy_officebold', Georgia, serif;
	font-size:26px;
  	line-height:30px;
}
.newstext p {
  margin:0 0 10px;
}

/*  Decoration  */
#logo {
	display:block;
	position:absolute;
    width:65px;
    height:62px;
	top:25px;
    left:2.4%;
}

    #logo img {
        width:100%;
    }
.top-border,.footer-border {
	clear:both;
	position:absolute;
	background:#deb392;
	height:10px;
    width:94%;
	margin:0 3%;
	z-index:100;
    display: none;
}
.top-border {
    top:86px;
}
.footer-border {
    top:-10px;
}
/*  Left-menu  */
.nav-section {
    width:100%;
    font-size:1.333em;
    line-height:1.663;
}

#toggleMenu {
	margin:10px 3% 42px 0;
	float:right;
}

#brow { background:#ffffff; padding:4px 0; }
#brow .page-width { overflow:hidden; }
#brow .language-button { background:#005db3; color:#ffffff; font-size:13px; font-family:gilroy_officeregular; display:block; float:right; margin-left:10px; padding:4px 10px; }
#top-utility-menu { float:right; }
#top-utility-menu ul { font-size:13px; font-family:gilroy_officeregular; line-height:28px; margin:0; overflow:hidden; padding:0; }
#top-utility-menu li { float:left; margin:0 10px; }
#top-utility-menu a { text-decoration:underline; }
#top-utility-menu ul ul { display:none; }

.timeline-table { }
.timeline-table tr td { padding:10px; }
.timeline-table tr td:first-child { border-right:1px solid #b7b7b7; }
.timeline-table tr td.image, .timeline-table tr td:last-child { border-top:1px solid #b7b7b7; }

#leo-footer {
    float:left;
    width:108px;
    height:53px;
    margin-right:2.6em;
    display: none;
}

#logo-footer {
    display:none;
}

.nav-footer {
    font-family: 'gilroy_officeregular', Arial, Helvetica, sans-serif;
	float:left;
	margin:1em 0 1.3em 0;
    clear:left;
}
    .fontface .nav-footer {
        font-size:1.6667em;
    }
    .nav-footer > ul {
	    margin:0;
	    padding:0;
    }
        .nav-footer > ul > li {
            line-height:1.4em;
	        display:inline-block;
            position:relative;
        }
            .nav-footer > ul > li > a {
                padding: 0 .5em 0 0;
	            margin:0 .5em 0 0;
	            text-decoration:none;
            }
            .nav-footer > ul > li:last-child > a {
                padding:0;
                margin:0;
            }
            .nav-footer > ul > li > a:hover,
            .nav-footer > ul > li > a:focus {
                color:#fff;
            }
                .nav-footer > ul > li > a:after {
                    content:'|';
                    color:#fff;
                    position:absolute;
                    right:0.15em;
                    top:-1px;
                }
                .nav-footer > ul > li:last-child > a:after {
                    content:'';
                }
.footer-container {
    min-height:140px;
    /*background:#c7beb8 url(img/footer-baand.png) no-repeat center top; !* footer-tile.png *!*/
    background: #204131;
}
    .footer-container.page {
         margin-bottom:0;
    }
.footer-container,
.footer-container a {
    color:#fff;
}
.footer-container .address {
    padding:1em 0 0 0;
    clear:both;
}
    .footer-container .address div{
        text-align:left !important;
        margin-bottom:.8em;
    }
    .footer-container .address small {
            font-size:100%;
        }
    .footer-container .address span{
        display:block;
    }


/*	Breadcrumb  */
.breadcrumb	{
    display:none; /* DESIGN: HIDDEN BREADCRUMB */
	clear:both;
}
.breadcrumb ol {
	overflow:hidden;
	padding:0;
	margin:0 0 1em 0;
}
.breadcrumb	li {
	float:left;
}
.breadcrumb li a:before {
	float:left;
	content:">";
	color:#666;
	padding:0 .5em;
}
.breadcrumb li:first-child a:before {
	content:"";
	padding:0;
}
.breadcrumb a.last-child {
	color:#666;
}
.header-container .breadcrumb {
	margin:1em 0;
}
.breadcrumb {
	display:none;
}

/*	Title  */
.title {
	margin:.2em 0;
	float:left;
}

/*	Search  */
	#search {
		margin:1em 1em 1em 3%;
        display:none;
	}
    #search input[type="search"]{
		height:22px;
        width:94%;
        -webkit-appearance: none;
        border:0;
        padding:.3em .8em;
        background:#fff url(img/search-loop.png) no-repeat 98% 54%;
	}

    #search input[type="search"]::placeholder {
        color: #fff;
    }

/* ==============
    BOXES: Main
   ============== */

[class*="box"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.top-image {
    width:94%;
    margin: 1em 3% 0;
}
    .top-image img {
        width:100%;
        margin:0;
    }
.box {
    margin: 0 3%;
    width:94%;
    display:inline-block;
    vertical-align:top;
    margin-top:2em;
    font-size:12px;
    border-top:1px solid #bebebe;
}
    .box img {
        width:100%;
        height:auto;
        margin-bottom:1px;
    }

.box-group {
    border-top: 1px solid #b3aeac;
    margin-top:0.5em;
}
    .box-group:first-child {
        border-top: 0;
    }
    .box-group h3 {
        margin:1em 0 .6em 0;
    }
.newslist {
    display:inline-table;
    border-spacing:0;
    border-collapse:collapse;
    vertical-align:top;
}

    .newslist div.items {
        display:table;
    }

.newslist div.item {
    display:table-row;
    border-bottom:.5em solid transparent;
}
    .newslist span, .newslist a {
        display:table-cell;
        width:62%;
    }
    .newslist .date {
        width:22%;
    }

    .box .newslist .date {
        width:32%;
    }

.box.headline {
    padding-bottom:0;
    margin-bottom:0;
    border:0;
}
    .box.headline img {
        margin-top:2em;
    }

.box.headline h3 {
    font-family: 'gilroy_officebold', Georgia;
    font-size:2.167em;
    line-height:1.15em;
    margin-top:0.85em;
}

.box.headline h3 i{
    font-family: 'gilroy_officeregular', Georgia;
}

/* td dates on jobs page */

td.date{
   width:18%;
   vertical-align:top;
}

/* ==============
    MOBILE: Main
   ============== */

.header-container {
    height:auto;
    background: #204131;
}

/* inline-block space fix */
aside {
    font-size:0;
}
#main,
.main-container aside {
    width:100%;
}

.box #rigth-column img,
.box #right-column img {
    display:block;
}
    #main > header,
    #main > section,
    #main-article > header,
    #main-article > section {
        width:94%;
        margin:0 3%;
    }

#main img {
    max-width:100%;
    height: auto !important;
    margin-bottom: 1px;
}
    #main table {
        width:100% !important;
        height: auto !important;
        margin-bottom: 1px;
        border-color:#333;
    }

#headliner {
    position:relative;
    overflow:hidden;
    width:94%;
    height:auto;
    margin:0 3%;
    padding:2.4em 0 3em;
    display: none;
}
    #headliner .items {
        width:100%;
        position:relative;
    }
        #headliner .items div{
            float:left;
            display:none;
            width:100%;
        }
            #headliner .items div a {
                text-decoration:none;
                display:block;
            }
            #headliner .items div:first-child {
                display:block;
            }

#headliner h2{
    font-family: 'gilroy_officeregular', Georgia;
    font-size:2.8em;
    line-height:1em;
    color:#000;
    margin:0;
    font-weight: normal;
    font-style: normal;
}

#headliner .items a,
#headliner .items h1,
#headliner .items h2,
#headliner .items h3,
#headliner .items h4,
#headliner .items h5,
#headliner .items h6,
#headliner .items p {
    color: #fff;
}

.no-fontface #headliner h2 {
    font-size:2.3em;
}
    #headliner h2 b{
        font-family: 'gilroy_officebold', Georgia, serif;
        font-weight: normal;
        font-style: normal;
    }
    .no-fontface #headliner h2 b {
        font-weight: bold;
    }
#headliner .pager { bottom:36px; left:0; position:absolute; right:0; text-align:center; }
#headliner .pager a { background:transparent; border:1px solid #000000; -webkit-border-radius: 5px; border-radius: 5px; display:inline-block; height:8px; margin:0 3px; overflow:hidden; text-indent:100%; white-space:nowrap; width:8px; }
#headliner .pager a.active { background:#000000; }

.ribbon-head .prev,
.ribbon-head .next {
    display:none;
}

.main-container {
    padding-bottom:3em;
}

.main-container aside {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin:0 0 1.6em 0;
}

    .main-container aside h2,
    .main-container aside h3 {
        margin-top:1em;
    }

#main aside {
    width:100%;
    margin:0;
    padding:0 0 1.6em 0;
    margin-top:1.6em;
}
    #main aside hr{
            display:block;
            margin:12px 3% 0 3%;
        }
    #main aside.rel-links .box {
        padding:1em;
        background:#bcbcbc;
    }
    #main aside.rel-links .box ul {
        padding-left:0;
        list-style:inside;
    }
    #main aside.rel-articles .box{
        padding-top:1.6em;
    }
        #main aside.rel-articles .box h3 {
            margin:.4em 0 0 0;
        }

    #main h2 {
        margin-bottom:.3em;
    }

    #main header {
        padding-bottom:0;
    }
        #main header p.intro,
        #main header span.text2 {
            font-size:1.333em;
            line-height:1.4em;
            padding-bottom:.8em;
            display:block;
        }
        #main header figure {
            padding-bottom:1em;
        }

.footer-container .address span {
	margin:0 1em .2em 0;
	white-space:nowrap;
	display:block;
}

.footer-container .address span span {
  display:inline;
}
.footer-container .address span span.fr { display:none; }
body.lang-fr .footer-container .address span span.fr { display:inline; }
body.lang-fr .footer-container .address span span.en { display:none; }

.footer-container .address-block {
  width:170px;
  padding-right:20px;
  float:left;
}

.footer-container .address .address-contact-number { margin-top:1.5em; }

.approval-number {
  clear:both;
  color:#888;
}

.footer-container .approval-number br { display:block; }
#footer-info {
    width:94%;
    margin:0 3%;
    padding-top:0.6em;
    padding-bottom:1em;
}

#btnMenu {
	display:none;
}

#main .short-info {
    margin:0.5em 0 0 0;
    color:#646464;
}
    #main .short-info p {
           margin:0;
           font-size:1em;
           line-height:1.1em;
    }
    #main .short-info.text {
        font-style:italic;
    }

/* Picture hover-effects */
.color-hover {
    display:block;
  overflow:hidden;
}
.no-touch .color-hover .color,
.touch .color-hover .desat {
    display:none;
}
.touch .color-hover .color {
    display:block;
}

.no-touch .color-hover:hover .color,
.no-touch .color-hover:focus .color {
    display:block;
}
.no-touch .color-hover:hover .desat,
.no-touch .color-hover:focus .desat {
    display:none;
}

.desat-hover {
	position:relative;
	display:block;
}
.desat-hover .desat {
	position:absolute;
	top:0; left:0;
	width:100%;
}
.desat-hover .color {
	position:relative;
	z-index:1;
	opacity:1;
	will-change:opacity;
	transition:0.3s opacity ease;
}
.desat-hover:hover .color { opacity:0; }

#share {
    margin:15px 0 0 -15px;
}

    #share a {
        display: inline-block;
        padding:0 10px 0 12px;
        margin-left:-1px;
    }

        #share a:last-child {
            padding-right:0;
        }

    #share a i {
        width: 27px;
        height: 27px;
        display: block;
        background-repeat:no-repeat;
        background-image:url(img/share-sprite.png);
        background-position: 0 -33px;
    }

        #share a:focus i, #share a:hover i {
            background-position: 0 0;
        }

        #share a.facebook i {
            background-position-x: 0;
        }
		#share a.facebook.no-rollover i {
            background-position: 0 0;
        }

        #share a.twitter i {
            background-position: -45px -33px;
        }
        #share a.twitter:focus i, #share a.twitter:hover i {
            background-position: -45px 0;
        }
		#share a.twitter.no-rollover i {
            background-position: -45px 0;
        }

        #share a.linkedin i {
            background-position: -97px -33px;
        }
        #share a.linkedin:focus i, #share a.linkedin:hover i {
            background-position: -97px 0;
        }

        #share a.youtube i {
            background-position: -148px -33px;
        }
        #share a.youtube:focus i, #share a.youtube:hover i {
            background-position: -148px 0;
        }
		#share a.youtube.no-rollover i, #share a.youtube.no-rollover i {
            background-position: -148px 0;
        }

        #share a.googleplus i {
            background-position: -200px -33px;
        }
        #share a.googleplus:focus i, #share a.googleplus:hover i {
            background-position: -200px 0;
        }

        #share a.instagram i {
            background-position: -250px -33px;
        }
        #share a.instagram:focus i, #share a.instagram:hover i {
            background-position: -250px 0;
        }

        #share a.vk i {
            background-position: -300px -33px;
            width: 34px;
        }
        #share a.vk:focus i, #share a.vk:hover i {
            background-position: -300px 0;
        }

        #share a.blog i {
            background-position: -356px -33px;
        }
        #share a.blog:focus i, #share a.blog:hover i {
            background-position: -356px 0;
        }

        #share a + a {
            border-left: 1px solid #8f8e8e;
        }

#share-top {
  float:right;
    margin:0;
}

    #share-top a {
        display: inline-block;
        padding:0 5px 0 5px;
        margin-left:-1px;
    }

        #share-top a:last-child {
            padding-right:0;
        }

    #share-top a i {
        width: 24px;
        height: 24px;
        display: block;
        background-repeat:no-repeat;
        background-image:url(img/share-sprite-small.png);
        background-position: 0 -26px;
    }

        #share-top a:focus i, #share-top a:hover i {
            background-position: 0 0;
        }

        #share-top a.facebook i {
            background-position: 2px -26px;
        }
        #share-top a.facebook:focus i, #share-top a.facebook:hover i {
            background-position: 2px 0;
        }

        #share-top a.twitter i {
            background-position: -34px -26px;
        }
        #share-top a.twitter:focus i, #share-top a.twitter:hover i {
            background-position: -34px 0;
        }

        #share-top a.linkedin i {
            background-position: -77px -26px;
        }
        #share-top a.linkedin:focus i, #share-top a.linkedin:hover i {
            background-position: -77px 0;
        }

        #share-top a.youtube i {
            background-position: -118px -26px;
        }
        #share-top a.youtube:focus i, #share-top a.youtube:hover i {
            background-position: -118px 0;
        }

        #share-top a.googleplus i {
            background-position: -159px -26px;
        }
        #share-top a.googleplus:focus i, #share-top a.googleplus:hover i {
            background-position: -159px 0;
        }

        #share-top a.instagram i {
            background-position: -199px -26px;
        }
        #share-top a.instagram:focus i, #share-top a.instagram:hover i {
            background-position: -199px 0;
        }

        #share-top a.vk i {
            background-position: -300px -26px;
            width: 34px;
        }
        #share-top a.vk:focus i, #share-top a.vk:hover i {
            background-position: -300px 0;
        }

        #share-top a.blog i {
            background-position: -356px -26px;
        }
        #share-top a.blog:focus i, #share-top a.blog:hover i {
            background-position: -356px 0;
        }


@media only screen and (min-width: 17.5em) { /* > 280px */
    .box .newslist .date {
        width:26%;
    }

    .nav-lang {
        text-align: right;
        padding: 10px 17px;
    }

    .ribbon-head .nav-lang{
        display:none;
    }
}

@media only screen and (min-width: 30em) { /* > 480px */
   /*	Search  */
	#search {
		margin:1em 1em 1em 3%;
	}
        #search input[type="search"]{
		    height:22px;
            width:50%;
            -webkit-appearance: none;
            border:0;
            padding:.3em .8em;
            background:#fff url(img/search-loop.png) no-repeat 98% 54%;
	    }
    #headliner h2 {
        font-size:3.2em;
    }

    #toggleMenu {
		margin:10px 2% 42px 0;
	}
    .top-border, .footer-border {
        width:96%;
        margin:0 2%;
    }
    .fontface .nav-footer {
        clear:none;
    }
    .footer-container .address span {
        margin-bottom:.4em;
	    display:inline-block;
    }
}

@media only screen and (min-width: 41.875em) { /* > 670px */
    #logo-footer {
        /*display: block;*/
        float:right;
        /*margin-top:1em;*/
    }
    #headliner h2 {
        font-size:3.6em;
    }
    .box #rigth-column img,
    .box #right-column img {
    display:block;
    }
}

@media only screen and (max-width: 47.9375em) { /* < 767px */

	/* ==============
    	MOBILE: Menu
   	============== */

		#menu {
            font-family:Arial, Helvetica, sans-serif;
		}
		#menu ul {
			margin:0;
			padding:0;
			list-style:none;
		}
		#menu li {
			margin:0;
			padding:0;
		}
		#menu a {
			display:block;
			text-decoration:none;
			padding:.5em 1em;
            font-size:1.166em;
		}
		#menu a.inpath,
		#menu a.selected {
			font-weight: bold;
		}

	/* niveau 1 */
		#menu > ul > li > a {
			background:#204131;
			color:#fff;
            font-size:1.5em;
            padding:0.6em 1em;
			border-top:1px solid #000;
		}
            #menu > ul > li.last > a {
                border-bottom:0;
            }

            #menu > ul > li:last-child > a {
                border-bottom:1px solid #000;
            }
		#menu > ul > li > a:after {
			font-size:.75em;
			content:"►";
			color:#fff;
			float:right;
		}
		#menu > ul > li.inpath > a:after {
			content:"▼";
		}

        #menu > ul li.inpath > a {
            font-weight:bold;
        }

		#menu > ul li.inpath > a:before {
            position:relative;
			padding:.2em .2em .2em 0;
			line-height:1em;
			vertical-align: middle;
            position:relative;
            color:#fff;
            font-size:.6em;
            float:left;
            content:"►";
            margin-left:-1.6em;
		}

            #menu > ul > li.inpath > a:before {
                content:"";
                font-weight: normal;
            }
            #menu > ul > li.inpath > a {
                font-weight: normal;
            }
	/* niveau 2 */
        #menu > ul > li ul {
            display:none;
        }
        #menu > ul li.inpath > ul
         {
            display:block;
        }

        #menu > ul > li > ul {
            background:#68a17c;
            padding:0.4em 0;
        }
		#menu > ul > li > ul > li > a {
			padding-left:2em;
			color:#272422;
            line-height:1em;
		}

	/* niveau 3 */
		#menu > ul > li > ul > li > ul {
            background:#204131;
            padding:0.4em 0;
		}
		#menu > ul > li > ul > li > ul > li > a {
			padding-left:3em;
			color:#fff;
            line-height:1em;
		}
		#menu > ul > li > ul > li > ul > li > a.inpath,
		#menu > ul > li > ul > li > ul > li > a.selected { }

	/* niveau 4 */
		#menu > ul > li > ul > li > ul > li > ul {
            background:#68a17c;
            padding:0.4em 0;
		}
		#menu > ul > li > ul > li > ul > li > ul > li > a {
			padding-left:4em;
			color:#272422;
            line-height:1em;
		}
		#menu > ul > li > ul > li > ul > li > ul > li > a.inpath,
		#menu > ul > li > ul > li > ul > li > ul > li > a.selected { }
	/*
		btnMenu
	*/

	#btnMenu {
		display:block;
		font-size:1.75em;
		padding:0 .33em .1em .33em;
		text-align:center;
		font-weight:400;
		cursor:pointer;
		border:0 solid rgba(0,0,0,0.2);
        min-height:44px;
        min-width:44px;
		color:#000;
		background:#8b8b8b;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

		}
	#btnMenu:focus,
	#btnMenu:hover {
		color:#fff;
		outline:none;
	}
	/*	navigation	*/

	#navigation #menu {
		margin:0;
		max-height:0;
		overflow:hidden;
		clear:both;
		background:#204131;
		-webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
		   -moz-transition: all 0.3s ease-out;  /* FF4+ */
		    -ms-transition: all 0.3s ease-out;  /* IE10 */
		     -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
		        transition: all 0.3s ease-out;
	}
	#navigation #menu.open {
		max-height:2000px;
		display:block;
	}

	.nav-section {
		display:none;
	}
    .nav-lang a.selected { color: #000; text-decoration:underline; }
}

@media only screen and (min-width: 48em) { /* > 768px */


   body {
   	    /*background:#fff url(img/cropping_LEO_pic4.jpg) no-repeat top center;*/
       background: #204131;
   }
  body.v4 {
    background-image:url(img/home-carousel-cropped.jpg);
  }

   h1 {
        font-size:3em;
        margin:0 0 .65em 0;
    }

   .nav-lang{
       text-align:left;
       padding:0;
   }

    .page {
		margin:0 auto 1em auto;
    }

	header .top-border  {
        display: block;
		position: absolute;
        background-color: transparent;
        right: 0;
        left: auto;
        width: 150px;
        height: 45px;
        top: 52px;
        background-image: url(img/LEO-Pharma-tagline-RGB-White.png);
	}

    .footer-border {
        height:14px;
        top:-14px;
        width:56%;
        margin:0 0 0 1%;
    }

    .ribbon-main {
        /*margin-top:1em;*/
        padding-top:1em;
    }
    /*  Frontpage Slider  */
    #headliner {
        width:98%;
        margin:0 1%;
    }

    .no-touch #headliner {
        position:relative;
        overflow:hidden;
        width:58em;
        height:14em;
        margin:0 auto;
        padding:2.4em 0 3em;
    }

        #headliner .items div a:hover h2, #headliner .items div a:focus h2{
            color:#68a17c;
        }

    .no-touch #headliner .items {
        width:30000em;
        position:absolute;
    }

        .no-touch #headliner .items div {
            display:block;
            width:58em;
        }

    #headliner h2 {
        font-size:3.4em;
    }

    .no-touch .ribbon-head .prev {
        display:none;
        position:absolute;
        top:40%;
        left:2%;
        width:36px;
        height:92px;
        cursor:pointer;
        background:url(img/arrows.png) no-repeat 0% 0%;
    }

    .no-touch .ribbon-head .next {
        display:none;
        position:absolute;
        top:40%;
        right:2%;
        width:36px;
        height:92px;
        cursor:pointer;
        background:url(img/arrows.png) no-repeat -56px 0%;
    }

    .ribbon-head {
        min-height:6.667em;
    }

    .ribbon-head .prev.disabled,
    .ribbon-head .next.disabled {
        display:none;
    }

    .header-container {
        min-height:214px;
    }

    /* Section page top image */
    .top-image {
        width:98%;
        margin: 1em 1% 0;
    }

    object {
        display:block;
    }

    /*  Boxes  */

    .box {
        margin: 0 1%;
        width: 47.6%;
        padding:0;
        border:0;
    }
        .box.headline h3,
        .box.headline h2
         {
            font-size: 2.8em;
            }
            .box.headline h3 h2 {
                font-size:1em;
            }

     #main aside.rel-articles .box{
        padding:1em 0 0.5em;
        border-top:1px solid #bebebe;
        border-bottom:1px solid #bebebe;
    }

/* ============
    WIDE: Menu
   ============ */
    #menu {
    }
    #logo {
        top: 28px;
        width: 90px;
        height: auto;
        left: .5%;
    }

/* ============
    WIDE: Main
   ============ */

	#search {
        position: absolute;
        display: block;
        top: -4.5em;
        right: 0;
        margin-top: 0em;
        margin-left: .5em;
        margin-bottom: 1em;
	}
  	body.v4 #search {
    	float:right;
    	margin:0 0 0 10px;
    	position:relative;
    	top:auto;
    	right:auto;
  	}
	#search input[type=search] {
        margin-top: 20px;
        width: 6em;
        -webkit-appearance: none;
        border: 0;
        padding: .3em 0.6em;
        height: 20px;
        color: #fff;
        background: #204131 url(img/search-loop.png) no-repeat 98% 54%;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
	}
	#search input[type=search]:focus {
		width:19em;
	}
  	body.v4 #search input[type=search] {
    	background:#ffffff url(img/icon-search.png) no-repeat 2px;
    	border-bottom:1px solid #000000;
    	color:#000000;
    	padding:0.3em 0 0.6em 24px;
    	-webkit-box-shadow: none;
    	box-shadow: none;
  	}
    body.v4.lang-fr #search input[type=search] {
    	width:14em;
  	}
	body.v4.lang-fr #search input[type=search]:focus {
		width:16em;
	}

	.main .breadcrumb {
		display:block;
	}

/*	Navigation main  */

	#menu {
        font-family: 'gilroy_officeregular', Arial, Helvetica, sans-serif;
        text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        font-style: normal;
        width:100%;
        margin:0;
		clear:both;
	}
	#menu > ul {
		overflow:hidden;
		position:relative;
		margin:1.2em 0 0 0;
        font-size:1.35em;
		padding:0;
		display:inline-block;
		width:100%;
	}
	#menu > ul > li {
		float:left;
		display:block;
        margin-top:0.2em;
	}

    #menu > ul > li > a {
		display:block;
        position:relative;
		text-align:left;
		margin:0 .5em 0 .5em;
		text-decoration:none;
		/*border-left:1px solid #fff;*/
		text-shadow:0 1px 0 rgba(0,0,0,0.15);
		color:#fff;
		line-height:1.2em;
        height:2.6em;
	}

        #menu > ul > li > a:before {
            content:'|';
            color:#fff;
            position:absolute;
            font-weight:normal;
            left:-.85em;
            top:-1px;
        }
        #menu > ul > li:first-child > a:before {
            content:'';
        }

    /*#menu > ul > li:first-child > a {
		border-left:0;
        padding:0;
        margin:0;
	}

    #menu > ul > li:first-child > a {
		border-left:0;
        padding:0;
        margin:0;
	}*/
	#menu > ul > li > a:focus,
	#menu > ul > li > a:hover {
        color:#68a17c;
	}
    #menu > ul > li.inpath a:after,
    #menu > ul > li.inpath a:hover:after,
    #menu > ul > li.inpath a:focus:after,
    #menu > ul > li.selected a:after,
    #menu > ul > li.selected a:hover:after,
    #menu > ul > li.selected a:focus:after {
        /*background:url(img/dot.png) no-repeat 50% 26px;*/
        content: '';
        width: 10px;
        height: 10px;
        border-radius: 10px;
        background: #68a17c;
        position: absolute;
        bottom: 13px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

	#menu ul ul {
		display:none;
	}

/*	Navigation section  */
    .nav-lang {
        color:#fff;
        font-size: 14px;
    }
    .nav-lang a {
        vertical-align: middle;
        color: #C7C7C7;
    }
    .nav-lang a.selected { color: #fff; text-decoration:underline; }

	.nav-section {
		width:23%;
        margin:1.6em 1% 0 1%;
		float:left;
	}
	.nav-section ul {
        font-family: 'gilroy_officeregular', Arial, Helvetica, sans-serif;
		margin:0;
		padding:0;
	}
	.nav-section > ul > li {
        line-height:1.35em;
	}
	.nav-section a:focus,
	.nav-section a:hover {
		color:#68a17c;
	}

	.nav-section ul ul {
		padding:0 0 0 1.6em;
        display:none;
	}

    .nav-section ul li.inpath > ul {
        display:block;
	}

        .nav-section ul li.inpath > a {
            color: #68a17c;
            padding-bottom: 0.2em;
            font-family: 'gilroy_officebold', Arial, Helvetica, sans-serif;
        }

        .nav-section ul li ul {
            font-size:0.875em;
            padding-top:0.2em;
            padding-bottom:0.2em;
            margin:.25em 0;
            border-top:1px solid #d0cece;
            border-bottom:1px solid #d0cece;
	    }

        .nav-section ul li ul li.inpath > a:before {
            position:relative;
            color:#68a17c;
            font-size:.6em;
            padding:1.1em 0 0 0;
            float:left;
            content:"►";
            line-height:.6em;
            margin-left:-1.6em;
        }
            .nav-section ul > li > ul ul {
                font-size:0.9em;
                border:0;
            }

            .nav-section ul > li > ul ul .selected a{
                color:#68a17c;
            }

            .nav-section ul > li > ul ul .selected > a:before{
                position:relative;
                color:#68a17c;
                content:"►";
                margin-left:-1.8em;
            }

/*	btnMenu + navigation  */

	#btnMenu {
		display:none;
	}
	#navigation.open {
		max-height:none;
	}
	#navigation {
        padding: 160px 0 0 0;
        max-height: none;
        background: #204131;
	}

    #main, .main-container aside {
        float: left;
        width: 75%;
        margin: 1.6em 0 2em;
        border:0;
    }

    .main-container aside {
        margin-left:25%;
        margin-top:0;
    }
        .main-container aside h2,
        .main-container aside h3 {
            margin-top:.4em;
        }
        .main-container .page-width aside .box{
            width:46%;
            margin:0 2% 1.2em;
        }

    #main-article > header,
    #main-article > section {
        width:96%;
        margin:0 2%;
    }

    #main aside {
        width:100%;
        padding:0 0 1.6em;
    }
        #main aside hr{
            display:block;
            margin:12px 2% 20px 2%;
        }
        #main aside.rel-articles {
            padding:0;
            border:0;
        }
        #main aside .box {
            float:left;
            width:46%;
            margin:0 2%;
        }
            #main aside.rel-articles .box div {
                padding:1.6em 0 .6em;
                border-top:1px solid #bebebe;
                border-bottom:1px solid #bebebe;
            }

 /*  footer elements  */

	.nav-footer {
		float:right;
		margin:.85em 1.6% 1.3em 0;
	}

    .fontface .nav-footer {
        font-size:1.334em;
    }
        .nav-footer > ul > li > a,
        .nav-footer > ul > li:last-child > a  {
                padding: 0 0 0 .7em;
	            margin:0 0 0 .6em;
            }
            .nav-footer > ul > li:first-child > a {
                padding:0;
                margin:0;
            }
                .nav-footer > ul > li > a:after {
                    content:'';
                }
                .nav-footer > ul > li > a:before {
                    content: '|';
                    color: #fff;
                    position: absolute;
                    left: .55em;
                    top: -1px;
                }
                .nav-footer > ul > li:first-child > a:before {
                    content:'';
                }

        .lt-ie9 .nav-footer > ul > li > a  {
                padding: 0 0 0 .7em;
	            margin:0 0 0 .7em;
                border-left:1px solid #bebebe;
            }
            .lt-ie9 .nav-footer > ul > li:first-child > a {
                padding:0;
                margin:0;
                border:0;
            }
                .lt-ie9 .nav-footer > ul > li > a:after {
                    content:'';
                }
                .lt-ie9 .nav-footer > ul > li > a:before {
                    content:'';
                }

    #leo-footer {
        margin-right:0;
    }

	.footer-container br {
		display:none;
	}

    #footer-info {
        width:98%;
        margin:0 1%;
    }
}

@media only screen and (min-width: 58.2em) { /* > 932px */

    h1 {
        font-size:3.6em;
    }

    h2 {
        font-size:2.4em;
    }

    #ribbon-main-content {
        padding-bottom:54px;
    }

    .no-touch #headliner {
        width:66em;
        height:11em;
    }

        .no-touch #headliner .items div {
            width:66em;
        }

    #main aside {
        width:100%;
        padding:2em 0;
    }

    #ribbon-main {
        padding-bottom:0;
    }

    .nav-footer {
        font-size:1.334em;
		margin:.75em 0 1.3em;
	}

    .footer-container .address {
        padding: 15px 0 0;
        clear: none;
	}
        .footer-container .address span {
            margin-right:0;
            display:block;
        }
    #menu > ul {
        font-size: 1.5em;
        margin:0.8em 0 0 0;
    }

    /*  Boxes  */
    .box {
        margin: 0 1%;
        width:31%;
    }

    .box.headline h3,
    .box.headline h2
     {
            font-size: 2.2em;
        }
        .box.headline h3 h2 {
            font-size:1em;
        }
    hr {
        display:block;
    }

    #logo-footer {
        position: relative;
        top:5px;
    }

    #share {
        position: absolute;
        right: 10px;
        bottom: 21px;
        margin:0;
    }
}

@media only screen and (min-width: 61.5em) { /* > 984px */
    #menu > ul {
        font-size: 1.6em;
    }

    .no-touch #headliner {
        width:77em;
        height:14em;
    }

         #headliner h2 {
            font-size:4em;
        }

        .no-touch #headliner .items div{
            float:left;
            width:77em;
        }

    .no-touch .ribbon-head .prev {
        top:34%;
        left:-1em;
    }

    .no-touch .ribbon-head .next {
        top:34%;
        right:-1em;
    }

	#main {
		float:left;
		width:50%;
		margin:1.6em 0;
	}

        #main.pagetype-table {
            width: 75%;
        }

        #main aside {
            border-bottom:0;
        }
            #main aside.rel-articles {
                margin-bottom:1.4em;
            }

	.main-container aside {
		float:left;
		width:25%;
		margin:1.6em 0;
        padding:0;
        border:0;
	}
        .page-width > aside {
            margin-top:1.6em;
            color:#696969;
        }

        .main-container .page-width > aside .box{
            width:94%;

            margin:0.3em 2% 0 2%;
            padding: 0.3em 0 0 0;
            border-top:1px solid #D0cece;
	    }
            .main-container .page-width > aside .box:first-child {
                border:0;
            }

            .main-container .page-width > aside h3 {
                margin-top:.6em;
            }
}

@media only screen and (min-width: 71.25em) { /* > 1140px */
   .no-touch #headliner {
        width:79em;
        margin: 0 1%;
    }

        .no-touch #headliner .items div{
            float:left;
            width:79em;
        }

    .no-touch .ribbon-head .prev {
        left:-6em;
    }

    .no-touch .ribbon-head .next {
        right:-6em;
    }
}


@media only screen and (min-width: 120.25em) { /* > 1924px */
    body {
        /*background:#fff url(img/cropping_LEO_pic4.jpg) no-repeat top right;*/
        background: #204131;
   }
  body.v4 {
    background-image:url(img/home-carousel-cropped.jpg);
  }

    .lt-ie9 body {
        background:#fff url(img/cropping_LEO_pic4.jpg) no-repeat top center;
    }
  .lt-ie9 body.v4 {
    background-image:url(img/home-carousel-cropped.jpg);
  }
}


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

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

[class*="group"]:before,
[class*="group"]:after {
    content: " ";
    display: table;
}

[class*="group"]:after {
    clear: both;
}

[class*="group"] {
    *zoom: 1;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@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;
    }
}

body.v4.blank {
  background-image:none;
}
body.v4.blank .ribbon-main {
  background:none;
}