/* debug responsive */
#kwidth {
    color: red;
    display: inline-block;
    font-size: 1em;
    position: fixed;
    right: 10px;
    top: 0;
    z-index: 999;
  }
  
  
  
  
  * {
      box-sizing: border-box;
  }
  
  /*
  a href 
  */
  
  a {   
    color: rgb(80,80,80);
  }
  a:hover {
      color:rgb(20, 20, 20);
      text-decoration: none;
  }
  .item-page a{
    /* color: rgba(0, 0, 0, 0.5); */
  }


  html{
      height: 100%;
  }
  body{
      margin: 0;
      padding: 0;
      height: 100%;
      font-family: 'Roboto Slab', Arial, sans-serif;
      position: relative;
  }

  ul{
      list-style: none;
      margin: 0;
  }
  
  #wrapper_global{
      height: 100%;
  }
  
  
  #sidebar {
      position: fixed;
      width: 200px;
      height: 100%;
      z-index: 10;
      background-color: #fff;
  }
  
  
  #mainbody {
      /* margin-left: 200px; */
      /* width: 80%; */
      /* height: 100%; */
  }
  
  
  
  #slide_left {
	position: fixed;
	display: inline-block;
	top: 0;
	width: 38.5vw;
	height: 100vh;
    background-color: black;
    grid-area: slide content_b;
    -webkit-grid-area: slide content_b;
}

