/* main layout
margin, padding
*/

/* utility */

.js .js-hide, .js-show {
  display: none;
}
.js .js-show {
  display: block;
}

.hidden {
  display: none;
}

.visually-hidden {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  word-wrap: normal;
}

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  position: static !important;
  clip: auto;
  overflow: visible;
  height: auto;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.material-icons {
  font-feature-settings: 'liga';
}

.row {
  max-width: 970px;
}

section#social_footer {
  margin: 0 auto;
  max-width: 970px;
}

#social_footer .columns {
    padding-left: 0;
    padding-right: 0;
}

article, aside, details, figcaption, figure, footer, hgroup, main, menu, summary,
#sticky_header  {
  overflow:auto;
}

.path-a-la-une section .actu article, main, #block-meem-main-menu {
  overflow:visible;
}

.path-node #block-meem-content > div > article, #footer-last {
  overflow:hidden;
}

#node-13 .posted, #node-16 .posted {
  display:none;
}

#svg-marianne {
  width:115px;
}

iframe {
  border:0;
  width:100%;
}

.menu>li, #main, #block-meem-page-title {
  position:relative;
}

#footer #block-meem-footer ul.menu li {
  display:block;
}

  #footer #block-meem-footer ul.menu li a {
    padding:0.3rem 0;
  }

.dropdown.menu>li.opens-right>.is-dropdown-submenu {
    top: 55px;
    padding-left:5px;
}


figure {
  margin:0;
  width:100%;
  height:100%;
}

.actu figure, #flickr li figure {
  display: inline-block;
  width: 100%;
  height:auto;
}

.image figure, .infographie figure {
overflow:hidden;
}

.politiques .actu figure {
    /*display: block;
    float: left;
    width: 50%;
    margin-right:10px;*/
}

#sticky_header {
  display:none;
  position:fixed;
  height: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2147483647;
}

/*#main-content {
  max-width: 840px;
}*/

#search,
#block-solrblock label,
#block-solrblock .description,
#block-solrblock {
  display:none;
  visibility:hidden;
}

  #search.show, #block-solrblock.show {
    display:block;
    visibility: visible;
  }

.search_absolute {
  position: fixed;
  top: 78px;
  width: 100%;
  z-index: 2147483647;
}

#main-content {
  max-width: 970px;
}


.node--type-page .service .service_content,
.node--type-actualite .service .service_content,
.node--type-article .service .service_content {
  margin:0 1rem;
}

#block-solrblock form {
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  margin:0 auto !important;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.full {
  margin:1rem 0 2rem 0;
}

.full, .full img {
  width:100%;
}

.section-admin #main-content {
  max-width: 1015px;
}

#sticky_header .row {
  max-width: none;
}

.field-file--filename{
  display:inline-block;
}

#global {
  position:relative;
}

.search_suggestions {
  margin: 1rem auto;
  width: 85%;
}

ul#results {
  margin-bottom: 0.3rem;
}

.search_suggestions li {
  display: inline-block;
  margin:0.65rem 0.45rem 0 0;
  padding: 0.6rem;
}

p {
  margin-bottom:0;
}

.bottom-bar, #block-meem-page-title, #main_header, #search {
  clear:both;
}

#sticky_header img {
  max-width: 75px;
  vertical-align: top;
}

#main_header span.titre, #sticky_header span.titre {
  display:inline;
}

#sticky_header .logo {
  padding:0.9rem 0 0.8rem;
}
#sticky_header span.titre {
  margin-top:0;
  margin-bottom: 0;
}

#main_header span.titre, #main_header h1 {
  display: inline-block;
  margin-left: 146px;
  margin-top: -73px;
  float: left;
}

  #main_header h1 {
    margin-bottom:0;
  }

* html #main_header span.titre { /* hack old ie */
  margin-top: -64px;
}

.leftsidebarfixed {
  position:fixed;
}

.summary {
  margin:3rem 0;
}

.search_button img {
  width:150%;
  max-width: none;
}

#suivre_ministere {padding:3rem 0;}

table {
  width:100%;
}

li.current {
  margin-top:1px;
}

/* WIKI page */

  .node--type-wiki #main-content,
  .node--type-ministere #main-content {
    max-width: none;
  }

  .node--type-wiki .breadcrumbs,
  .node--type-ministere .breadcrumbs {
    padding:1rem 0;
  }

.ui-accordion .ui-accordion-content,
.citation  .citation_content {
  padding:1rem;
}

.ui-accordion .ui-accordion-icons {
  padding:1rem 4rem 1rem 1rem;
}

