/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 767px) {

    /*--------------------------------------------------------------
    # Typography
    --------------------------------------------------------------*/

        .h1, h1 {
            font-size: 28px;
            line-height: 32px;
        }

        .h2, h2 {
            font-size: 32px;
        }

        .h3, h3 {
            font-size: 20px;
            line-height: 24px;
        }

        p,
        li {
            font-size: 16px;
            line-height: 24px;
        }

        blockquote p:last-child {
            font-size: 20px;
            line-height: 24px;
        }

    /*--------------------------------------------------------------
    # Links
    --------------------------------------------------------------*/

        .cta {
            min-width: inherit;
            padding: 17px 28px;
        }

        .cta.small {}

    /*--------------------------------------------------------------
    # Structure
    --------------------------------------------------------------*/

        .wrap {
            padding-left: 25px;
            padding-right: 25px;
        }

        /* Content Section */
        .content-section {
            padding-bottom: 40px;
        }

        .content-section .col-wrap {
            display: block;
        }

        .content-section .col-wrap.one-col > .col {
            width: auto;
        }

        .content-section .col-wrap.two-col > .col {
            width: auto;
            flex: inherit;
        }

        #content .content-section .col-wrap.two-col > .col:nth-child(2n+1) {
            padding-right: 0;
            padding-bottom: 25px;
        }

        .content-section .col-wrap.two-col > .col:nth-child(2n+2) {
            padding-left: 0;
        }

        .content-section .section-title {}

        .content-section .section-content p {}

        .content-section .section-content p:last-child {
            margin-bottom: 0;
        }

        .content-section .section-content ul,
    	.content-section .section-content ol {
        }

        .content-section .section-content ul + a,
        .content-section .section-content ol + a {
        }

    /*--------------------------------------------------------------
    # Components
    --------------------------------------------------------------*/

        /* Breadcrumbs */
        #breadcrumbs {
            margin-bottom: 55px;
            overflow-x: auto;
            flex-wrap: nowrap;
            -webkit-overflow-scrolling: touch;
            -ms-overflow-style: -ms-autohiding-scrollbar;
            justify-content: flex-start;
        }

        #breadcrumbs::-webkit-scrollbar {
            display: none;
        }

        #breadcrumbs li {
            flex-grow: 0;
            flex-shrink: 0;
            flex-basis: auto;
        }

        #breadcrumbs li:last-child {
            padding-right: 25px;
        }

        #breadcrumbs li a:hover {
            background-color: #fff;
            color: #2C3442;
        }

        #breadcrumbs li:hover svg * {
            fill: #2C3442;
        }

        /* Blocks */
        .background-right {
            width: 87px;
            height: 108px;
            top: -40px;
        }

        .background-left {
            display: none;
        }

        .block-wrap .section-header {
            margin-bottom: 34px;
            padding: 0 40px;
        }

        .block-wrap .section-header h1 {
            font-size: 27px;
            line-height: 29px;
        }

        .block-wrap .section-header h1:before {}

        .block-wrap .section-header h2 {
            font-size: 19px;
            line-height: 22px;
        }

        /* Block: Text */
        .block-text .section-content .section-title {}

        #content .block-text .col.text-col {
            padding-bottom: 0;
            padding-top: 0;
        }

        #content .block-text .col-wrap .col:only-child.text-col {
            column-gap: 0;
            column-count: 1;
        }

        #content .block-text .col:only-child.text-col p {
            display: inline-block;
        }

        /* Block Text: Gallery */
        .block-text .gallery .image-mask .svg {

        }

        .block-text .gallery .image-mask .svg svg {
            transform: scale(1.3) translateY(-85px);
            height: 634px;
        }

        .block-text .gallery .image-mask .secondary-svg {

        }

        .block-text .gallery .image-mask .secondary-svg svg {

        }

        .block-text .gallery .image-mask img {

        }

		.block-text table.analyses td, .block-text table.analyses th { font-size:14px; line-height:16px; }
		.block-text table.analyses td:nth-child(n+3) { display:none; }
		.block-text table.analyses th:nth-child(n+3) { display:none; }
		.block-text table.analyses th:last-child,
		.block-text table.analyses td:last-child {
			display:block !important;
		}

		.block-text table.analyses td, .block-text table.analyses th { padding:8px 4px; }


        .block-text .gallery .caption {
            max-width: inherit;
            margin-top: 26px;
        }

        .block-text .gallery .caption.with-mask {
            max-width: inherit;
            margin-top: 80px;
        }

        /* Block Text: Gallery Slider */
        .block-text .gallery.slider .caption {
            min-height: inherit;
        }

        .block-text .gallery.slider .slick-arrow {
            width: 48px;
            height: 48px;
            top: calc(50% - 24px);
        }

        .block-text .gallery.slider .slick-arrow:hover {
            transform: inherit;
            box-shadow: 2px 2px 10px rgba(0,0,0,.2);
            background-color: #fff;
        }

        .block-text .gallery.slider .slick-arrow.slick-prev {
            left: -14px;
        }

        .block-text .gallery.slider .slick-arrow.slick-next {
            right: -14px;
        }

        /* Block: Second Block Text */
        .block-text.full-width .section-header {
            text-align: center;
            margin: 0 auto 34px;
        }

        .block-wrap:not(:only-child):not(:first-of-type):not(:first-child) .block-text.full-width .section-header {
            margin-top: 50px;
        }

        /* Block: Keywords */
        #content .block-keywords .keywords {
            display: block;
            flex-wrap: inherit;
            align-items: inherit;
            justify-content: inherit;
        }

        .keywords li {
            max-width: inherit;
            margin: 0 auto 40px;
        }

        .keywords li:last-child {
            margin-bottom: 0;
        }

        .keywords .icon {
            max-width: 190px;
            margin: 0 auto 20px;
        }

        .keywords .description p {
            font-size: 14px;
            line-height: 19px;
        }

        /* Block: Infographics */
        #content .block-infographics .stats {
            margin: 0;
            display: block;
            flex-wrap: inherit;
            justify-content: inherit;
        }

        .stats li {
            flex: inherit;
            min-width: inherit;
            margin: 0 0 50px 0;
        }
		
		.block-infographics.alternate-version .stats li {
		    min-height: 320px;
		    max-width: 320px;
		    margin: 0 auto;
		}

        .stats li:last-child {
            margin-bottom: 0;
        }

        /* Block: Infographics Full Width */
        .block-infographics.has-bg .stats li {
            min-width: inherit;
            margin: 0 0 50px 0;
        }

        .block-infographics.has-bg .stats li:last-child {
            margin-bottom: 0;
        }

        /* Block: Timeline */
        .block-timeline .content-section {
            padding-bottom: 85px;
        }

        .block-timeline ul li {
            height: 206px;
        }

        .block-timeline ul li:nth-child(odd) .year {
            margin-left: 0;
        }

        .block-timeline ul li:nth-child(even) .year {
            margin-right: 0;
        }

        /* Block: Form */
        #content form .nf-field-container {
            margin-bottom: 24px;
        }

        #content form input:not([type="button"]),
        #content form textarea {
            min-width: inherit;
        }

        #content form label {
            font-size: 17px;
            line-height: 21px;
        }

        #content form input[type="button"] {
            padding: 17px 28px;
        }

        #content form input[type="button"]:hover {
            background-color: #afdded;
        }

        /* Block: Grid */
        .block-tiles .section-content > ul {
            display: block;
            flex-wrap: inherit;
            margin: 0;
			margin-top:20px;
        }

        .block-tiles .section-content > ul > li {
            width: auto;
            margin: 0 0 20px;

        }

        /* Organigramme */
        #organigramme-tabs {
            margin: 0 -10px 30px;
        }

        #organigramme-tabs li {
            margin: 0 5px;
        }

        #organigramme-tabs li a {
            min-height: 64px;
            font-size: 14px;
            line-height: 22px;
            padding: 5px 16px;
            border: 5px solid;
        }

        #organigramme .tab-section ul {
            display: block;
            flex-wrap: inherit;
        }

        #organigramme .tab-section ul li {
            width: auto;
        }

        #organigramme .tab-section ul li img {
            max-width: 140px;
        }

        #organigramme .tab-section ul li span {
            max-width: inherit;
        }

        /* Block: CTA */

        /* Section: Call to Action */
        .block-cta {
            padding-top: 44px;
            padding-bottom: 44px;
        }

        .block-cta .col {
    		width: 100%;
    	}

        .block-cta h2 {
    		margin-bottom: 12px;
    	}

    	.block-cta .cta {
    		margin-top: 20px;
    	}

    /*--------------------------------------------------------------
    # Header
    --------------------------------------------------------------*/

        .site-header > .wrap {
            align-items: center;
            padding: 15px 30px;
            font-size: 0;
        }

        .site-branding {
            max-width: 140px;
        }

        .site-header #navigation {
            position: fixed;
            float: none;
            width: 100%;
            height: 100%;
            background: rgba(255,255,255,.98);
            top: -100%;
            left: 0;
            z-index: 9997;
            display: table;
            transition: top .4s ease-in-out;
            margin: inherit;
        }

        .site-header #navigation.active {
            top: 0;
        }

        .site-header #navigation ul {
            display: table-cell;
            vertical-align: middle;
            width: 60%;
            margin: 0 auto;
            padding: 0 20px;
            box-sizing: border-box;
        }

        .site-header #navigation .sub-menu {
            display: none;
        }

        .site-header #navigation ul li {
            float: none;
            display: block;
            margin: 0 0 30px 0;
            text-align: center;
        }

        .site-header #navigation ul li:last-of-type {
            margin-bottom: 0;
        }

        .site-header #navigation ul li a {
            border-bottom-width: 4px;
            font-size: 15px;
            line-height: 18px;
        }

        .site-header #navigation li.current-menu-item a:hover {
            border-bottom-color: #1a2d79;
        }

        #mobile-menu-trigger {
            display: block;
        }

    /*--------------------------------------------------------------
    # Home
    --------------------------------------------------------------*/

        /* Header */
        .home .site-header #navigation li a {
            color: #1a2d79;
            text-shadow: none;
        }

        .home .site-header #navigation li a:hover,
        .home .site-header #navigation li.current-menu-item a {
            color: #1a2d79;
            border-bottom-color: #1a2d79;
        }

        /* Hero */
        .hero-section,
        .hero-section .slide {
            height: 80vh;
            padding: 0;
        }

        .hero-section .slide .image {
            clip-path: inherit;
            -webkit-clip-path: inherit;
        }

        .hero-section .slide .slide-content {
            padding: 25px 25px 65px 25px;
            height: auto;
            background-color: #fff;
        }

        .hero-section .slide .slide-content h1,
        .hero-section .slide .slide-content h2 {
            width: auto;
            margin-left: inherit;
        }

        .hero-section .slide .slide-content h1 {
            font-size: 33px;
            line-height: 35px;
            margin-bottom: 13px;
        }

        .hero-section .slide .slide-content h2 {
            font-size: 20px;
            line-height: 27px;
            letter-spacing: 1px;
        }

        .hero-section .dots {
            bottom: 0;
            margin-bottom: 0;
        }

        .hero-section .slick-dots {
            padding: 0 25px;
        }

        .hero-section .slick-dots:after {
            margin: 25px 0 0 auto;
        }

        .hero-section .dots li button {
        }

        /* Home Grid */
        .home #home-grid {
            padding-top: 40px;
            padding-bottom: 40px;
        }

        .home #home-grid .home-tile,
        .home #home-grid .grid-sizer {
            width: 100%;
            float: none;
            height: 250px;
            margin-bottom: 24px;
        }

        .home #home-grid .home-tile:last-of-type {
            margin-bottom: 0;
        }

        #home-grid .home-tile a {
            padding: 20px;
            background: none;
        }

        #home-grid .home-tile:hover a,
        #home-grid .home-tile a:hover {
            background: none;
        }

        .home #home-grid .home-tile span {
            top: inherit;
            background: none;
        }

        .home #home-grid .home-tile .h2,
        .home #home-grid .home-tile .h3 {
            padding-right: 0;
        }

        .home #home-grid .home-tile .h2 {
            font-size: 28px;
            line-height: 28px;
            margin-bottom: 10px;
        }

        .home #home-grid .home-tile .h3 {
            opacity: 1;
            font-size: 18px;
            line-height: 22px;
            height: auto;
        }

        /* Home News */
        #home-news {
            padding: 0 25px;
            margin-bottom: 0;
        }

        #home-news #home-news-title {
            position: relative;
            top: inherit;
            right: inherit;
            padding: 50px 0 0 0;
        }

        #home-news .slides {
            height: auto;
            background: rgba(173,216,230,1);
			
            margin-top: 20px;
        }

        #home-news .home-news-slide a.home-news-slide-title {
            margin-bottom: 8px;
            display: block;
            line-height: 28px;
        }

        #home-news .home-news-slide p {
            width: auto;
            padding-right: 0;
        }

    /*--------------------------------------------------------------
    # TODO Default Pages (img and download links)
    --------------------------------------------------------------*/

        img.featured-image.img-responsive.responsive--full.wp-post-image,
        .feature-image-caption {
            max-width: inherit;
        }

        .gallery .gallery-item {
            max-width: inherit;
        }

    /*--------------------------------------------------------------
    # Nos Laboratoires
    --------------------------------------------------------------*/

        /* Map */
        .page-template-tm-nos-laboratoires #map_canvas {
            height: 370px;
        }

        /* Map Infowindow */
        .page-template-tm-nos-laboratoires .gm-style-iw .lab-logo {

        }

        .page-template-tm-nos-laboratoires .gm-style-iw .column-1 {
            float: none;
            width: auto;
        }

        .page-template-tm-nos-laboratoires .gm-style-iw .column-2 {
            float: none;
            width: auto;
            padding-left: 0;
            padding-top: 20px;
        }

        .page-template-tm-nos-laboratoires .gm-style-iw .cta.small {
            display: block;
        }

        /* Map Legend */
        .page-template-tm-nos-laboratoires #laboratoires-legende ul {
            width: auto;
        }

        /* Labs List */
        #labs-overview > .wrap {
            padding-left: 40px;
            padding-right: 40px;
        }

        #labs-list .lab-item {
            border-radius: 30px;
            box-shadow: none;
            border: 1px solid #25356d;
        }

        #labs-list .lab-item.slick-current {
            transform: scale(1);
        }

        #labs-list .lab-item .lab-details a.lab-link {
            padding: 17px 28px;
            width: 100%;
        }

        /* Arrows */
        #labs-list .slick-arrow {
            width: 48px;
            height: 48px;
        }

        #labs-list .slick-arrow:hover {
            transform: inherit;
            box-shadow: 2px 2px 10px rgba(0,0,0,.2);
            background-color: #fff;
        }

        #labs-list .slick-arrow.slick-prev {
            left: -29px;
        }

        #labs-list .slick-arrow.slick-next {
            right: -29px;
        }

        /* Dots */
        #labs-list .slick-dots {
            margin-top: 30px;
        }

        #labs-list .slick-dots li button {
            width: 8px;
            height: 8px;
        }

        #labs-list .slick-dots li button:hover {
            background-color: #afdded;
        }

    /*--------------------------------------------------------------
    # Single Lab
    --------------------------------------------------------------*/

        .single-laboratoire .section-content .lab-category {
            margin-bottom: 30px;
        }

        .single-laboratoire .section-content .lab-category li {
            width: auto;
            margin: 0 0 20px;
            text-align: left;
        }

        .single-laboratoire .section-content .lab-description,
        .single-laboratoire .section-content .lab-address-card {
            margin-bottom: 45px;
        }

        .single-laboratoire .section-content h4 {
            margin-bottom: 12px;
            font-size: 26px;
            line-height: 26px;
        }

        .single-laboratoire .section-content .col.specs h4,
        .single-laboratoire .content-section .section-content .lab-adresse {
            text-align: left;
        }

        .single-laboratoire .content-section .section-content .lab-adresse-map {
            margin-top: 10px;
        }

        .single-laboratoire .section-content .lab-biologistes .col-wrap {
            margin: 0;
        }

        .single-laboratoire .section-content .biologiste {
            border: 0;
        }

        .single-laboratoire .section-content .biologiste:not(:last-child) {
            margin-bottom: 20px;
        }

        .single-laboratoire .section-content .biologiste img {
            width: 100%;
        }

        .single-laboratoire .section-content .biologiste-name {
            text-align: left;
        }

    /*--------------------------------------------------------------
    # Single Emploi
    --------------------------------------------------------------*/

        .single-emploi .post-info {
            padding: 30px 40px 40px;
            border-radius: 30px;
        }

        .single-emploi .emploi .post-title {
            font-size: 26px;
            line-height: 34px;
        }

        .single-emploi .emploi .post-tags {
            margin-bottom: 20px;
        }

        .single-emploi .emploi .post-summary .description-title {
            margin-bottom: 20px;
        }

        .single-emploi .emploi .post-summary .description-title {
            font-size: 21px;
            line-height: 22px;
        }

        .single-emploi .emploi .post-details {
            margin-top: 35px;
            flex-wrap: inherit;
        }

        .single-emploi .emploi .post-details-item {
            padding-right: 0;
        }

        .single-emploi .emploi .post-details strong {
            font-size: 16px;
            line-height: 16px;
        }

        .single-emploi .emploi .post-details-item:not(:last-child) {
            margin-bottom: 20px;
        }

        .single-emploi .emploi .post-details .post-details-item:before {
            display: none;
        }

        .single-emploi .emploi .post-details .post-details-item strong,
    	.single-emploi .emploi .post-details .post-details-item p {
    		padding-left: 0;
    	}

    /*--------------------------------------------------------------
    # Actualités
    --------------------------------------------------------------*/

        /* Posts */
        #news-posts {
            flex: inherit;
        }

        #news-posts h2,
        #news-posts .post-title {
            font-size: 22px;
            line-height: 26px;
        }

        #news-posts .post-title {
            margin-bottom: 20px;
        }

        #news-posts .post-read-more {
            padding: 17px 28px;
            min-width: inherit;
        }

        /* Sidebar */
        #news-sidebar {
            flex: inherit;
            margin-top: 40px;
        }

        /* Paginator */

        /* Share */
        #content .ssbp-wrap {
            margin-top: 0;
        }

        .single #content .ssbp-wrap {
            margin-top: 40px;
        }

    /*--------------------------------------------------------------
    # Single News
    --------------------------------------------------------------*/

    /*--------------------------------------------------------------
    # News Archive / Search Results
    --------------------------------------------------------------*/

        .archive #breadcrumbs,
        .search #breadcrumbs {
            margin-bottom: 30px;
        }

    /*--------------------------------------------------------------
    # WooCommerce
    --------------------------------------------------------------*/

        /* Buttons */
        .woocommerce-page #page .content-section .button {
            max-width: inherit;
            width: 100%;
            text-align: center;
        }

        /* Messages */
        .woocommerce-error,
        .woocommerce-info,
        .woocommerce-message {
            padding: 1em 1.2em;
            font-size: 16px;
            font-size: 1.6rem;
            line-height: 24px;
            line-height: 2.4rem;
            text-align: center;
        }

        .woocommerce-error a,
        .woocommerce-info a,
        .woocommerce-message a {
            margin-bottom: 22px;
            font-size: 18px;
            font-size: 1.8rem;
            line-height: 26px;
            line-height: 2.6rem;
        }

        .woocommerce-error::before,
        .woocommerce-info::before,
        .woocommerce-message::before {
            display: block;
            margin: 0 auto 1em;
            width: 100%;
            position: relative;
            top: inherit;
            left: inherit;
            text-align: center;
        }

        /* Table */
        .woocommerce table.shop_table_responsive tr td::before,
        .woocommerce-page table.shop_table_responsive tr td::before {
            float: none !important;
            font-family: 'MaaxRoundedBold', Arial, sans-serif;
            font-weight: normal;
            display: block;
        }

        .woocommerce table.shop_table_responsive tr td,
        .woocommerce-page table.shop_table_responsive tr td {
            text-align: left !important;
        }

        /* Products */
        .woocommerce #page ul.products[class*=columns-] li.product,
        .woocommerce-page #page ul.products[class*=columns-] li.product {
            width: 100%;
            float: none;
            margin: 0 0 64px 0;
        }

        .woocommerce #page ul.products[class*=columns-] li.product:last-child,
        .woocommerce-page #page ul.products[class*=columns-] li.product:last-child {
            margin-bottom: 0;
        }

        .woocommerce #page ul.products li.product .button {
            max-width: inherit;
            width: 100%;
        }

        /* Single Product */
        .woocommerce.single-product #page div.product form.cart .button,
        .woocommerce #woo_pp_ec_button_product {
            max-width: inherit;
        }

        /* Cart */
        .woocommerce-cart #page .wc-proceed-to-checkout a.checkout-button,
        .woocommerce-cart #woo_pp_ec_button_cart {
            max-width: inherit;
        }

        /* Receipt */
        .woocommerce-checkout .woocommerce ul.order_details {
            display: block;
        }

        .woocommerce-checkout .woocommerce ul.order_details li {
            flex-grow: 0;
            flex-shrink: 0;
            width: 100%;
            border-right: 0;
            border-bottom: 1px dashed #d3ced2;
        }

        .woocommerce-checkout .woocommerce ul.order_details li:last-child {
            border-bottom: 0;
        }

    /*--------------------------------------------------------------
    # Error
    --------------------------------------------------------------*/

    	.error404 {}

    /*--------------------------------------------------------------
    # Footer
    --------------------------------------------------------------*/

        footer .wrap {
            padding: 0;
        }

        #footer-bottom {
            display: block;
            padding: 0 30px;
            padding: 0 3rem;
        }

        /* Labs Dropdown */
        .site-footer #labs-dropdown {
            margin-bottom: 30px;
            margin-bottom: 3rem;
            text-align: center;
            flex: inherit;
        }

        .site-footer #labs-dropdown select {
            display: inline-block;
        }

        /* Footer Navigation */
        .site-footer #footer-navigation {
            margin-bottom: 30px;
            margin-bottom: 3rem;
            display: block;
            flex: inherit;
        }

        .site-footer #footer-navigation li {
            float: none;
            display: block;
            margin: 0 0 20px 0;
            margin: 0 0 2rem 0;
            text-align: center;
        }

        .site-footer #footer-navigation li:last-child {
            margin-bottom: 0;
        }

        /* Copyright */
        .site-footer .site-copyright {
            text-align: center;
        }

        .site-footer .site-copyright p {
            font-size: 11px;
            font-size: 1.1rem;
        }

    /*--------------------------------------------------------------
    # Imagenome v2 & Inopath v2 Override
    --------------------------------------------------------------*/

        /* Branding */
        .portal-site #hero-slides:before {
            top: -10px;
        }

        /* Header */
        .portal-site .site-branding {
            flex: inherit;
            margin-right: auto;
        }

        /* Search */
        .portal-site #search-trigger {
            margin-right: 30px;
        }

        .portal-site #page #search-wrap {
            margin-top: -53px;
        }

        .portal-site #page #search-wrap > .wrap {
            padding-left: 15px;
            padding-right: 15px;
        }

        .portal-site #page #search-wrap form div input[type="text"] {
            font-size: 15px;
            line-height: 17px;
        }

        .portal-site #page #search-wrap form div input[type="submit"] {
            padding-right: 5px;
            padding-left: 5px;
            width: auto;
        }

        /* Site Section */
        .portal-site .site-section.inline {
            margin-bottom: 24px;
        }

        /* Home */
        .portal-site.home #mobile-menu-trigger {
            display: none;
        }

        .portal-site #home-grid .home-tile {
            height: 25rem !important;
            width: 100% !important;
			max-width:100% !important;
        }

        /* Search Page */
        .portal-site.search #page #news-posts {
            width: auto;
        }

        .portal-site.search #news-posts .post-thumbnail {
            width: auto;
            margin-bottom: 20px;
            padding-right: 0;
            float: none;
        }

        .portal-site.search #news-posts .post-summary {
            width: auto;
            float: none;
        }

        /* Single Definition */
        .portal-site.single-qa_faqs #page #news-posts {
            width: auto;
            margin-bottom: 0;
        }

        .portal-site .site-section.inline {
            width: 100%;
        }

        .portal-site.single-qa_faqs #news-posts .post-summary {
            padding: 30px;
        }

}