.com_mama.view-presses #content  ,.com_mama.view-auteurs #content , .com_mama #content , .itemid-101 #content, .itemid-158 #content{
    background-color: #f8f8f8;
}

    ul.nav.menu li.item-158{
        display: none;
    }

  #content {
      /* background-color: #f8f8f8; */
      position: relative;
  }
  
  .content_right {
      display: inline-block;
      width: 60%;
      margin-left: 45.3%;
  }
  
  /*tmp*/
  #slide_left {
      /*background: url('/images/blocs/F3.jpg'); */
      background-size: cover !important;
      /*background-position: 100% !important;*/
      background-position: center !important;
  }
  
  #megamenu_bg{
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      bottom: 0;
      z-index: -1;	
      background-color: #fff;	
  
  }
  #megamenu_catalogue {
      position: absolute;
      width: 569px;
      height: 100%;
      top: 0;
      bottom: 0;
      left: -569px;
      background-color: #f8f8f8;
      z-index: -1;
  }
  
  #megamenu_catalogue .vignette {
      padding-bottom: 12px;
      margin-bottom: 20px;
  }
  #megamenu_catalogue .vignette_titre {
      font-size: 1.1em;
      font-weight: 200;
      margin: 12px 0 0 0;
      text-align: center;
  }
  .megamenu_bloc_vignettes {
      padding: 30px 20px 0 26px;
  }
  
  #megamenu_catalogue .vignette {
      width: 20%;
  }
  
  
  .bloc_texte_slide_left {
      position: relative;
      width: 80%;
      height: 200px;
      top: 41%;
      margin: 0 auto;
      text-align: center;
      color: #fff;
  }
  
  
  /*.bloc_titre0 {
      font-size: 1.5em;
      font-weight: 300;
      line-height: 1.2em;
  }*/
  .bloc_titre0 {
      font-size: 1.5em;
      font-weight: 400;
      line-height: 1.2em;
  
      vertical-align: bottom;
      width: 100%;
      padding: 0 0 10px 0;
  }
  
  
  .bloc_titre1 {
      font-size: 3.8em;
      font-weight: 300;
      line-height: 1em;
      /*display: table-row;*/
  
  }
  
  .bloc_titre2 {
      font-size: 0.7em;
      font-weight: 600;
      margin: 10px 20% 20px 20%;
      text-transform: uppercase;
      /*display: table-row;*/
  }
  .bloc_texte_slide_book_top .bloc_titre2 {
      font-size: 1em;
  }
  
  .bloc_titre2_static{
      font-size: 20px;
      line-height: 18px;
      text-transform: none;
      font-weight: 400;
      padding-top:25px;
  }
  
  .bloc_widget_slide_book_left{
      text-align: center;
      font-size: 1.4em;
      position: relative;
      z-index: 1;
      padding-top:20px; 
  }
  
  #cover_texte_book {
      position: absolute;
      width: 100%;
      bottom: 0;
      height: 30%;
  }
  
  .layout-book h3 {
      font-size: 1.5em;
      font-weight: 400;
      text-transform: uppercase;
  
      margin-bottom: 5px;
  }
  
  .layout-book h2 {
      font-size: 22px;
      line-height: 22px;
  }
  
  .layout-book h1 {
      font-size: 36px;
      line-height: 36px;
  }
  
  
  
  /* footer */
  /*
  padding: 40px 70px 0 60px;
  */
  /* footer {
      padding: 3% 0 0 0;
      background-color: #f8f8f8;
      font-size: 0.9em;
      border-top: 1px solid #ccc;
      line-height: 1.4em;
  }
  .footer_menu{
      float: left;
      width: 20%;
      padding-right: 3%;
  }
  .footer_menu ul {
      list-style: none;
      margin: 6px 0 0 0;
      font-size: 11px;
  }
  .footer_menu ul li{
      line-height: 12px;
      padding-bottom:6px;
  }
  .footer_bottom{
      text-align: center;
      font-size: 0.9em;
      margin: 14px 0 0 0;
      padding-bottom: 20px;
  }
  .footer_menu_wrapper{
      width: 70%;
      margin: 0 auto;
  }
  .footer_bottom span{
      display: inline-block;
  }
  
  .content_right footer {
      padding: 40px 0 0 30px;
  }
  .content_right .footer_menu_wrapper{
      width: 100%;
  }
   */
  
  
    footer {
        display: grid;
        display:-webkit-grid;
        -webkit-grid-template-columns: repeat(2, 1fr);
        grid-template-columns: repeat(2, 1fr);
        -webkit-grid-template-rows: auto auto auto;
        grid-template-rows: auto auto auto;
        -webkit-grid-template-areas: "topf topf" "mailchimp mailchimp" "bottomf bottomf ";
        background-color: #f8f8f8;
        grid-template-areas: "topf topf" "mailchimp mailchimp" "bottomf bottomf ";

        background-color: #f8f8f8;
        font-size: 0.9em;
        padding: 20px 0;
        border-top: 1px solid #ccc;
    }
    .footer_menu_wrapper{
        grid-area: topf;
        -webkit-grid-area: topf;
        width: 90%;
        margin: 0 auto;
    }
    .footer_bottom {
        grid-area: bottomf;
        -webkit-grid-area: bottomf;
        text-align: center;
        margin-top: 14px;
    }

    .footer_menu_wrapper{
        display: grid;
        display:-webkit-grid;
        grid-template-columns: repeat(5, 1fr);
        -webkit-grid-template-columns: repeat(5, 1fr);
        -webkit-grid-template-rows: auto ;     
        grid-template-rows: auto ;
        grid-template-areas: "catalogue actualite mamaedition foreign contact" ;
        -webkit-grid-template-areas: "catalogue actualite mamaedition foreign contact" ;
                align-items: top;
    }
    .footer_menu ul li {
        line-height: 12px;
        padding-bottom: 6px;
    }


    .footer_menu .fa{
        display: none;
        width: 70%;
        text-align: right;

    }
    .footer_menu ul {
        list-style: none;
        margin: 6px 0 0 0;
        font-size: 11px;
    }
    .footer_menu{
        padding: 5px 0;
        /* border-bottom: 1px solid #ccc; */

    }

    .footer_menu.open {
        border: none;
    }
    .footer_menu p::after{
        display: none;
    }

    
    .open  p.pull-right::after{ 
        webkit-transform: rotate(45deg) scale(1.08);
        -ms-transform: rotate(45deg) scale(1.08);
        transform: rotate(45deg) scale(1.08);
    }

  
  
  
  
  
 
  
  
  .navigation {
      padding: 0px;
      border: none;
      margin: 0px;
  }
  
  #ksocial {
      display: inline-block;
      font-size: 1.3em;
      position: fixed;
      right: 20px;
      top: 14px;
      z-index: 999;
      text-align: center;
      width: 20px;
  }
  #search_top_bt{
      font-size: 1.6em;
  }
  
  #ksocial a{
    display: inline-block;
    margin: 0 0 20px 0;
    /*color: #303030;*/
  }
  
  
  
  ul.nav li {
      height: 40px;
      margin-bottom: 11px;
      font-size: 14px;
      font-weight: 300;
  }
  /*
  ul.nav > li > a:hover, ul.nav > li > a:focus {
      text-decoration: none;
      background-color: inherit;
  }
  */
  ul.nav li.item-101{
      display: none;
  }
  ul.nav li a{
      margin-left: 48px; 
      line-height: 40px;
  }
  ul.nav li a:hover{
      background-color: #fff;
  }
  /*
  ul.nav li.active::before, ul.nav li:hover::before {
      border-left: 3px solid #3d3d3d;
      content: ' ';
      float: left;
      height: 100%;
  }
  */
  /*
  ul.nav.meunInTop li.active, ul.nav.meunInTop li:hover {
      background-color: #fff;
  }
  */
  ul.nav.meunInTop li {
      margin-bottom: 0;
  }
  
  
  
  
  .vignette_droite {
      /* float: left; */
      margin: 0 2px 4px 0;
      width: 49%;
      display: inline-block;
      vertical-align: top;
  }
  /* .auteur_vignette_droite {
      float: left;
      margin: 0 4px 4px 0;
      width: 28%;
  } */
    /* .grid_author_mamascope .auteur_vignette_droite {
        margin: 0 4px 4px 0;
        width: inherit;
    } */
  /*.book_vignette_droite {
      float: left;
      margin: 0 4px 4px 0;
      width: 28%;
  }*/
  .book_vignette_droite {
      /* float: left; */
      margin: 0;
      /* width: 28%;
      display: inline-block; */
  }
  
  
  .smallp{
      margin: 0;
  }
  .social-buttons{
      display: none;
      position: absolute;
      bottom: 0;
      text-align: center;
      left: 41%;
      /*background-color: #fff;*/
      bottom: 22px;	
      /* font-size:  */
  }
  
  .bloc_widget_book_top .social-buttons {
  
      bottom: 0;
      text-align: center;
      left: 34%;
      background-color: #fff;
  }
  
  .social-buttons .fa-2x {
      font-size: 1.6em;
  }
  #cover_texte_book .widgeticon_cog{
      display: none;
  }
  .bloc_widget_book_top .widgeticon_cog{
      display: none;
  }
  
  
  #slide_cat {
      position: relative;
      width: 100%;
      overflow: hidden;
      height: 100%;
      z-index: 1;
      /* max-height: 600px; */
  }
  
  
  
  
  
  
  #slide, #blueimp-gallery-carousel{
      position: relative;
      width: 100%;
      overflow: hidden;
      height: 100%;
      z-index: 1;
      /*max-height: 600px;*/
  }
  .slide_wrapper{
      width: 100%;
      height: 100%;
  }
  .bkg_slide{
      width: 120%;
      position: relative;
      /*top: -20px;
      left: -50px;
      /*animation: fondSlide 15s linear 0s forwards;*/
      /* name duration timing iteration direction delay fillmode*/
      max-width: inherit;
  }
  
  
  .internal_slide {
      position: absolute;
      z-index: 1;
      top: 5%;
      left: 5%;
      width: 90%;
      display: block;
      /* align-items: flex-end; */
      bottom: 5%;
  }
  
  #slide .slide_wrapper {
      position:absolute;
      top:0;
      left:0;
      z-index:8;
  }
  #slide .slide_wrapper.active {
      z-index:10;
  }
  #slide .slide_wrapper.last-active {
      z-index:9;
  }
  
  
  
  
  
  
  
  /*tmp*/
  .bkg_slide {
      /*background: url('/images/slides/P2.jpg');
      background-size: cover !important;*/
  
      background-position: center !important;
  
      width: 100%;
      height: 100%;
  
  }
  /*body.itemid-101 #bkg_slide {
      background: url('/images/slides/P2.jpg');
  }*/
  .categorie .bkg_slide {
      background: url('/images/slides/F2.jpg');
      background-size: cover !important;
  
      background-position: center;
  
      width: 120%;
      height: 100%;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  @keyframes fondSlide {
      from{
          filter: blur(0px);
          width: 120%;
  
      }
      20%
      {
          filter: blur(20px);
          width: 130%;
  
      }
      to{
          width: 180%;
          filter: blur(20px);
          
      }
  }
  @keyframes bookCover {
      from{
          left: -50%;
      }
      to{
          left: 0;
      }
  }
  @keyframes bookText {
      from{
          opacity: 0;
      }
      50%
      {
          opacity: 0;
      }
      to{
          opacity: 100;
      }
  }
  
  
  #book_slide {
      position: absolute;
      z-index: 1;
      top: 5%;
      left: 5%;
      width: 90%;
      display: block;
      /* align-items: flex-end; */
      bottom: 5%;
  }
  .cover_slide {
      position: relative;
      width: 55%;
      max-width: 500px;
      /* animation: bookCover 2s ease 0s forwards; */
      z-index: 10;
      /* top: 20%; */
      float: left;
      height: 100%;
  }
  .img_slide {
      position: relative;
      top: 16%;
  }
  .text_slide {
      width: 45%;
      font-weight: 300;
      /*color: white;*/
      /* margin-bottom: 24%; */
      /* margin-left: -30px; */
      /* animation: bookText 4s ease 0s forwards; */
      float: left;
      position: relative;
      top: 38%;
  }
  
  .author {
      text-transform: uppercase;
      font-size: 21px;
      line-height: 21px;
      margin-bottom: 10px;
  }
  .title{
      font-size: 60px;
      line-height: 60px;
  }
  .subtitle{
      font-size: 25px;
      margin-bottom: 40px;
      line-height: 25px;
  }
  q {
      quotes: "\00ab" "\00bb" "\2039" "\203A";
  }
  .signature{
      margin-top: 10px;
  }
  
  #categorie_slide {
      position: absolute;
      z-index: 1;
      top: 0;
      left: 5%;
      width: 90%;
      display: block;
      /* align-items: flex-end; */
      bottom: 0;
      text-align: right;
  }
  #categorie_slide img{
      max-height: 100%;
  }
  #categorie_title{
      position: absolute;
      z-index: 1;
      top: 40%;
      left: 1%;
      display: block;	
      color: #fff;
      font-size: 5em;
      font-weight: 200;
  }
  
  
  
  .content_left{
      /* width: 66.4%; */
      float: left;
      padding:30% 11% 8% 11%;
      background-color: #fff;
  }
  .modules_right{
      /* width: 33.5%; */
      /* padding: 10% 6% 4% 4%;	 */
      background-color: #f8f8f8;
      float: right;
  }
  .item-page{
      clear: both;
  }
  
  
  
  .content_left img{
      margin: 0 3px 6px 0;
  }
  
  h2 {
      font-weight: 400;
  }
  
  
  
  
  #slide_left h1 {
      margin: 0;
  }
  
  
  
  /* temp */
  
  /*
  #cover_slide_book {
      width: 100%;
      max-width: 500px;
      margin: 2% auto;
  }*/
  
  #cover_slide_book {
      position: relative;
      width: 100%;
      margin: 0;
      height: 70%;
      z-index: 10;	
      text-align: center;	
  }
  
  #img_slide {
      max-width: 100%;
      max-height: 100%;
      padding: 4% 2% 0 2%;
  }
  .bloc_texte_slide_book_left {
      position: relative;
      width: 90%;
      top: 0;
      margin: 0 auto;
      text-align: center;
      color: #fff;
  }
  
  
  #bloc_nav_slide_book_left {
      display: none;
      font-size: 5em;
      position: absolute;
      width: 60px;
      top: 0;
      bottom: 0;
      left: 0;
      z-index: 10;
  }
  
  #bloc_nav_slide_book_right {
      display: none;
      font-size: 5em;
      position: absolute;
      width: 60px;
      top: 0;
      bottom: 0;
      right: 0;
      z-index: 10;
  }
  
  #nav_slide_book_left {
      padding: 0 0 0 10px;
      display: block;
      position: absolute;
      top: 45%;
      width: 50px;
  }
  #nav_slide_book_right {
      padding: 0 10px 0 0;
      display: block;
      position: absolute;
      top: 45%;
      width: 50px;
      text-align: right;
      right: 0;
  }
  
  
  
  
  h1.fiche_auteur_nom{
      margin-bottom: 60px;
      font-size: 36px;
      line-height: 36px;
      font-weight: 300;
  }
  
  
  .vignette_book_right {
      display: inline-block;
      float: left;
  }
  .vignette_book_right img{
      max-width: 70px;
      margin: 0 10px 10px 0;
          /*max-height: 98px;*/
  }
  
  
  .book_chapo{
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      padding-top: 9px;
      font-size :17px; 
  }
  
  .content_left div.book_chapo p{
      font-size :17px; 
  }
  
  .book_presse_principale{
      font-style: italic;
      color: #969696;
  }
  
  
  
  /*.arrow_scroll{
      width: 205px;
      height: 45px;
  
      position: absolute;
      left: 35%;
      right: 35%;
  
      margin: 0 auto;
      bottom: 55px;
  
      background: url('/templates/mama/images/arrowdown.png'); 	
      background-size: contain;
      cursor: pointer;
  
      z-index: 99;
  }*/
  .arrow_scroll{
    width: 20%;
    height: 45px;
    position: absolute;
    left: 41%;
    margin: 0 auto;
    bottom: 50px;
    background: url('/templates/mama/images/arrowdown.png');
    background-size: contain;
        background-repeat: no-repeat; 
    cursor: pointer;
    z-index: 99;
    max-width: 170px;
  }
  
  
  .bloc_widget_book_top {
      display: none;
  }
  .bloc_texte_slide_book_top{
      display: none;
  }
  
  .book_associated_vignette {
      display: inline-block;
  }
  
  
  #result_search_top {
      background: #fff none repeat scroll 0 0;
      max-height: 600px;
      min-height: 70px;
      height: auto;
      width: 100%;
      overflow-y: auto;
      position: absolute;
      right: 0;
      z-index: 1;
      display: none;
      box-shadow: -1px 6px 22px -1px rgba(0, 0, 0, 0.16);
  }
  
  .result_search_wait{
      padding: 10px 0 0 0;
  }
  
  #input_search_top{
      width: 100%;
      height: auto;
      margin: 0;
  }
  
  #search_top_wrapper{
      display: none;
      position: absolute;
      top: 0;
      right: 24px;
  
      width: 400px;	
  }
  
  .search_book_titre{
  
  }
  .search_book_sstitre{
      font-size: 13px;
  }
  
  #result_search_content a {
      display: inline-block;
      margin: 0 0 10px 0;
  }
  .search_book_auteurs a{
      float: right;
      width: 50%;
  }
  .search_book_auteurs a img{
      margin: 0 10px 0 0;
  }
  
  .book_presses {
      font-style: italic;
      color: #969696;
      font-size: 15px;
      padding-bottom: 5px;
  }
  
  /*************************************************************************************** */
  
  
  
  
  body.itemid-101 .vignette_titre,
  body.itemid-158 .vignette_titre   {
      font-size: 2.0em;
      font-weight: 200;
      line-height: 1em;
  }
  
  
  /*************************************************************************************** */
  
  .bloc_vignettes_collection {
      padding: 8% 0% 5% 5%;
  }
  
  .vignette_auto{
      width: 100%;
      display: grid;
      display:-webkit-grid;
      -webkit-grid-template-columns: 2fr 1fr;
      grid-template-columns: 2fr 1fr;
      grid-template-rows: auto;
      -webkit-grid-template-rows: auto;
      align-items: center;
      grid-template-areas: "auto_left auto_right";
   }
  .vignette_auto_left{
	grid-area: auto_left;
	align-self: start;
  }
  .vignette_auto_right{
	grid-area: auto_right;
    align-self: start;
    height: 100%;
    display: grid;
    display:-webkit-grid;
    grid-template-columns: 1fr;
    -webkit-grid-template-columns: 1fr;
    grid-template-rows: 50% 50%;
    -webkit-grid-template-rows: 50% 50%;
    align-items: center;
    grid-template-areas: "auto_top" "auto_bottom";
    -webkit-grid-template-areas: "auto_top" "auto_bottom";
    height: 100%;    
  }


    .vignette_auto_grid_right{
        display: grid;
        display:-webkit-grid;
        grid-template-columns: 1fr;
        -webkit-grid-template-columns: 1fr;
        grid-template-rows: 50% 50%;
        -webkit-grid-template-rows: 50% 50%;
        align-items: center;
        grid-template-areas: "auto_top""auto_bottom";
        -webkit-grid-template-areas: "auto_top""auto_bottom";
        height: 100%;
    }

    .vignette_auto_top{
        width: 100%;
        height: 100%;
        grid-area: auto_top;
        -webkit-grid-area: auto_top;
    }
    .vignette_auto_bottom{
        width: 100%;
        height: 100%;
        grid-area: auto_bottom;
        -webkit-grid-area: auto_bottom;
    }
  
    .book_vignette_auto {
        height: 100%;
    }
    .vignette_auto .vignette_image{
        height: 100%;
    }    
  
    .vignette_auto .vignette_image img{
        width: 100%;
        height: 100%;
    }

  
  
    
    /*
    tmp debug 
    .vignette_auto_right .vignette_image{
     width: 50%;
    } */

  
  
  
  
  
  
  
  
  
  body.itemid-109 #content {
      padding: 0 0 40px 0;
  }
  
  body.itemid-110 #content {
      padding: 0 0 40px 0;
  }
  
  
  
  
  
  
  #books_right {
      padding: 8% 0 8% 8%;
  }
  .bloc_vignettes{
      padding: 5% 0% 5% 5%;	
  }
  
  
  .gutter-sizer { 
      width: 25px; 
  }
  
  
  
  
  
  
  
  
  
  
  .vignette{
      display: inline-block;
      background-color: #fff;
      margin-bottom: 25px;
  }
  .vignette_image{
      width: 100%;
  }
  
  .vignette_titre {
      font-size: 2.0em;
      font-weight: 200;
      margin: 30px 24px 10px 24px;
      line-height: 22px;
  }
  
  
  .vignette_desc {
      font-size: 1.13em;
      font-weight: normal;
      margin: 0 24px 30px 24px;
      line-height: 1.4em;
  }
  .vignette_link{
      font-size: 1em;
      font-weight: 700;
      margin: 0 24px 20px 24px;
      line-height: 1em;		
  }
  
  .book_vignette{
      display: inline-block;
      background-color: #fff;
      margin:0 0 25px 0;
  
      /*float: left;*/
  }
  
  
  .vignette {
    -webkit-transition-duration: 0s;
       -moz-transition-duration: 0s;
        -ms-transition-duration: 0s;
         -o-transition-duration: 0s;
            transition-duration: 0s;
  }
  
  
  
  
  
  #auteurs_right {
      padding: 8% 0 8% 8%;
  }
  .auteur_vignette  {
      display: inline-block;
      background-color: #fff;
      margin:0 0 25px 0;  
      /* float: left; */
  }
  #auteurs_right .vignette_image img {
      max-height: 437px;
  }
  
  /*#auteurs_right .vignette_texte{
      height: 140px;
  }*/
  
  #auteurs_right  .vignette_titre {
      line-height: 1.1em;
  }
  

  
  
  
  .sidebar_btn {
      position: relative;
      top: 18px;
      left: 10px;
      color: rgb(80, 80, 80);
      font-size: 2em;
      display: none;
      width: 30px;
      text-align: center;
  }
  
    #logo_mama_top {
        position: relative;
        max-height: 32px;
        left: 46%;
        top: -14px;
        display: none;
        max-width: 32px;
    }
    #logo_mama_top_mp {
        position: relative;
        max-height: 42px;
        left: 46%;
        top: -14px;
        display: none;
        max-width: 42px;
    }  

    #logo_mama {
        max-width: 66px;
        margin: 62px 70px 80px 48px;
    }

    #logo_mama_mp {
        max-width: 86px;
        margin: 62px 70px 80px 48px;
    }
  
  
  
  
  
  .vignette_image img{
      width: 100%;
  }
  
  
  #slide_categories img{
      float: right;
  }
  
  
  #jcemediabox-popup-closelink {
      font-size: 12px;
  }
  
  
  
  
  
  
  
  
  /* 404 */
  body.view-error404{
  
  }
  
  
  .wrapper404 {
        padding: 20% 8% 8% 8%;
        grid-area: article;
        -webkit-grid-area: article;
    }
  
  
  
  
  
  /*
  #sevenswitch-cart *{
      box-sizing: inherit; 
  }*/
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  /* revenderurs */
  .revendeurs{
      clear: both;
      padding: 40px 60px 30px 60px; 
  }

  .span12.revendeurs{
    display: grid;
    display:-webkit-grid;
    grid-template-columns: repeat(3,1fr);
    -webkit-grid-template-columns: repeat(3,1fr);
    grid-template-rows: auto;
    -webkit-grid-template-rows: auto;
    justify-items: center;
    grid-column-gap: 6px;
    -webkit-grid-column-gap: 6px;
    -webkit-grid-row-gap :6px;
    grid-row-gap :6px;
  }
  @media (max-width: 959px){
    .span12.revendeurs{
        grid-template-columns: repeat(2,1fr);
        -webkit-grid-template-columns: repeat(2,1fr);
    }  
  }
  @media (max-width: 550px){
    .span12.revendeurs{
        grid-template-columns: 1fr;
        -webkit-grid-template-columns: 1fr;
    }  
  }

  .revendeurs p em {
      display: none;
  }
  .revendeurs p {
      width: 200px;
      height: 80px;
      /* float: left; */
      margin:0;
      padding: 2px 5px 5px 5px;
      /*border: 1px solid #d9d9d9;*/
  }
  .revendeurs p a:link, .revendeurs p a:visited {
      height: 80px;
      width: 200px;
      float: left;
      /*margin-right: 5px;*/
  }
  .revendeurs p a:hover {
      background-position: 0 -80px;
      opacity: 1;
  }
  
  #revendeursModal .modal-body {
      max-height: 400px;
      overflow-y: auto;
  }



  
  .logo {
    background-image: url(/images/revendeurs/logo.jpg);
  }
  .logo2 {
    background-image: url(/images/revendeurs/logo2.jpg);
  }
  .logo3 {
    background-image: url(/images/revendeurs/logo3.jpg);
  }
  .logo4 {
    background-image: url(/images/revendeurs/logo4.jpg);
  }
  .logo5 {
    background-image: url(/images/revendeurs/logo5.jpg);
  }
  .logo6 {
    background-image: url(/images/revendeurs/logo6.jpg);
  }
  .logo7 {
    background-image: url(/images/revendeurs/logo7.jpg);
  }
  .logo8 {
    background-image: url(/images/revendeurs/logo8.jpg);
  }
  .logo9 {
    background-image: url(/images/revendeurs/logo9.jpg);
  }
  .logo10 {
    background-image: url(/images/revendeurs/logo10.jpg);
  }
  .logo11 {
    background-image: url(/images/revendeurs/logo11.jpg);
  }
  .logo12 {
    background-image: url(/images/revendeurs/logo12.jpg);
  }
  .logo13 {
    background-image: url(/images/revendeurs/logo13.jpg);
  }
  .logo14 {
    background-image: url(/images/revendeurs/logo14.jpg);
  }
  .logo15 {
    background-image: url(/images/revendeurs/logo15.jpg);
  }
  .logo16 {
    background-image: url(/images/revendeurs/logo16.jpg);
  }
  .logo17 {
    background-image: url(/images/revendeurs/logo17.jpg);
  }
  .logo18 {
    background-image: url(/images/revendeurs/logo18.jpg);
  }
  .logo19 {
    background-image: url(/images/revendeurs/logo19.jpg);
  }
  .logo20 {
    background-image: url(/images/revendeurs/logo20.jpg);
  }
  .logo21 {
    background-image: url(/images/revendeurs/logo21.jpg);
  }
  .logo22 {
    background-image: url(/images/revendeurs/logo22.jpg);
  }
  .logo23 {
    background-image: url(/images/revendeurs/logo23.jpg);
  }
  .logo24 {
    background-image: url(/images/revendeurs/logo24.jpg);
  }
  .logo25 {
    background-image: url(/images/revendeurs/logo25.jpg);
  }
  .logo26 {
    background-image: url(/images/revendeurs/logo26.jpg);
  }
  .logo27 {
    background-image: url(/images/revendeurs/logo27.jpg);
  }
  .logo28 {
    background-image: url(/images/revendeurs/logo28.jpg);
  }
  .logo29 {
    background-image: url(/images/revendeurs/logo29.jpg);
  }
  .logo30 {
    background-image: url(/images/revendeurs/logo30.jpg);
  }
  .logo31 {
    background-image: url(/images/revendeurs/logo31.jpg);
  }
  .logo32 {
    background-image: url(/images/revendeurs/logo32.jpg);
  }
  .logo33 {
    background-image: url(/images/revendeurs/logo33.jpg);
  }
  .logo34 {
    background-image: url(/images/revendeurs/logo34.jpg);
  }
  .logo35 {
    background-image: url(/images/revendeurs/logo35.jpg);
  }
  .logo36 {
    background-image: url(/images/revendeurs/logo36.jpg);
  }
  .logo37 {
    background-image: url(/images/revendeurs/logo37.jpg);
  }
  .logo38 {
    background-image: url(/images/revendeurs/logo38.jpg);
  }
  .logo39 {
    background-image: url(/images/revendeurs/logo39.jpg);
  }
  .logo40 {
    background-image: url(/images/revendeurs/logo40.jpg);
  }
  .logo41 {
    background-image: url(/images/revendeurs/logo41.jpg);
  }
  .logo_chezmonlibraire {
    background-image: url(/images/revendeurs/logo_chezmonlibraire.png);
  }
  
  
  
  
  
  
  
  
  #social_icones_submenu,
  #social_icones_mobile{
      margin: 0 30px 0 45px;
      background-color: #fff;
      display: block;
  }
  #social_icones_mobile{
      padding: 14px;
  }
  
  #social_icones_mobile{
      display: none;
  }
  #social_icones_submenu a,
  #social_icones_mobile a {
    /*font-size: 26px;
    margin: 0 8px 8px 0;*/
    font-size: 16px;
    margin: 0 0 8px 0;

    width: 20px;
    display: inline-block;
}
  #social_icones_mobile a {
      width: 10%;	
  }
  
  
  
  .book_vignette_droite .vignette_image img {
      min-height: 64px;
  }
  
  
  
  
  
  .sevenswitch-dialog{
      box-sizing: content-box !important;
  }
  div.ui-dialog *{
      box-sizing: content-box; 
  }
  .sevenswitch-dialog .ui-widget-header {
      height: 60px;
  }
  .sevenswitch-dialog .ui-dialog-titlebar-close {
      position: absolute;
      top: 10px;
      right: 10px;
  }
  .sevenswitch-dialog.ui-dialog .ui-dialog-title {
      margin: 0;
      width: auto;
      position: absolute;
      top: 10px;
  }
  #sevenswitch-cart {
      position: absolute;
      top: 40px;
      width: 96% !important;
  }
  .sevenswitch-dialog.ui-widget-content {
      height: 400px !important;
  }
  #sevenswitch-cart-frame{
      height: 370px;
  }
  
  .content_left p{
      font-size: 15px;
      line-height: 20px;
      position: relative;
  }
  
  
  .auteur_vignette_droite_texte a {
      margin-bottom: 5px;
      display: inline-block;
      line-height: 15px;
  }
  
  h2.page-header.item-title, .subheading-category{
      font-size: 35px;
      line-height: 30px;
      padding-bottom: 10px;
      margin-bottom: 30px;
      border-bottom: 1px solid rgba(0,0,0,0.2);
  }
  
  
  .sevenswitch-sell-box {
      padding: 0px !important;
  }
  
  .category-desc{
      margin-top: 30px;
  }
  
  a.hyperlink, a.hyperlink:active,a.hyperlink:visited{
      color: rgba(0, 0, 0, 0.5);	
  }
  a.hyperlink:hover{
      color: rgba(0, 0, 0, 0.9);		
  }
  
  
  
  
  /*
      reseaux sociaux page
  */
  #facebook_widget_wrapper {
      max-width: 1200px;
      width: 100%;
  }
  
  
  
  #reseauxsoc_wrapper {
    padding: 8% 8% 8% 8%;
  }
  
  .reseauxsoc_title {
      margin: 10px 0;
      border-bottom: 1px solid #ccc;
  }
  
  #facebook_wrapper{
      width: 100%;
  }
  #twitter_wrapper{
  }
  #youtube_wrapper{
  }
  #pinterest_wrapper {
      height: 300px;
      overflow: auto;
  }
  #flickr_wrapper{
  }
  
  .flickr_badge_image{
      float: left;
      margin: 0 0 5px 5px;
  }
  
  .hide_in_modal{
      padding: 40px 60px 30px 60px;
  }
  .modal-body .hide_in_modal{
      display: none;
  }
  
  body.itemid-144 .revendeurs{
      padding: 10px 10px 60px 10px;
  }
  body.itemid-155 .revendeurs{
    padding: 10px 10px 60px 10px;
  }  
  body.itemid-145 .revendeurs {
      padding: 10px 10px 60px 10px;
  }
  


















