@media (max-width: 1750px) {}


@media (max-width: 1590px) {

    .onglets.abcedaire {
        padding-left: 48px;
        padding-right: 48px;
    }

    .field--name-field-paragraphes-pis .mosaique.classique .mosaicview {
        width: 1000px;
        position: relative;
    }

    .field--name-field-paragraphes-pis .lienmosaicinfwrapper {
        width: 960px;
    }

    .mosaique.classique li {
        width: 33%;
    }
    .field--name-field-paragraphes-acc .mosaique.classique li:nth-of-type(4n+3) .mosaic-element {
        float: left;
        margin-left: 12px;
        margin-right: 0;
    }

    .accueil .field--name-field-paragraphes-acc .paragraph--type--bloc-para .block-views .view-liste-focus-accueil ul li {
        margin-bottom: 15px;
    }

    .accueil .mosaique.classique .mosaicview {
        max-width: 1000px;
    }

    .accueil .mosaique.classique .entetemosaic {
        max-width: 1000px;
    }

    .accueil .field--name-field-titre-blc h2 {
        width: 855px;
        display: block;
        float: left;
        left: 50%;
        transform: translateX(-50%);
    }

    .accueil .field--name-field-paragraphes-acc .view-liste-focus-accueil {
        max-width: 855px;
        left: 50%;
        transform: translateX(-50%);
    }

    .accueil .field--name-field-paragraphes-acc .view-liste-focus-accueil li:nth-of-type(3n) {
        margin-left: 0;
        margin-right: 0;
    }

    .paragraph--type--bloc-para .field--name-field-lien-blc a:link,
    .paragraph--type--bloc-para .field--name-field-lien-blc a:visited {
        width: 855px;
        text-align: left;
        display: block;
        float: left;
        left: 50%;
        transform: translateX(-50%);
    }


    .field--name-field-paragraphes-lpi .paragraph--type--bloc-para .block-views-blockliste-focus-block-1 {
        width: calc( 100% - 76px );
    }
}

@media (max-width: 1375px) {
    .hassidelink .field--name-field-liensidebar-pis {
        left: 225px;
    }

    .hassidelink .field--name-field-paragraphes-pis .texteriche {
        width: calc( 100% - 410px );
        left: calc( 50% + 175px );
    }
}

@media (max-width: 1350px) {
    .field--name-field-paragraphes-pis .mosaique.classique .mosaicview {
        width: 660px;
    }

    .field--name-field-paragraphes-pis .lienmosaicinfwrapper {
        width: 660px;
    }

    .field--name-field-paragraphes-pis .mosaique.classique li {
        width: 50%;
    }

    .lienmosaicinfwrapper {
        display: block;
        float: left;
        width: 660px;
        left: 50%;
        transform: translateX(-50%);
        position: relative;
    }

    .mosaique .lienmosaicinf a:link,
    .mosaique .lienmosaicinf a:visited {
        float: left;
    }

    .accueil .mosaique.classique {
        /* width: 100%;*/
        max-width: 100%;
    }

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

    .accueil .field--name-field-paragraphes-acc .paragraph--type--bloc-para {
        /*width: 100%;*/
        max-width: 100%;
    }

    .accueil .mosaique.classique .entetemosaic {
        max-width: 680px;
    }

    .accueil .mosaique.classique .mosaicview {
        max-width: 680px;
    }

    .field--name-field-titrealter-lpi,
    .field--name-field-titrealter-pis 
    {
        width: calc(100% - 176px);

    }

    .breadcrumb {
        width: calc(100% - 176px);
    }

    .field--name-field-intro-pis {
        width: calc(100% - 176px);
        padding-left: 32px;
        padding-right: 32px;
    }


    .onglets ul.btnonglet {
        width: calc(100% - 90px);
    }

    .onglets .ongletscontent ul.ongletscontentlist {
        width: calc(100% - 90px);
    }

    body.page_interne_simple h1 {
        width: calc(100% - 226px);
    }

}

@media (max-width: 1240px) {

    .accueil .mosaique.classique .mosaicview {
        max-width: 680px;
    }

    .accueil .mosaique.classique .entetemosaic {
        max-width: 680px;
    }

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


    .mosaique.chronov .mosaicview {
        width: 720px;
        left: 50%;
        transform: translateX(-50%);
    }

    .mosaique.chronov .mosaic-element {
        width: 239px;
    }


    .mosaique.chronov .mosaic-element .blocimage {
        height: 176px;
        width: 239px;
    }

    .mosaique.chronov .mosaic-element .bloctexte {
        height: 117px;
        width: 239px;
    }

}