.bloc_service .element h3, .bloc_service .element p {
  padding:0.5rem 0.95rem;
  margin:0;
}

form table {
  width:100%;
}

.breadcrumbs > *::after {
    /*content: "\&#8594;";*/
}

#search {
  padding:3rem 0;
  overflow:hidden;
}

ul {
  margin-left:0;
  list-style: none;
}

#block-meem-content .encadre ul li, #block-meem-content .encadre ol li {
  margin-left:1rem;
}

 .video .legende, .image .credits  {
   margin-top:0.5rem;
 }

 .video .descriptif, .video .text {
   margin:1rem 0;
   clear:both;
 }

  .ressources  ul{
    margin:1rem 0 1rem 0rem;
     list-style-type:none;
  }

    .ressources  ul li {
      padding:0.6rem 0rem;
      position:relative;
    }

    .ressources ul li svg {
      height: 1.7rem;
      margin-right: 0.5rem;
      margin-top: 0rem;
      vertical-align: middle;
      width: 1.7rem;
      fill:#4874b8;
    }

    .ressources ul li.document svg {
      transform: rotate(49deg);
      margin-right:0;
    }

.texte ul, .texte ol, .faq ul, .infographie ul {
  margin-bottom:1.5rem;
  /*list-style: outside none none;*/
  margin-left: 1.2rem;
}

.texte h3 {
  margin-top:1.5rem;
}


 #block-meem-content .texte p {
    margin-bottom: 1rem;
 }

 #block-meem-content .texte li {
   margin-bottom: 0.5rem;
 }

div.infographie img {
  width:100%;
}

.bottom-bar {
  padding:2rem 0;
}

.citation .citation_content {
  margin:1rem 0;
  padding: 4rem 5rem;
}

.field-paragraph--field-citation {
  margin-bottom:1rem;
}

.reseaux {
  padding:1rem 0;
}

  .reseaux ul {
    display:table;
    width:100%;
  }

    .reseaux ul li {
      display:table-cell;
      text-align:center;
      width:25%;
    }

#block-meem-help {
  padding:1rem;
  margin:1rem 0;
}

.field-file--field-image-alt-text {
  text-align:right;
  margin:0.3rem 0.7rem;
}


  #block-meem-help p {
    margin-bottom:0;
  }

.js td .dropbutton-widget {
    position: absolute;
    left: 24%;
    top: 10%;
}

.node--type-wiki #block-shareblock ul > li, .node--type-ministere #block-shareblock ul > li {
  /*display:table-cell;*/
  float:left;
  margin:0 0.5rem 1rem 0.5rem;
}

  .node--type-wiki #block-shareblock ul > li > a, .node--type-ministere #block-shareblock ul > li > a {
    padding:0.5rem;
  }

.node--type-wiki .infographie .image, .node--type-ministere .infographie .image{
  text-align:center;
}

.field-node--field-agenda-pdf {
  margin:3rem 0;
  text-align:center;
}

/* evenements */

.node--type-agenda .texte.bloc ul {
  margin-left:0;
}

.node--type-agenda .texte.bloc li  {
    clear:both;
    list-style: none;
}

  .node--type-agenda .texte.bloc  span.schedule {
      display: inline-block;
      font-size: 1rem;
      vertical-align: top;
      width: 10%;
  }

  .node--type-agenda .texte.bloc  span.event {
    display: inline-block;
    width: 89%;
  }

/* status messages in reveal */

#status-messages {
  padding:0;
  top:0 !important;
  max-width: none;
  width: 100%;
}

  #status-messages .alert-box.radius {
    margin-bottom:0;
  }

.titre-barre {
  padding-bottom:1rem;
}

#footer h2 {
  margin-bottom:1rem;
}

.button, button {
  padding:0.5rem 1rem;
}

#sticky_header button {
  padding:1.2rem 1rem 0.8rem 1rem;
  margin:0;
}

#block-meem-branding {
  padding:1rem 0.5rem;
}

  #block-meem-branding a, #block-sitebranding a {
    max-width: 342px;
    display:inline-block;
  }

  #block-sitebranding > div > a:last-child {
    margin-top:1rem;
  }

  #block-meem-branding img,
  #sticky_header img,
  #block-meem-branding svg,
  #sticky_header svg {
    margin-left:15px;
    margin-right:20px;
  }



ul.menu.medium-horizontal {
  margin:0;
}

.block-region-top section {clear: both;
    margin-top: 2rem;
}