/*grid mama*/






/*homepage grid*/ 


.itemid-101  .grid_lev1,
.itemid-158  .grid_lev1  {
    display: grid;
    display:-webkit-grid;
	grid-template-columns: 200px auto;
-webkit-grid-template-columns: 200px auto;
    grid-template-rows: auto;
    -webkit-grid-template-rows: auto;
	grid-template-areas: "megamenu maincontent" "megamenu footer" ;
	-webkit-grid-template-areas: "megamenu maincontent" "megamenu footer" ;

}


#sidebar{
    grid-area: megamenu;
    -webkit-grid-area: megamenu;

}
#mainbody{
    grid-area: maincontent;
}
footer{
    grid-area: footer;
}
.itemid-101 .grid_lev2, .itemid-158 .grid_lev2 {
    display: grid;
    display:-webkit-grid;
    grid-template-columns: auto;
    -webkit-grid-template-columns: auto;
    -webkit-grid-template-rows: 75vh auto;
    -webkit-grid-template-areas: "slide" "content_b";
    grid-template-rows: 75vh auto;
    grid-template-areas: "slide" "nav_slide" "content_b"; 
    /* // "nav_slide" */
    background-color: #f8f8f8;
}
.content_mainbody_grid{
    grid-area: content_b;
    -webkit-grid-area: content_b;
}
 #slide, #slide_mobile_left, #blueimp-gallery-carousel{
    grid-area: slide;
    -webkit-grid-area: slide;

}
.itemid-101 #slide, .itemid-158 #slide{
    position: relative;
    height: 100%;
}
.itemid-101 #blueimp-gallery-carousel{
    position: relative;
    height: 100%;
}  







