@media(max-width: 840px){
    #translucentHeaderBlock .contentBlock {
        position: relative;
        max-width: 96%;
        padding: 10px 5px 5px 5px;
        left: 0;
        margin: 0 2%;
        background: rgba(0,0,0,0.5);
    }
    #translucentHeaderBlock .contentBlock h3.translucentTitre, 
    #translucentHeaderBlock .contentBlock h3.translucentTitre a {
        font-family:"WF-011580-002038-000401", "Irma Bold 2", "Irma Bold", Irma-Bold, "Helvetica Bold", "Verdana Bold", "Arial Bold", sans-serif;
        font-size: 22px;
        color: #fff;
        line-height: 25px;
        text-transform: uppercase;
    }
    #translucentHeaderBlock .contentBlock h4 {
        font-size: 12px;
        color: #fff;
        margin: 0 0 5px 0;
    }
    #block-rodinheader-header-home,
    .node-type-exposition #block-rodinheader-header-home {
        margin: 16px 0 0 0;
        overflow: visible;
        height: auto;
        display: none;
    }
    .node-type-exposition #block-rodinheader-header-home {
        display: block;
    }
    .oeuvreVisuelDesktop {
        display: none;
    }

    /*commun*/
    body {
        font: 12px Arial, Helvetica, sans-serif;
        line-height: 1.5;
    }
    .desktop {
       /* display: none;*/
    }
    .layer {
        display: none !important;
    }
    .withPicture #header,
    .noPicture #header {
        float: left;
        position: relative;
        width: 100%;
        height: auto;
        margin: 0;
    }
    .node-type-home #header {
        float: left;
        position: relative;
        width: 100%;
        height: auto;
        margin: 0;
    }
    body.node-type-activite #content .blockLeft p.return_list {
        display: none;
    }
    .mobileBacklink {
        font-size: 12px;
        color: #000;
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: none;
        margin: 3% 2% 4% 2%;
        display: block;
    }
    .mobileReturnList {
        margin: 20px 0 0 0 !important;
        display: block;
    }
    .mobileReturnList a {
        color: #60594e;
    }
    .mobileReturnList a .fleche {
        color: #C00;
    }
    body.noPicture {
        background: none !important;
    }
    #breadcrumb {
        display: none;
    }

    h1 {
        margin-bottom: 0;
        font-size: 22px;
        line-height: 28px;
    }

    h2 {
        font-size: 16px;
    }

    h3 {
        font-size: 1.5em;
        line-height: 1.2em;
    }

    iframe {
        width: 100%;
    }

    .node img, 
    .mceContentBody img {
        width: 100%;
        height: auto;
        margin: 0;
    }

    .richtext a img {
        width: auto;
        height: auto;
        margin: 0;
    }

    input, textarea, select {
        text-transform: uppercase;
    }

    /*top responsive*/
    #topResponsive {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        display: block;
        z-index: 11;
    }
    #topResponsive #bgTop {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        z-index: 1;
    }
    #topResponsive #bgTop img {
        width: 100%;
        height: auto;
    }
    /*#topResponsive #menuResponsive {
        position: absolute;
        top: 0;
        left: 0;
        width: 12%;
        height: auto;
        cursor: pointer;
        z-index: 5;
    }
    #topResponsive #menuResponsive img {
        width: 100%;
        height: auto;
    }*/
    #topResponsive #titleDynResponsive{display:none}
    /*#topResponsive #titleDynResponsive {
        position: absolute;
        top: 0;
        left: 12%;
        width: 76%;
        height: auto;
        text-align: center;
        cursor: pointer;
        z-index: 1;
    }
    #topResponsive #titleDynResponsive .label {
        font-family: "Helvetica Bold", "Verdana Bold", "Arial Bold", sans-serif;
        font-size: 20px;
        color: #fff;
        line-height: 25px;
        padding: 3% 0 3% 0;
        font-weight: bold;
        display: block;
    }*/
    /*#topResponsive #languesResponsive {
        position: absolute;
        top: 0;
        right: 12%;
        width: 12%;
        height: auto;
        cursor: pointer;
        z-index: 10;
    }
    #topResponsive #languesResponsive img {
        width: 100%;
        height: auto;
    }*/
    /*#topResponsive #infosResponsive {
        position: absolute;
        top: 0;
        right: 0;
        width: 12%;
        height: auto;
        cursor: pointer;
        z-index: 10;
    }
    #topResponsive #infosResponsive img {
        width: 100%;
        height: auto;
    }*/

    /*structure*/
    #container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        min-height: 0;
    }
    .node-type-home #header {
        float: left;
        position: relative;
        width: 100%;
        height: auto;
    }
    #header #navigation {
        display: none;
    }
    #logo {
        display: none;
    }
    #block-mtlfirstlevelnav-nav-first-level {
        display: none;
    }
    #header .copyrightBehaviour {
        display: none;
    }
    #header .region-header {
        float: left;
        position: relative;
        width: 100%;
        margin-top: 0;
    }
    #main,
    .node-type-page-simple.noPicture #main {
        float: left;
        position: relative;
        width: 100%;
    }
    .node-type-home #block-rodinheader-header-home {
        position: relative;
        width: 100%;
        height: 180px;
        margin: 10% 0 0 0;
        overflow: visible;
        display:block;
    }
    .node-type-home #translucentHeaderBlock .contentBlock {
        background: url('../images/translucentHeaderBlockBg.png') repeat;
        position: absolute;
        max-width: 90%;
        padding: 15px 8% 0 2%;
        margin: 35% 0 0 0;
    }
    .node-type-home #translucentHeaderBlock .contentBlock h3.translucentTitre, 
    .node-type-home #translucentHeaderBlock .contentBlock h3.translucentTitre a {
        font-family:"WF-011580-002038-000401", "Irma Bold 2", "Irma Bold", Irma-Bold, "Helvetica Bold", "Verdana Bold", "Arial Bold", sans-serif;
        font-size: 22px;
        color: #373627;
        line-height: 25px;
        text-transform: uppercase;
    }
    .node-type-home #translucentHeaderBlock .contentBlock h4 {
        font-size: 12px;
        color: #373627;
        margin: 0 0 5px 0;
    }
    /*#footer {
        display: none;
    }*/

    /*homepage*/
    body.node-type-home {
        background-position: 50% 0 !important;
    }
    .node-type-home #main {
        float: left;
        position: relative;
        width: 100%;
        margin: 15px 0 0 0;
    }
    #home_mav {
        width: 100%;
        margin: 0 auto;
    }
    .bx-wrapper,
    .bx-window {
        /*width: 96% !important;*/
        /*padding: 0 2%;*/
    }
    /*#home_mav_blocks {
        width: 100% !important;
        left: 0 !important;
    }*/
    #home_mav_blocks .visuel {
        width: 100%;
        height: auto;
    }
    #home_mav_blocks .item .desc {
        width: 100%;
        height: auto;
    }
    /*#home_mav .bx-wrapper a.bx-next,
    #home_mav .bx-wrapper a.bx-prev {
        display: none;
    }*/
    /*#home_mav_blocks .item {
        float: left;
        width: 100% !important;
        margin: 0 0 20px 0;
    }*/
    #home_mav_blocks .item .visuel img {
        width: 100%;
        height: auto;
    }
    #home_mav_textblocks {
        width: 100%;
        margin: 0 auto;
    }
    #home_mav_textblocks .grey-box {
        /*background: #898173;
        float: left;
        width: 96%;
        min-height: 0;
        padding: 0 2% 2% 2%;
        margin: 0 0 2% 0;*/
    }
    #home_mav_textblocks .grey-box h1 {  
        font-family:"WF-011580-002038-000398","Irma Regular 2","Irma Regular","Irma-Regular",Helvetica,Verdana,Arial,sans-serif;
        font-size: 18px;
        color: #fff;  
        margin: 0;
        outline: medium none;
    }
    #home_mav_textblocks .grey-box .links {
        float: left;
        padding: 0;
        margin: 0;
    }
    /*.lastminut {
        width: 92%;
        padding: 0 4%;
        margin: 0 auto;
    }*/
    /*.lastminut hr {
        display: none;
    }*/

    /*.lastminut h4 {
        margin-top: 5px;
    }

    .lastminut h4,
    .lastminut p {
        text-align: left !important;
        font-size: 14px;
    }*/

    /*agenda*/
    body.page-agenda {
        background: none !important;
    }

    h4.rodinFontBold {
        font-size: 19px;
        margin-bottom: 5px;
    }

    #main #sidebar-first {
        display: none;
    }

    #tri_form {
        float: left;
        margin-top: 0;
        margin-bottom: 20px;
    }
    #tri_form ul.list_tri {
        background: #edece6;
        float: left;
        padding: 2%;
        margin: 0;
    }
    #tri_form ul.list_tri > li {
        height: auto !important;
        font-weight: bold;
        float: left;
        font-size: 13px;
        color: #60594E;
        background-color: #EDECE6;
        height: auto;
        padding: 0;
        color: #383728;
    }
    #tri_form ul.list_tri li > div {
        margin-left: 0;
    }
    #tri_form ul.list_tri li ul.items {
        margin-left: 0;
    }

    #tri_form ul.list_tri .activities_filter ul.items li {
        display: inline;
        margin-right: 10px;
        font-size: 8px;
        text-transform: uppercase; 
    }
    #tri_form ul.list_tri .activities_filter ul.items li:last-child {
        display: inline;
        margin-right: 0;
        font-size: 10px;
        text-transform: uppercase; 
    }
    #tri_form ul.list_tri .publics_filter ul.items li {
        display: inline;
        margin-right: 25px;
        font-size: 10px;
        text-transform: uppercase;
    }
    #tri_form ul.list_tri .publics_filter ul.items li:last-child {
        display: inline;
        margin-right: 0;
        font-size: 10px;
        text-transform: uppercase;
    }
    #tri_form ul.list_tri ul.items li input[type="checkbox"] {
        margin: 3px 0;
    }
    #tri_form ul.list_tri li.months_filter {
        width: 100%;
        padding: 0 0 2% 0;
        margin: 0;
        border-bottom: 1px solid #ccc;
    }
    #tri_form ul.list_tri li.activities_filter {
        width: 100%;
        padding: 2% 0 2% 0;
        margin: 0;
        border-bottom: 1px solid #ccc;
    }
    #tri_form ul.list_tri li.publics_filter {
        width: 100%;
        padding: 2% 0 2% 0;
        margin: 0;
    }
    #tri_form #submit_tri{
        background: #898173;
        color: #fff;
        font-family: Arial, Helvetica, Verdana, sans-serif;
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
        width: 100%;
        padding: 2%;
        margin: 10px 0 0 0;
        border: none;
        cursor: pointer;
    }
    #tri_form .valider {
        float: left;
        margin: 0;
    }
    .results_head {
        display: none !important;
    }
    .item_agenda_wrapper {
        width: 100%;
        height: auto !important;
        padding: 0;
        overflow: hidden;
    }
    li.item_agenda_wrapper.zebra .item_agenda_head {
        display: none;
    }
    .item_agenda {
        background: none;
        position: relative;
        top: 0;
        height: auto;
        padding: 15px 0 15px 0;
        margin: 0;
        border-bottom: 1px solid #ccc;
        display: block !important;
    }
    .item_agenda .rightContent {
        float: left;
        width: 48%;
        height: auto;
    }
    .item_agenda .rightContent .description {
        display: none;
    }

    /*agenda fiches*/
    /*#main #content {
        width: 96% !important;
        padding: 0 2% !important;
    }*/

    body.node-type-activite #content .bread {
        font-size: 11px;
        margin-bottom: 11px;
    }

    body.node-type-activite #content h1 {
        margin-bottom: 11px;
        font-size: 23px;
        line-height: 27px;
    }

    body.node-type-activite #content h2 {
        margin-top: 0;
        margin-bottom: 8px;
        font-size: 17px;
        line-height: 17px;
    }

    body.node-type-activite #content .informationsBlock {
        padding: 10px 7px 10px 7px;
    }

    body.node-type-activite #content .informationsBlock h3 {
        font-size: 16px;
        margin-top: 0;
    }

    .copyrightPictureContainer img {
        width: 100%;
        height: auto;
    }
    body.node-type-activite #content .blockLeft {
        float: left;
        width: 100%;
    }
    body.node-type-activite #content .blockRight {
        float: left;
        margin: 0;
        width: 100%;
    }

    /*expositions*/
    .item_large .visuel {
        float: left;
        width: 100%;
    }
    .item_large .copyrightPictureContainer {
        width: 100%;
        height: auto;
    }
    .item_large .visuel img {
        width: 100%;
        height: auto;
    }
    .item_large .right_part {
        float: left;
        width: 100%;
        margin: 0 0 5% 0;
    }

    .item_large .right_part h1.rodinFontBold a {
        font-size: 23px;
        line-height: 20px;
    }

    .item_large h3 {
        font-size: 11px;
        line-height: 1;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .copyrightBehaviour {
        display: none;
    }

    .item_medium .right_part {
        padding: 16px 20px 20px 20px;
    }

    .item_medium, .item_medium_presse {
        background: #edece6;
        float: left;
        width: 100%;
        height: auto;
        padding: 0;
        /*margin: 0 0 5% 0 !important;*/
    }
    .item_medium img,
    .item_medium_presse img {
        width: 100%;
        height: auto;
    }
    .item_medium .copyrightPictureContainer,
    .item_medium_presse .copyrightPictureContainer {
        height: auto;
    }
    .item_medium h1,
    .item_medium_depot h1 {
        margin-left: 0;
        margin-bottom: 0;
        line-height: 1.5;
    }

    #main .block-agendarodin h1.rodinFontBold {
        font-size: 23px;
        margin-bottom: 8px;
    }

    .item_medium .title, .item_medium .title a {
        font-size: 18px;
        line-height: 22px;
    }

    .item_medium_view_custom .title {padding: 10px 15px 5px}

    #main .block-agendarodin h2.rodinFontLight {
        font-size: 17px;
        line-height: 18px;
        margin-bottom: 5px;
    }

    a.savoir_plus {
        font-size: 12px;
    }

    .item_medium h3, .item_medium_depot h3 {
        margin-left: 0;
        font-size: 11px;
        line-height: 1;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .item_medium h2,
    .item_medium_depot h2 {
        margin-left: 0;
    }
    .item_pret {
        background: #edece6;
        float: left;
        width: 96%;
        height: auto;
        padding: 2%;
        margin: 0 0 10px 0;
    }
    .item_pret p {
        margin: 0;
        padding-left: 0;
    }

    .item_pret .title a {
        font-size: 10px;
    }

    .item_pret h1 {
        margin-left: 0;
        margin-bottom: 0;
        font-size: 11px;
        line-height: 150%;
    }
    .item_pret h2 {
        margin-left: 0;
    }

    /*expositions exposition*/
    .exposition.encours .fiche {
        background: none;
        /*width: 100%;*/
        min-height: 0;
        padding: 0;
        margin: 50px 0 0 0;
    }

    .node-type-exposition .richtext p {
        text-align: justify;
    }

    .node-type-exposition.withPicture #main #sidebar-second {
        float: left;
        position: relative;
        width: 96%;
    /*    padding: 0 2%;*/
        /*margin: 2% 0 0 0;*/
    }
    .page-exposition.noPicture #main #sidebar-second {
        float: left;
        position: relative;
        width: 96%;
        padding: 0 2%;
        margin: 2% 0 0 0;
    }
    .copyrightPictureContainer {
        float: left;
        position: relative;
        width: 100%;
        display: block;
    }
    .featuredWorks .item {
        float: left;
        width: 100%;
        height: auto;
    }
    .featuredWorks .item .cartel_container {
        width: 100%;
    }
    .featuredWorks .item img {
        width: 100%;
        height: auto;
    }
    .featuredWorks .visuels {
        float: left;
        width: 100%;
        margin: 15px 0;
    }
    .featuredWorks .visuels li {
        float: left;
        width: 23%;
        height: auto;
        padding: 0;
        margin: 0 2% 2% 0;
    }
    .featuredWorks .visuels li:nth-child(4) {
        float: left;
        width: 23%;
        height: auto;
        padding: 0;
        margin: 0 0 2% 0;
    }
    .featuredWorks .visuels li.paire {
        float: left;
        width: 23%;
        height: auto;
        padding: 0;
        margin: 0 2% 2% 0;
    }
    .featuredWorks .visuels li img,
    .featuredWorks .visuels li a img {
        float: left;
        width: 100%;
        height: auto;
    }
    .parcours .item {
        float: left;
        width: 100%;
    }
    .parcours .visuels {
        float: left;
        width: 100%;
        margin: 15px 0;
    }
    .parcours .visuels li {
        float: left;
        width: 23%;
        height: auto;
        padding: 0;
        margin: 0 2% 2% 0;
    }
    .parcours .visuels li:nth-child(4) {
        float: left;
        width: 23%;
        height: auto;
        padding: 0;
        margin: 0 0 2% 0;
    }
    .parcours .visuels li.paire {
        float: left;
        width: 23%;
        height: auto;
        padding: 0;
        margin: 0 2% 2% 0;
    }
    .parcours .visuels li img {
        float: left;
        width: 100%;
        height: auto;
    }
    .stages {
        float: left;
        width: 100%;
        margin: 0 0 15px 0;
    }

    /*expositions passees*/
    .item_small {
        background: #edece6;
        float: left;
        width: 100%;
        height: auto;
        margin: 0 0 2% 0;
    }
    .node-type-exposition.noPicture #main {
        margin: 0;
    }
    .exposition.passee .fiche {
        background: none;
        /*width: 100%;*/
        min-height: 0;
        padding: 0;
        margin: 0;
    }

    /*expositions fiches*/
    .node-type-exposition.withPicture #main {
        margin: -25px 0 0 0;
    }

    .page-exposition #header {
        float: left;
        position: relative;
        width: 100%;
        height: auto;
        margin: 0;
    }
    #exposTabsWrapper {
        /*display: none;*/
    }
    #exposTabsWrapper.firstTabResponsive {
        display: block;
    }
    #exposTabsWrapper.firstTabResponsive ul li {
        /*display:none;*/
    }
    #exposTabsWrapper.firstTabResponsive ul li.active {
        display:block;
    }
    body.node-type-exposition #exposTabsWrapper.firstTabResponsive ul li.active {
       /* display:none;*/
    }
    #main #content {
        font-size: 0.857em;
        float: left;
        position: relative;
        width: 100%;
    }
    .exposition.encours {
        margin-right: 0;
    }
    .exposition .fiche {
        background: none;
        padding: 2%;
    }

    /*.exposition.encours .fiche .richtext a.lightbox-processed img {
        width: 100% !important;
        height: auto !important;
        margin: 0;
    }*/

    .exposition.encours .fiche .richtext h1 {
        font-size: 23px;
        line-height: 25px;
    }

    /*.exposition.encours .fiche .richtext a img {
        width: auto !important;
        height: 30px !important;
        margin: 0;
    }
*/
   /* .exposition.encours .fiche .richtext img {
        width: 100% !important;
        height: auto !important;
        margin: 0;
    }*/

    #expo-right-block .subBlock {
        margin-bottom: 10px;
        padding: 2%;
    }

    #expo-right-block .subBlock p {
        text-align: left;
        line-height: 18px;
    }
    .sidebar .subBlock {
        margin-bottom: 10px;
        background-color: #edece6;
        padding: 0;
    }
    #expo-right-block .order {
        margin: 0 0 10px 0;
    }
    .sidebar .order .title {
        color: #fff;
        font-size: 16px;
        text-align: left;
        padding: 4px 0 6px 0;
        display: block;
    }
    .sidebar .order .title.ext {
        background: none;
        padding-right: 0;
    }

    /*pret d'oeuvre*/

    /*collection global*/
    /*body.node-type-sous-home,
    body.page-taxonomy {
        background: none !important;
    }*/
    .node-type-sous-home.withPicture #main #sidebar-first,
    .node-type-sous-home.noPicture #main #sidebar-first,
    .page-taxonomy-term.withPicture #main #sidebar-first,
    .page-taxonomy-term.noPicture #main #sidebar-first {
        display: none;
    }
    .node-type-sous-home.withPicture #main #content,
    .node-type-sous-home.noPicture #main #content,
    .page-taxonomy-term.withPicture #main #content,
    .page-taxonomy-term.noPicture #main #content {
        font-size: 0.857em;
        float: left;
        position: relative;
        width: 96%;
        padding: 12px 2%;
    }
    .listOfPreviews .aPreview,
    .listOfPreviews .header.fourth,
    .listOfPreviews .fourth {
        float: left;
        width: 32%;
        height: auto;
        margin: 0 2% 2% 0;
    }
    .listOfPreviews .header.third,
    .listOfPreviews .third {
        float: left;
        width: 32%;
        height: auto;
        margin: 0 0 2% 0;
    }
    .listOfPreviews .header {
        float: left;
        position: relative;
        width: 32%;
        height: auto;
        margin: 0 2% 2% 0;
    }
    .listOfPreviews .header span {
        color:#fff;
        font-family:"WF-011580-002038-000396","Irma Extralight 2", Helvetica, Verdana, Arial, sans-serif;
        font-size:16px;
        font-stretch:normal;
        font-style:normal;
        font-weight:400;
        text-transform:uppercase;
        position: absolute;
        top:10px;
        left:10px;
    }
    .listOfPreviews .header img,
    .listOfPreviews .aPreview a,
    .listOfPreviews .aPreview a img,
    .listOfPreviews .third a,
    .listOfPreviews .third a img {
        float: left;
        width: 100%;
        height: auto;
    }
    .userInterface {
        /*float: none;*/
        text-align: center;
        margin: 0 0 5px 0;
    }
    .userInterfaceBis {
        /*float: none;*/
        text-align: center;
        margin: 0 0 10px 0;
    }
    #block-rodincollection-collection-liste .pagination {
        float: none;
        font-size: 10px;
        color: #716e51;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
    }

    /*collection fiches*/
    .node-type-oeuvre #main #content {
        float: left;
        position: relative;
        width: 100%;
        padding: 12px 0;
    }
    #ficheOeuvre {
        background: none;
        position: relative;
        top: 0;
        left: 0;
        min-height: 0;
        padding: 0 2%;
    }

    #ficheOeuvre .artist {
        line-height: 11px;
    }

    #ficheOeuvre .title {
        margin-top: 4px;
        margin-bottom: 8px;
        font-family: "Irma Regular", "Irma Regular 2", Irma-Regular, Helvetica, Verdana, Arial, sans-serif;
        font-weight: 700;
    }

    #ficheOeuvre .subTitle {
        padding-bottom: 20px;
    }

    .cartel .description {
        margin-bottom: 20px;
    }

    #sidebar-second {
        float: left;
        position: relative;
       /* width: 96% !important;
        margin: 0 2% !important;*/
    }
    .zoomPad {
        position: relative;
        float: left;
        width: 96%;
        height: auto;
        margin: 0 2%;
        z-index: 99;
        cursor: crosshair;
    }
    .zoomPad img {
        width: 100%;
        height: auto;
    }
    #sidebar-second #legendZone,
    #sidebar-second .help {
        display: none;
    }
    #sidebar-second #pictureZone .thumbsZone {
        margin: 2% 0 0 0;
    }
    #sidebar-second #pictureZone .thumbsZone a {
        float: left;
        width: 22.5%;
        margin: 0 0 0 2%;
        border: none;
        display: block;
    }
    #sidebar-second #pictureZone .thumbsZone a img {
        width: 100%;
        border: none;
    }

    /*fiche hors les murs*/
    .sidebar-third #main #content {
        float: left;
        position: relative;
        width: 100%;
        padding: 12px 0;
    }
    .sidebar-third #main .horslesmurs .fiche {
        background: none;
        position: relative;
        top: 0;
        left: 0;
        min-height: 0;
        padding: 0 2%;
    }
    .node-type-exposition #main #sidebar-third {
        float: left;
        position: relative;
        width: 96%;
        margin: 0 2%;
    }
    .sidebar-third #main #sidebar-third .thumbsZone {
        margin: 2% 2% 0 2%;
    }

    /*collections dessins fiches*/
    .node-type-oeuvre.noPicture #main {
        margin: 0;
    }

    /*collections du musee*/
    #collections_musee .block {
        background: #e9e7df;
        color: #383728;
        float: left;
        width: 100%;
        height: auto;
        padding: 0 0 5px 0;
        margin: 15px 0 0 0;
    }
    #collections_musee .block h2 {
        color: #383728;
        font-size: 18px;
        padding-left: 5%;
        padding-top: 5px;
    }
    #collections_musee .block .carrousel_collection {
        height: 100px;
        margin: 0 0 0 1%;
    }
    .page-node-137 .wrapper,
    .page-node-137 .bx-window {
        width: 96% !important;
        padding: 0;
    }
    .carrousel_collection .bx-prev {
        background: url('../images/nav_left_carrouselColl.gif') no-repeat;
        position: absolute;
        top: 40px;
        left: 1px;
        width: 10px;
        height: 11px;
        display: block;
    }
    .carrousel_collection .bx-next {
        background: url('../images/nav_right_carrouselColl.gif') no-repeat;
        position: absolute;
        top: 40px;
        right: 3px;
        width: 10px;
        height: 11px;
        display: block;
    }
    .carrousel_collection .carrousel {
        float: left;
        width: 100%;
    }

    /*fiche oeuvre*/
    .cartel .description p {
        text-align: justify;
    }

    #sidebar-second #pictureZone {
        margin: 0;
    }
    #mainPictureZone {
        width: 96%;
        height: auto;
        padding: 0 2%;
    }
    .mousetrap {
        display: none !important;
    }
    .voir-aussi {
        background: #ebeae7;
        width: 92%;
        padding: 0 2%;
        margin: 1% 2% 0 2%;
        overflow: auto;
    }

    .voir-aussi h3 {
        font-size: 12px;
        margin-top: 4px;
        margin-bottom: 7px;
        line-height: 1em;
    }

    .voir-aussi .left-block {
        float: left;
        width: 100%;
        padding-left: 0;
    }
    .voir-aussi .right-block {
        float: left;
        width: 100%;
        margin: 0;
    }
    .voir-aussi ul.pics li {
        float: left;
        width: 23%;
        height: auto;
        padding: 0;
        margin: 0 2% 2% 0;
    }
    .voir-aussi ul.pics li:nth-child(4) {
        float: left;
        width: 23%;
        height: auto;
        padding: 0;
        margin: 0 0 2% 0;
    }
    .voir-aussi ul.pics li img {
        float: left;
        width: 100%;
        height: auto;
    }

    /*musee*/
    
    .node-type-page-simple.withPicture #main {
        background: none;
        position: relative;
        width: 100%;
        margin: 0;
    }

    /*musee rodin medon*/
    .node-type-page-simple {
        background: none !important;
    }

    /* musee rodin medon Informations pratiques*/

    .node-type-page-simple #main #content h1 {
        font-size: 23px;
    }

    .node-type-page-simple #main #content #tabs-1 h3 {
        color: #660000;
        font-size: 16px;
        margin-bottom: 5px;
        text-transform: uppercase;
        letter-spacing: 0.7px;
    }

    /*professionnels presse*/
    .node-type-page-simple.noPicture #main {
        background: none;
        position: relative;
        width: 100%;
        margin: 0;
    }
    .item_medium_presse_events {
        background: #edece6;
        float: left;
        width: 100%;
        height: auto;
        margin: 0 0 2% 0;
    }
    .item_medium_presse a,
    .item_medium_presse a img {
        float: left;
        width: 100%;
        height: auto;
    }

    /*professionnels location d'espace*/
    .node-type-location-d-espace #header {
        float: left !important;
        height: auto !important;
        position: relative!important;
        width: 100% !important;
    }
    .rentSwapButtons {
        background: url('../images/degrade_gris.png') no-repeat;
        position: absolute;
        top: -34px;
        left: 0;
        width: 96%;
        height: 26px;
        padding: 0 2%;
        margin: 0;
    }
    .node-type-location-d-espace #main {
        float: left;
        position: relative;
        width: 100%;
    }
    #block-views-locations-d-espaces-block .item {
        background: #edece6;
        float: left;
        width: 100%;
        height: auto;
        margin: 0 0 2% 0;
    }
    #block-views-locations-d-espaces-block .item a img {
        width: 100%;
        height: auto;
    }

    /* Prises de vues et tournages */
    .webform-client-form {
        background-color: #EDEAE5;
        width: 96%;
        padding: 2% 2%;
        margin: 4% 0 0 0;
    }

    .node-type-location-d-espace .richtext p,
    .node-type-webform .content .richtext p,
    .node-type-webform .content .richtext ul {
        text-align: justify;
    }

    input[type="text"],
    input[type="password"],
    input[type="email"] {
        width: 96% ;
        padding: 1% 2%;
        margin: 0 0 8px 0;
        border: 1px solid #ccc;
    }
    #webform-client-form-2284 textarea {
        width: 100% !important;
        padding: 0;
        margin: 8px 0;
        border: 1px solid #ccc;
    }
    #webform-client-form-2284 .grippie {
        display: none;
    }
    #webform-client-form-2284 #edit-actions--2 {
        background: none;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    #webform-client-form-2284 #edit-actions--2 #edit-submit--2 {
        background: #888479;
        border: none;
        font-size: 11px;
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
        width: 100%;
        padding: 1% 0;
        margin: 8px 0;
        cursor: pointer;
    }

    /*search page*/
    .page-search-node.noPicture #main {
        float: left;
        position: relative;
        width: 100%;
        margin: -30px 0 0 0;
    }
    .page-search-node #main #content {
        background: none;
        margin: 0;
        min-height: 0;
        padding: 0;
        position: relative;
        width: 100%;
    }
    .page-search-node #main #content h2 {
        color: #504118;
        font-family: "WF-011580-002038-000401", "Irma Bold", Irma-Bold, "Helvetica Bold", "Verdana Bold", "Arial Bold", sans-serif;
        font-size: 18px;
        font-stretch: normal;
        font-style: normal;
        font-weight: 700;
        margin: 0;
    }
    #main #search-form {
        position: absolute;
        top: 90px;
    }
    #search-form {
        background: #fafaf9;
        position: relative;
        width: 92%;
        padding: 2%;
    }
    #search-form fieldset .fieldset-wrapper label {
        float: left;
        text-transform: uppercase;
        padding: 0 !important;
        margin: 0 15px 10px 0;
    }
    #search-form fieldset .fieldset-wrapper #edit-type .form-item {
        float: left;
        /*width: 50%;*/
        padding: 0 !important;
        /*margin: 0 0 20px 0 !important;*/
    }
    #search-form #edit-submit {
        background: #fffff8;
        /*width: 100%;*/
        margin: 0.5em 0;
        border: 1px solid #ccc;
        cursor: pointer;
    }
    #main ol.search-results {
        margin: 330px 0 0 0;
    }

    /*contact*/
    body.node-type-webform h1 {
        margin: 6px 0 12px 0;
        font-size: 23px;
        line-height: 23px;
    }

    #webform-client-form-138 textarea {
        width: 100% !important;
        padding: 0;
        margin: 8px 0;
        border: 1px solid #ccc;
    }
    #webform-client-form-138 .grippie {
        display: none;
    }

    /*tabs*/
    .responsiveTabs #exposTabsWrapper {
        float: left;
        width: 100%;
        margin: 45px 0 20px 0;
        display: block;
    }
    .responsiveTabs #exposTabsWrapper.noDesktop {
        margin: 10px 0 10px 0;
    }
    .responsiveTabs #exposTabsWrapper ul li {
        float: left;
        position: relative;
        height: auto;
        width: 100%;
        font-size: 14px;
        font-weight: bold;
        text-transform: capitalize;
        text-align: center;
        padding: 1.5% 0;
        margin: 0;
        border-bottom: 1px solid #fff;
    }
    .responsiveTabs #exposTabsWrapper.firstTabResponsive ul li span.arrow {
        /*display: none;*/
    }
    .responsiveTabs #exposTabsWrapper ul li span.arrow {
        position: absolute;
        top: 5px;
        right: 10px;
        color: #d22020;
    }
    .responsiveTabs #exposTabsWrapper ul.exposTabs li a,
    .responsiveTabs #exposTabsWrapper ul.exposTabs li.active a,
    .responsiveTabs #exposTabsWrapper ul.exposTabs li a:hover,
    .responsiveTabs #exposTabsWrapper ul.exposTabs li a:visited {
        background: transparent;
        height: auto;
        text-decoration: none;
        padding: 0;
        margin: 0;
        display: block;
    }
    .responsiveTabs #exposTabsWrapper.firstTabResponsive ul li.active {
        background: #898173;
        float: left;
        width: 100%;
        border-bottom: 1px solid #fff;
    }
    .responsiveTabs #exposTabsWrapper ul li.active,
    .responsiveTabs #exposTabsWrapper ul li:hover {
        background: #bab8af;
        float: left;
        width: 100%;
        border-bottom: 1px solid #fff;
    }
    .responsiveTabs #exposTabsWrapper ul li a,
    .responsiveTabs #exposTabsWrapper ul li.active a,
    .responsiveTabs #exposTabsWrapper ul li a:hover {
        color: #fff;
        font-size: 14px;
    }

    /*search bar responsive*/
    #block-custom-search-blocks-1 {
        display: block;
    }
    #block-custom-search-blocks-1 #custom-search-blocks-form-1 #edit-custom-search-blocks-form-1--2 {
        background: #fff;
        float: left;
        position: relative;
        width: 96% !important;
        height: 25px;
        color: #898173;
        font-size: 11px;
        padding: 0 2% !important;
        margin: 0 2% !important;
        border: 1px solid #cccbc9;
        -moz-animation: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    #block-custom-search-blocks-1 #custom-search-blocks-form-1 #edit-submit--2,
    #block-custom-search-blocks-1 .search-form .form-wrapper #edit-submit--3 {
        position: absolute;
        top: 4px;
        right: 4%;
        width: 16px;
        height: 17px;
        border: none;
        cursor: pointer;
    }

    /*page menu responsive*/
    #first_level_menu_responsive {
        background: #585858;
    }
    #first_level_menu_responsive #main #block-custom-search-blocks-1 {
        display: none;
    }
    #first_level_menu_responsive #main {
        margin: -25px 0 0 0;
    }
    #first_level_menu_responsive #main {
        background: #585858;
        margin: -25px 0 0 0;
    }
    #first_level_menu_responsive ul li a {
        font-size: 16px !important;
    /*    color: #fff;*/
    }
    #first_level_menu_responsive ul li.leaf > a,
    #first_level_menu_responsive ul li.leafsites > a {
        font-family: "Irma Regular", Irma-Regular, Helvetica, Verdana, Arial, sans-serif;
        padding: 0 0 0 5%;
    }
    #first_level_menu_responsive ul li {
        border-bottom: #817f7f 1px solid;
    }
    #first_level_menu_responsive ul li ul.level-2 li:first-child {
        border-top: #817f7f 1px solid;
    }
    #first_level_menu_responsive ul li:last-child,
    #first_level_menu_responsive ul li ul.level-2 li:last-child,
    #first_level_menu_responsive ul li ul.level-2 li ul.level-3 li:last-child {
        border-bottom: none;
    }
    #first_level_menu_responsive ul li ul.level-2 li a {
        padding: 0 0 0 10%;
    }
    #first_level_menu_responsive ul li ul.level-2 li ul.level-3 li a {
        padding: 0 0 0 15%;
    }
    #first_level_menu_responsive ul li a {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        display: block;
    }
    #first_level_menu_responsive ul li a:hover {
      /*  background: #373737;*/
    }
    span.ext {
        display: none;
    }
    .level-2 li {
        margin: 0 !important;
    }
    li.expanded, li.collapsed, li.leaf {
        /*padding: 0 !important;*/
        margin: 0;
    }

    /**/
    .page-node-2175 #main .horslesmurs .fiche,
    .page-node-2176 #main .horslesmurs .fiche {
        width: 100%;
    }
    #rodin_tabs li {
        width:100%;
        border-bottom: 1px solid grey;
    }
    #rodin_tabs li a {
        padding: 10px 15px 10px;
        font-size:12px;
        display: block;
    }
    #rodin_tabs #tabs-1 > div {
        width: 50% !important;
        height: auto;
    }
    #tabs-5 img {
        width: auto !important;
    }
    .rodin_table {
        width: 100% !important;
    }
    #block-rodinheader-header-home .puces {
        display: none;
    }
    #responsiveBackground {
        float: left;
        width: 100%;
        margin: -28px 0 0 0;
        display: block;
    }
    #responsiveBackground img {
        width: 100%;
        height: auto;
    }
    #responsiveBackgroundExpo {
        float: left;
        width: 96%;
        margin: -30px 2% 0 2%;
        display: block;
    }
    #responsiveBackgroundExpo img {
        width: 100%;
        height: auto;
    }
    #post-content {
        width: 100%;
    }

    /**/
    html:not([lang*=""]) .item_medium .visuel,
    html:not([lang*=""]) .item_medium_presse .visuel {
        height: auto;
    }
    .item_medium .visuel a {
        float: left;
        width: 100%;
    }
    .item_agenda .leftContent {
        float: left;
        width: 48%;
        height: auto;
        margin: 0 2% 0 0;
    }
    .item_agenda .leftContent a,
    .item_agenda .leftContent a img {
        width: 100%;
        height: auto;
    }
    .copyrightPictureContainer .copyrightBehaviour,
    .copyrightPictureContainer .copyrightBehaviour:hover,
    .copyrightPictureContainer .copyrightBehaviourHover {
        display: none;
    }
    /*.page-taxonomy #main #content {
        margin: 7px 0 0 0;
    }*/
    /*.page-taxonomy #main #content h1 {
        background: #686559;
        color: #fff;
        font-family: "Helvetica Bold", "Verdana Bold", "Arial Bold", sans-serif;
        font-size: 18px;
        line-height: 18px;
        text-align: center;
        padding: 5px 0;
        margin: 0 -2% 2% -2%;
        text-transform: capitalize;
    }*/
    .page-taxonomy #main #content .term-listing-heading {
        margin: 0 0 15px 0;
    }
    .userInterface,
    .userInterfaceBis {
        margin: 0 0 20px 0;
    }
    .userInterface .label,
    .userInterfaceBis .label {
        margin: 0 0 5px 0;
        /*display: block;*/
    }
    .page-taxonomy .pagination {
        float: left;
        font-size: 10px;
        margin: 10px 0 0 0;
    }
    .page-taxonomy .paginationRight {
        float: none;
        font-size: 10px;
        margin: 20px 0 0 0;
        text-align: center;
    }
    .page-taxonomy .paginationRight .ui {
        float: none;
        margin-bottom: 10px;
    }

    .page-taxonomy .paginationRight a {
        margin: 0 0.7em 0 0.7em;
    }

    #header #navigation {
        position: relative;
        width: 100%;
        height: 100%;
        display: block;
        /*z-index: 1;*/
    }
    #block-search-form, #block-textsize-form,
    #block-rodinheader-top-buttons,
    #block-menu-menu-topnav {
        display: none;
    }
    /*#block-locale-language {
        width: 100%;
        margin: 0;
    }*/
    #block-locale-language .block-title {
        display: none;
    }
    ul.language-switcher-locale-url li {
        display: block !important;
    }
    .sidebar .catalogue .leftBlock {
        float: left;
        width: 69%;
        height: auto;
        margin: 0 1% 0 0;
    }
    .sidebar .catalogue .rightBlock {
        float: right;
        width: 29%;
        margin: 0 0 0 1%;
    }
    .sidebar .catalogue .rightBlock .picture {
        width: 100%;
        height: auto;
    }
    .item_agenda .leftContent .enfants {
        background: #2a9d0c;
        position: relative;
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
        padding: 2px 5px 0 5px;
        margin: 2px 0 0 0;
    }
    .item_agenda .leftContent .familles {
        background: #348bc3;
        position: relative;
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
        padding: 2px 5px 0 5px;
        margin: 2px 0 0 0;
    }
    .item_agenda .leftContent .adultes {
        background: #df3f0e;
        position: relative;
        color: #fff;
        font-size: 10px;
        font-weight: bold;
        text-transform: uppercase;
        padding: 2px 5px 0 5px;
        margin: 2px 0 0 0;
    }
    .node-type-exposition #main #sidebar-second .info h3.title,
    .node-type-exposition #main #sidebar-second .infos h3.title {
        text-align: left;
    }
    .oeuvreVisuelResponsive {
        display: block;
    }
    .featuredWorks .mainTitle {
        display: none;
    }
    .node-type-sous-home.noPicture #main {
        margin: -15px 0 0 0;
    }
    #block-locale-language ul {
        display: none;
    }
    #block-mtlresponsivenav-nav-first-level-responsive .level-4 {
        display: none;
    }
    ul.exposTabs li span.arrow {
        display: block;
    }
    .item_agenda_wrapper .breadResponsive {
        display: block;
    }
    .item_agenda_wrapper .bread {
        display: none;
    }
    html:not([lang*=""]) .item_large .visuel {
        height: auto;
    }
    .node-type-location-d-espace .webform-client-form #edit-actions--3 #edit-submit--3 {
        background: #888479;
        border: none;
        font-size: 11px;
        color: white;
        font-weight: bold;
        text-transform: uppercase;
        padding: 5px 0;
        margin: 8px 0 0 0;
        cursor: pointer;
        width: 100%;
    }
   /* .page-taxonomy .intro {
        margin: -18px 0 0 0;
    }*/

    /**/
    /*#block-views-expositions-block,
    #block-views-expositions-block-1,
    #block-views-expositions-block-2,
    #block-views-expositions-block-3,
    #block-views-expositions-block-4 {
        margin: 0 15px;
    }*/
    #block-views-random-selection-block {
        margin: 25px 0 0 0;
    }
    #home_mav_blocks .item h1 {
        float: left;
        font-size: 15px;
        line-height: 15px;
        margin: 0 0 8px 0;
        padding: 0;
    }

    /*diapo responsive homepage*/
    body.node-type-home #block-rodinheader-header-home {
        position: relative;
        top: 0;
        height: auto;
        margin: -15px 0 0 0;
        overflow: visible;
    }
    /*body.node-type-home #sliderHomeResponsive {
        display: block;
    }*/
    body.node-type-home .caption {
        background: rgba(0,0,0,0.5);
        position: absolute;
        max-width: none;
        bottom: 8%;
    	left:0;
        padding: 2%;
    }
    body.node-type-home .caption h3.translucentTitre,
    body.node-type-home .caption .contentBlock h3.translucentTitre a {
        font-family: "WF-011580-002038-000401", "Irma Bold", Irma-Bold, "Helvetica Bold", "Verdana Bold", "Arial Bold", sans-serif;
        color: #fff;
        font-size: 20px;
        line-height: 20px;
        text-transform: uppercase;
    }
    body.node-type-home .caption h4.translucentSoustitre {
        font-size: 12px;
    }
    body.node-type-home .callbacks_container .callbacks_tabs {
        display: none;
    }
    /*body.node-type-home .callbacks_container:first-child {
        display: none;
    }*/

    /* Location d'espace */
    body.node-type-location-d-espace #block-rodinheader-header-home {
        position: relative;
        top: 0;
        height: auto;
        margin: -15px 0 0 0;
        overflow: visible;
    }
    /*body.node-type-location-d-espace #sliderHome {
        display: none;
    }*/
    /*body.node-type-location-d-espace #sliderHomeResponsive {
        display: block;
    }*/
    body.node-type-location-d-espace .caption {
        background: url('../images/translucentHeaderBlockBg.png') repeat;
        position: absolute;
        max-width: none;
        bottom: 8%;
        padding: 2%;
    }
    body.node-type-location-d-espace .caption h3.translucentTitre,
    body.node-type-location-d-espace .caption .contentBlock h3.translucentTitre a {
        font-family: "WF-011580-002038-000401", "Irma Bold", Irma-Bold, "Helvetica Bold", "Verdana Bold", "Arial Bold", sans-serif;
        color: #373627;
        font-size: 20px;
        line-height: 20px;
        text-transform: uppercase;
    }
    body.node-type-location-d-espace .caption h4.translucentSoustitre {
        font-size: 12px;
    }
    body.node-type-location-d-espace .callbacks_container .callbacks_tabs {
        display: none;
    }

    .node-type-page-simple .richtext h3,
    .node-type-location-d-espace .richtext h3 {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .node-type-location-d-espace .webform-client-form {
        width: 96%;
        padding: 2% 2%;
        margin: 4% 0 0 0;
    }

    #block-rodinheader-header-home {
        display: block;
    }

    #desktopMarquee {
        display:none;
    }

    #mobileMarquee {
        display:block;
    }

    section#pageSimple .richtext p {
        text-align: justify;
    }
}

@media (max-width: 400px) {
    #topResponsive #titleDynResponsive .label {
        font-family: "Helvetica Bold", "Verdana Bold", "Arial Bold", sans-serif;
        font-size: 18px;
        color: #fff;
        line-height: 21px;
        padding: 2% 0 3% 0;
        font-weight: bold;
        display: block;
    }
}