/**
* @layout.less
*
* Ici se trouvent les styles par rapport à la structure du site
* se fichier surcharge le fichier layouts/responsive.css

*/
@import "variables.less";

#page{max-width:100%;}
#header, #content, #navigation, .region-sidebar-first, .region-sidebar-second, #footer{padding:0;}


#header .section,
.header-top .region-header,
#navigation .section,
#main-wrapper,
.front  #block-iiep-unesco-specifics-stay-connected-homepage,
.region-footer-hightlight,
.footer-top .region-footer,
.footer-bottom .region-bottom {
    margin:0 auto;
    max-width: 990px;
}

/* featured slideshow */
#block-iiep-unesco-specifics-featured-homepage{
    .rs-carousel-mask, .rs-carousel-actions{margin:0 auto; max-width: 990px;}
    .rs-carousel-mask{height:90px;}
    .slide-item{height: 90px;}
}


/* surcharge fichier layouts>responsive.css */
/**
* The layout when there is only one sidebar, the left one.
*/

/* Span 2 columns, starting in 2nd column from left. */
.sidebar-first #content {
    width: 63.63636364%;
    margin-left: 36.36363636%;
    margin-right: -100%;
    @media screen and @screen-mobile{
        width:100%;
        margin:0;
        padding:0 8px;
    }
}

/* Span 1 column, starting in 1st column from left. */
.sidebar-first .region-sidebar-first {
    width: 31.31313131%;
    margin-left: 0;
    margin-right: -31.31313131%;
    padding-right:3.53535353%;

    @media screen and @screen-mobile{
        width:100%;
        margin:0;
        padding:0 8px;
    }
}

/**
* The layout when there is only one sidebar, the right one.
*/

/* Span 4 columns, starting in 1st column from left. */
.sidebar-second #content {
    float: left;
    width: 63.6363%;
    margin-left: 0;
    margin-right: -63.6363%;
    padding: 0;

    @media screen and @screen-tablet { padding-left:8px; }

    @media screen and @screen-mobile {
        width:100%;
        margin-right:0;
        padding-left:20px;
        padding-right:20px;
    }
}

/* Span 1 column, starting in 5th column from left. */
.sidebar-second .region-sidebar-second {
    float: left;
    width: 36.3636%;
    margin-left: 63.6363%;
    margin-right: -100%;
    padding-left: 50px;
    padding-right: 0;

    @media screen and @screen-tablet { padding-left:34px; padding-right:8px; }

    @media screen and @screen-mobile {
        width:100%;
        margin-right:0;
        margin-left:0;
        padding-left:20px;
        padding-right:20px;
    }
}