#block-meem-content ul li {
  list-style-type: disc;
  margin-left: 1.5rem;
  list-style-position: outside;
}


  #block-meem-content .ressources ul li, #block-meem-content #resultats-search ul li, #block-meem-content .box_agendas ul li,
  #block-meem-content .rv ul li,
  #block-meem-content .box_ministres ul li {
    margin-left:0;
  }

.node--type-agenda #block-meem-content li {
  list-style:none;
}

#block-meem-breadcrumbs {
  clear:both;
}

.field-paragraph--field-credits {
  display:inline-block;
}

.breadcrumbs {
  padding:1rem 1.5rem;
}

  .breadcrumbs li {
    display:inline;
  }

.showdesc a, .videodesc a {
  position:relative;
}

.showdesc a:before, .videodesc a:before  {
  /*border-radius: 50%;
    font-size: 1rem !important;
    height: 22px;
    left: -28px;
    margin-right: 29px;
    margin-top: 0;
    padding: 0 2px;
    position: absolute;
    top: -5px;
    width: 22px;*/
}

.menu.medium-horizontal > li {
  display: inline-block;
  position:static;
  padding:0.6rem 0.5rem 0.4rem;
}

  .menu.medium-horizontal > li > a {
    padding:0.2rem;
  }

.paragraph--type--ressources {
  margin:1rem 0;
}

  .paragraph--type--ressources ul {

  }

  .resources li {
    padding:0.8rem 1rem;
  }

.field-paragraph--field-texte p {
  line-height:1.3rem;
}

/* a la une */

.link-js {
  cursor:pointer;
}

  .actu h3.node-title, .actu .actu-chiffre, .actu .actu-citation {
    padding:0.95rem;
    overflow:auto;
  }

  .politiques .actu h3.node-title {
    padding:0.1rem 0.65rem 0.4rem;
  }

  .politiques .actu h3.node-title {
    /*padding-left:0;
    padding-right:0;*/
    margin-bottom:0;
    margin-top:0.5rem;
  }

   .actu .actu-label {
     padding:0.3rem 0.5rem 0.2rem;
     display: inline-block;
     margin-bottom: 1rem;
   }

  .actu .surtitre {
    padding:0.3rem 0.5rem;
  }

  .actu-chiffre .valeur  {
    text-align: center;
  }

#sidebar-first > div {
  width:100%;
}

.wiki_content .rebond .columns h3{
  padding:0.8rem;
  margin-top:0;
}

.filter-help a,
.actu .field-file--field-image-alt-text,
.view-mode-une .text-right.credits,
.slick-slider .logo .text-right.credits {
  display:none;
}

/* footer*/

.bottom-bar {
  padding:3rem 0;
}

.contact_presse{
  padding:2rem 0;
}

.service {
  padding:3.2rem 0;
}

  .contact_presse ul {
    margin-bottom:0;
  }

  .service a {
    margin-top:0rem;
    padding:0.5rem 0.7rem;
    display:inline-block;
  }

footer p.titre, footer h2 {
  margin:0rem 0 0.5rem 0;
}

footer p.titre {
  padding-top:1.3rem;
}

.service {
  margin-top:1rem;
  margin-bottom: 1rem;
}

footer li {
  margin-bottom:0.5rem;
}

footer p {
  margin:1.5rem 0;
}

.box_ministres {
  padding:3rem 0;
  clear:both;
}

.box_ministres .row,
.newsletter_box .row,
#social_footer .row,
.services .row,
.contact_presse .row,
.box_agendas .row {
  margin:0 auto;
  max-width: 970px;
}

.box_ministres p, .box_ministres ul {
  margin:0.5rem 0;
}

.social,
.social li {
  margin-left:0;
}

.services .bloc_service .result {

}

.path-node #block-meem-content h2 {
  margin:4rem 0rem 1.5rem 0;
  padding-top:1.5rem;
}

.path-node #block-meem-content .service h2 {
  padding-top:0;
  margin:0 0 1.5rem 0;
}

.actu-citation .descriptif {
  line-height:1.3rem;
}

.path-taxonomy .field-taxonomy-term--description {
  display:none;
}

/* chiffre */



    .row.chiffre .chiffre_descriptif > p,
    .row.chiffre .chiffre_valeur > div {
      line-height:1.3rem;
      vertical-align: middle;
      display:inline-block;
      padding: 0 1rem;
    }

  .row.chiffre .chiffre_valeur {
    text-align:center;
  }

/* taxonomy home */

