@media (max-width: 1023px) 
{
    /*
    .rechmb_container {
        background-color: transparent;
        padding-left: 10px;
        padding-right: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .rechmb .rech_container {
        height: 50px;
        display: table-cell;
        position: relative;
        width: 100%;
    }*/
} 
@media (max-width: 950px) 
{

    .menuheader ul li a:link, .menuheader ul li a:visited {
        font-size: 0.8rem;
    }

    .bloccarte {
        height: auto;
  
    }
    .bloccarte .listecarte {
        width: 100%;
    }
    .bloccarte .cartewrapper {
        width: 100%;
        height: auto;
    }
    .bloccarte .listecarteinner {
        overflow-x: hidden;
        display: block;
        float: left;
        width: 100%;
    }

    .bloccarte .listecarte ul {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .bloccarte .listecarte ul li {
        width: calc( 50% - 20px );
        margin: 10px;
    }
    .mosaique.classique .mosaicview 
    {
        width: 620px;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    
    [class*="view-last-content"] ul li {
        width: 50%;
    }

    .mosaique.classique li 
    { 
        width: 50%;
    }

    [class*="view-last-content"] li:nth-of-type(2n+1) fieldset {
        float: left;
    }
    [class*="view-last-content"] li:nth-of-type(2n) fieldset {
        float: left;
    }

    .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 
    {
        float: unset;
    }

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

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


@media (max-width: 768px) 
{

    .menu--menu-header ul li ul {
        width: 100%;
        left: 0;
        margin-top: 50px;
    }

    .menu--menu-header ul li ul li a:visited, 
    .menu--menu-header ul li ul li a:link, 
    .menu--menu-header ul li ul li span {
        text-align: left;
    }

    #menuheader {
        position: fixed;
        left:0;
        right: 0;
        top:55px;
        height: auto;
        background-color: #f4f5f5;
    }

    .menu--menu-header ul {
        display: block;
        float: left;
        width: 100%;
        margin: 0;
        height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .menu--menu-header ul li{
        display: block;
        float: left;
        width: 100%;
        margin: 0;
        height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 20px;
        padding-right: 10px;
        text-align: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .menu--menu-header ul li a:visited, 
    .menu--menu-header ul li a:link, 
    .menu--menu-header ul li button, 
    .menu--menu-header ul li span {
        float: left;
        line-height: 35px;
        padding:0;
    }

    .menu--menu-header ul li button::after {
        top: 6px;
    }



/*
    #block-searchbarblock {
        display: block;
        float: left;
        width: 100%;
        position: fixed;
        top: 150px;
        height: 150px;
    }
    .rechmb_container {
        max-width: 500px;
        height: 150px;
        display: block;
        float: none;
        position: relative;
        margin-left: auto;
        margin-right: auto;
    }

    .rechmb .rech_container 
    {
        display: block;
        width: 100%;
        float: left;
        height: 100px;
    }
    .rechmb .search {
        display: block;
        height: 100px;
        position: relative;
        width: 100%;
        float: left;
    }
    .rechmb .search .typeahead-container {
        display: block;
        float: left;
        position: relative;
        left: unset;
        right: unset;
        width: calc( 100% - 55px );
    }

    .rechmb .search button[type="submit"] {
        float: left;
        z-index: 20;
        display: block;
        position: relative;
        right: 0;
    }

    .rechmb .search .skin-select {
        float: left;
        height: 50px;
        width: 100%;
        display: block;
        border-bottom: solid 1px #e52a07;
        border-right: none;
    }

    .rechmb .link_container 
    {
        display: block;
        width: 100%;
        float: left;
        border-top: 1px solid #e52a07;
        border-left: none;
    }
    .rechmb a.recherche-avancee:link, 
    .rechmb a.recherche-avancee:visited 
    {
        width: 100%;
    }
    
    .rechmb a.recherche-avancee span 
    {
        text-align: center;
    }

    .rechmb .search .skin-select::after {
        bottom: unset;
        left: unset;
        right: 28px;
        top: 18px;
    }*/
} 


@media (max-width: 700px) 
{
 /*   .rechmb a.recherche-avancee span.blank 
    {
        display: block;
    }

    .rechmb a.recherche-avancee span.glyphicon-plus 
    {
        display: none;
    }*/
} 

@media (max-width: 640px) 
{

    .doublecolonne .colonnegauche, 
    .doublecolonne .colonnedroite
    {
        width: 100%;
    }

    .view-elements-footer .listelien {
        width: 100%;
        float: left;
        margin-left: 0;
    }

    .region-footerfirst .mosaique.listelogo,
    .region-footerfirst .mosaique 
    {
        width: 100%;
        float: left;
        margin-right: 0;
        margin: 0;
    }

    .mosaique.classique .mosaicview 
    {
        width: 100%;
        float: left;
        margin-left: auto;
        margin-right: auto;
    }

    [class*="view-last-content"] ul li {
        width: 100%;
    }

    .mosaique.classique li 
    { 
        width: 100%;
    }

    [class*="view-last-content"] li:nth-of-type(2n) fieldset, 
    [class*="view-last-content"] li:nth-of-type(2n+1) fieldset 
    {
        width: 100%;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }


    .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 
    {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }


}

@media (max-width: 575px) 
{
    .block-searchbarlightblock-block {
        top: 370px;
    }
}
@media (max-width: 560px) 
{
    .mosaique.chronov ul.mosaicelements {
        width: 300px;
        max-width: 300px;
    }

    .mosaique.chronov .mosaicview::before { 
       left: calc( 50% + 117px );
    }

    .mosaique.chronov ul li:nth-child(2n) {
        flex-direction: unset;
    }

    .page_interne_menu .region-sidebar, 
    .page_interne_menu .region-sidebar.sticky 
    {
        width: 100%;
        display: block;
        top: unset;
    }

    .page_interne_menu .region.region-content,
    .page_interne_menu .region.region-content.stickedsidear 
    {
        display: block;
        margin-left: 0;
        float: left;
        width: 100%;
    }


    .bloccarte .cartewrapper {
        display: none;
    }

    .bloccarte .listecarte ul li {
        width: calc( 100% - 20px );
        margin: 10px;
    }


    .lang button>span {
        font-size: 1.0em;
        top: -2px;
    }
    .block-langselectorblock-block {
        right: 0px;
    }

    .boutonmenuheader {
        right: 40px;
        top: 9px;
    }

    .boutonrecherche {
        top: 20px;
        right: 75px;
    }

    #block-lienlogobloclogosite {
        top:5px;
        left: 0;
        width: 200px;
    }

    #block-lienlogobloclogosite .logo img {
        left: 0;
        width: 200px;
    }

    .mosaique.liste .mosaic-element 
    {
        width: 100%;
        height: auto;
        display: block;
        float: left;
    }
    .mosaique.liste .mosaic-element .blocimage {
        width: 100%;
        height: auto;
        display: block;
        float: left;
        border-right: none;
        border-bottom: 1px solid #000;
    }
    .mosaique.liste .mosaic-element img {
        width: 100%;
        height: auto;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .mosaique.liste .mosaic-element .bloctexte {
        height: auto;
        display: block;
        float: left;       
    }

}


@media (max-width: 480px) 
{
    .mosaique.diaporama ul
    {
        height: 415px;
    }

    .mosaique.diaporama 
    {
        height: 450px;
    }

} 

@media (max-width: 400px) 
{
    .mosaique.diaporama ul
    {
        height: 355px;
    }

    .mosaique.diaporama 
    {
        height: 390px;
    }

}