/**/



/*static pages grid , foreign rights , contact */


.grid_lev1 {
    display: grid;
    display:-webkit-grid;

	grid-template-columns: 200px auto;
	grid-template-rows: auto;
    grid-template-areas: "megamenu maincontent" ;
    -webkit-grid-template-columns: 200px auto;
	-webkit-grid-template-rows: auto;
	-webkit-grid-template-areas: "megamenu maincontent" ;
}



.grid_lev2 {
    display: grid;
    display:-webkit-grid;

    -webkit-grid-template-columns:38.5vw auto;
    -webkit-grid-template-rows: minmax(auto,100%) ;
    -webkit-grid-template-areas: "slide content_b";
	grid-template-columns:38.5vw auto;
	grid-template-rows: minmax(auto,100%) ;
	grid-template-areas: "slide content_b";
}



body.view-error404 .grid_lev2 {
    grid-template-columns: auto;
    -webkit-grid-template-columns: auto;
}


body.site.fluid {
	/* overflow-x: hidden; */
}

.grid_author_staticp_modright {
	display: grid;
	grid-template-columns: repeat(3,1fr);
    grid-template-rows: auto;
    -webkit-grid-template-columns: repeat(3,1fr);
	-webkit-grid-template-rows: auto;
	justify-items: center;
	grid-column-gap: 6px;
	grid-row-gap: 6px;
}
.auteur_vignette_droite {
	margin:0;
}