@media (max-width: 1200px) {

    .accueil .field--name-field-titre-blc h2 {
        width: 605px;
    }

    .accueil .field--name-field-paragraphes-acc .paragraph--type--bloc-para .block-views .view-liste-focus-accueil ul li {
        width: 290px;
        margin-left: 6px;
        margin-right: 6px;
    }

    .accueil .field--name-field-paragraphes-acc .view-liste-focus-accueil .elementmosaic {
        width: 290px;
    }

    .accueil .field--name-field-paragraphes-acc .view-liste-focus-accueil .elementmosaic .views-field-field-vignette-pis {
        width: 290px;
        height: 217px;
    }
    .accueil .field--name-field-paragraphes-acc .view-liste-focus-accueil .elementmosaic:hover .views-field-field-vignette-pis img {
        width: 320px;
        height: 238px;
        left: -15px;
        top: -11px;
    }
    .accueil .field--name-field-paragraphes-acc .view-liste-focus-accueil .elementmosaic .views-field-fieldset {

        width: 290px;
        height: auto;
    }
    .accueil .field--name-field-paragraphes-acc .view-liste-focus-accueil {
        max-width: 605px;

    }
    .accueil .field--name-field-paragraphes-acc .block-views .view ul
    {
        width: 605px;
        left: 50%;
        transform: translateX(-50%);
        position: relative;
    }

    .accueil .field--name-field-paragraphes-acc .block-views .view img
    {
        height: auto;
    }

    .accueil .field--name-field-paragraphes-acc .view-liste-focus-accueil li:nth-of-type(3n) {
        margin-left: 6px;
        margin-right: 6px;
    }

    .accueil .field--name-field-paragraphes-acc .view-liste-focus-accueil li:nth-of-type(3n+1) {
        margin-left: 6px;
        margin-right: 6px;
    }

    .accueil .field--name-field-paragraphes-acc .view-liste-focus-accueil li:nth-of-type(3n+2) {
        margin-left: 6px;
        margin-right: 6px;
    }

    .accueil .field--name-field-paragraphes-acc .paragraph--type--bloc-para .field--name-field-lien-blc {
        display: block;
        float: left;
        width: 100%;
        position: relative;
        max-width: 605px;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 30px;
    }
}