/* Tablets (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {

    /*--------------------------------------------------------------
    # Typography
    --------------------------------------------------------------*/

        .h1, h1 {
            font-size: 28px;
            line-height: 32px;
        }

        .h2, h2 {
            font-size: 32px;
        }

        .h3, h3 {
            font-size: 20px;
            line-height: 24px;
        }

        p, li {
            font-size: 16px;
            line-height: 24px;
        }

    /*--------------------------------------------------------------
    # Links
    --------------------------------------------------------------*/

    /*--------------------------------------------------------------
    # Structure
    --------------------------------------------------------------*/

        .wrap {
            padding: 0 40px;
        }

        /* Content Section */
        .content-section {
            padding-bottom: 45px;
        }

        .content-section .col-wrap.two-col {
            display: block;
        }

        .content-section .col-wrap.two-col > .col:nth-child(2n+1) {
            padding-right: 0;
            flex: inherit;
            width: 100%;
        }

        .content-section .col-wrap.two-col > .col:nth-child(2n+2) {
            flex: inherit;
            width: 100%;
        }

        .content-section .col-wrap.two-col > .col:nth-child(2n+1) {
            margin-bottom: 60px;
        }

        .content-section .section-content p {
            margin-bottom: 15px;
        }

    /*--------------------------------------------------------------
    # Components
    --------------------------------------------------------------*/

        /* Breadcrumbs */
        #breadcrumbs {
            padding: 0 20px;
            margin-bottom: 40px;
        }

        #breadcrumbs li {
            margin: 0 4px;
        }

        #breadcrumbs li a {
            font-size: 14px;
            min-height: inherit;
            padding: 10px 18px 10px 18px;
        }

        #breadcrumbs li a:hover {
            background-color: #fff;
            color: #2C3442;
        }

        #breadcrumbs li:hover svg * {
            fill: #2C3442;
        }

        #breadcrumbs li div.svg-icon {
            height: 20px;
        }

        /* Blocks */
        .background-left {
            display: none;
            width: 117px;
            height: 148px;
            top: 32px;
        }

        .background-right {
            width: 117px;
            height: 148px;
            top: -45px;
        }

        .block-wrap .section-header {
            margin: 0 auto 50px;
        }

        .block-wrap .section-header h1 {
            font-size: 38px;
            line-height: 45px;
        }

        .block-wrap .section-header h1:before {
            margin: 10px auto 15px;
        }

        .block-wrap .section-header h2 {
            font-size: 22px;
            line-height: 26px;
        }

        /* Block: Text */
        .block-text.wrap {
            padding: 0;
        }

        .block-text.full-width .section-header,
        .block-text .section-content {
            padding: 0 10%;
        }

        #content .block-text .col.text-col {
            padding-top: 0;
        }

        #content .block-text .col-wrap .col:only-child.text-col {
            -webkit-column-gap: 0;
            -moz-column-gap: 0;
            column-gap: 0;
            -webkit-column-count: 1;
            -moz-column-count: 1;
            column-count: 1;
        }

        /* Block Text: Gallery */
        .block-text .gallery .caption {
            max-width: 520px;
        }

        /* Block Text: Gallery Slider */
        /* Block: Second Block Text */

        /* Block: Keywords */
        .keywords .label {
            font-size: 18px;
            line-height: 20px;
        }

        .keywords .description {
            padding: 10px 5px 0;
        }

        .keywords .icon {
            margin-bottom: 38px;
            height: 190px;
        }

        .keywords .icon svg {
            max-height: 190px;
            height: 100%;
            width: 100%;
            transform: scale(1.2) !important;
        }

        .keywords li:first-child .icon svg {
            transform: scale(1.2) translateX(-5px) !important;
        }

        .keywords li:last-child .icon svg {
            transform: scale(1.24) translateX(1px) !important;
        }

        .keywords .icon img {
            width: 25%;
            max-width: 35px;
        }

        .keywords li:not(:first-child):not(:last-child) .icon img {
            transform: translateX(5px);
        }

        /* Block: Infographics */
        .stats li {
            min-width: calc(50% - 4%);
            margin: 0 2% 44px;
        }

        /* Block: Infographics Full Width */
        .block-infographics.has-bg .section-content {
            padding-top: 20px;
        }

        .block-infographics.has-bg .stats li {
            min-width: calc(50% - 4%);
            margin: 0 2% 44px;
        }

        /* Block: Timeline */

        /* Block: Form */
        .block-form .section-header,
        .block-form .section-content {
            padding: 0 10%;
        }

        .block-form .col-wrap .col {
            width: 100%;
        }

        #content form input:not([type="button"]),
        #content form textarea {
            min-width: inherit;
        }

        /* Organigramme */
        #organigramme-tabs {
            justify-content: center;
            margin-bottom: 32px;
        }

        #organigramme-tabs li {
            flex: inherit;
        }

        #organigramme-tabs li a {
            font-size: 20px;
            line-height: 24px;
            padding: 12px 20px 9px;
            border-width: 5px;
        }

        #organigramme .tab-section ul li {
            width: 50%;
        }

        #organigramme .tab-section ul li img {
            max-width: 120px;
        }

        #organigramme .tab-section ul li span {
            max-width: inherit;
        }

        /* Block: CTA */
        .block-cta {
            padding-top: 30px;
            padding-top: 5rem;
            padding-bottom: 50px;
            padding-bottom: 5rem;
        }

        #page .block-cta .col {
            width: 85%;
        }

    /*--------------------------------------------------------------
    # Header
    --------------------------------------------------------------*/

        .site-header > .wrap {
            align-items: center;
            padding: 15px 30px;
            padding: 1.5rem 3rem;
            font-size: 0;
        }

        .site-header #navigation {
            position: fixed;
            float: none;
            width: 45%;
            height: 100%;
            background: rgba(255,255,255,.98);
            top: 0;
            left: inherit;
            right: -100%;
            z-index: 9997;
            display: table;
            transition: right .4s ease-in-out;
            margin: inherit;
        }

        .site-header #navigation.active {
            right: 0;
        }

        .site-header #navigation ul {
            display: table-cell;
            vertical-align: middle;
            width: 60%;
            margin: 0 auto;
            padding: 0 20px;
            padding: 0 2rem;
            box-sizing: border-box;
        }

        .site-header #navigation .sub-menu {
            display: none;
        }

        .site-header #navigation ul li {
            float: none;
            display: block;
            margin: 0 0 30px 0;
            margin: 0 0 3rem 0;
            text-align: center;
        }

        .site-header #navigation ul li:last-of-type {
            margin-bottom: 0;
        }

        .site-header #navigation ul li a {
            border-bottom-width: 4px;
        }

        .site-header #navigation li a:hover {
            border-bottom-color: transparent;
            color: #25356d;
        }

        .site-header #navigation li.current-menu-item a:hover {
            border-bottom-color: #1a2d79;
        }

        #mobile-menu-trigger {
            display: block;
        }

    /*--------------------------------------------------------------
    # Home
    --------------------------------------------------------------*/

        /* Header */
        .home .site-header #navigation li a {
            color: #1a2d79;
            text-shadow: none;
        }

        .home .site-header #navigation li a:hover,
        .home .site-header #navigation li.current-menu-item a {
            color: #1a2d79;
            border-bottom-color: #1a2d79;
        }

        .home .site-header #navigation li a {
            color: #1a2d79;
            text-shadow: none;
        }

        .home .site-header #navigation li a:hover,
        .home .site-header #navigation li.current-menu-item a {
            color: #1a2d79;
            border-bottom-color: #1a2d79;
        }

        /* Hero */
        .hero-section,
        .hero-section .slide {
            height: 60vh;
            padding: 0;
        }

        .hero-section .slide .wrap {
            padding: 0 20px;
        }

		.hero-section .slide .image {
			-webkit-clip-path: polygon(0 0, 100% 0, 100% 25%, 0% 100%, 0 100%);
			clip-path: polygon(0 0, 100% 0, 100% 25%, 0% 100%, 0 100%);
		}

        .hero-section .slide .slide-content {
            padding: 0 40px 5%;
        }

        .hero-section .slide .slide-content h1 {
            font-size: 30px;
            line-height: 34px;
            width: 43%;
        }

        .hero-section .slide .slide-content h2 {
            font-size: 20px;
            line-height: 26px;
            width: 60%;
            height: 52px;
        }

        .hero-section .dots {
            margin-bottom: 218px;
        }

        .hero-section .slick-dots {
            padding: 0 40px;
        }

        /* Home Grid */
        .home #home-grid-wrap {
            display: flex;
            flex-wrap: wrap;
            height: inherit !important;
        }

        .home #home-grid .grid-sizer,
        .home #home-grid .gutter-sizer {
            display: none;
        }

        .home #home-grid {
            padding-top: 30px;
            padding-top: 3rem;
            padding-bottom: 40px;
            padding-bottom: 4rem;
            padding-left: 30px;
            padding-left: 3rem;
            padding-right: 30px;
            padding-right: 3rem;
        }

        .home #home-grid .home-tile {
            flex: 0 1 50%;
            height: 250px;
            height: 25rem;
            margin-bottom: 0;
            position: inherit !important;
            left: inherit !important;
            right: inherit !important;
            top: inherit !important;
            border: 10px #fff solid;
        }

        .home #home-grid .home-tile:last-of-type {
            margin-bottom: 0;
        }

        #home-grid .home-tile a {
            padding: 20px;
            padding: 2rem;
            background: none;
        }

        #home-grid .home-tile:hover a,
        #home-grid .home-tile a:hover {
            background: none;
        }

        .home #home-grid .home-tile span {
            top: inherit;
            background: none;
        }

        .home #home-grid .home-tile .h2,
        .home #home-grid .home-tile .h3 {
            padding-right: 0;
        }

        .home #home-grid .home-tile .h2 {
            font-size: 28px;
            font-size: 2.8rem;
            line-height: 28px;
            line-height: 2.8rem;
            margin-bottom: 10px;
            margin-bottom: 1rem;
        }

        .home #home-grid .home-tile .h3 {
            opacity: 1;
            font-size: 18px;
            font-size: 1.8rem;
            line-height: 22px;
            line-height: 2.2rem;
            height: auto;
        }

        /* Home News */
        #home-news {
            padding: 0 25px;
            margin-bottom: 0;
        }

        #home-news #home-news-title {
            position: relative;
            top: inherit;
            right: inherit;
            padding: 50px 0 0 0;
        }

        #home-news .slides {
            height: auto;
            background: rgba(173,216,230,1);
            margin-top: 20px;
        }

        #home-news .home-news-slide a.home-news-slide-title {
            margin-bottom: 8px;
            display: block;
            line-height: 28px;
        }

        #home-news .home-news-slide p {
            width: auto;
            padding-right: 0;
        }

    /*--------------------------------------------------------------
    # Nos Laboratoires
    --------------------------------------------------------------*/

        /* Map Legend */

        /* Labs List */
        #labs-list .lab-item {
            min-height: inherit;
        }

        #labs-list .lab-item .lab-header {
            height: 100px;
            background-size: auto 90px;
        }

        #labs-list .lab-item .lab-details div {
            margin-bottom: 12px;
        }

        #labs-list .lab-item .lab-details p,
        #labs-list .lab-item .lab-details strong {
            font-size: 14px;
            line-height: 17px;
        }

        #labs-list .lab-item .lab-details a.lab-link {
            padding: 14px 40px;
            margin-top: 20px;
        }


    /*--------------------------------------------------------------
    # Single Emploi
    --------------------------------------------------------------*/

        .single-emploi .post-info {
            padding: 40px 50px 50px;
            border-radius: 30px;
        }

        .single-emploi .emploi .post-details {
        }

        .single-emploi .emploi .post-details-item {
            flex-grow: 1;
            flex-basis: 0%;
        }

        .single-emploi .emploi .post-details strong {

        }

        .single-emploi .emploi .post-details-item:not(:last-child) {
        }

        .single-emploi .emploi .post-details .post-details-item:before {
        }

        .single-emploi .emploi .post-details .post-details-item strong,
    	.single-emploi .emploi .post-details .post-details-item p {
    	}

    /*--------------------------------------------------------------
    # Actualités
    --------------------------------------------------------------*/

        #news-posts {
            margin-bottom: 20px;
        }

        #news-sidebar {
            padding-left: 0;
        }

    /*--------------------------------------------------------------
    # Footer
    --------------------------------------------------------------*/

        footer .wrap {
            padding: 0;
        }

        #footer-bottom {
            display: block;
            padding: 0 30px;
        }

        /* Labs Dropdown */
        .site-footer #labs-dropdown {
            margin-bottom: 30px;
            text-align: center;
            flex: inherit;
        }

        .site-footer #labs-dropdown select {
            display: inline-block;
        }

        /* Footer Navigation */
        .site-footer #footer-navigation {
            margin-bottom: 30px;
            display: block;
            flex: inherit;
        }

        .site-footer #footer-navigation li {
            float: none;
            display: block;
            margin: 0 0 20px 0;
            text-align: center;
        }

        .site-footer #footer-navigation li:last-child {
            margin-bottom: 0;
        }

        /* Copyright */
        .site-footer .site-copyright {
            text-align: center;
        }

        .site-footer .site-copyright p {
            font-size: 11px;
        }


    /*--------------------------------------------------------------
    # Imagenome v2 & Inopath v2 Override
    --------------------------------------------------------------*/

        /* Branding */
        .portal-site #hero-slides:before {
            top: -70px;
        }

        /* Header */
        .portal-site .site-branding {
            flex: inherit;
            margin-right: auto;
        }

        /* Search */
        .portal-site #search-trigger {
            margin-left: auto;
        }

        .portal-site #page #search-wrap form div input[type="submit"] {
            width: auto;
        }

        /* Site Section */
        .portal-site .site-section.inline {
            margin-bottom: 24px;
        }

        /* Home */
        .portal-site.home #mobile-menu-trigger {
            display: none;
        }

        .portal-site #home-grid .home-tile {
            width: 100% !important;
        }

        /* Search Page */
        .portal-site.search #page #news-posts {
            width: auto;
        }

        /* Single Definition */
        .portal-site.single-qa_faqs #page #news-posts {
            width: auto;
        }

        .portal-site.single-qa_faqs #page #news-posts {
            margin-bottom: 0;
        }

}

/* Tablets (landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
    /*--------------------------------------------------------------
    # Imagenome v2 & Inopath v2 Override
    --------------------------------------------------------------*/

        /* Branding */
        .portal-site #hero-slides:before {
            top: -30px !important;
        }

        /* Home */
        .portal-site #home-grid .home-tile {
            height: 25rem !important;
            width: 100% !important;
        }

        #home-grid .home-tile.pos-5,
        #home-grid .home-tile.pos-6 {
            margin-bottom: 24px;
        }

}

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

/* Desktops and Laptops */
@media only screen and (min-width: 1025px) and (max-width: 1280px) {

	.block-wrap .wrap {
	    padding: 0 60px;
	    max-width: 1025px;
	    margin: 0 auto;
	}

}

/* Large Desktops */
@media only screen and (min-width: 1281px) {

	.block-wrap .wrap {
	    padding: 0 60px;
	    max-width: 1280px;
	    margin: 0 auto;
	}

}