#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 {
    background: none !important;
    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 {
    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,
.webform-client-form .form-submit {
    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 0 5% 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: 23px;
    line-height: 20px;
}

.item_medium_view_custom .title {
    padding: 3% 5% 2% 5%;
}

#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-vue-personnalisee {
    background: none !important;
}
.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% !important;
    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;
}
#webform-client-form-138 #edit-actions {
    background: none;
    width: 100%;
    margin: 0;
    padding: 0;
}
#webform-client-form-138 #edit-actions #edit-submit {
    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;
}

/*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 {
    width: 100%;
    text-align: center;
    padding: 0.5em 0 !important;
    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-2,
#block-views-expositions-block-3,
#block-views-expositions-block-4 {
    margin: 15px 0 0 0;
}
#block-views-random-selection-block {
    margin: 25px 0 0 0;
}
#home_mav_blocks .item h1 {
    float: left;
    font-size: 25px;
    height: 30px;
    line-height: 34px;
    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 #sliderHome {
    display: none;
}
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;
    }
}