@media (max-width: 1024px) {

    .accueil .field--name-field-paragraphes-acc .paragraph--type--bloc-para {
        width: 100%;
        max-width: 100%;

    }

    .hassidelink .field--name-field-paragraphes-pis .texteriche {
        width: calc( 100% - 310px );
        left: calc( 50% + 150px );
    }

    .field--name-field-paragraphes-pis .texteriche {
        padding-left: 32px;
        padding-right: 32px;
    }



    .view-liste-page-interne ul {
        width: 605px;
        left: 50%;
        transform: translateX(-50%);
        position: relative;
    }

    .view-liste-page-interne img {
        height: auto;
    }

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

@media (max-width: 980px) {

    .field--name-field-paragraphes-pis .mosaique.classique .mosaicview {
        width: 330px;
    }

    .field--name-field-paragraphes-pis .lienmosaicinfwrapper {
        width: 300px;
    }

    .field--name-field-paragraphes-pis .mosaique.classique li {
        width: 100%;
    }

    .lienmosaicinfwrapper {
        width: 310px;
    }

    .mosaique .lienmosaicinf a:link,
    .mosaique .lienmosaicinf a:visited {
        line-height: 1.5rem;
        font-size: 1.5rem;
    }

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

    .listelien ul li {
        width: 50%;
    }
}

@media (max-width: 940px) {
    .region-footerfirst {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .region-footerfirst .texteriche {
        padding-right: 0;
    }

    .region-footerfirst .texteriche,
    .region-footerfirst .texteriche p {
        display: block;
        float: left;
        width: 100%;
    }

    .menu--footer ul li {
        width: 100%;
        text-align: center;
        padding-left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .field--name-field-paragraphes-lpi .paragraph--type--bloc-para .block-views-blockliste-focus-block-1 .views-field-field-vignette-pis {
        width: 188px;
    }

    .field--name-field-paragraphes-lpi .paragraph--type--bloc-para .block-views-blockliste-focus-block-1 .views-field-field-vignette-pis img {
        width: 188px;
        height: 141px;

    }

    .field--name-field-paragraphes-lpi .paragraph--type--bloc-para .block-views-blockliste-focus-block-1 .views-field-fieldset {
        width: calc( 100% - 188px );
        padding-left: 16px;
    }

    .field--name-field-paragraphes-lpi .paragraph--type--bloc-para .block-views .view ul li h1, .field--name-field-paragraphes-lpi .paragraph--type--bloc-para .block-views .view ul li h2, .field--name-field-paragraphes-lpi .paragraph--type--bloc-para .block-views .view ul li h3 {
        font-size: 2.0rem;
    }

    .field--name-field-paragraphes-lpi .paragraph--type--bloc-para .block-views .view ul li .elementmosaic:hover .views-field-field-vignette-pis img {
        width: 206px;
        height: 155px;
        left: -9px;
        top: -7px;
    }
}

@media (max-width: 900px) {



    .accueil .field--name-field-paragraphes-acc .block-views .view ul {
        width: 302px;
    }

    .hassidelink .field--name-field-paragraphes-pis .texteriche {
        width: 100%;
        left: 50%;
    }

    .hassidelink .field--name-field-liensidebar-pis {
        display: block;
        float: left;
        width: calc( 100% - 90px );
        padding-top: 0;
        padding-left: 32px;
        padding-right: 0;
        padding-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 48px;
        margin-top: 0;
        box-sizing: border-box;
        left: 50%;
        transform: translateX(-50%);
        position: relative;
        z-index: 5;
    }
    .hassidelink .field--name-field-liensidebar-pis a:link, .hassidelink .field--name-field-liensidebar-pis a:visited {
        font-size: 1.5rem;
    }
    .hassidelink .field--name-field-paragraphes-pis {
	    margin-bottom: 0;
        padding-bottom: 0;
    }


    .accueil .mosaique.classique li {
        width: 100%;
    }
    .accueil .mosaique.classique .entetemosaic {
        max-width: 100%;
        position: relative;
    }

    .accueil .mosaique.classique .entetemosaic  .titremosaic {
        width: 325px;
        display: block;
        float: left;
        left: 50%;
        transform: translateX(-50%);
        position: relative;
    }


    .accueil .mosaique.classique .mosaicview {
        max-width: 325px;
    }

    .accueil .field--name-field-titre-blc h2 {
        width: 290px;
        display: block;
        float: left;
        left: 50%;
        transform: translateX(-50%);
    }

    .accueil .field--name-field-paragraphes-acc .view-liste-focus-accueil {
        max-width: 290px;
    }

    .paragraph--type--bloc-para .block-views .view ul,
    .view-liste-page-interne ul {
        width: 290px;
    }

    .paragraph--type--bloc-para .field--name-field-lien-blc {
        margin-top: 15px;
    }

    .paragraph--type--bloc-para .field--name-field-lien-blc a:link,
    .paragraph--type--bloc-para .field--name-field-lien-blc a:visited {
        width: 290px;
    }


    .onglets {
        display: block;
        width: calc(100% + 90px);
        float: left;
        max-width: unset;
        left: -45px;
        transform: unset;
        position: relative;
        right: -35px;
    }

    .onglets ul.btnonglet {
        width: calc(100% - 176px);
    }

    .onglets .ongletscontent ul.ongletscontentlist {
        width: calc(100% - 176px);
    }

    .mosaique.simple ul li .mosaic-element {
        width: 175px;
    }

    .mosaique.simple ul li {
        width: 190px;
    }

    .onglets ul.btnonglet li {
        width: 140px;
    }
}

@media (max-width: 750px) {

    .mbsearchbarlight.search-bar-container {
        height: 132px;
    }

    .mbsearchbarlight .mainsearch {
        height: 132px;
    }

    .mbsearchbarlight .search-bar {
        height: 132px;
    }

    .mbsearchbarlight .select-bloc select {
        width: 100%;
    }

    .mbsearchbarlight .mainsearch button.search-btn[type="submit"] {
        top: 64px;
    }

    .mbsearchbarlight button.clear_input {
        right: 90px;
        top: 89px;
    }

    .mbsearchbarlight .select-bloc select:hover {
        color: #fff;
    }

    .mbsearchbarlight .select-bloc::after {
        color: #fff;
    }

    .mbsearchbarlight .select-bloc {
        background-color: #474747;
        color: #fff;
        width: 100%;
    }

    .mbsearchbarlight .select-bloc select {
        color: #fff;
    }

    .mosaique.chronov .mosaicview {
        width: 585px;
    }

    .onglets ul.btnonglet li {
        width: fit-content;
        padding-right: 10px;
    }

    .onglets.abcedaire ul.btnonglet li {
       padding-right: 0;
    }

    .onglets .boutononglet {
        width: fit-content;
    }

    .onglets .boutononglet h2,
    .onglets .boutononglet h3 {
        width: fit-content;
    }


    .onglets {
        width: calc(100% + 48px);
        left: -24px;
        right: -24px;
    }

    .mosaique.simple ul li {
        width: 150px;
    }

    .mosaique.simple ul li .mosaic-element {
        width: 145px;

    }
    .onglets .ongletscontent ul.ongletscontentlist {
        width: calc(100% - 130px);
    }
    .onglets ul.btnonglet {
        width: calc(100% - 130px);
    }


}

@media (max-width: 700px) {

    .field--name-field-paragraphes-lpi .paragraph--type--bloc-para .block-views-blockliste-focus-block-1 .item-list ul li {
        padding-right: 32px;
        padding-left: 32px;
        box-sizing: border-box;
    }

    .field--name-field-paragraphes-lpi .paragraph--type--bloc-para .block-views-blockliste-focus-block-1 {
        width: 100%;
    }

    .field--name-field-paragraphes-lpi .paragraph--type--bloc-para .block-views-blockliste-focus-block-1 .views-field-field-vignette-pis {
        width: 100%;
        margin-bottom: 16px;
    }

    .field--name-field-paragraphes-lpi .paragraph--type--bloc-para .block-views-blockliste-focus-block-1 .views-field-field-vignette-pis img {
        width: 100%;
        height: auto;
    }

    .field--name-field-paragraphes-lpi .paragraph--type--bloc-para .block-views-blockliste-focus-block-1 .views-field-fieldset {
        width: 100%;
        padding-left: 0;
    }

    .field--name-field-paragraphes-lpi .paragraph--type--bloc-para .block-views .view ul li h1, .field--name-field-paragraphes-lpi .paragraph--type--bloc-para .block-views .view ul li h2, .field--name-field-paragraphes-lpi .paragraph--type--bloc-para .block-views .view ul li h3 {
        font-size: 1.5rem;
    }

    .field--name-field-paragraphes-lpi .paragraph--type--bloc-para .block-views .view ul li .elementmosaic:hover .views-field-field-vignette-pis img {
        width: 110%;
        height: auto;
        left: -5%;
        top: -7px;
    }

    .field--name-field-paragraphes-lpi .paragraph--type--bloc-para .block-views .view ul li .views-field-field-intro-pis p {
 
        font-size: 1.0rem;

    }





    .field--name-field-titrealter-lpi, 
    .field--name-field-titrealter-pis 
    {
        padding-top: 60px;
    }

    body.page_interne_simple h1 {
        width: calc(100% - 84px);
        font-size: 2.0rem;
    }

    body.page_interne_simple h1::after {
        top: -50px;
        left: -10px;
    }

    .remarquable {
        height: 555px;
        overflow-x: hidden;
    }

    .remarquable .remview::before {

        height: 555px;
        width: 2697px;
        background-image: url('images/bandeau_remarquable.jpg');
        background-size: 2697px 555px;
    }

    .remarquable .remview {
        height: 555px;
        width: 100%;
    }

    .remarquable .remview .mosaic-element {
        height: 395px;
    }

    .remarquable .blocimage {
        height: 229px;
        width: 100%;
    }

    .remarquable .blocimage .link {
        display: block;
        float: left;
        left: 50%;
        position: relative;
        transform: translateX(-50%);
    }

    .remarquable .mosaic-element img {
        left: 50%;
        position: relative;
        transform: translateX(-50%);
    }

    .remarquable .bloctexte {
        width: 100%;
        height: 165px;
        padding-top: 25px;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
        text-align: center;
    }

    .remarquable 
    .mosaic-element .compteur {
        text-align: center;
    }

    .remarquable a.titrelink:link,
    .remarquable a.titrelink:visited {
        display: block;
        float: left;
        padding-right: 0;
        width: 100%;
        text-align: center;
        position: relative;
        top: 30px;
    }

    .remarquable a.titrelink::after {
        bottom: -85px;
        left: 50%;
        right: unset;
        transform: translateX(-50%);
    }

    .mosaique.chronov .mosaicview {
        max-width: 555px;
        width: 100%;
    }
}



@media (max-width: 680px) {

    .mosaique.chronov ul li {
        margin-bottom: 40px;
        display: block;
        float: left;
        width: 100%;
        position: relative;
    }

    .mosaique.chronov .mosaicview::before {
        display: none;
    }

    .mosaique.chronov .point {
        display: none;
    }

    .mosaique.chronov .point::before {
        display: none;
    }

    .mosaique.chronov ul li:nth-child(2n+1) .point::before {
        display: none;
    }

    .mosaique.chronov .mosaic-element {
        width: 100%;
        max-width: 524px;
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
    }

    .mosaique.chronov .mosaic-element .bloctexte {
        height: 117px;
        width: 100%;
    }

    .mosaique.chronov .mosaic-element .blocimage {
        height: 176px;
        width: 100%;
    }
}

@media (max-width: 650px) {

    .onglets.abcedaire {
        padding-left: 24px;
        padding-right: 24px;
    }

    .listelien ul li {
        width: 100%;
    }

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

    .accueil .field--name-field-paragraphes-acc .paragraph--type--bloc-para {
        width: 100%;
    }

    .region-footerfirst {
        padding-left: 24px;
        padding-right: 24px;
    }

    .field--name-field-blocfocusbloc-acc {
        width: calc(100% - 20px);
        height: fit-content;
        right: 20px;
    }

    .paragraph--type--bloc-para .block-views .view ul,
    .view-liste-page-interne ul {
        width: 290px;
    }

    .mosaique .lienmosaicinf a:link,
    .mosaique .lienmosaicinf a:visited {
        width: 290px;
    }
}

@media (max-width: 580px) {
    .region-content {
        padding-top: 155px;
    }

    .mosaique.classique {
        margin-top: 40px;
        margin-bottom: 30px;
        padding-bottom: 0;
    }

    .mosaique.classique .mosaicview::after {
        display: none;
    }

    .accueil .field--name-field-paragraphes-acc .view-liste-focus-accueil::after {
        display: none;
    }

    .field--name-field-accroche-acc {
        padding-top: 0;
        padding-left: 0;
        padding-top: 214px;
    }

    .field--name-field-accroche-acc::after {
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .field--name-field-paragraphes-lpi,
    .field--name-field-paragraphes-pis 
    {
        width: calc(100% - 48px);
    }

    .field--name-field-titrealter-lpi,
    .field--name-field-titrealter-pis
    {
        width: calc(100% - 48px);
        max-width: 100%;
    }

    .field--name-field-intro-pis {
        width: calc(100% - 48px);
        padding-left: 24px;
        padding-right: 24px;
    }

    .breadcrumb {
        width: calc(100% - 48px);
        max-width: 100%;
    }

    body .bg {
        left: 0;
        right: 0;
    }

    .onglets .ongletscontent ul.ongletscontentlist {
        width: calc(100% - 48px);
    }

    .onglets ul.btnonglet {
        width: calc(100% - 48px);
    }

    .hassidelink .field--name-field-liensidebar-pis {
        padding-left: 10px;
    }

}



@media (max-width: 480px) {
    .field--name-field-paragraphes-pis .texteriche {
        padding-left: 0;
        padding-right: 0;
    }

    .field--name-field-paragraphes-pis .texteriche.encart {
        padding: 24px;
    }

    .accueil .mosaique.classique {
        padding-left: 0;
        padding-right: 0;
    }
    .hassidelink .field--name-field-liensidebar-pis {
        width: calc( 100% - 24px );
    }

    #block-gallicamb-sub-numba-lienlogoblockportailcirad {
        margin-left: 24px;
        width: 35px;
        overflow: hidden;
    }

    #block-gallicamb-sub-numba-lienlogoblockcirad {
        margin-right: 24px;
    }

    .field--name-field-bandeau-acc {
        display: block;
        float: left;
        width: 100%;
        height: 532px;
    }

    .field--name-field-bandeau-acc img {
        width: auto;
        height: 532px;
    }

    .field--name-field-blocfocusbloc-acc {
        height: fit-content;
    }

    #block-gallicamb-sub-numba-lienlogobloclogosite {
        margin-left: 24px;
        margin-top: 25px;
        width: 171px;
    }

    #block-gallicamb-sub-numba-lienlogobloclogosite img {
        width: 171px;
    }

    .field--name-field-paragraphes-acc .mosaique .titremosaic h2 {
        width: 308px;
        left: 50%;
        transform: translateX(-50%);
    }

  /*  .onglets ul.btnonglet li {
        padding-right: 5px;
    }*/
}


@media (max-width: 370px) {
    .onglets ul.btnonglet {
        display: flex;
    }


    .onglets .boutononglet h2, .onglets .boutononglet h3 {
        font-size: 1.0rem;
    }
    .onglets ul.btnonglet li {
        padding-right: 0;
        flex-grow: 1;
    }

}

@media (max-width: 350px) {

    .mosaique.simple ul li {
        width: 100%;
    }
    .mosaique.simple ul li .mosaic-element {
        width: 100%;
    }

    .mosaique.classique .mosaic-element {
        width: 290px;
        height: 266px;
        margin-bottom: 32px;
    }

    .mosaique.classique .blocimage {

        height: 217px;
        width: 290px;
    }

}