.collection_isotope{
    display: grid;
    display:-webkit-grid;
	grid-template-columns: repeat(2,1fr);
    grid-template-rows: auto;
    -webkit-grid-template-columns: repeat(2,1fr);
    -webkit-grid-template-rows: auto;
	justify-items: center;
	grid-column-gap: 6px;
	grid-row-gap: 6px;
}
.collection_isotope .vignette_droite {
	margin: 0;
	width: auto;
	display: inline-block;
	vertical-align:auto;
}

.grid_author,
.grid_author_mamascope {
    display: grid;
    display:-webkit-grid;
    grid-template-columns: repeat(3,1fr);
	grid-template-rows: auto;

	-webkit-grid-template-columns: repeat(3,1fr);
	-webkit-grid-template-rows: auto;
	justify-items: center;
	grid-column-gap: 6px;
	grid-row-gap: 6px;
}



























/*CATALOGUE ZONE */

.com_mama.view-catalogue .grid_lev1, .author_page  .grid_lev1{
    display: grid;
    display:-webkit-grid;
    grid-template-columns: 200px auto;
    grid-template-rows: auto;
    grid-template-areas:"megamenu maincontent" ;
    -webkit-grid-template-columns: 200px auto;
    -webkit-grid-template-rows: auto;
    -webkit-grid-template-areas:"megamenu maincontent" ;
}

.com_content.view-article.no-layout .grid_lev1 {
    display: grid;
    display:-webkit-grid;
    grid-template-columns: 200px 39% auto;
    grid-template-rows: auto ;
    grid-template-areas: "megamenu maincontent maincontent" ;
    -webkit-grid-template-columns: 200px 39% auto;
    -webkit-grid-template-rows: auto ;
    -webkit-grid-template-areas: "megamenu maincontent maincontent" ;
}