.taxonomy-list .term-content li.term > div {
  padding:30px 20px;
}

  .taxonomy-list .term > div h2 {
    padding-bottom:15px;
  }

  .taxonomy-list ul.term-content {
    margin-left:0;
  }

  .taxonomy-list .field-taxonomy-term--description p {
    padding-top:0.1rem;
    line-height:1.3;
  }

  .term-content .columns.term {
    margin-bottom:20px;
  }

  .term-content h2 {
    padding-top:0;
    margin-top:0;
    margin-bottom:0.8rem;
  }


/* FAQ */

.ui-accordion .ui-accordion-header {
  margin-top:0;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-radius:0;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-radius:0;
}

/* TOC */

#toc > ul > li {
  padding:0.7rem;
}

/* LINKS */

/*a[href*="http://www.developpement-durable.gouv.fr"]:after,*/
a[href^="/"]:after,
a[href^="#"]:after,
a[href^="mailto:"]:after,
a[href^="javascript:"]:after {
	content: none;
}

/* back to top */

a.top {
  bottom: 15px;
  position:fixed;
  right: 15px;
  text-align: center;
  opacity:0;
  padding:0 0.1rem;
}

a.top.show {
  opacity:1;
}

a.top:before {
  display: block;
  margin-right: 27px;
  margin-top: -13px;
}

/* searchbox */

#block-solrblock.search_bg {
  -webkit-background-size: cover !important; /* pour anciens Chrome et Safari */
  background-size: cover !important;
  background-repeat:no-repeat;
}

.search_box .input-group {
  display:table;
  width:100%;
}

  #block-solrblock .form-item-query {
    width:94%;
  }

  .newsletter_box .input-group {
    margin-bottom:0;
  }

  .search_box .input-group input,
  .search_box .input-group .input-group-button,
  .solr-query-form .form-item-query  input,
  .solr-query-form .form-item-query  .input-group-button,
  .newsletter_box .input-group input{
    display:inline;
  }

  .search_box .input-group input,
  .solr-query-form .form-item-query input,
  .solr-query-form .form-item-q input,
  .newsletter_box .input-group input[type=email] {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
  }

  .search_box .input-group input,
  .solr-query-form .form-item-q input,
  .solr-query-form .form-item-query input {
     height: 60px;
     padding: 1rem 0.6rem;
     width: 100%;
  }

  .search_box .input-group input {
    width:85%;
  }

  .search_box .input-group .input-group-button,
  .solr-query-form input.button {
    width:1%;
  }

  .search_box .input-group input,
  .search_box .input-group button,
  .solr-query-form  .form-item-query  input,
  .solr-query-form  input.button,
  .newsletter_box .input-group input{
    margin-bottom:0;
  }

  .search_box .input-group button,
  .solr-query-form  input.button {
    height: 60px;
    width: 60px;
    margin-left:-4px;
  }

  .search_box .input-group button,
  .solr-query-form  input.button,
  .newsletter_box .input-group input.button {
    float: none;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    margin-left:-3px;
  }

.search_box .input-group .material-icons,
.solr-query-form  input.button {
  font-size: 3rem;
  line-height: 2.7rem;
  margin-left: -11px;
}

 #main .solr-query-form input.button {
   margin-right:38px;
 }

#search_box p, #block-solrblock p {
  margin: 0.5rem 0;
}

/* newsletter box */

.newsletter_box .input-group input[type=email] {
  width:78.9%;
  height:40px;
}

.newsletter_box .input-group input.button {
  height:40px;
  font-size:1.1rem;
  padding:0 rem;
}

/* callout */

.callout {
  background-color: transparent;
  border: none;
  border-radius: 0;
  color: inherit;
  margin: 0;
  padding: 0;
}

.text-right.credits {
  margin:0.2rem 0.5rem;
}

/* share article */

.share_article {
  position: inherit;
  margin-top:1rem;
}

.section-flux-rss-du-ministere-lenvironnement-lenergie-et-mer .share_article {
  display:none;
}

.share_article li {
  display:inline;
}

  .share_article li a {
    background: #4874b8 url("/themes/meem/medias/share_hz.png") no-repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 0.96rem;
    font-weight: normal;
    padding: 7px 5px 7px 33px;
    min-width: 110px;
  }

    .share_article li a:hover, #share_article li a:focus {
      background-color:#3c619b;
    }

 .share_article li.fb a {
      background-position: -6px 1px;
  }

  .share_article li.tw a {
      background-position: -5px -38px;
  }

 .share_article li.lk a {
    background-position:-5px -118px;
  }

  .share_article li.print a {
      background-position: -3px -79px;
  }
