/* =Responsive Structure / mobile first
----------------------------------------------- */
@media (min-width: 300px) { /* 300 pixels et plus */
    .controls a { margin: 0 10px; }
}

@media (min-width: 900px) { /* 900 pixels et plus */
    #menu-toggle { display: none; }
    .contentWrapper { 
        min-height: calc(100vh - 80px); 
        display: flex; 
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        align-items: center;
        box-shadow: inset 0 0 20vw rgba(0, 0, 0, 0.3);
    }
    /* La propriété after est là seulement pour IE */
    .contentWrapper:after{
        content:'';
        min-height:inherit;
        font-size:0;
    } 
    .navBar h1 { float: left; padding: 18px; width: 33%; text-align: left; }
    .rightAreaNavBar { display: block; float: right; width: 33%; min-height: 1px; padding: 10px 18px; text-align: right; }
    .leftAreaNavBar {display: block; float: left; width: 33%; min-height: 1px; padding: 10px 18px; text-align: left;}
    .controls { display: inline-block; width: 33%;}
    .controls a { margin: 0; }  
    .dropdown-menu { left: auto; }
    .brochureWrapper { width: 90%; }
    .singlePageWrapper { width: 50%; margin: 0 auto; box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); /*overflow: hidden;*/ }
    .doublePageWrapper > .singlePageWrapper { float: left; }
    .brochureWrapper .slick-list { padding: 0; }
    .brochureWrapper .slick-list .slick-slide { padding: 0 40px 0; }
    [class^="link_"] { font-size: 18px; }
    [class^="link_"]:hover { opacity: 1; }
    .right, 
    .right img {
        border-radius: 10px 0 10px 10px;
        -webkit-border-radius: 10px 0 10px 10px;
        -moz-border-radius: 10px 0 10px 10px;
        -ms-border-radius: 10px 0 10px 10px;
        -o-border-radius: 10px 0 10px 10px;
    }
    .left, 
    .left img {
        border-radius: 0 10px 10px 10px;
        -webkit-border-radius: 0 10px 10px 10px;
        -moz-border-radius: 0 10px 10px 10px;
        -ms-border-radius: 0 10px 10px 10px;
        -o-border-radius: 0 10px 10px 10px;
    }
}

@media (min-width: 1100px) { /* 1100 pixels et plus */
    .controls a { margin: 0 5px; }
}