/*book grid*/
.com_mama.view-catalogue.layout-book #content {
    display: grid;
    display:-webkit-grid;
	grid-template-columns: 66.4% auto;
	grid-template-rows: auto auto auto;
    grid-template-areas: "p ." "article right" "footer footer";
    -webkit-grid-template-columns: 66.4% auto;
    -webkit-grid-template-rows: auto auto auto;
    -webkit-grid-template-areas: "p ." "article right" "footer footer";
}
#system-message-container{
    grid-area: p;
}
.content_left, .auteurs_right , .blog_grid , .bloc_vignettes , .bloc_vignettes_collection, #books_right{
    grid-area: article;
}
.modules_right{
    grid-area: right;
    padding: 60px 12% 30px 12%;
}
.content_left{
    padding: 250px 12% 30px 12%;
}

.itemid-143  #content,
.itemid-113 #content, 
.itemid-111 #content,
.itemid-112  #content,
.itemid-159  #content,
.itemid-150 #content,
.itemid-156 #content,
.itemid-155 #content,
.itemid-156 #content,
.itemid-157 #content,
.itemid-154 #mainbody #content,
.itemid-111 #mainbody #content,
.itemid-149 #content,
.view-catalogue.layout-collection #content,
.com_mama.view-catalogue.no-layout   #content ,
.com_mama.view-auteurs.no-layout.no-task #content {
    display: grid;
    display:-webkit-grid;

	grid-template-columns: auto;
	grid-template-rows : 0 auto auto;
    grid-template-areas: "p" "article " "footer";
        
	-webkit-grid-template-columns: auto;
	-webkit-grid-template-rows : 0 auto auto;
    -webkit-grid-template-areas: "p" "article " "footer";
    
}
.view-catalogue.layout-collection #content{}

.itemid-101 #content, .itemid-158 #content {
    display: grid;
    display:-webkit-grid;

	grid-template-columns: auto;
	grid-template-rows: 0 auto auto;
    grid-template-areas: "p ." "article article" "footer footer";
     
	-webkit-rid-template-columns: auto;
	-webkit-grid-template-rows: 0 auto auto;
	-webkit-grid-template-areas: "p ." "article article" "footer footer";
}

#content , .com_mama.view-auteurs.no-layout.no-task.author_page #content{
    display: grid;
    display:-webkit-grid;

	grid-template-columns:  2fr 1fr;
	grid-template-rows: 0 auto auto;
    grid-template-areas: "p ." "article right" "footer footer";
      
	-webkit-grid-template-columns:  2fr 1fr;
	-webkit-grid-template-rows: 0 auto auto;
	-webkit-grid-template-areas: "p ." "article right" "footer footer";
}

.static_grid {
    display: grid;
    display:-webkit-grid;

	grid-template-columns:66.6% 33.3%;
	grid-template-rows: auto auto;
    grid-template-areas: "article right";

    -webkit-grid-template-columns:66.6% 33.3%;
	-webkit-grid-template-rows: auto auto;
	-webkit-grid-template-areas: "article right";
}

.itemid-144 #mainbody #content , 
.itemid-155 #mainbody #content , 
.itemid-154 #mainbody #content{
    display: grid;
    display:-webkit-grid;

	grid-template-columns: auto;
	grid-template-rows: 0 auto auto;
    grid-template-areas: "p " "article " "footer ";
    -webkit-grid-template-columns: auto;
	-webkit-grid-template-rows: 0 auto auto;
	-webkit-grid-template-areas: "p " "article " "footer ";
}



.itemid-143 .static_grid , .itemid-157 .static_grid{
    display: grid;
    display:-webkit-grid;

	grid-template-columns:auto ;
	grid-template-rows: auto ;
    grid-template-areas: "article ";
    -webkit-grid-template-columns:auto ;
	-webkit-grid-template-rows: auto ;
	-webkit-grid-template-areas: "article ";
}







/*copyright block from author picture slide*/

.foto_trademark {
	position: absolute;
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: right;
	color: #fff;
	bottom: 2%;
    right: 3%;
    font-size: 10px; 
}
.foto_trademark .bloc_titre1 {
    font-size: 9px;
    font-family: sans-serif;
    text-transform: uppercase;
    font-weight:400;
}



.site.com_content.view-article.no-layout.no-task.itemid-144.fluid .static_grid, 
.site.com_content.view-article.no-layout.no-task.itemid-155.fluid .static_grid,
.site.com_content.view-article.no-layout.no-task.itemid-159 .static_grid, 

.com_mama.view-presses.itemid-145 #content{
	display: inline-block;
}






/* module right grid*/

.grid_colectiom_module_right{
    display: grid;
    display:-webkit-grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: auto;

    -webkit-grid-template-columns: repeat(3,1fr);
    -webkit-grid-template-rows: auto;

    justify-items: center;
    grid-column-gap: 6px;
    grid-row-gap :6px;
}
.grid_colectiom_module_right .clearfix{
	display: none !important;
}


/*module right grid apllied on colection  pages static*/
.grid_page_static_module_right {
    display: grid;
    display:-webkit-grid;
    
	grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    -webkit-grid-template-columns: 1fr 1fr;
	-webkit-grid-template-rows: auto;
}

.grid_author_module_right_cetauthor {
    display: grid;
    display:-webkit-grid;
    
	grid-template-columns: 70px 70px;
	grid-template-rows: auto;
    grid-column-gap: 10px;
    -webkit-rid-template-columns: 70px 70px;
	-webkit-grid-template-rows: auto;
	-webkit-grid-column-gap: 10px;
}


.grid_colectiom_static_page {
	display: grid;
    display:-webkit-grid;

    grid-template-columns: auto auto;
	grid-template-rows: repeat(40px, auto-fill);
    grid-gap: 10px;
    -webkit-grid-template-columns: auto auto;
	-webkit-grid-template-rows: repeat(40px, auto-fill);
	-webkit-grid-gap: 10px;
	/* grid-row-gap: 10px; */
}



/*press page */

.site.com_mama.view-presses.no-layout #content {
	display: grid;
    display:-webkit-grid;
    grid-template-areas: "p""result_press" "press_serch" "isotope" "footer";
	grid-template-columns: 1fr;
    grid-template-rows: 0 minmax(0, auto) auto auto auto;
    grid-gap: 10px;
    -webkit-grid-template-areas: "p""result_press" "press_serch" "isotope" "footer";
	-webkit-grid-template-columns: 1fr;
    -webkit-grid-template-rows: 0 minmax(0, auto) auto auto auto;
	-webkit-grid-gap: 10px;
}
.press_result_search{
    grid-area: result_press;
    padding: 8% 8% 0 8%;
}
.press_result_search_photo {
	display: inline-block;
	width: 17%;
	margin: 4px;
	vertical-align: bottom;
}
.presse_vignette .press_result_search_photo {
	display: inline-block;
	width: 25%;
	margin: 15px 0 0 15px;
	border: 1px solid #f2f2f2;
}

.press_search {
	grid-area: press_serch;
    display: grid;
    display:-webkit-grid;

	grid-template-columns:auto minmax(auto, 150px) 70px;
	grid-template-rows: 50px;
    grid-gap: 10px;
    
    -webkit-grid-template-columns:auto minmax(auto, 150px) 70px;
	-webkit-grid-template-rows: 50px;
	-webkit-grid-gap: 10px;
    /* padding: 0 0 0 8%; */
}

.filter_serch {
	grid-column-start: 1;
	grid-column-end: 4;
	/* grid-row-start: 2; */
	grid-row-end: 3;
	padding: 10px 0 0 0;
}

isotope .pagination {
	padding: 18px 0;
	clear: both;
	display: block;
	margin: 0;
}



isotope {
    grid-area: isotope;
    padding:0 8% 8% 8%;
}
/* .filter_serch{
    grid-area: filter_serch;
    padding: 0 0 0 8%;
} */

.filter_serch .items_select.pull-right {
	margin: 0;
}

.press_share{
    float :right ;
    color:#595959;
    margin: 0 0 15px 0; 
}

