@media (max-width: 1280px) {
    html {
        padding-left: 0;
        padding-right: 0;
    }

    .region-breadcrumb,
    .layout-content
    {
        padding-left: 16px;
        padding-right: 16px;
        box-sizing: border-box;
    }

    .region-header .menuheader {
        width: 100%;
        max-width: 944px;
        left: 0;
        display: block;
        float: left;
        transform: unset;
        position: relative;
    }

    .mosaique.classique2c .mosaic-element {
        width: 100%;
    }

    .mosaique.classique2c li:nth-of-type(2n) {
        padding-left: 10px;
        box-sizing: border-box;
    }

    .mosaique.classique2c li:nth-of-type(2n+1) {
        padding-right: 10px;
        box-sizing: border-box;
    }

    .mosaique.classique .mosaic-element {
        width: 100%;
    }


    .mosaique.classique li:nth-of-type(3n+1) {
        padding-left: 0;
        padding-right: 10px;
        box-sizing: border-box;
    }

    .mosaique.classique li:nth-of-type(3n+2) {
        padding-left: 5px;
        padding-right: 5px;
        box-sizing: border-box;
    }

    .mosaique.classique li:nth-of-type(3n) {
        padding-left: 10px;
        padding-right: 0;
        box-sizing: border-box;
    }


}

/*mode tablette*/
@media (max-width: 1024px) {
    .mosaique.classique .mosaicview {
        width: 100%;
        float: left;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .page_interne_menu .mosaique.classique .mosaic-element {
        width: calc( 100% - 10px );
    }

    .page_interne_menu .mosaique.classique2c .mosaic-element {
        width: 100%;
    /*        width: calc( 100% - 10px );*/
    }
}

@media (max-width: 950px) {
    .mosaique.classique li {
	    display: block;
	    float: left;
	    width: 33.33%;
    }

    .mosaique.classique li:nth-of-type(2n+1) .mosaic-element {
        float: unset;
    }

    .mosaique.classique li:nth-of-type(2n) .mosaic-element {
        float: unset;
    }

    .mosaique.classique li:nth-of-type(3n) .mosaic-element 
    {
        float: right;
    }

    .mosaique.classique li:nth-of-type(3n+1) .mosaic-element, 
    .mosaique.classique li:nth-of-type(3n+2) .mosaic-element {
        float: left;
    }
}

@media (max-width: 840px) {
    
    #block-gallicamb-sub-rfn-lienlogobloclogosite {
        width: 170px;
    }

    .region-header .menuheader ul li.menu-item--active-trail:first-of-type {
        padding-left: 15px;
        margin-right: 0;
    }

    .region-header .menuheader ul li a:link, .region-header .menuheader ul li a:visited {
        margin: 0;
    }

    /*
    .region-header #block-menuheader {
        width: calc(100% - 170px);
    }*/

    .node--type-page-interne-menu
    .mosaique.classique li {
        display: block;
        float: left;
        width: 50%;
    }

    .node--type-page-interne-menu
    .mosaique.classique li:nth-of-type(2n+1) {
        padding-left: 0;
        padding-right: 10px;
        box-sizing: border-box;
    }
    .node--type-page-interne-menu
    .mosaique.classique li:nth-of-type(2n) {
        padding-left: 10px;
        padding-right: 0;
        box-sizing: border-box;
    }

    .page_interne_menu .mosaique.classique .mosaic-element {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 768px) {


}


/*mode mobile*/
@media (max-width: 640px) {

    #block-gallicamb-sub-rfn-lienlogobloclogosite
    {
        width: 126px;
        overflow: hidden;
        border-top-left-radius: 8px;
    }

    #block-gallicamb-sub-rfn-lienlogobloclogosite img {
        display: block;
        float: left;
        height: auto;
        width: 175px;
    }

    header[role="banner"]
    {
        height: 90px;
    }
    .banniere
    {
        display: block;
    }


    .region-header 
    {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        top:25px;
    }

    .layout-container {
        padding-top: 105px;
    }
    
    body.accueil 
    .layout-container {
        padding-top: 105px;
    }

    #menuheader.responsive {
        left: 0;
        right: 0;
        top: 85px;
 
    }

    .node--type-page-interne-menu
    .mosaique.classique li:nth-of-type(2n+1) {
        padding-left: 0;
        padding-right: 0;
    }
    .node--type-page-interne-menu
    .mosaique.classique li:nth-of-type(2n) {
        padding-left: 0;
        padding-right: 0;
    }

    .imagelegende 
    .mosaic-element .blocimage {
        display: block;
        float: left;
        width: 100%;
        height: 300px;
        position: relative;
        overflow: hidden;
    }

    .imagelegende 
    .mosaic-element .blocimage img {
        display: block;
        float: left;
        width: auto;
        height: 300px;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    .page_interne_menu 
    .mosaique.classique2c li {
        display: block;
        float: left;
        width: 100%;
    }

    .mosaique.classique2c .mosaic-element {
        width: 100%;
        max-width: 100%;
    }

    .mosaique.classique2c li:nth-of-type(2n) {
        width: 100%;
        padding-left: 0;
 
    }

    .mosaique.classique2c li:nth-of-type(2n+1) {
        width: 100%;
        padding-right: 0;

    }

    .mosaique.classique2c li:nth-of-type(2n) .mosaic-element {
        float: left;
    }

    .mosaique.classique li:nth-of-type(3n), 
    .mosaique.classique li:nth-of-type(3n+1), 
    .mosaique.classique li:nth-of-type(3n+2) 
    {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .mosaique.classique li:nth-of-type(3n) .mosaic-element, .mosaique.classique li:nth-of-type(3n+1) .mosaic-element, .mosaique.classique li:nth-of-type(3n+2) .mosaic-element {
        display: block;
        float: left;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 100%;
        margin-bottom: 32px;
        box-sizing: border-box;
    }

    .paragraph--type--bloc-para .block-views .view ul li {
        display: block;
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    .mosaique.liste .mosaic-element .blocimage {
        width: 100%;
     }
     .mosaique.liste .mosaic-element .bloctexte {
        width: 100%;
        padding-left: 0;
    }

    .mosaique.liste .mosaic-element img {
        width: 100%;
    }

    .mosaic-element {
        max-width: 100%;
        width: 100%;
    }

    .paragraph--type--bloc-para .block-views .view ul li:nth-of-type(3n), 
    .paragraph--type--bloc-para .block-views .view ul li:nth-of-type(3n+1), 
    .paragraph--type--bloc-para .block-views .view ul li:nth-of-type(3n+2) 
    {
        padding-left: 0;
        padding-right: 0;
    }

    .menufooter ul {
        padding-left: 20px;
    }


    .menufooter li {
        width: 100%;
        border-left: none;
        margin-bottom: 10px;
        padding-left: 0;
    }

    .menufooter a:link, .menufooter a:visited {
        font-size: 1.0rem;
    }


    .field--name-field-titrealter-acc{
        margin-top: 0;
        }
}

@media (max-width: 560px) {

    .contact .col.left {
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px;
    }

    .contact .col.right {
        width: 100%;
        padding-left: 0;
    }

    .page_interne_menu .region-sidebar {
        width: 100%;
        border-right: none;
    }

    .page_interne_menu .region-content {
        width: 100%;
        padding-left: 5px;
        box-sizing: border-box;
        border-left: none;
        padding-top: 30px;
    }

    .page_interne_menu .layout-content {

        margin-top: 0;
    }


    #block-copyright {
        border-left: none;
        position: relative;
        float: left;
        display: block;
        width: 100%;
        right: unset;
        bottom: unset;
        padding-left: 20px;
    }

}