.press_links {
	margin: 5px 0 0 0;
	line-height: normal;
	font-size: 12px;
}
.press_about {
	margin: 4px 0 4px 0;
	color: rgba(0, 0, 0, 0.5);
	font-size: 10px;
	line-height: 10px;
}
.press_links a::after {
	content: "|";
	padding: 4px;
}
.press_links a:last-of-type:after {
    content: '';
  }


 

.press_titre {
    font-size: 14px;
    font-weight: 600;
    /* margin: 15px 15px 5px 15px;  */
    line-height: 15px;
}


.press_desc {
    font-size:12px;
    font-weight: normal;
    /* margin:15px 15px 5px 15px; */
    line-height: 1.4em;
}

.press_desc .fa{
    font-size: 2em;
    color:black;
    padding-right:5px; 
}
.press_titre img {
	height: 20px;
	margin: 0px 0px 5px 0px;
}

.press_image img {
	max-height: 165px;
	margin: 0;
}

.presse_vignette .press_image,
.presse_vignette_book .press_image {
	display: inline-block;
	margin: 15px 0 0 15px;
}

.press_search_input{
    width:100%;
    height: 100% !important;
    border: none !important;
    box-shadow: none !important;
    font-size: 2em !important;  
    line-height: 26px !important;  
}
.press_texte {
	padding: 15px;
}
#press_search_select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* background-image: url(../img/drop-down.png); */
	background-repeat: no-repeat;
	background-position: right center;
	width: 100%;
	border: none;
	height: 100%;
}
#press_search_select i {
	position: relative;
	right: -2%;
}
/* .press_select{
    position: relative;
} */

.press_search button{
	/* -webkit-appearance: none;
	-moz-appearance: none; */
	border: none;
	background-color: transparent;
}
.press_select button{
    width: 100%;
    height: 100%;

}
.filter_serch p {
	display: inline-block;
	padding: 10px 0 0;
}


.press_search select{
    outline: none;
}
.press_search .press_select select {
	border: none;
	background-color: white;
	width: 100%;
	height: 100%;
	-moz-appearance: none;
	-webkit-appearance: none;
	outline: none;
}
.press_select button{
    width: 100%;
    height: 100%;
    border: none;
    background-color: white;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.press_search button {
    color: white;
	border: none;
	text-transform: capitalize;
	font-size: 16px;
}

button.press_submit_button {
	background-color: rgb(80,80,80);
	color: white;
	border: none;
	text-transform: capitalize;
	font-size: 16px;
}

.press_share i {
	padding: 0 4px;
	font-size: 10px;
}
.filter_serch button {
	text-decoration: none;
    color: grey;
    outline: none;
    
}
.filter_serch button:hover {
	text-decoration: none;
    color: grey;
    outline: none;

}
.filter_serch .btn-group.open .btn.dropdown-toggle {
    background-color: inherit;
    box-shadow: none;
    outline: none;
    text-decoration: none;
    color: grey;

}

.press_select span {
	position: absolute;
	align-self: center;
	top: 23px;
	right: 10px;
	z-index: 2;
}
.press_select {
	position: relative;
}


.presse_vignette_book {
	width: 48%;
	display: inline-block;
	background-color: #f8f8f8;
	margin: 0 0 25px 0;
	/* max-width: 230px; */
}
#mamaScopes {
	font-size: 35px;
}
#jardinoscope {
	font-size: 23px;
}



.items_select.pull-right {
	margin: 1% 0 0 0;
}








/*mamascope page*/

.mp_offre img {
	margin: 10px -18px;
}

.border_jardinoscope {
	border-bottom: 4px solid #dc931b;
}

.border_hydroscope{
	border-bottom: 4px solid #007bbb;
}

.border_bioscope{
	border-bottom: 4px solid #abc434;
}

.border_cannascope{
	border-bottom: 4px solid #aa1a5b;
}

.color_mp{
    color:#74ad50;
}

.mp_scope {
	display: grid;
	grid-template-columns: 2.35fr auto 2fr;
	grid-template-rows:92px auto minmax(98px,auto) auto auto 0;
    grid-template-areas: "log log lang" 
                        "cat_down cat_down cat_down "
                        "photo photo photo"
                        "off button button"
                        "cit cit cit";

    display:-webkit-grid;
    
	-webkit-grid-template-columns: 2.35fr auto 2fr;
	-webkit-grid-template-rows:92px auto minmax(98px,auto) auto auto 0;
    -webkit-grid-template-areas: "log log lang" 
                        "cat_down cat_down cat_down "
                        "photo photo photo"
                        "off button button"
                        "cit cit cit";

    /* padding: 0 15px; */
    background-color: #f8f8f8;
    margin-bottom: 40px;
}
.mp_scope img{
    margin: 0 ;
}
.press_download_logo{
    grid-area: log;
    align-self: center;
    margin: 0 auto;
}
.content_left img.press_download_logo {
    margin: 0 0 0 10px
}
.press_download_lang{
    grid-area: lang;
    align-self: center;
    text-align: right;
    margin-bottom: 0;
}

.press_download{
    grid-area: cat_down;
    padding:0 4.5% 3% 4.5%;
}
.press_download img{
    margin: 0;
}
.press_download_books_result {
	grid-area: photo;
	align-self: center;
	margin: 0;
	padding: 0 4.5%;
}
.press_download_contrat{
    grid-area: button;
	align-self: center;
	margin: 0;
	padding: 0 4.5%;
}

.mp_scope .press_download_books_result img{
    margin: 0 1%;
}
.press_download_off {
	grid-area: off;
	padding-left: 8.5%;
	height: 35px;
}
.press_download_button {
	grid-area: button;
    padding-right: 8.5%;
}

.press_download_notes{
    grid-area: cit;
    font-size: 10px !important;
    color: rgba(0, 0, 0, 0.5);
    font-weight: 400;
    margin-left: 16px !important;
}


.press_download p {
	margin: 0;
	border-bottom: 1px solid #ccc;
	padding: 6px 0 6px 0;
}
.press_share i {
	padding: 0 4px;
	font-size: 14px;
}

/* .grid_author_mamascope{
    display: grid;
    display:-webkit-grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto;
} */
.itemid-149 .grid_author img {
	/* filter: grayscale(100%); */
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.itemid-149 .grid_author img:hover {
	/* filter: grayscale(100%); */
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

.filter_serch button {
	text-decoration: none;
    color: grey;
    outline: none;
    
}
.filter_serch button:hover {
	text-decoration: none;
    color: grey;
    outline: none;

}
.filter_serch .btn-group.open .btn.dropdown-toggle {
    background-color: inherit;
    box-shadow: none;
    outline: none;
    text-decoration: none;
    color: grey;

}

.press_select span {
	position: absolute;
	align-self: center;
	top: 23px;
	right: 10px;
	z-index: 2;
}
.press_select {
	position: relative;
}


.items_select.pull-right {
	margin: 1% 3% 0 0;
}

/* .filter_serch .items_select select {
	border: none;
	width: 75px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	outline: 0;
	background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);
	background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
	background-size: 5px 5px, 5px 5px, 1px 1.5em;
	background-repeat: no-repeat;
	display: inline-block;
	line-height: 14px;
	margin: 0;
} */

.filter_serch .items_select select  {
	width: auto;
	margin: 0 0 5px 0;
	text-align: left;
	height: 24px;
    padding: 3px 6px;
}


.collection_isotope {
	margin-top: 10px;
}

.green_quote{
    color: rgb(75,171,61);
    font-size: 24px !important;
}

.testimonials i {
	font-size: 35px !important;
	margin: 10px 0;
}
.testimonials p.testimonials_cit {
	font-size: 16px;
	font-weight: 600;
}
/* .testimonials p.testimonials_name {

} */






.filter_serch label {
	display: block;
	margin-top: 2px;
}

.filter_serch .items_select.pull-right {
	margin: 10pw 0 0 0;
}

/* #system-message-container{
    visibility: hidden;
} */

.itemid-136 .static_grid,
.itemid-152 .static_grid  {
	display: block;
}

.grid_collection_scope {
    display: grid;
    display: -webkit-grid;
    
	grid-template-columns: repeat(4,1fr);
    grid-template-rows: auto;
    -webkit-grid-template-columns: repeat(4,1fr);
    -webkit-grid-template-rows: auto;
    margin-bottom: 10px;
}
/* page book grid aplied on presses bottom article  */



.mp_scope .book_vignette_droite {
	margin: 0 10px 10px 0;
}

.press_download p:last-child {
	margin: 0;
	border-bottom: none;
	padding: 6px 0 0 0;
}
h3.soustitre_col_droite{
    font-size: 13px;
    font-weight: bolder;
    margin-top: 25px;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.auteur_vignette_droite_texte{
    height:20px;
}

.footer_drop {
	padding: 0 5px 0 0;
}

p.press_about {
	margin: 4px 0 4px 0;
	color: rgba(0, 0, 0, 0.5);
	font-size: 10px;
    line-height: 10px;
    font-style: italic;
}

p.press_about span {
    font-style:normal;
}
/* .com_mama.view-catalogue.layout-book .grid_massonery, .com_mama.view-auteurs.author_page  .grid_massonery {
    display: grid;
    display:-webkit-grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(100px,230px));
    grid-auto-rows: 10px;
}
    
 */
.com_mama.view-catalogue.layout-book .presse_vignette_book , .com_mama.view-auteurs.author_page  .presse_vignette_book , .com_mama.view-presses .presse_vignette{
    width: 100%;

}



.author_column press_texte {
	display: grid;
	grid-template-areas: "title""small" "pres_about""pres_desc""press_links""press_share";
    grid-auto-rows: auto;
    display: -webkit-grid;
	-webkit-grid-template-areas: "title""small" "pres_about""pres_desc""press_links""press_share";
	-webkit-grid-auto-rows: auto;
}

/*

.content .press_texte{
    padding: 15px 15px 0 15px;
}*/
/* .author_column .press_texte .press_share{
    margin: 0;
}  */



.com_mama.view-catalogue.layout-book .grid_massonery, .com_mama.view-auteurs.author_page  .grid_massonery{
  line-height: 0;   
  -webkit-column-count: 2;
  -webkit-column-gap:   0px;
  -moz-column-count:    2;
  -moz-column-gap:      0px;
  column-count:         2;
  column-gap:           25px;  

}


.author_column.press_texte p.small{
    font-size: 11px;
    font-style: italic;
    line-height: 12px;
}



.com_mama.view-presses .presse_vignette_items{
    line-height: 0;   
    -webkit-column-count: 3;
    -webkit-column-gap:   10px;
    -moz-column-count:    3;
    -moz-column-gap:      10px;
    column-count:         3;
    column-gap:           10px;  
}


.presse_vignette {
	/* width: 30%; */
    display: inline-block;
    background-color: #fff;
    margin:0  10px 10px 0;
}


ul.nav li.item-149 a {
	background-image: url("/templates/mp2018/images/navMamascopes.png");
	background-repeat: no-repeat;
	background-position: 0% 28%;
	background-size: 58%;
	color: transparent;
}

.press_download span {
	display: inline-block;
	font-size: 20px;
	/* position: absolute;
	top: 8px;
	right: 0; */
}
.press_download span i{
	margin-left: 4px;
}

.press_download .pdf_scope_langue{
    display: none;
}
.press_download .pdf_scope_langue.active{
    display: inline-block;
}

.extras_scope_wrapper {
	margin: 0;
	border-bottom: 1px solid #ccc;
    line-height: 26px;
    font-size: 15px;
    clear: both;
}
.select_scope_langue {
	/*width: 32%;*/
	display: inline-block;
}
.extras_scope_wrapper a {
	font-size: 13px;
    line-height: 18px;
}

ul.nav.meunInTop li.item-149 a {
	background-position: center center;
	color: transparent;
	background-size: 110px;
}

.book_sous_titre_auteur{
    text-transform: uppercase;
    display: block;
    margin: 2% 0 6% 0;
}

.select_scope_langue {
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-ms-appearance: none;
	background: transparent;
	display: inline-block;
	outline: none;
	margin: 0;
	padding: 0;
	text-align: left;
	text-align-last: left;
}

.select_scope_langue select, .select_scope_langue option {
	/* font-family: 'Roboto Slab', Arial, sans-serif; */
	/* font-size: 14px; */
	width: auto;
	margin: 0 0 5px 0;
	text-align: left;
	height: 24px;
	padding: 3px 6px;
}
/* .browse_grid {
	display: grid;
	grid-template-columns: auto auto;
	grid-template-rows: auto;
    align-items: center;
	grid-template-areas: "browse down";
}
*/
.browse_grid {
    border-bottom: 1px solid #ccc;
}
.browse_grid p {
	border-bottom: none;
	display: block;
}

.pdf_scope_langue{
}
.pdf_scope_langue_wrapper {
	float: left;
	grid-area: down;
	text-align: right;
	text-align-last: right;
	padding: 3px 0 5px 0;
	justify-items: end;
}
.select_scope_langue:focus , .select_scope_langue:active{    
    outline: none;
}

.press_download span.caret {
	position: relative;
	top: -14px;
	z-index: 0;
	right: 2px;
}

.pdf_scope_langue a{

}



.mailchimp_wrapper {
    grid-area: mailchimp;
    padding: 10px 0 10px 0;
    text-align: left;

}
.modulemailchimp {
	text-align: center;
}

.mailchimp_wrapper input {
	background-color: #fff;
	padding-left: 10px;
	border: 1px solid #ccc;
	height: 30px;
	margin: 0;
}

#mailchimpForm {
	margin: 0 auto 0 auto;
	width: 60%;
	text-align: left;
	position: relative;
}
#mailchimpInput{

}
#mc2_email {
	width: 77%;
	float: left;
	border-radius: 0;
}
#mc2_add {
	width: 22%;
	float: right;

    background-color: rgb(80,80,80);
    color: white;
    border: none;
}
#mc2_status{
    font-style: italic;
}

@media (max-width: 768px){
    #mailchimpForm {
        width: 90%;
    }
}


.press_titre img.logo_media_square {
	height: 50px;
}

.modmc2_label {
	padding-bottom: 4px;
	display: inline-block;
}

#mc2_status {
	display: inline-block;
	padding-top: 4px;
}

.content_left div a img {
	border: 1px solid #f0f0f0;
}




/* mamscope slide video fix  martie 2019*/

.itemid-149 .grid_lev2 {
    display: grid;

	grid-template-columns: auto;
	grid-template-rows: auto auto !important;
	grid-template-areas: "slide" "content_b";
}

.itemid-149 #slide_left {
    display: contents;
	width:100%;
	background-color: #fff;
} 
.background-video {
    width: 100%;
	height: auto;
	background-color: #fff;
}

.itemid-149 #content .content_left {
	padding:40px 12% 30px 12%;
}

body.itemid-149 {
	max-width: 1700px;
}

body.itemid-149 .bloc_texte_slide_left {
	display: none;
}



.nav_slides {
	width: auto;
	height: 30px;
	/* position: absolute;
	left: 5%; */
	margin: 0 auto;
	/* bottom: 5%; */
	/* background-color: red; */
    z-index: 99;
    grid-area: nav_slide;
    padding-top: 10px;
}

.nav_slides .nav_slide{
    float: left;
    width: 12px;
    height: 12px;
    background-color: #e6e6e6;
    border-radius: 6px;
    margin: 6px;
	cursor: pointer;    
}
.nav_slides .nav_slide:hover,
.nav_slides .nav_slide.nav_hovered {
    background-color: #a4a4a4;
}