@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,700,800|Open+Sans+Condensed:700);
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,400i,700,700i);
@import url(https://fonts.googleapis.com/css?family=Amatic+SC:400,700);
@import url('https://fonts.googleapis.com/css?family=Roboto');

/*.block_menuInner, .block_faq {*/
/*  display: none;*/
/*}*/
.NodeConfigurationSite {
  display: none;
}

.overflowHidden {
  overflow: hidden;
}

/*-------------------- font awesome -------------------------*/
.alerte-reseau-close:before {
  font-family: "Font Awesome 6 Pro";
}

@media screen and (min-width: 480px) and (max-width: 1024px) {

  .bigmenu-navigation > .menu > .menu-item.displayed > a,
  .bigmenu-navigation > .menu > .menu-item.displayed > span {
    color: #7eba00;
    background: url('../images/icons/arrow-up-grey.png') bottom no-repeat;
    height: 100%;
  }

}


@media screen and (min-width: 1024px) {
  .bigmenu-navigation > .menu > .menu-item:hover > a,
  .bigmenu-navigation > .menu > .menu-item:hover > span {
    color: #7eba00;
    background: url('../images/icons/arrow-up-grey.png') bottom no-repeat;
    height: 100%;
    box-sizing: border-box;

  }
}

.bigmenu-navigation a:hover,
.bigmenu-navigation span:hover {
  color: #7eba00;
}

html {
  font-size: 16px;
}

button {
  outline: none;
}

p {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: normal;
  font-size: 1.0rem;
  color: #000;
}

select,
option {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: normal;
  font-size: 0.9375rem;
  color: #000;
}

strong {
  font-weight: 600;
}

/*body{*/
/*  padding-top: 7.4rem!important;*/
/*}*/
/*body.toolbar-fixed{*/
/*  padding-top: calc(7.4rem + 78px)!important;*/
/*}*/

::-webkit-input-placeholder {
  color: #000;
}

::-moz-placeholder {
  color: #000;
}

:-ms-input-placeholder {
  color: #000;
}

:-moz-placeholder {
  color: #000;
}

nav.tabs {
  clear: both;
  margin: 0.9375rem 0 40px 0;
}

select.form-select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url('../images/icons/carret.png') no-repeat;
  background-position: right 0.75rem top 50%;
}

select::-ms-expand {
  display: none;
}

.page-title {
  max-width: 1300px;
  margin: 0 auto;
  margin-top: 30px;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: normal;
  font-size: 2.8125rem;
  color: #000;
  padding-left: 1.5rem;
  box-sizing: border-box;
}

h2 {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 100;
  font-size: 2.8125rem;
  color: #000;
  text-transform: uppercase;
}

.view-pc-home-infos-pratiques .view-content {
  display: flex;
  flex-wrap: wrap;
}

.view-pc-home-infos-pratiques .view-content .views-row {
  width: calc(100%/3 - 170px);
}

.layout-content {
  max-width: 1300px;
  margin: 0 auto;
  box-sizing: border-box;
}

.panel-display {
  max-width: 1300px;
  margin: 0 auto;
}

.field--name-field-descriptif {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: normal;
  font-size: 1.125rem;
  color: #000;
}

.field--name-field-descriptif h2 {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1.875rem;
  color: #6583a2;
  margin-top: 35px;
  text-transform: none;
}

.field--name-field-descriptif h3 {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1.5625rem;
  color: #6583a2;
  margin-top: 1.875rem;
}

p a,
.field--name-body a,
.field--name-field-descriptif a {
  color: #d22133;
  text-decoration: underline;
}

.region-search {
  position: relative;
  /*overflow: auto;*/
  clear: both;
}

.region-search #ctsearch-search {
  width: 1500px;
  height: 85px;
  margin: 0 auto;
  margin-top: 0.3125rem;
}

.region-search #ctsearch-search .form-item {
  margin: 0;
}

.region-search .advanced-search-form .form-item-keyword {
  margin: 0;
}

/*#block-plaine-commune-branding {*/
/*  margin-right: 2.5rem;*/
/*}*/
#block-plaine-commune-branding h1 {
  margin: 0;
}

.site-name {
  margin: 0;
}

.site-name a,
.block_menu_tuto .site-name span {
  display: block;
  font-size: 0;
  background: url('../images/logo-plaine-commune.png') no-repeat;
  width: 116px;
  height: 57px;
  background-size: cover;
/ / margin-top: 1.3125 rem;
}

.bannerBlog .site-name a,
.block_menu_tuto .bannerBlog .site-name span {
  background: url('../images/logo-blog-plaine-commune.png') no-repeat;
  width: 140px;
}

.region-header .menu a {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1.0625rem;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
}

.region-header #block-selectlanguage li a {
  color: #fff;
  margin-right: 0.625rem;
}

nav.bigmenu-navigation > ul.menu > li > ul {
  display: none;
}

.region-header .menu li .menu .background-menu .column {
  border-left: 1px solid #000;
  width: 33%;
  float: left;
}

.region-header .menu li .menu .background-menu .column:first-child {
  border: none;
}

nav.bigmenu-navigation > ul.menu > li > ul {
  display: none;
}

nav.bigmenu-navigation > ul.menu > li > ul.menu > li a,
nav.bigmenu-navigation > ul.menu > li > ul.menu > li span {
  color: #000;
  cursor: pointer;
}

.region-header .ajax-progress {
  position: absolute;
}

.region-header {
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 50px;
}

header {
  width: 100%;
  background-color: #000;
  z-index: 201;
  /*position: fixed;*/
  /*position: sticky;*/
  /*position: fixed;*/
  position: relative;
  top: 0;
  /*min-height: 8.75rem;*/
  /*transition: all ease-in-out .2s*/
}

header.fixed {
  position: fixed;
}

header.sticky {
  position: fixed;
}

/*.toolbar-fixed header {*/
/*  top: 40px;*/
/*}*/

.toolbar-fixed.toolbar-vertical.toolbar-tray-open header {
  width: calc(100% - 240px);
}

/*.toolbar-fixed.toolbar-tray-open.toolbar-horizontal header {*/
/*  top: 78px;*/
/*}*/

.region-header .menu,
#block-selectlanguage .links {
  margin-left: 0;
  text-align: center;
}

#block-selectlanguage .links {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 4.9rem;
  margin: 0;
}

#block-selectlanguage .links li a {
  position: relative;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.7rem;
  display: block;
  width: 100%;
  /*padding: 1.85rem 0;*/
  padding: 2rem 0;
}

#block-selectlanguage .links li a.selected {
  position: absolute;
  bottom: 0;
}

#block-selectlanguage .links li a.selected:after {
  font-family: "Font Awesome 6 Pro";
  content: "\f078";
  font-weight: 300;
  color: #92f137;
  font-size: 0.95rem;
  margin-left: 0.3rem;
  position: relative;
  top: 0.05rem;
}

#block-selectlanguage .links li a:hover {
  background: #92f137;
  color: #000;
}

#block-selectlanguage .links li a.selected:hover:after {
  content: "\f077";
  color: #000;
}

#block-selectlanguage .links.hover {
  height: 100%;
}

.region-header .menu li {
  float: left;
  display: inline-block;
}

.region-header .menu li:last-child {
  margin-right: 0 !important;
}

.region-header .menu li .menu a {
  height: 55px;
  width: 382px;
  padding: 0.625rem 1.5625rem 0 1.5625rem;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1.1875rem;
  color: #000;
  text-decoration: none;
  text-transform: none;
  text-align: left;
  display: inline-block;

}

.region-header .menu li .menu .background-menu {
  width: 1300px;
  overflow: auto;
  margin: 0 auto;
}

.region-header .menu .menu-item .menu-item {
  float: left;
}

.region-breadcrumb {
  max-width: 1300px;
  margin: 0 auto;
  margin-top: 35px;
}

.region-breadcrumb > div {
  display: inline-block;
  vertical-align: middle;
}

#block-text-resize {
  height: 31px;
  box-sizing: border-box;
  padding-top: 4px;
}

#block-text-resize,
#block-printfriendly,
#block-addthisshareblock {
  float: right;
}

.breadcrumb a,
.breadcrumb li {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: normal;
  /*font-size: 0.9375rem;*/
  font-size: 0.75rem;
  color: #000;
  text-decoration: none;
  display: inline-block;
}

.breadcrumb a:hover {
  text-decoration: underline;
}

/* PAGE HOMEPAGE */

.path-frontpage .region-title {
  display: none;
}


#views_slideshow_controls_text_pc_accroche_une-block_1 button:focus {
  border: 1px solid blue;
}

.path-frontpage .block-views-blockpc-accroche-une-block-1 {
  font-size: 16px;
  max-width: 1500px;
  height: 595px;
  margin: 0 auto;
  /*margin-top: 0.3125em;*/
  position: relative;
}

.path-frontpage .block-views-blockpc-accroche-une-block-1 h2 {
  width: 470px;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 100;
/ / font-size: 2.8125 em;
  font-size: 2.69em;
  color: #000;
  text-transform: uppercase;
  position: absolute;
  right: 58px;
  z-index: 100;
  padding-bottom: 0.9375rem;
  border-bottom: 2px solid white;
}

.path-frontpage .view-pc-accroche-une h3 a {
  font-family: 'Droid Serif', arial, sans-serif;
  font-style: italic;
  font-weight: 100;
  font-size: 35px;
  color: #000;
  text-decoration: none;
}

.path-frontpage .view-pc-accroche-une .field--name-field-visuel {
  width: 62%;
  /*height: 495px;*/
  float: left;
}

.path-frontpage .view-pc-accroche-une .field--name-field-descriptif {
  width: 29.2%;
  height: 124px;
  overflow: hidden;
  /*margin-top: -20px;*/
  padding-top: 0.3125em;
  padding-left: 2.8%;
  padding-right: 6%;
  /*border-bottom: 40px solid #92f137;*/
  /*background-color: #92f137;*/
  line-height: 28px;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: normal;
  /*font-size: 1.1875em;*/
  font-size: 1rem;
  color: #000;
  float: left;
  position: relative;
  z-index: 2;
}

.path-frontpage .view-pc-accroche-une .field--name-field-lien {
  z-index: 10;
}

.path-frontpage .view-pc-accroche-une .field--name-field-lien a {
  width: 33px;
  height: 33px;
  background: url('../images/icons/plus.png') no-repeat;
  display: inline-block;
  position: relative;
  left: 475px;
  top: 55px;
  font-size: 0;
}

.path-frontpage .view-pc-accroche-une h3 {
  width: 35.2%;
  max-height: 75px;
  overflow: hidden;
  padding-top: 120px;
  padding-left: 2.8%;
  margin-top: 0;
  /*float: left;*/
  /*background-color: #92f137;*/
  position: relative;
  z-index: 2;
}

.path-frontpage .view-pc-accroche-une .views_slideshow_slide {
  width: 100% !important;
}

.views_slideshow_controls_text_previous button {
  width: 1.25rem;
  height: 28px;
  display: inline-block;
  font-size: 0;
  background: url('../images/icons/big-arrow-left-black.png') no-repeat;
  position: absolute;
  top: 40%;
  left: 3%;
  z-index: 100;
  border: none;
}

.views_slideshow_controls_text_previous button:focus {
  /*outline:0;*/
}

/*.views_slideshow_controls_text_previous a{
  width: 1.25rem; height: 28px;
  display: inline-block;
  font-size: 0;
  background: url('../images/icons/big-arrow-left-black.png') no-repeat;
  position: absolute; top: 40%; left: 3%;
  z-index: 100;
}*/
.views_slideshow_controls_text_pause {
  display: none;
}

.views_slideshow_controls_text_next button {
  width: 1.25rem;
  height: 28px;
  display: inline-block;
  font-size: 0;
  background: url('../images/icons/big-arrow-right-black.png') no-repeat;
  position: absolute;
  top: 40%;
  right: 3%;
  z-index: 100;
  border: none;
}

.views_slideshow_controls_text_next button:focus {
  /*outline:0;*/
}

/*.views_slideshow_controls_text_next a{
  width: 1.25rem; height: 28px;
  display: inline-block;
  font-size: 0;
  background: url('../images/icons/big-arrow-right-black.png') no-repeat;
  position: absolute; top: 40%; right: 3%;
  z-index: 100;
}*/
a.views_slideshow_pager_field_item {
  width: auto;
  height: 28px;
  display: block;
}

a.views_slideshow_pager_field_item {
  width: auto;
  height: 28px;
  color: #000;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1.3125rem;
  cursor: pointer;
  float: left;
}

a.views_slideshow_pager_field_item.active {
  color: #d22133;
  cursor: default;
}

a.views_slideshow_pager_field_item {
  width: auto;
  float: left;
  margin-right: 0.3125rem;
}

.widget_pager {
  width: auto;
  margin: 0 auto;
  margin-top: 1.5625rem;
  overflow: hidden;
  display: inline-block;
}

.path-frontpage .zone2 {
  max-width: 1300px;
  min-height: 275px;
  margin: 0 auto;
}

.path-frontpage .zone2 .view-pc-services .views-row {
  float: left;
  text-align: center;
  width: calc(100% / 6);
}

.path-frontpage .zone2 .view-pc-services .views-row:last-child {
  margin-right: 0;
}

.path-frontpage .zone2 .view-pc-services .views-row .field--name-title a {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1rem;
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
  margin-top: 0.9375rem;
  display: inline-block;
}

.block-plaine-commune-agenda,
.path-frontpage .zone3 {
  max-width: 1300px;
  min-height: 5rem;
  margin: 0 auto;
}

.block-plaine-commune-agenda h2 {
  margin: 0;
}

.block-plaine-commune-agenda #form-evenements-hp {
  max-width: 1300px;
  margin: 2em auto;
}

.block-plaine-commune-agenda #form-evenements-hp .form-type-select {
  float: left;
  margin: 0;
}

.block-plaine-commune-agenda #form-evenements-hp .form-type-select select {
  width: 370px;
}

.block-plaine-commune-agenda #form-evenements-hp .form-item-mediatheque {
  margin-right: 0.625rem;
}

.block-plaine-commune-agenda #form-evenements-hp .form-item-ville {
  margin-right: 0.625rem;
}

.block-plaine-commune-agenda #form-evenements-hp .form-item {
  margin-bottom: 0.625rem;
  margin-right: 0.625rem;
}

.block-plaine-commune-agenda #form-evenements-hp .form-item-univers {
  display: none;
}

.block-plaine-commune-agenda #form-evenements-hp .form-submit {
  padding: 0 1.5625rem;
  margin: 10px 0 0 0;
}

.block-views-blockevenements-block-1,
.path-frontpage .zone4 {
  max-width: 1300px;
  margin: 0 auto;
  margin-bottom: 45px;
}

.block-views-blockevenements-block-1 .view-content {
  width: 100%;
  height: 525px;
}

.node--type-page-evenement.node--view-mode-teaser .field--name-field-visuel {
  margin-bottom: 1.4375rem;
}

.node--type-page-evenement.node--view-mode-teaser .field--name-field-visuel img {
  width: 100%;
  height: auto;
}

.node--type-page-evenement.node--view-mode-teaser .field--name-field-mediatheque {
  margin-top: 0.25rem;
}

.node--type-page-evenement.node--view-mode-teaser .sub-header .left,
.node--type-page-evenement.node--view-mode-teaser .sub-header .right {
  /*width: 49%;*/
  margin-left: 1.25rem;
}

.node--type-page-evenement.node--view-mode-teaser .sub-header .left {
  margin: 0.5rem 1.25rem;
}

.node--type-page-evenement.node--view-mode-teaser .field--name-field-date-de-debut,
.node--type-page-evenement.node--view-mode-teaser .field--name-field-date-et-heure-de-fin {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  color: #d22133;
  margin-right: 1.5625rem;
}

.node--type-page-evenement.node--view-mode-teaser .field--name-field-date-de-debut span,
.node--type-page-evenement.node--view-mode-teaser .field--name-field-date-et-heure-de-fin span {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 0.9375rem;
  color: #000;
  display: block;
  margin-top: 0.625rem;
}

.node--type-page-evenement.node--view-mode-teaser .field--name-field-mediatheque a {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 0.9375rem;
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
  cursor: text;
}

.node--type-page-evenement.node--view-mode-teaser .infos-mediatheque .ville {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 0.9375rem;
  color: #000;
  text-transform: uppercase;
  margin-top: 0.3125rem;
}

.view-pc-home-events .view-content,
.view-pc-home-agenda .view-content {
  display: flex;
  flex-wrap: wrap;
}

.view-display-id-block_espace_jeunesse_animation .views-row,
.block-views-blockevenements-block-1 .views-row,
.view-pc-home-events .views-row,
.view-pc-home-agenda .views-row {
  width: calc((100% - 2.5rem) / 3);
  background-color: #f2f2f2;
  position: relative;
  margin-right: 1.25rem;
  margin-bottom: 1.25rem;
}

.view-display-id-block_espace_jeunesse_animation .views-row {
  margin-top: 40px;
}

.view-pc-home-agenda .views-row:hover,
.view-id-evenements .views-row:hover {
  background-color: #92f137;
}

.view-display-id-block_espace_jeunesse_animation .views-row {
  background-color: #addfff;
}

.view-display-id-block_espace_jeunesse_animation img {
  width: 100%;
}

.view-display-id-block_espace_jeunesse_animation .views-row:nth-child(3n),
.block-views-blockevenements-block-1 .views-row:nth-child(3n),
.view-pc-home-events .views-row:nth-child(3n),
.view-pc-home-agenda .views-row:nth-child(3n) {
  margin-right: 0;
}

.node--type-page-evenement.node--view-mode-teaser h3 {
  margin: 0.5rem 1.25rem 1rem;
  min-height: 5rem;
}

.node--type-page-evenement.node--view-mode-teaser h3 a {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  color: #000;
  text-decoration: none;
  display: inline-block;
}

.node--type-page-evenement.node--view-mode-teaser h3 a:hover {
  text-decoration: underline;
}

.node--type-page-evenement.node--view-mode-teaser .article-content-bottom a.more-link {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 700;
  font-size: 0.9375rem;
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
  margin-right: 1.5rem;
}

.node--type-page-evenement.node--view-mode-teaser .article-content-bottom {
  padding: 0 1.25rem 1rem;
  display: flex;
  align-items: flex-start;
  margin-top: auto;
}

.node--type-page-evenement.node--view-mode-teaser .article-content-bottom a.more-link:hover {
  text-decoration: underline;
}

.node--type-page-evenement.node--view-mode-teaser .article-content-bottom .facebook a {
  width: 0.5625rem;
  height: 1.1875rem;
  display: inline-block;
  margin-right: 0.8125rem;
  background: url('../images/icons/fb.png') no-repeat;
  font-size: 0;
}

.node--type-page-evenement.node--view-mode-teaser .article-content-bottom .twitter a {
  width: 1.25rem;
  height: 0.875rem;
  display: inline-block;
  background: url('../images/icons/tw.png') no-repeat;
  font-size: 0;
}

.node--type-page-evenement.node--view-mode-teaser .article-content-bottom .facebook,
.node--type-page-evenement.node--view-mode-teaser .article-content-bottom .twitter {
  /*float: left;*/
}

.node--type-page-evenement.node--view-mode-teaser .article-content-bottom .twitter {
  margin-top: 4px;
}

.node--type-page-evenement.node--view-mode-teaser .article-content-bottom .socialnetwork {
  margin-left: auto;
  display: flex;
  margin-top: -1rem;
}

.block-views-blockevenements-block-1 .view-footer,
.path-frontpage .zone4 .view-footer {
  width: 100%;
}

.block-views-blockevenements-block-1 .view-footer p,
.path-frontpage .zone4 .view-footer p {
  width: 190px;
  margin: 0 auto;
}

.block-views-blockevenements-block-1 .view-footer a,
.path-frontpage .zone4 .view-footer a {
  width: 190px;
  height: 36px;
  background-color: #d22133;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: normal;
  font-size: 1rem;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding-top: 0.875rem;
  margin-top: 40px;
}

.path-frontpage .zone4 .pager {
  margin-top: 40px;
}

.path-frontpage .zone7 {
  max-width: 1300px;
  height: 385px;
  margin: 0 auto;
  border-top: 0.75rem solid #e3e3e3;
  padding-top: 55px;
}

.bloc-autopromo-text,
.bloc-autopromo-visuel,
.bloc-autopromo-liens {
  height: 268px;
  float: left;
}

.view-pc-home-promos > .view-content > .views-row {
  margin-left: 1.125rem;
  width: calc((100% - 2.25em) / 3);
}

.view-pc-home-promos > .view-content > .views-row:first-child {
  padding-left: 0;
  margin-left: 0;
}

.bloc-autopromo-text .field--name-field-texte {
  height: 268px;
  overflow: hidden;
  background-color: #7db901;
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  vertical-align: middle;
  padding: 2rem;
}

.bloc-autopromo-text .field--name-field-texte a {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  color: #000;
  text-decoration: none;
  line-height: 1.875rem;
  display: block;
  width: 100%;

  margin: auto auto;
}

.bloc-autopromo-text .field--name-title,
.bloc-autopromo-text .field--name-title a,
.bloc-autopromo-visuel .field--name-title,
.bloc-autopromo-visuel .field--name-title a,
.bloc-autopromo-liens .field--name-title,
.bloc-autopromo-liens .field--name-title a {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1.25rem;
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
}

.bloc-autopromo-text .field--name-title {
  height: 54px;
  overflow: hidden;
  margin-top: 1.375rem;
  text-align: center;
}

.bloc-autopromo-visuel .field--name-title,
.bloc-autopromo-liens .field--name-title {
  height: 54px;
  margin-top: 1.375rem;
  text-align: center;
}

.bloc-autopromo-visuel .field--name-field-pictogramme {
  width: 421px;
  height: 268px;
  overflow: hidden;
}

.view-pc-home-promos > .view-content > .views-row img {
  width: 100%;
  height: auto;
}

.bloc-autopromo-liens .field__item .field--name-title,
.bloc-autopromo-liens .field__item .field--name-title a {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1.3125rem;
  color: #000;
  text-transform: none;
  text-decoration: none;
}

.bloc-autopromo-liens .field__item .field--name-title a {
  background: url('../images/icons/thin-arrow-right.png') 0 0.4375rem no-repeat;
  padding-left: 1.125rem;
  display: inline-block;
  float: left;
  text-align: left;
}

.bloc-autopromo-liens .field__item .field--name-title a:hover {
  text-decoration: underline;
}

.bloc-autopromo-liens .field--name-title {
  margin-top: 1.375rem;
}

.bloc-autopromo-liens .field__item .field--name-title {
  height: 1.875rem;
  margin-top: 1.125rem;
}

.bloc-autopromo-liens .field--name-field-liens {
  width: 100%;
  height: 268px;
  box-sizing: border-box;
  padding: 45px 35px 55px 35px;
  background-color: #27c2f6;
  overflow: hidden;
}

.path-frontpage .zone6,
.path-frontpage .zone5,
.path-frontpage .zone8 {
  border-top: 0.75rem solid #e3e3e3;
  padding-top: 74px;
  margin-top: 40px;
}

.path-frontpage .zone6,
.path-frontpage .zone5 {
  padding-top: 0;
  padding-bottom: 1rem;
  clear: both;
}

.path-frontpage .zone8 .views-row {
  margin-left: 85px;
  margin-right: 85px;
}

.path-frontpage .zone8 .field--name-field-pictogramme.field--type-image,
.path-frontpage .zone8 .field--name-title {
  text-align: center;
}

.path-frontpage .zone8 .field--name-title a {
  padding-left: calc(27px + 0.5rem);
  background: url("../images/icons/arrow_infos_pratiques.png") no-repeat 0 0.5625rem;
  position: relative;
  left: -5px;
}

.path-frontpage .zone8 .field--name-title a {
  font-family: "Open Sans";
  font-size: 1.9375rem;
  text-decoration: none;
  color: #000;
  font-style: italic;
  font-weight: lighter;
  text-transform: uppercase;
}

/* PAGE DETAIL EVENEMENT */
.page-node-type-page-evenement .field--name-field-date-de-debut,
.page-node-type-page-evenement .field--name-field-date-et-heure-de-fin {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: normal;
  font-size: 1.0625rem;
  color: #000;
}

.page-node-type-page-evenement .field--name-field-date-de-debut {
  margin-right: 0.3125rem;
  font-family: 'Open Sans',arial,sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  color: #d22133;
}

.page-node-type-page-evenement .field--name-field-date-et-heure-de-fin {
  margin-top: 0.5rem;
  display: none;
}

.page-node-type-page-evenement .field--name-field-univers {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1.0625rem;
  color: #000;
  margin-top: 0.3125rem;
  float: left;
}

.page-node-type-page-evenement .field--name-field-univers .field__item {
  display: inline;
}

.field--name-field-documents-lies .field__label,
.page-node-type-page-evenement .field--name-field-mediatheque h2 {
  font-weight: 700;
  font-size: 1.875rem;
  text-transform: none;
  background: url('../images/icons/big-arrow-right-red.png') 0 0.3125rem no-repeat;
  padding-left: 1.875rem;
  margin-left: 6.15%;
}

.field--name-field-documents-lies .field__label {
  background: url('../images/icons/big-arrow-right-red.png') 0 0.3125rem no-repeat;
}

.field--name-field-documents-lies {
  width: 685px;
  float: left;
}

.field--name-field-documents-lies .field__items {

  margin-top: 45px;
  margin-left: 6.15%;
  float: left;
}

.file {
  width: 385px;
  background: url('../images/icons/file.png') no-repeat;
  padding-left: 75px;
  margin-bottom: 40px;
  display: block;
  height: 49px;
}

.file.pdf {
  background: url('../images/icons/pdf.png') no-repeat;
}

.field--name-field-documents-lies .field__item .file.doc,
.field--name-field-documents-lies .field__item .file.docs,
.field--name-field-documents-lies .field__item .file.ocs,
.field--name-field-documents-lies .field__item .file.docx,
.field--name-field-documents-lies .field__item .file.ocx {
  background: url('../images/icons/doc.png') no-repeat;
}

.field--name-field-documents-lies > .field__items > .field__item {
  border-bottom: 2px solid #e3e3e3;
  margin-bottom: 20px;
}

/* .field--name-field-documents-lies > .field__items > .field__item:last-child {
  border:none;
} */

.field--name-field-documents-lies .field__item .file.zip {
  background: url('../images/icons/zip.png') no-repeat;
}

.field--name-field-liens-utiles a,
.file a {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1.25rem;
  color: #000;
  text-decoration: none;
  margin-top: 1px;
}

.field--name-field-liens-utiles a:hover,
.file a:hover {
  text-decoration: underline;
}

.field--name-field-documents-lies .field__item .file .bottom {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 100;
  font-size: 1.375rem;
  color: #000;
  margin-top: -4px;
}

.authors em {
  margin: 0 5px;
}

.field--name-field-documents-lies .field__item .file .bottom .extension {
  float: left;
  margin-right: 0.625rem;
}

.field--name-field-mediatheque {
  margin-top: 1.625rem;
}

.node__content .field--name-field-mediatheque {
  margin-bottom: 45px;
  border-bottom: 0.75rem solid #e3e3e3;
  padding-bottom: 55px;
}

.path-agenda .field--name-field-mediatheque,
.path-frontpage .field--name-field-mediatheque {
  max-height: 40px;
  overflow: hidden;
}

.coordonnes-mediatheque .block-container {
  height: 415px;
  border: 1px solid black;
  margin: 0 auto;
  margin-top: 45px;
  position: relative;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1.25rem;
  color: #000;
}

.page-node-type-page-evenement .coordonnes-mediatheque .block-container .block-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
}

.page-node-type-page-evenement .coordonnes-mediatheque .block-container .block-left {
  width: 40%;
  height: auto;
  box-sizing: border-box;
  padding: 1.25rem 45px 45px 45px;
  float: left;
}

.page-node-type-page-evenement .coordonnes-mediatheque .block-container .block-right #map {
  z-index: -5;
}

.page-node-type-page-evenement .coordonnes-mediatheque .block-container .block-left .access {
  height: 110px;
  overflow: hidden;
}

.page-node-type-page-evenement .coordonnes-mediatheque .block-container .block-left .alerte {
  color: #d22133;
  font-size: 0.75em;
}

.page-node-type-page-evenement .coordonnes-mediatheque .block-container .block-left a {
  color: #000;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

.page-node-type-page-evenement .coordonnes-mediatheque #map {
  width: 100%;
}

#map {
  z-index: 180
}

#map .leaflet-div-icon {
  background: none;
  border: 0;
}

.page-node-type-page-evenement .coordonnes-mediatheque .block-container .block-left a:hover {
  text-decoration: underline;
}

.page-node-type-page-evenement .coordonnes-mediatheque .block-container .block-left .address {
  display: block;
}

.page-node-type-page-evenement .coordonnes-mediatheque .block-container .block-left .zip-code {
  display: block;
  float: left;
  margin-right: 0.5rem;
  margin-top: 0.5rem;
}

.page-node-type-page-evenement .coordonnes-mediatheque .block-container .block-left .city {
  display: block;
  text-transform: uppercase;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.field--name-field-liens-utiles {
  width: 420px;
  float: left;
  margin-left: 6.15%;
}

.field--name-field-liens-utiles .field__label {
  font-weight: 700;
  font-size: 1.875rem;
  text-transform: none;
  background: url('../images/icons/big-arrow-right-red.png') 0 0.3125rem no-repeat;
  padding-left: 1.875rem;
}

.field--name-field-liens-utiles .field {
  min-height: 40px;
  background: url('../images/icons/link.png') no-repeat;
  padding-top: 3px;
  padding-left: 55px;
  margin-bottom: 40px;
}

.field--name-field-liens-utiles .field__items {
  margin-top: 45px;
}

.field--name-field-le-saviez-vous {
  width: 100%;
  clear: both;
  padding-top: 50px;
  border-top: 0.75rem solid #e3e3e3;
  margin-top: 0.9375rem;

}

.field--name-field-le-saviez-vous .field__label {
  padding-top: 1.25rem;
  background-color: #27c2f6;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1.6875rem;
  color: #000;
  text-transform: uppercase;
  text-align: center;
}

.field--name-field-le-saviez-vous .field__item {
  padding: 1px 45px 1.5625rem 45px;
  background-color: #27c2f6;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1.4375rem;
  color: #000;
  overflow: hidden;
}

/* PAGE DETAIL DOSSIER */

.block-views-blockevenements-block-1 .view-header {
  display: none;
}

.block-views-blockevenements-block-1 .view-footer a {
  margin-left: 42.69%;
}

.block-views-blockpc-dossiers-block-1 {
  max-width: 1300px;
  margin: 0 auto;
  padding-top: 45px;
  border-top: 0.75rem solid #e3e3e3;
}

.block-views-blockpc-dossiers-block-1 h2 {
  margin-top: 0;
}

.view-pc-dossiers .views-infinite-scroll-content-wrapper .views-row,
.page-node-type-dossier .view-pc-dossiers .views-row {
  width: calc((100% - 101px) / 3);
  float: left;
  margin-right: 50px;
  margin-bottom: 50px;
  min-height: 380px;
}

.view-pc-dossiers.view-display-id-page_1 > .view-content .views-row,
.page-node-type-dossier .view-pc-dossiers .view-content:nth-of-type(2) .views-row {
  width: calc((100% - 101px) / 3);
  float: left;
  margin-right: 50px;
  margin-bottom: 50px;
  min-height: 380px;
}

.view-pc-dossiers.view-display-id-page_1 > .view-content .views-row:nth-child(3n),
.page-node-type-dossier .view-pc-dossiers .view-content:nth-of-type(2) .views-row:nth-child(3n),
.page-node-type-dossier .view-pc-dossiers .views-row:nth-child(3n) {
  margin-right: 0;
}

.view-pc-dossiers .views-infinite-scroll-content-wrapper .views-row img,
.page-node-type-dossier .view-pc-dossiers .views-row img {
  width: 100%;
  height: auto;
}

.view-pc-dossiers.view-display-id-page_1 > .view-content .views-row img,
.page-node-type-dossier .view-pc-dossiers .view-content:nth-of-type(2) .views-row img {
  width: 100%;
  height: auto;
}

.view-pc-dossiers .views-infinite-scroll-content-wrapper .views-row article,
.page-node-type-dossier .view-pc-dossiers .views-row article {
  min-height: 380px;
  position: relative;
}

.view-pc-dossiers.view-display-id-page_1 > .view-content .views-row article,
.page-node-type-dossier .view-pc-dossiers .view-content:nth-of-type(2) .views-row article {
  min-height: 380px;
  position: relative;
}

.page-node-type-page-evenement .node--type-page-evenement,
.node--type-dossier.node--view-mode-full {
  max-width: 1300px;
  margin: 0 auto;
}

.node h2 a {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: normal;
  font-size: 2.8125rem;
  color: #000;
  text-transform: none;
  text-decoration: none;
  cursor: text;
}

.field--name-field-diaporama h2 {
  margin: 0;
  padding-top: 2rem;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1.5625rem;
  color: #000;
  text-transform: uppercase;
}

article.node--view-mode-full .field--name-field-descriptif-court,
.taxonomy-term .field--name-field-descriptif-court {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  color: #000;
  padding: 1.875rem 1.25rem 0.3125rem 1.25rem;
  line-height: 1.875rem;
  clear: both;
}

article.node--view-mode-full .field--name-field-descriptif,
.taxonomy-term .field--name-field-descriptif {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: normal;
  font-size: 1.125rem;
  color: #000;
  line-height: 1.875rem;
  padding: 0 1.25rem;
  overflow: hidden;
}

article.node--view-mode-full .field--name-field-diaporama .field--name-field-descriptif,
.field--name-field-diaporama h2 {
  padding-bottom: 0;
  box-sizing: border-box;
}


.taxonomy-term .content > .field--name-field-descriptif {
  padding-bottom: 35px;
  border-bottom: 0.75rem solid #e3e3e3;
  margin-bottom: 45px;
}

.field--name-field-diaporama {
  margin-bottom: 100px;
  position: relative;
}

/* PAGE AGENDA */

.view-display-id-page_agenda {
  max-width: 1300px;
  margin: 0 auto;
}

.view-empty {
  margin-top: -15px;
  margin-left: 1.0625rem;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: normal;
  font-size: 1.0625rem;
  color: #000;
}

.view-display-id-page_agenda .view-content,
.block-views-blockevenements-block-1 .view-display-id-block_1 .view-content {
  display: flex;
  flex-wrap: wrap;
}

.view-display-id-page_agenda .views-row {
  width: calc((100% - 2.5rem) / 3);
  background-color: #f2f2f2;
  position: relative;
  margin-right: 1.25rem;
  margin-bottom: 1.25rem;
}

.view-display-id-page_agenda .views-row article {
  display: flex;
  flex-direction: column;
  height: 100%;
}


.view-display-id-page_agenda .views-row:nth-child(3n) {
  margin-right: 0;
}

.path-agenda .pager .button {
  margin-top: 1.25rem;
}

#views-exposed-form-evenements-page-agenda .js-form-type-select select {
  width: 485px;
}

#views-exposed-form-evenements-page-agenda .js-form-item-date-debut label,
#views-exposed-form-evenements-page-agenda .js-form-item-heure-fin label {
  position: relative;
  left: 0;
  top: -3px;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: normal;
  font-size: 0.9375rem;
  color: #000;
}

#views-exposed-form-evenements-page-agenda .hasDatepicker {
  width: 174px;
  background: url('../images/icons/calendar.png') 173px 0.3125rem no-repeat;
}

.path-agenda #block-blockcustom-4 {
  margin-bottom: 35px;
}

.path-agenda #views-exposed-form-evenements-page-agenda .form--inline {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.path-agenda #views-exposed-form-evenements-page-agenda .form--inline .form-actions {
  margin-left: auto;
  float: none;
}

.path-agenda #views-exposed-form-evenements-page-agenda .form-submit {

}

#views-exposed-form-evenements-page-agenda .js-form-item-combine {
  margin-left: 1.125rem;
}

.form-type-email label,
.form-type-textfield label,
.form-type-select label {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: normal;
  font-size: 0.9375rem;
  color: #000;
}

#views-exposed-form-evenements-page-agenda .js-form-item-combine label {
  margin-right: 0.9375rem;
}

.form-type-email input.form-email,
.form-type-textfield input.form-text,
.form-type-password input.form-text,
.user-inscription-form input.form-tel,
.form-type-textarea textarea,
.js-form-type-select select {
  /*width: 100%;*/
  /*height: 48px;*/
  /*border: 1px solid black;*/
  /*margin-right: 0.9375rem;*/
  /*padding-left: 0.625rem;*/
  border: 1px solid black;
  float: none;
  display: block;
  width: 100%;
  height: auto;
  padding: 0.8rem;
  box-sizing: border-box;
}

.form-type-textarea textarea {
  height: 100px;
  padding-top: 0.625rem;
}

#views-exposed-form-evenements-page-agenda .js-form-item-combine input {
  width: 485px;
  /*height: 45px;*/
  border: 1px solid black;
  /*margin-right: 1.4375rem;*/
  padding-left: 0.75rem;
}

.path-agenda #views-exposed-form-evenements-page-agenda {
  max-width: 1300px;
  position: relative;
  margin: 0 auto 60px;
  padding: 0 1.5rem;
}

.path-agenda #views-exposed-form-evenements-page-agenda .more-filters button.js-hidden,
.path-agenda #views-exposed-form-evenements-page-agenda .less-filters button.js-hidden,
.path-agenda #views-exposed-form-evenements-page-agenda .js-form-item.js-hidden {
  display: none;
}

.path-agenda #views-exposed-form-evenements-page-agenda .more-filters button,
.path-agenda #views-exposed-form-evenements-page-agenda .less-filters button {
  border: none;
  background: none;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: normal;
  font-size: 1.0625rem;
  color: #000;
  margin-left: 0.75rem;
  margin-top: 0.625rem;
}

.path-agenda #views-exposed-form-evenements-page-agenda .more-filters button:hover,
.path-agenda #views-exposed-form-evenements-page-agenda .less-filters button:hover {
  text-decoration: underline;
}

.path-agenda #views-exposed-form-evenements-page-agenda .less-filters button {
  color: #d22133;
}

/* PAGE DERNIERE MINUTE */

.path-derniere-minute #block-blockcustom-6 {
  font-size: 1.125rem;
  line-height: 1.875rem;
  margin-top: 40px;
}

.path-derniere-minute .view-display-id-page_derniere_minute {
  max-width: 1300px;
  word-wrap: break-word;
  overflow: hidden;
  padding-top: 45px;
  border-top: 0.75rem solid #e3e3e3;
  margin-top: 1.875rem;
}

.path-derniere-minute .view-display-id-page_derniere_minute .views-field-field-alerte {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1.25rem;
  color: #d22133;
  margin-bottom: 1.25rem;
}

.path-derniere-minute .view-display-id-page_derniere_minute .views-field-field-alerte a {
  color: #000;
  text-decoration: none;
}

.path-derniere-minute .view-display-id-page_derniere_minute .views-field-field-alerte a:hover {
  text-decoration: underline;
}

/* PAGE DOSSIERS DES MEDIATHEQUES */

.path-les-dossiers-des-mediatheques .view-id-pc_dossiers {
  max-width: 1300px;
  margin: 0 auto;
}

.field--name-field-diaporama {
  height: 448px;
  margin-top: 50px;
  padding-bottom: 85px;
  border-bottom: 0.75rem solid #e3e3e3;
  margin-bottom: 0;
}

.path-les-dossiers-des-mediatheques .attachment {
  margin-bottom: 85px;
}

.path-les-dossiers-des-mediatheques .attachment .views-element-container {
  max-width: 1300px;
  background-color: #f5f5f5;
}

.page-node-type-dossier .block-plaine-commune-agenda {
  margin: 55px 0;
  height: auto;
}

.field--name-field-diaporama .field--name-field-image,
.field--name-field-diaporama .field--name-field-video-embed {
  width: 717px;
  height: 448px;
  overflow: hidden;
  float: left;
}

.path-les-dossiers-des-mediatheques .attachment .view-pc-dossiers .node--type-dossier {
  position: relative;
}

.path-les-dossiers-des-mediatheques .attachment .view-pc-dossiers .field--name-field-visuel {
  width: 55%;
  float: left;
}

.path-les-dossiers-des-mediatheques .attachment .view-pc-dossiers .field--name-field-visuel a,
.path-les-dossiers-des-mediatheques .attachment .view-pc-dossiers .field--name-field-visuel a img {
  width: 100%;
  height: auto;
  display: block;
}

.path-les-dossiers-des-mediatheques .attachment .view-pc-dossiers .node--type-dossier .sticky-title,
.path-les-dossiers-des-mediatheques .attachment .view-pc-dossiers .node--type-dossier h2,
.path-les-dossiers-des-mediatheques .attachment .view-pc-dossiers .node--type-dossier .node__content {
  width: 45%;
  box-sizing: border-box;
  float: left;
}

.path-les-dossiers-des-mediatheques .attachment .view-pc-dossiers .node--type-dossier .node__content {
  font-size: 1.125rem;
  line-height: 28px;
}

.field--name-field-diaporama .field--name-field-image,
.field--name-field-diaporama .field--name-field-video-embed {
  width: 56%;
}

.path-les-dossiers-des-mediatheques .attachment .view-pc-dossiers .sticky-title {
  padding-top: 45px;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1.5625rem;
  color: #000;
  text-transform: uppercase;
}

.field--name-field-diaporama .ct_media,
.path-les-dossiers-des-mediatheques .ct_media {
  max-width: 1300px;
  height: 448px;
  overflow: hidden;
  background-color: #f5f5f5;
}

.field--name-field-diaporama h2,
.field--name-field-diaporama .field--name-field-copyright,
.field--name-field-diaporama .field--name-field-descriptif,
.path-les-dossiers-des-mediatheques .attachment .view-pc-dossiers .node__content,
.path-les-dossiers-des-mediatheques .attachment .view-pc-dossiers .sticky-title,
.path-les-dossiers-des-mediatheques .attachment .view-pc-dossiers h2 {
  width: 39.46%;
  float: left;
  padding-left: 2.69%;
}

.path-les-dossiers-des-mediatheques .attachment .view-pc-dossiers .node__content a {
  width: 190px;
  height: 1.5625rem;
  margin: 0 auto;
  margin-top: 1.25rem;
  position: absolute;
  bottom: 40px;
  right: calc(22.5% - 95px);
  background-color: #d22133;
  border: none;
  text-transform: uppercase;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1rem;
  color: #fff;
  display: block;
  text-decoration: none;
  text-align: center;
  padding: 0.6875rem 0 0.875rem 0;
}

.path-les-dossiers-des-mediatheques .attachment .view-pc-dossiers h2 {
  height: 45px;
  margin-top: 1.25rem;
  margin-bottom: 0;
}

.field--name-field-diaporama .field--name-field-copyright,
.path-les-dossiers-des-mediatheques .attachment .view-pc-dossiers h2 a {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1rem;
  color: #000;
  text-decoration: none;
  text-transform: none;
  display: inline-block;
  float: left;
  cursor: pointer;
}

.field--name-field-diaporama .field--name-field-copyright {
  cursor: initial;
  width: 500px;
  margin-top: 0.75rem;
}

.path-les-dossiers-des-mediatheques .attachment .view-pc-dossiers h2 a {
  font-size: 1.125rem;
  line-height: 28px;
}

.path-les-dossiers-des-mediatheques .attachment .view-pc-dossiers h2 a:hover {
  text-decoration: underline;
}

.field--name-field-diaporama .field--name-field-descriptif {
  height: 298px;
}

.field--name-field-diaporama .field--name-field-descriptif,
.field--name-field-diaporama .field--name-field-descriptif {

  height: 175px;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: normal;
  font-size: 1.125rem;
  color: #000;
  line-height: 1.875rem;
  overflow: hidden;
}

.field--name-field-diaporama .field--name-field-descriptif {
  width: 35.46%;
  height: 320px;
  padding-right: 5.69%;
}

article.node--view-mode-full .field--name-field-diaporama .field--name-field-descriptif {
  padding-left: 2.69%;
  padding-right: 5.69%;
}


.node--type-dossier.node--view-mode-teaser {
  /*width: 400px; height: 380px;*/
  background-color: #f5f5f5;
}

.node--type-dossier.node--view-mode-teaser:hover {
  background-color: #92f137;
}

/*
  TODO Voir avec romain
.view-display-id-page_1 .views-row{
  width: 400px; height: 380px;
  margin-right: 50px;
  margin-bottom: 50px;
  float: left;
}
.view-display-id-page_1 .attachment .views-row{
  max-width: 1300px;
  margin-bottom: 0;
}
.view-display-id-page_1 .views-row:nth-child(3n){
  margin-right: 0;
}
*/

.node--type-dossier.node--view-mode-teaser h2 {
  margin: 0;
}

.node--type-dossier.node--view-mode-teaser h2 a {
  display: inline-block;
  padding: 0.875rem 1.25rem 0.4375rem 1.25rem;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1rem;
  color: #000;
  text-decoration: none;
  text-transform: none;
  float: left;
  position: relative;
  z-index: 100;
  cursor: pointer;
}

.node--type-dossier.node--view-mode-teaser h2 a:hover {
  text-decoration: underline;
}

.node--type-dossier.node--view-mode-teaser .node__content .date {
  width: 360px;
  display: inline-block;
  padding: 0 1.25rem;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: normal;
  font-size: 1rem;
  color: #000;
}

.node--type-dossier.node--view-mode-teaser .node__content a,
.path-selections .node--type-page-selection.node--view-mode-teaser > a,
.view-pro-space .node--type-page-editorial-espace-biblio.node--view-mode-teaser .see-more {
  width: 33px;
  height: 33px;
  display: inline-block;
  font-size: 0;
  background: url('../images/icons/plus.png') no-repeat;
  position: absolute;
  bottom: 1.25rem;
  right: 1.25rem;
}

/* PAGE JOURNAL DES MEDIATHEQUES */

.view-display-id-page_carnets_de_bord,
.view-journal-des-mediatheques {
  max-width: 1300px;
  margin: 0 auto;
  margin-top: 35px;
  margin-bottom: 120px;
}

.view-header {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1.25rem;
  color: #002329;
  margin-bottom: 0.9375rem;
}

.hasDatepicker {
  width: 148px !important;
  height: 48px;
  border: 1px solid black;
  padding: 0;
  padding-left: 50px;
  margin-left: -23px;
  margin-right: 1.4375rem;
  background: url('../images/icons/calendar.png') 117px 0.3125rem no-repeat;
}

.path-recrutement .hasDatepicker {
  margin-left: 0;
}

.form-item-field-annee-value label,
.form-item-field-annee-value-1 label {
  position: relative;
  left: 1.125rem;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: normal;
  font-size: 0.9375rem;
  color: #000;
}

.form-item-field-annee-value label,
.form-item-field-annee-value-1 label {
  position: relative;
  left: 1.5rem;
  top: -40px;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: normal;
  font-size: 0.9375rem;
  color: #000;
}

.user-login-form label {
  width: 124px;
  float: left;
}

#edit-field-annee-value--description,
#edit-field-annee-value-1--description {
  margin-left: 1.65rem;
}

#edit-date-fin--description,
#edit-date-debut--description {
  margin-top: 0.2rem;
}

.form-submit {
  /*min-width: 135px;*/
  height: 3rem;
  background-color: #d22133;
  border: none;
  text-transform: uppercase;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1rem;
  color: #fff;
}

.button:focus, .node--type-page-selection .node__content > a:focus {
  border: 1px solid #00b0ff;
}

.form-actions {
  float: left;
  clear: none !important;
}

.view-filters {
  margin-bottom: 35px;
}

.view-journal-des-mediatheques h2 {
  display: none;
}

.view-display-id-page_carnets_de_bord .views-row,
.view-journal-des-mediatheques .views-row {
  width: 305px;
  height: 470px;
  background: url('../images/icons/motif-journal.gif') repeat;
  margin-right: 1.625rem;
  margin-bottom: 1.625rem;
  float: left;
}

.view-display-id-page_carnets_de_bord .views-row:nth-child(4n),
.view-journal-des-mediatheques .views-row:nth-child(4n) {
  margin-right: 0;
}

.view-display-id-page_carnets_de_bord .journal .visuel,
.view-journal-des-mediatheques .journal .visuel {
  width: 233px;
  margin: 0 auto;
  margin-top: 36px;
}

.view-display-id-page_carnets_de_bord .journal .infos,
.view-journal-des-mediatheques .journal .infos {
  text-align: center;
}

.view-journal-des-mediatheques .journal .infos .mois-annee {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1.25rem;
  color: #000;
  margin-top: 0.5rem;
  margin-bottom: 0.4375rem;
  text-transform: uppercase;
}

/* PAGE CARNETS DE BORD */

.view-display-id-page_carnets_de_bord .field--name-title {
  margin-top: 0.5625rem;
  margin-bottom: 0.375rem;
  line-height: 1.25rem;
  display: inline-block;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  color: #000;
}

#block-blockcustom-9 {
  margin-bottom: 55px;
}

.yamlform-submission-demande-de-formulaire-form {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(20, 20, 20, 0.2);
  z-index: 10000;
  display: none;
}

.yamlform-submission-demande-de-formulaire-form h2 {
  width: 970px;
  margin: 0 auto;
  margin-top: 117px;
  padding: 1.25rem 0 1.25rem 0;
  text-align: center;
  text-transform: none;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: normal;
  font-size: 2.125rem;
  color: #000;
  background-color: white;
}

.yamlform-submission-demande-de-formulaire-form form {
  width: 970px;
  height: 615px;
  margin: 0 auto;
  background: white;
}

.yamlform-submission-demande-de-formulaire-form form .captcha,
.yamlform-submission-demande-de-formulaire-form form .form-item {
  width: 700px;
  margin-left: 48px;
}

.yamlform-submission-demande-de-formulaire-form form .captcha {
  margin-left: auto;
  margin-right: auto;
  width: 33%;
}

.yamlform-submission-demande-de-formulaire-form form .form-item-adresse-email label:after {
  width: 2px;
  margin: 0;
  padding: 0;
  vertical-align: inherit;
}

.yamlform-submission-demande-de-formulaire-form .form-item-captcha-response label,
.yamlform-submission-demande-de-formulaire-form .form-item-url-du-carnet-de-bord {
  display: none;
}

.yamlform-submission-demande-de-formulaire-form label {
  width: 175px;
  margin-right: 0.625rem;
  text-align: right;
  display: inline-block;
}

.yamlform-submission-demande-de-formulaire-form .form-type-textarea label {
  position: relative;
  top: -75px;
}

.yamlform-submission-demande-de-formulaire-form .form-textarea-wrapper {
  display: inline-block;
}

.yamlform-submission-demande-de-formulaire-form form .captcha label:after {
  content: ':';
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 0.375rem 0.375rem;
  width: 2px;
  margin: 0;
}

.yamlform-submission-demande-de-formulaire-form form .captcha img {
  margin-top: 0.625rem;
  margin-left: 22%;
  display: inline-block;
}

.yamlform-submission-demande-de-formulaire-form form .captcha .form-item-captcha-response {
  margin-left: 195px;
}

.yamlform-submission-demande-de-formulaire-form form .captcha .form-item-captcha-response input {
  width: 200px;
  text-align: center;
  margin-left: 20%;
  margin-top: -5px;
}

.yamlform-submission-demande-de-formulaire-form form .captcha .form-item-captcha-response .description {
  margin-left: 15%;
  margin-top: 0.9375rem;
}

.yamlform-submission-demande-de-formulaire-form form .form-actions {
  width: 100%;
  text-align: center;
}

.yamlform-submission-demande-de-formulaire-form form .form-actions input {
  margin: 0 auto;
}

.yamlform-submission-demande-de-formulaire-form form .fermer {
  width: 90px;
  float: right;
  font-weight: 600;
  font-family: 'Open Sans', arial, sans-serif;
  text-align: center;
  text-transform: uppercase;
  padding: 0.5rem 0 0.5rem 0;
  margin-right: 28px;
  margin-top: -60px;
  cursor: pointer;
  color: white;
  background: #d22133;
}

.yamlform-submission-demande-de-formulaire-form form .form-item input,
.yamlform-submission-demande-de-formulaire-form form .form-item textarea {
  width: 465px;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.yamlform-submission-demande-de-formulaire-form form .form-item textarea {
  width: 485px;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

#block-plaine-commune-content, .path-selections.view-id-pro_space.view-display-id-block_1 {
  margin-top: 35px;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: normal;
  font-size: 1.0625rem;
  color: #000;
  padding: 0 2rem;
}

.page-node-type-dossier #block-plaine-commune-content {
  margin-bottom: 35px;
}


/* PAGE FAQ Accessibilite */
.view-faq .view-content h2 button {
  background: transparent;
  border: none;
}

/* PAGE FAQ */

.view-faq {
  max-width: 1300px;
  margin: 0 auto;
}

.view-faq .view-content h2 {
  width: auto;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1.0625rem;
  color: #000;
  text-transform: uppercase;
  background: #f2f2f2 url('../images/icons/big-arrow-right.png') center right no-repeat;
  margin-top: 40px;
  padding: 0.8125rem 1.875rem 0.8125rem 1.875rem;
  cursor: pointer;
  border-right: 45px solid #f2f2f2;
}

.view-faq .view-content h2:hover,
.view-faq .view-content h2.displayed {
  background: #92f137 url('../images/icons/big-arrow-down-white.png') center right no-repeat;
  border-right: 45px solid #92f137;
}

.view-faq .views-field-title .field-content {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1.25rem;
  color: #3c6a9c;
  margin-top: 1.25rem;
  display: inline-block;
}

.view-faq .views-field-title,
.view-faq .views-field-field-reponse {
  padding: 0 1.875rem;
}

.view-faq .views-field-title span:hover {
  cursor: pointer;
  text-decoration: underline;
}

.view-faq .views-field-field-reponse {
  margin-bottom: 1.875rem;
}

.view-faq .views-field-field-reponse .field-content {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: normal;
  font-size: 1.125rem;
  color: #000;
  line-height: 1.875rem;
}

.path-faq #block-blockcustom-3 p {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: bold;
  font-size: 0.9375rem;
  color: #000;
  padding: 0 1.875rem;
  margin-top: 45px;
}

.path-faq #block-blockcustom-3 a {
  color: #d22133;
  text-decoration: underline;
}

/* PAGE RECRUTEMENT */

.path-recrutement .view-offres-d-emploi {
  max-width: 1300px;
  margin: 0 auto;
}

.path-recrutement .view-header {
  margin-top: 35px;
}

.js-form-item-created label,
.js-form-item-created-1 label {
  position: relative;
  left: 1.125rem;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: normal;
  font-size: 0.9375rem;
  color: #000;
}

.path-recrutement .view-offres-d-emploi .views-field-title {
  width: calc(100% - 300px);
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1.25rem;
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
  margin-bottom: 0.625rem;
}

.path-recrutement .view-offres-d-emploi .views-field-field-type-de-poste {
  width: calc(100% - 300px);

  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 0.9375rem;
  color: #000;
  text-transform: uppercase;
  margin-bottom: 0.3125rem;
}

.path-recrutement .view-offres-d-emploi .views-field-created a {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 0.9375rem;
  color: #000;
  text-decoration: none;
}

.js-form-type-select label {
  display: none;
}

.advanced-search-form .form-item-key-fieldset-keywords-date label,
.advanced-search-form .form-item-key-fieldset-keywords-univers label {
  display: inline-block;
  width: 10%;
}

.advanced-search-form .form-item-key-fieldset-keywords-date.js-form-item select,
.advanced-search-form .form-item-key-fieldset-keywords-univers.js-form-item select {
  width: 50%;
}

.advanced-search-form .form-item-key-fieldset-keywords-date.js-form-item,
.advanced-search-form .form-item-key-fieldset-keywords-univers.js-form-item {
  float: none;
  clear: both;
  width: auto;
}

.path-recrutement .view-offres-d-emploi .views-field-created {
  width: calc(100% - 300px);
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 0.9375rem;
  color: #000;
  margin-bottom: 0.875rem;
}

.path-recrutement .view-offres-d-emploi .views-field-field-descriptif-court {
  width: calc(100% - 18.75rem);
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: normal;
  font-size: 1.125rem;
  color: #000;
  line-height: 1.875rem;
}

.path-recrutement .view-offres-d-emploi .views-field-field-fiche-de-poste {
  width: 18.75rem;
  height: calc(100% - 60px);
  box-sizing: border-box;

  padding-left: 40px;
  padding-top: 40px;
  position: absolute;
  top: 1.875rem;
  right: 0;
  border-left: 1px solid black;
  background: url('../images/icons/pdf-green.png') 40px 40px no-repeat;
}

.path-recrutement .view-offres-d-emploi .views-field-field-fiche-de-poste a {
  font-family: 'Open Sans', arial, sans-serif;
  font-style: italic;
  font-weight: 600;
  font-size: 1.25rem;
  color: #000;
  margin-top: 0.4375rem;
  margin-left: 45px;
  display: inline-block;
}

.path-recrutement .view-offres-d-emploi .view-content .views-row {
  width: 100%;
  height: auto;
  min-height: 215px;
  overflow: auto;
  padding: 1.875rem;
  position: relative;
  box-sizing: border-box;
}

.path-recrutement .view-offres-d-emploi .view-content .views-row:hover {
  background-color: #f2f2f2;
}

/*.js-form-type-select select {*/
/*  width: 490px;*/
/*  height: 50px;*/
/*  border: 1px solid black;*/
/*  padding-left: 0.75rem;*/
/*  margin-right: 1.4375rem;*/
/*}*/

/*.path-recrutement .js-form-type-select select {*/
/*  width: 335px;*/
/*}*/

.path-recrutement #views-exposed-form-offres-d-emploi-page-recrutement {
  max-width: 1300px;
  position: relative;
  margin: 0 auto;
  padding-bottom: 40px;
  border-bottom: 0.75rem solid #e3e3e3;
  margin-bottom: 40px;
  padding-left: 1.5rem;
  box-sizing: border-box;
}

.path-recrutement #views-exposed-form-offres-d-emploi-page-recrutement .form--inline {
  padding-left: 0.625rem;
}

.path-faq .pager {
  display: none;
}

.pager,
.path-agenda .pager,
.path-recrutement .pager {
  padding: 0;
  margin: 0 auto;
  margin-top: 1.25rem;
}

.account-pager {
  clear: both;
  padding-top: 0.1em;
}

.account-pager .pager {
  width: auto;
}

.pager .pager__item,
.path-agenda .pager .pager__item,
.path-recrutement .pager .pager__item {
  overflow: auto;
  padding: 0;
  margin: 0 auto;
  display: block;
}

.pager .button,
.path-agenda .pager .button,
.path-recrutement .pager .button,
.node--type-page-selection .node__content > a,
.path-notice .actions a {
  width: 190px;
  height: 1.375rem;
  background-color: #d22133;
  text-transform: uppercase;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1rem;
  color: #fff;
  display: block;
  text-decoration: none;
  text-align: center;
  padding: 0.875rem 0;
}

.path-agenda .pager .button,
.path-recrutement .pager .button,
.node--type-page-selection .node__content > a,
.path-notice .actions a {
  border: none;
}

.path-selections .pager .pager__item {
  overflow-x: hidden;
}

/*Pagination pour Accessibilité*/
nav.pager .pager__item {
  display: inline !important;
}

nav.pager .pager__item a {
  text-decoration: none;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1.3125rem;
  color: #000;
}

nav.pager .pager__item.is-active a {
  /*color: #d22133;*/
  text-decoration-line: underline;
  text-decoration-color: #92F137;
  text-underline-offset: 2px;
}

/*nav.pager .pager__item--last,*/
/*nav.pager .pager__item--first{*/
/*  display: none !important;*/
/*}*/
/*------------ pager prev -----------*/
.pager .pager__item--previous {
  margin-right: 0.8rem;
}

.pager__item--previous a {
  position: relative;
}

.pager__item--previous a span {
  opacity: 0;
}

.pager__item--previous a:before {
  font-family: "Font Awesome 6 Pro";
  content: "\f053";
  display: inline-block;
  color: #92F137;
  font-size: 16px;
  font-weight: 300;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*------------ pager first -----------*/
.pager__item--first a {
  position: relative;
}

.pager__item--first a span {
  opacity: 0;
  width: 10px;
  display: inline-block;
  margin-left: 14px;
}

.pager__item--first a:before {
  font-family: "Font Awesome 6 Pro";
  content: "\f323";
  display: inline-block;
  color: #92F137;
  font-size: 16px;
  font-weight: 300;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*------------ pager next -----------*/
.pager .pager__item--next {
  margin-left: 0.8rem;
}

.pager__item--next a {
  position: relative;
}

.pager__item--next a span {
  opacity: 0;
}

.pager__item--next a:before {
  font-family: "Font Awesome 6 Pro";
  content: "\f054";
  display: inline-block;
  color: #92F137;
  font-size: 16px;
  font-weight: 300;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*------------ pager last -----------*/
.pager__item--last a {
  position: relative;
}

.pager__item--last a span {
  opacity: 0;
  width: 10px;
  display: inline-block;
  margin-left: 14px;
}

.pager__item--last a:before {
  font-family: "Font Awesome 6 Pro";
  content: "\f324";
  display: inline-block;
  color: #92F137;
  font-size: 16px;
  font-weight: 300;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.path-les-dossiers-des-mediatheques .attachment .view-pc-dossiers .node__content a {
  position: absolute;
  bottom: 40px;
  right: calc(22.5% - 95px);
}

/* PAGE MEDIATHEQUE */

.taxonomy-term.vocabulary-mediatheque .field--name-field-alerte {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 0.9375rem;
  color: #d22133;
  margin-top: 0.3125rem;
}

.taxonomy-term.vocabulary-mediatheque .field--name-field-diaporama {
  margin-top: 1.25rem;
  padding-bottom: 90px;
  border-bottom: none;
}

.taxonomy-term.vocabulary-mediatheque .widget_pager {
  margin-top: 1.875rem;
}

.infos-block {
  width: 100%;
  background-color: #f2f2f2;
  padding-left: 1.5625rem;
  box-sizing: border-box;
}

.infos-block .first-line {
  overflow: auto;
  padding-bottom: 1.25rem;
  border-bottom: 3px solid white;
  margin-bottom: 1.25rem;
}

.infos-block .address {
  width: 345px;
  margin-top: 1.25rem;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: normal;
  font-size: 1.125rem;
  line-height: 35px;
  color: #000;
  float: left;
}

.infos-block .address .field--name-field-code-postal {
  float: left;
  margin-right: 0.3125rem;
}

.infos-block .address .field--name-field-ville {
  text-transform: uppercase;
}

.infos-block .address h3 {
  font-weight: 600;
  font-size: 1.25rem;
  margin-bottom: 0.5625rem;
}

.infos-block .address .tel .label {
  display: inline-block;
  float: left;
  margin-right: 0.3125rem;
  font-weight: normal;
}

.infos-block .access {
  width: 325px;
  float: left;
  padding-top: 44px;
  line-height: 35px;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: normal;
  font-size: 1.125rem;
  color: #000;
}

.infos-block .access .field__label {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1.25rem;
  color: #000;
  margin-bottom: 0.3125rem;
}

.infos-block .social-networks h3 {
  width: 110px;
  float: left;
  margin-bottom: 0;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: normal;
  font-size: 1.125rem;
  color: #000;
}

.infos-block .social-networks .field--name-field-facebook a {
  width: 38px;
  height: 38px;
  background: url('../images/icons/fb.gif') no-repeat;
  display: inline-block;
  font-size: 0;
  float: left;
  margin-right: 0.9375rem;
}

.infos-block .social-networks .field--name-field-twitter a {
  width: 38px;
  height: 38px;
  background: url('../images/icons/tw.gif') no-repeat;
  display: inline-block;
  font-size: 0;
  margin-right: 0.9375rem;
  float: left;
}

.infos-block .social-networks {
  overflow: auto;
  padding-bottom: 1.25rem;
  margin-bottom: 1.25rem;
  border-bottom: 3px solid white;
}

.infos-block .social-networks h3 {
  font-weight: 600;
}

.infos-block .event a {
  width: 100%;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  color: #000;
  display: inline-block;
  text-decoration: none;
  padding: 0.9375rem 0.9375rem 0.9375rem 50px;

  background: url(../images/icons/calendar.png) 0 50% no-repeat;
}

.infos-block .event a:hover {
  text-decoration: underline;
}

.taxonomy-term.vocabulary-mediatheque .horaires {
  width: 100%;
  padding-top: 45px;
  border-top: 0.75rem solid #e3e3e3;
  margin-top: 45px;
  margin-bottom: 1.6875rem;
  overflow: auto;
}

.taxonomy-term.vocabulary-mediatheque .horaires .container {
  max-width: 970px;
  min-height: 100px;
  box-sizing: border-box;
  overflow: auto;
  margin: 0 auto;
  padding-left: 120px;
  border: 1px solid #7f7f7f;
  background: url('../images/icons/horaires.png') 40px 1.25rem no-repeat;
}

.taxonomy-term.vocabulary-mediatheque .horaires .field--name-field-schedules {
  width: 70%;
  float: left;
  box-sizing: border-box;
}

.taxonomy-term.vocabulary-mediatheque .horaires .field--name-field-schedules .label-no-schedules {
  padding: 30px;
}

.taxonomy-term.vocabulary-mediatheque .horaires .paragraph--type--schedule .message,
.taxonomy-term.vocabulary-mediatheque .horaires .paragraph--type--schedule .message * {
  display: inline-block;
}

.taxonomy-term.vocabulary-mediatheque .horaires .paragraph--type--schedule .field__label,
.taxonomy-term.vocabulary-mediatheque .horaires .paragraph--type--schedule .field__item {
  font-family: 'Open Sans', arial, sans-serif;
  color: #000;
  line-height: 1.8125rem;
}

.taxonomy-term.vocabulary-mediatheque .horaires .paragraph--type--schedule .field--name-field-title {
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.8125rem;
}

.taxonomy-term.vocabulary-mediatheque .horaires .paragraph--type--schedule {
  font-weight: normal;
  font-size: 1.0625rem;
}

.taxonomy-term.vocabulary-mediatheque .horaires .paragraph--type--schedule p {
  margin: 0;
}

.taxonomy-term.vocabulary-mediatheque .horaires .paragraph--type--schedule {
  width: 56%;
  float: left;
  box-sizing: border-box;
  padding: 1.875rem 0 1.75rem 7%;
}

.taxonomy-term.vocabulary-mediatheque .horaires .field--name-field-schedules .field__label {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  color: #000;
  line-height: 1.8125rem;
  padding-right: 60px;
}

.taxonomy-term.vocabulary-mediatheque .horaires .field--name-field-schedules .field__item {
  height: 109px;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: normal;
  font-size: 1.0625rem;
  color: #000;
  line-height: 1.8125rem;
  padding-right: 60px;
}

.taxonomy-term.vocabulary-mediatheque .field--name-field-type-de-materiel-disponibl,
.taxonomy-term.vocabulary-mediatheque .field--name-field-type-de-ressource-dispo {
  max-width: 970px;
  min-height: 145px;
  box-sizing: border-box;
  border: 1px solid #7f7f7f;
  padding: 40px 0 40px 140px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.6875rem;
  line-height: 1.8125rem;
  background: url('../images/icons/type-ressource.png') 40px 1.25rem no-repeat;
}

.taxonomy-term.vocabulary-mediatheque .field--name-field-type-de-materiel-disponibl .field__items,
.taxonomy-term.vocabulary-mediatheque .field--name-field-type-de-ressource-dispo .field__items {
  overflow: auto;
  margin-top: 40px;
}

.taxonomy-term.vocabulary-mediatheque .field--name-field-type-de-materiel-disponibl .field__items .field__item,
.taxonomy-term.vocabulary-mediatheque .field--name-field-type-de-ressource-dispo .field__items .field__item {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  color: #000;
  text-transform: uppercase;
  float: left;
  margin-right: 35px;
  padding-left: 0.625rem;
  background: url('../images/icons/point.gif') 0 center no-repeat;
}

.taxonomy-term.vocabulary-mediatheque .field--name-field-type-de-materiel-disponibl {
  background: url('../images/icons/type-materiel.png') 40px 1.25rem no-repeat;
}

.taxonomy-term.vocabulary-mediatheque .field--name-field-descriptif-court {
  max-width: 1300px;
  margin-top: 0.625rem;
}

.path-taxonomy .block-left {
  float: left;
  width: 55%;
}

.path-taxonomy .block-right {
  float: right;
  width: 45%;
}

.path-taxonomy .horaires {
  clear: both;
}

/* PAGE EDITORIALE */

.view-id-pro_space.view-display-id-page_1 .view-content,
.field--name-field-elements-inferieurs {
  overflow: auto;
  margin-bottom: 1.5625rem;
  border-top: 0.75rem solid #e3e3e3;
  padding-bottom: 45px;
  width: 100%;
  box-sizing: border-box;
}

.field--name-field-elements-inferieurs .field__item,
.view-id-pro_space.view-display-id-page_1 .views-row {
  margin: 0;
  box-sizing: border-box;
  height: 12.5rem;
  line-height: 12.5rem;
  background-color: #92f037;
  text-align: center;
  float: left;
  display: block;
  margin-top: 2rem;
}

.view-id-pro_space.view-display-id-page_1 .views-row {
  margin-left: 5%;
  width: 27%;
}

.view-id-pro_space.view-display-id-page_1 .views-row .views-field-field-librarian-space-theme a,
.field--name-field-elements-inferieurs .field__item a {
  width: 100%;

  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1.28rem;
  padding: 1rem;
  line-height: 1.2;
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
}

.field--name-field-proposition {
  padding-bottom: 55px;
  border-top: 0.75rem solid #e3e3e3;
  margin-bottom: 45px;
  clear: both;
}

.field--name-field-proposition .field__item form {
  max-width: 1073px;
  margin: 0 auto;
  margin-top: 45px;
  padding: 1.125rem 1.5625rem 1.5625rem 1.5625rem;
  border: 1px solid #7f7f7f;

}

.field--name-field-proposition .field__item form h3 {
  min-height: 55px;
  padding-top: 0.3125rem;
  padding-left: 80px;
  line-height: 1.8125rem;
  margin-bottom: 0;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1.25rem;
  color: #000;
  background: url('../images/icons/sondage.png') no-repeat;
}

.field--name-field-proposition .field__item form .fieldgroup {
  margin: 0;
}

.field--name-field-proposition .field__item form .form-actions {
  width: 100%;
  margin-bottom: 0;
  text-align: center;
}

.field--name-field-proposition .field__item form .form-actions .form-submit {
  min-width: 108px;
  height: 38px;
  visibility: visible;
  margin-top: 0.5rem;
  padding: 0 1.25rem;
}

.field--name-field-proposition .field__item form .form-actions .form-submit:nth-child(2) {
  display: none;
  margin-left: 40.7%;
}

.field--name-field-proposition .field__item form .form-type-radio {
  padding-left: 114px;
  margin-bottom: 0.875rem;
}

.field--name-field-proposition .field__item form input {
  visibility: hidden;
}

.field--name-field-proposition .field__item form label {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: normal;
  font-size: 1.125rem;
  color: #000;
  line-height: 1.875rem;
}

.field--name-field-proposition .field__item form label:before {
  content: '';
  width: 1.5625rem;
  height: 1.5625rem;
  display: inline-block;
  background: url('../images/icons/big-radio.png') no-repeat;
  position: relative;
  top: 0.3125rem;
  margin-left: -51px;
  margin-right: 0.5625rem;
}

.field--name-field-proposition .field__item form label:hover:before,
.field--name-field-proposition .field__item form label.checked:before {
  background: url('../images/icons/big-radio-on.png') no-repeat;
}

.field--name-field-proposition .field__item form dl {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: normal;
  font-size: 1.125rem;
  color: #000;
  line-height: 1.875rem;
  margin-top: 0.3125rem;
  padding-left: 81px;
}

.field--name-field-proposition .field__item form dt {
  margin-bottom: 0.3125rem;
}

.field--name-field-proposition .field__item form dl .bar .foreground {
  background-color: #00afaf;
}

.field--name-field-proposition .field__item form .total {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1.25rem;
  color: #000;
  margin-top: 0.625rem;
}

/* PAGE ESPACE JEUNESSE */

.path-espace-jeunesse #block-pagetitle h1 {
  font-family: 'Amatic SC', arial, sans-serif;
  font-weight: 400;
  font-size: 80px;
  color: #000;
  background: url('../images/icons/avion.png') 485px 1.875rem no-repeat;
}

.path-espace-jeunesse #block-blockcustom-7 {
  width: 100%;
  height: 448px;
  margin: 1.5625rem 0;
  position: relative;
  background: url('../images/jeunesse.jpg') no-repeat;
}

.path-espace-jeunesse #block-blockcustom-7 * {
  display: none;
}

.path-espace-jeunesse #block-blockcustom-8 {
  width: 100%;
  line-height: 1.875rem;
  position: relative;
}

.path-espace-jeunesse .block-plaine-commune-agenda {
  height: 234px;
}

.path-espace-jeunesse .block-views-blockpc-home-agenda-block-espace-jeunesse-animation {
  position: relative;
  z-index: 1;
}

.path-espace-jeunesse .block-plaine-commune-agenda h2,
.path-espace-jeunesse .block-views-blockbloc-espace-jeunesse-selection-block-espace-jeunesse-selection h2 {
  width: 100%;
  margin-top: 1.125rem;
  margin-bottom: 68px;
  font-family: 'Amatic SC', arial, sans-serif;
  font-weight: 400;
  font-size: 80px;
  color: #000;
}

.path-espace-jeunesse .block-views-blockbloc-espace-jeunesse-selection-block-espace-jeunesse-selection h2 {
  margin-bottom: 0.525rem;
}

.path-espace-jeunesse .view-id-bloc_espace_jeunesse_selection .views-row:last-child article {
  padding-bottom: 6.31rem;

}

.path-espace-jeunesse .block-plaine-commune-agenda #form-evenements-hp .form-type-select select {
  width: 440px;
  background-color: #bbe98a;
  border-color: #bbe98a;
}

.path-espace-jeunesse .block-plaine-commune-agenda #form-evenements-hp .form-type-select #edit-public {
  margin-top: 10px;
}

.path-espace-jeunesse .block-plaine-commune-agenda #form-evenements-hp .form-submit {
  width: 250px;
  height: 79px;
  margin-top: -11px;
  padding-bottom: 1.125rem;
  background: url('../images/icons/bulle.png') no-repeat;
  font-family: 'Amatic SC', arial, sans-serif;
  font-weight: 700;
  font-size: 2.125rem;
  color: #d22133;
}

.path-espace-jeunesse .node--type-page-evenement.node--view-mode-teaser .field--name-field-date-de-debut,
.path-espace-jeunesse .node--type-page-evenement.node--view-mode-teaser .field--name-field-date-et-heure-de-fin {
  margin-top: -19px;
  font-family: 'Amatic SC', arial, sans-serif;
  font-weight: 700;
  font-size: 2.3125rem;
  color: #000;
}

.path-espace-jeunesse .node--type-page-evenement.node--view-mode-teaser .field--name-field-date-de-debut span
.path-espace-jeunesse .node--type-page-evenement.node--view-mode-teaser .field--name-field-date-et-heure-de-fin span {
  margin-top: 0.3125rem;
}

.path-espace-jeunesse .pager .button,
.view-id-bloc_espace_jeunesse_selection .node--type-page-selection .node__content > a {
  width: 171px;
  padding: 0.5625rem 0;
  background: url('../images/objects-backgrounds/painting.png') no-repeat;
  font-weight: 700;
  color: #000;
}

.view-id-bloc_espace_jeunesse_selection .node--type-page-selection .node__content > a {

}

/* FLUX RSS */

#block-blockcustom-13 {
  border-bottom: 0.75rem solid #e3e3e3;
  padding-bottom: 1.875rem;
}

.path-flux-rss .flux-rss .flux {
  min-height: 1.4375rem;
  padding-top: 1.25rem;
  padding-left: 60px;
  padding-bottom: 30px;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1.25rem;
  background: url('../images/icons/big-rss.png') no-repeat;
}

.path-flux-rss .flux-rss .flux .flux-link {
  text-decoration: none;
  cursor: pointer;
}

.path-flux-rss .flux-rss .flux .flux-link:hover {
  text-decoration: underline;
}

.path-flux-rss .flux-rss .flux .flux-link,
.path-flux-rss .flux-rss .flux.flux-events .links a,
.path-flux-rss .flux-rss .flux .flux-link:visited {
  color: #000;
}

.path-flux-rss .flux-rss .flux.flux-events .links a {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: normal;
  font-size: 1.125rem;
  display: block;
  margin-top: 0.625rem;
  text-decoration: none;
  background: url('../images/icons/medium-arrow-right-black.png') 0 4px no-repeat;
  padding-left: 1.25rem;
}

.path-flux-rss .flux-rss .flux.flux-events .links li {
  list-style: none;
}

.path-flux-rss .flux-rss .flux.flux-events .links {
  padding-inline-start: 0;
  margin-block-end: 0;
  display: none;
}

.path-flux-rss .flux-rss .flux.flux-events .links a:hover {
  text-decoration: underline;
}


/*.layout-container {*/
/*  height: 100vh;*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*}*/
/*.layout-container {*/
/*  padding-top: 80px;*/
/*}*/

#main-content {
  margin-bottom: 2rem;
}

/*** Footer **/

footer {
  clear: both;
  margin-top: auto;
  overflow: hidden;
  padding-top: 35px;
}

.region-footer {
  max-width: 1300px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.region-footer .navigation {
  position: relative;
  z-index: 100;
}

.region-footer .navigation a {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: bold;
  font-size: 0.9375rem;
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
}

.region-footer .navigation li {
  display: inline-block;
  margin-right: 1.25rem;
  padding: 0.1rem 0;
}

.region-footer #block-blockcustom-10 .contextual,
.region-footer #block-blockcustom-11 .contextual,
.region-footer #block-blockcustom-12 .contextual {
  display: none;
}

.region-footer #block-blockcustom-10 p {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: normal;
  font-size: 0.9375rem;
  color: #000;
  margin: 0;
}

.region-footer #block-blockcustom-10 a:first-child {
  width: 1.8125rem;
  height: 1.8125rem;
  display: block;
  font-size: 0;
  background: url('../images/icons/rss.png') no-repeat;
  position: relative;
  margin: 0 2rem;
  z-index: 300;
}

.region-footer #block-blockcustom-10 {
  display: flex;
  align-items: center;
}

.region-footer #block-blockcustom-10 a:nth-child(2) {
  width: 1.8125rem;
  height: 1.8125rem;
  display: inline-block;
  font-size: 0;
  background: url('../images/icons/pinterest.png') no-repeat;
  position: relative;
  top: -22px;
  margin-left: 0.3125rem;
}

.region-footer #block-blockcustom-10,
.region-footer #block-blockcustom-11 {
  position: relative;
  z-index: 100;
}

.region-footer #block-blockcustom-11 {
  width: 240px;
  flex: 0 0 240px;
}

.region-footer #block-blockcustom-11 p {
  margin: 0;
}

.region-footer #block-blockcustom-11 a:first-child {
  width: 240px;
  height: 108px;
  display: block;
  font-size: 0;
  background: url('../images/logo-noir-blanc.jpg') no-repeat;
  position: absolute;
  bottom: 0;
  left: 0;
}

.region-footer #block-blockcustom-12 {
  /*width: 46px; height: 54px;*/
  /*margin-top: -200px;*/
  /*float: right;*/
  /*z-index: 100;*/
  position: fixed;
  width: 46px;
  height: 54px;
  z-index: 100;
  right: 0;
  bottom: 170px;
  display: none;
}

.region-footer #block-blockcustom-12 a:first-child {
  width: 46px;
  height: 54px;
  display: inline-block;
  font-size: 0;
  background: url('../images/icons/arrow-up.jpg') no-repeat;
}

#block-plaine-commune-footer {
  position: relative;
  background-color: #f2f2f2;
  width: 100%;
}

#block-plaine-commune-footer:before {
  content: "";
  background-color: #f2f2f2;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -100%;
  z-index: -1;
}

#block-plaine-commune-footer:after {
  content: "";
  background-color: #f2f2f2;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: -100%;
  z-index: -1;
}

#block-plaine-commune-footer ul.menu {
  /*max-width: 80%;*/
  padding: 0;
  display: inherit;
}

#views_slideshow_cycle_main_pc_accroche_une-block_1 {
  position: relative;
  overflow: hidden;
}

.ui-dialog {
  width: 575px !important;
  border: none !important;
  border-radius: 0;
  top: 145px !important;
  left: auto !important;
  right: calc((100% - 1501px) / 2) !important;
  z-index: 10000;
  height: 70% !important;
}

.ui-dialog .ui-dialog-content {
  min-height: calc(95% - 44px) !important;
}

@media screen and (max-height: 943px) {
  .ui-dialog .ui-dialog-content {
    min-height: calc(95% - 49px) !important;
  }
}

@media screen and (max-height: 800px) {
  .ui-dialog .ui-dialog-content {
    min-height: calc(95% - 64px) !important;
  }
}

@media screen and (max-height: 543px) {
  .ui-dialog .ui-dialog-content {
    min-height: calc(88% - 49px) !important;
  }
}

@media screen and (max-height: 438px) {
  .ui-dialog .ui-dialog-content {
    min-height: calc(84% - 64px) !important;
  }
}

@media screen and (max-height: 438px) {
  .ui-dialog .ui-dialog-content {
    min-height: calc(80% - 64px) !important;
  }
}

@media screen and (max-height: 346px) {
  .ui-dialog .ui-dialog-content {
    min-height: calc(75% - 64px) !important;
  }
}

.ui-dialog .ui-icon-closethick:focus, input:focus, button:focus, a:focus {
  outline: 1px solid #abced4 !important;
}

@media screen and (max-height: 305px) {
  .ui-dialog .ui-dialog-content {
    min-height: calc(50% - 64px) !important;
  }
}

.ui-dialog .ui-icon-closethick:focus, input:focus, button:focus, a:focus {
  outline: 1px solid #abced4 !important;
}

.bigmenu-navigation .menu li.menu-item a:focus, .menu li.menu-item:focus a {
  outline: none !important;
  text-decoration: underline !important;
}

@media screen and (min-width: 1300px) and (max-width: 1500px) {
  .ui-dialog {
    right: 2rem !important;
  }

}

.ui-dialog .ui-dialog-title {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: normal;
  font-size: 2.1875rem;
  color: #000000;
  white-space: initial;
}

.ui-dialog .required-infos {
  font-family: 'Open Sans', arial, sans-serif;
  font-style: italic;
  font-weight: normal;
  font-size: 0.9375rem;
  color: #d22133;
  display: inline-block;
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}

.ui-dialog .ui-dialog-titlebar {
  background: white !important;
  border: none !important;
  padding-top: 0.625rem;
  padding-bottom: 0;
  padding-left: 40px;
}

.ui-dialog .password-reminder-form,
.ui-dialog .user-account-connect-form {
  padding-left: 1.5rem;
}

.ui-dialog .ui-icon-closethick {
  width: 1.0625rem;
  height: 1.0625rem;
  background: url('../images/icons/croix-popin.png') no-repeat;
}

.ui-dialog .ui-dialog-titlebar-close {
  right: 1.5rem;
  top: 55%;
}

.ui-dialog .password-reminder-form .use-ajax,
.ui-dialog .password-reminder-form .not-use-ajax,
.ui-dialog .user-account-connect-form .use-ajax,
.ui-dialog .user-account-connect-form .not-use-ajax {
  width: 498px;
  display: block;
  text-align: center;
  margin-bottom: 1.5625rem;
  font-family: 'Open Sans', arial, sans-serif;
  font-style: italic;
  font-weight: normal;
  font-size: 0.9375rem;
  color: #000000;
}

.ui-dialog .password-reminder-form .form-item label,
.ui-dialog .user-account-connect-form .form-item label {
  display: block;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  color: #000000;
  margin-bottom: 0.5rem;
}

.ui-dialog .password-reminder-form .form-item .form-text,
.ui-dialog .user-account-connect-form .form-item .form-text {
  width: 475px;
  padding-left: 0.625rem;
}

.ui-dialog .password-reminder-form .form-submit,
.ui-dialog .user-account-connect-form .form-submit {
  font-size: 1rem;
  font-weight: normal;
  font-family: 'Open Sans', arial, sans-serif;
  text-align: center;
  margin-left: 181px;
  margin-bottom: 1.875rem;
}

.ui-dialog .password-reminder-form .form-submit {
  margin-top: 0.9375rem;
}

.ui-dialog p {
  line-height: 28px;
}

label span.asterisk {
  color: #d22133;
  background: none;
  vertical-align: baseline;
  margin: 0;
}

.form-disabled input {
  background: #dfdfdf;
}

#edit-adresse-pro .fieldset-wrapper {
  display: none;
}

#edit-adresse-pro legend {
  cursor: pointer;
  text-decoration: underline;
}

.error_message {
  width: calc(100% - 360px);
  float: right;
  color: red;
  font-size: 1em;
}

.form-item-bgrp02addr01-addr1city {
  margin-bottom: 30px;
}

.user-inscription-form .js-form-item.inline {
  max-width: 565px;
  display: inline-block;
  width: calc(100% - 375px);
  margin-left: 27.8rem;
}

.page-node-type-page-selection .pager {
  width: 100%;
}

.messages--status {
  text-align: center;
  background-image: none;
}

.user-inscription-form #edit-adresse-pro .fieldset-legend {
  margin-left: 21rem;
  font-family: "Open Sans";
  color: #000;
  font-style: italic;
  font-weight: 600;
  font-size: 0.9375rem;
  margin-left: 22rem;
}

.user-inscription-form fieldset {
  border: none;
}

.ui-widget-overlay {
  z-index: 100 !important;
  background: rgba(20, 20, 20, 0.85);
}

.popup-dialog-inscription-step1 p {
  padding-left: 1.5625rem;
}

.popup-dialog-inscription-step1 ul {
  margin-top: 35px;
  padding-left: 1.5625rem;
}

.popup-dialog-inscription-step1 li {
  list-style: none;
}

.popup-dialog-inscription-step1 .carte-lecteur,
.popup-dialog-inscription-step1 .pas-carte-lecteur {
  width: 345px;
  min-height: 1.375rem;
  background-color: #d22133;
  padding: 0.9375rem 1.25rem;
  border: none;
  margin-left: 52px;
  margin-bottom: 35px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1rem;
  color: #fff;
}

.view-id-global_search {
  padding-bottom: 50px;
}

.path-recherche .region-title,
.path-recherche .layout-content {
  max-width: 1300px;
  width: auto;
  margin: 0 auto;
}


.path-recherche .page-title,
.path-recherche #block-views-block-block-presentation-block-1 {
  margin-left: 1.5rem;
}

.path-recherche * {
  text-decoration: none;
  list-style: none;
}

.path-recherche #block-views-block-block-presentation-block-1 p {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 3.33rem;
}

.path-recherche #block-searchtabsblock,
.path-recherches-enregistrees .tabsblock,
.path-interets-enregistrees .tabsblock,
.path-prets-et-reservations .tabsblock {
  background-color: #f2f2f2;
  padding: 1.3125rem 0;
}

.path-recherche #block-searchtabsblock:after,
.path-prets-et-reservations .tabsblock:after,
.path-interets-enregistrees .tabsblock:after,
.path-recherches-enregistrees .tabsblock:after,
.path-recherche #edit-simplesearch:after,
.path-recherche .result-item:after,
.taxonomy-term .infos-block:after,
.coordonnes-mediatheque .block-container:after,
.path-les-dossiers-des-mediatheques .attachment .view-pc-dossiers .node--type-dossier:after,
.page-node-type-dossier .block-plaine-commune-agenda:after,
.field--name-field-proposition .field__item form:after,
.path-selections .attachment-before .view-content:after,
.path-selections .attachment-before .views-row article:after,
.node--type-page-selection .node__content:after,
.mediatheque .complements:after {
  content: ".";
  clear: both;
  height: 0;
  width: 0;
  text-indent: 999px;
  display: block;
  overflow: hidden;
}

.path-recherche #block-searchtabsblock a {
  width: 25%;
}

.path-recherche #block-searchtabsblock a,
.path-recherches-enregistrees .tabs a,
.path-interets-enregistrees .tabs a,
.path-prets-et-reservations .tabs a {
  font-size: 1.25rem;
  font-family: "Open Sans";
  text-transform: uppercase;
  color: black;
  display: block;
  float: left;
  text-align: center;
  padding: 0.375rem;
  border-left: solid 3px #fff;
  box-sizing: border-box;
}

.path-prets-et-reservations .tabs a {
  width: 33.33%;
}

.path-recherches-enregistrees .tabs a,
.path-interets-enregistrees .tabs a,
.path-prets-et-reservations .tabs a {
  width: 50%;
}

.path-recherche #block-searchtabsblock a:first-child,
.path-interets-enregistrees .tabs a:first-child,
.path-recherches-enregistrees .tabs a:first-child,
.path-prets-et-reservations .tabs a:first-child {
  border: none;
}

.path-recherche #block-searchtabsblock a.is-active,
.path-interets-enregistrees .tabs a.is-active,
.path-recherches-enregistrees .tabs a.is-active,
.path-prets-et-reservations .tabs a.is-active {
  color: #d22133;
  font-weight: 900;
  position: relative;
}

.path-recherche #block-searchtabsblock a.is-active:after,
.path-interets-enregistrees .tabs a.is-active:after,
.path-recherches-enregistrees .tabs a.is-active:after,
.path-prets-et-reservations .tabs a.is-active:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1rem 1rem 0 1rem;
  border-color: #f2f2f2 transparent transparent transparent;
  left: calc(50% - 1rem);
  bottom: -35px;
}

.path-recherches-enregistrees .tabsblock a,
.path-interets-enregistrees .tabsblock a,
.path-prets-et-reservations .tabsblock a {
  font-size: 1.25rem;
  font-family: "Open Sans";
  text-transform: uppercase;
  color: black;
  display: block;
  float: left;
  text-align: center;
  width: 33.33%;
  padding: 0.375rem 0;
  border-left: solid 3px #fff;
  box-sizing: border-box;
  text-decoration: none;
}

.path-recherches-enregistrees .tabsblock a,
.path-interets-enregistrees .tabsblock a,
.path-prets-et-reservations .tabsblock a {
  width: 50%;
}

.path-recherche #block-searchtabsblock a:first-child,
.path-recherches-enregistrees a:first-child,
.path-interets-enregistrees a:first-child,
.path-prets-et-reservations .tabsblock a:first-child {
  border: none;
}

.path-recherche #block-searchtabsblock a.is-active,
.path-interets-enregistrees .tabsblock a.is-active,
.path-recherches-enregistrees .tabsblock a.is-active,
.path-prets-et-reservations .tabsblock a.is-active {
  color: #d22133;
  font-weight: 900;
  position: relative;
}

.path-recherche #block-searchtabsblock a.is-active:after,
.path-interets-enregistrees .tabsblock a.is-active:after,
.path-recherches-enregistrees .tabsblock a.is-active:after,
.path-prets-et-reservations .tabsblock a.is-active:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1rem 1rem 0 1rem;
  border-color: #f2f2f2 transparent transparent transparent;
  left: calc(50% - 1rem);
  bottom: -35px;
}

.path-recherche #block-plaine-commune-content > div {

  box-sizing: border-box;
}

.path-recherche .facets-blocks,
.user-account .sidebar-left {

  float: left;
  width: 26%;
  padding-right: 1.5rem;


  box-sizing: border-box;
}

.user-account .sidebar-left {
  width: 23.5%;
}

.path-recherche .block-filters,
.path-recherche .results-items,
.user-account-content {

  width: 74%;
  float: right;
  border-left: solid 4px #e7e7e7;

}

.path-recherche .facet-block .facet-item {
  margin-bottom: 0.25em;
}

.results-items .pager {
  width: 100%;
}

.path-recherche .results-items {
  margin-bottom: 65px;
}

.user-account-content {
  width: 76.5%;
}

.update-password-link {
  float: right;
  color: #000;
  margin-right: 22px;
}

/** Mediatic search **/
.path-recherche .result_mediatic {
  clear: both;
  width: 100%;
}

.path-recherche.mediatic .facet-block ul {
  max-height: 200px;
  overflow: auto;
  word-wrap: break-word;
}

.path-recherche .result-item .image {
  float: left;
  width: 25%;
  padding-right: 2%;
}

.path-recherche .result-item .image img {
  width: 100%;
}

.path-recherche .result-item .bottom {
  float: left;
}

.path-recherche .result-item .content {
  float: right;
  width: 73%;
}

.path-recherche .result-item .result-item-title a {
  font-weight: bold;
  color: #000;
}

.path-recherche .result-item.mediatic .text-teaser {
  margin-left: 0;
}

.path-recherche .result-item.mediatic .role {
  font-style: italic;
}

.path-recherche.mediatic .facet-block ul::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color: #CFCFCF; /* or add it to the track */
}

.path-recherche.mediatic .facet-block ul::-webkit-scrollbar-thumb {
  background: #565455;
}


/** End of Mediatic search **/

/*** Form update pasword **/

.form-item-new-password > div.form-item-new-password-pass1 > label {
  display: none;
}

.form-item-new-password div {
  clear: none;
  max-width: 100%;
  margin-bottom: 15px;
}

.popup-dialog-update-password .form-item-new-password div {
  clear: both;
}

.update-password-form .form-submit {
  display: block;
  margin: auto;
}

.update-password-form .required-infos {
  text-decoration: none;
  color: #d22133;
  display: block;
  text-align: center;
}

.update-password-form .confirm-parent div {
  width: 100%;
  text-align: center;
  margin-left: 2.125rem;
}

.popup-dialog-update-password .update-password-form .confirm-parent div {
  text-align: left;
  margin-left: 0;
}

.update-password-form {
  padding: 25px;
}

.update-password-form label {
  width: 20em;
  display: block;
  /*  float: left; */
  text-align: right;
  font-size: 1.125rem;
  font-weight: 600;
  padding-right: 1.8em;
  box-sizing: border-box;
  margin-top: 1.25rem;
}

.popup-dialog-update-password .update-password-form label {
  display: block;
  float: left;
  text-align: right;
  font-size: 1.125rem;
  font-weight: 600;
  box-sizing: border-box;
  width: auto;
}

.popup-dialog-update-password .form-item {
  margin-top: 0;
  margin-bottom: 0;
}

.path-recherche .facets-blocks > h3 {
  font-family: "Open Sans";
  font-size: 1.25rem;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  background-color: #7db901;
  width: 6.65em;
  padding-left: 1rem;
  margin-left: 1.5rem;
}

.path-recherche .facets-blocks > div,
.path-recherche .facets-blocks .facet-block {
  padding-left: 2.4375rem;
  border-bottom: solid 4px #e7e7e7;
}

.path-recherche .facets-blocks > div:last-child {
  border-bottom: none;
}

.path-recherche .facet-block h3 {
  font-size: 1.125rem;
  margin-bottom: 0.8rem;
}

.path-recherche .facet-block a {
  color: #000;
  font-size: 1rem;
}

.path-recherche .facet-block a.is-active {
  color: #d22133;
}

.path-recherche a:hover {
  text-decoration: underline;
}

.path-recherche .facet-block > ul {
  margin-top: 0;
  padding-left: 0.6875rem;
}

.path-recherche .facet-block > ul li {
  margin-bottom: 0.3rem;
}

.path-recherche .block-filters {
  padding: 1.5rem 0 2rem 2.4375rem;
}

.path-recherche .block-filters > form {
  border-bottom: solid 4px #e7e7e7;
  padding-bottom: 1.8rem;
}

.path-recherche .facet-block-hidden-items {
  display: none;
  margin-top: -9px;
}

.path-recherche .facet-see-more {
  text-decoration: underline;
  font-weight: bold;
  font-style: italic;
  font-size: 0.9375rem;
  cursor: pointer;
}

.advanced-search-form #edit-simplesearch {
  position: relative;
  clear: both;
}

.advanced-search-form #edit-simplesearch .form-item-keyword {
  width: calc(100% - 230px);
  float: left;
  margin: 0;
}

.advanced-search-form #edit-simplesearch .form-item-keyword input {
  width: 100%;
}

.advanced-search-form #edit-submit {
  width: 190px;
  float: right;
  margin-right: 0;
}

.advanced-search-form .button.submit2 {
  margin: 1.2rem auto;
}

.advanced-search-form .date_prefix {
  font-weight: bold;
}

.path-recherche .save_search_link {
  display: inline-block;
  padding-left: 2rem;
}

.path-recherche .save_search_link a {
  height: 1.6375rem;
  padding-left: 2.5rem;
}

.path-recherche .save_search_link #second_row {
  font-size: 1.05rem;
}

.path-recherche .save_search_link #first_row {
  background: url('../images/icons/etoile-recherche.png') no-repeat 0% 50%;
  padding-left: 2.3rem;
  height: 2rem;
  /* Ticket 38446 : Decalage mise en place suite à la désactivation temporaire du message "Ajouter à mes centres d'intêrets" */
  padding-top: 0.3em;
}

.path-recherche .save_search_link * {
  display: block;
}

.path-recherche .save_search_link a,
.path-recherche .results-items .add-favourites-link a,
.path-notice .add-favourites-link a,
.path-notice .notice-full .image a {
  font-size: 1.25rem;
  color: #000;
  font-weight: 800;
  font-style: italic;
  font-family: "Open Sans";
  display: block;
}

.path-recherche .number_result_pager .pager {
  margin-top: 0.4rem;
}

.path-recherche .number_result_pager,
.path-recherche .number_result_pager .pager,
.path-recherche .number_result_pager #links,
.path-recherche .number_result_pager #description {
  display: inline-block;
}

.path-recherche .number_result_pager .result_number,
.path-recherche .number_result_pager,
.path-recherche .number_result_pager .pager {
  clear: both;
  float: right;
  width: auto;
}

.path-recherche .number_result_pager #links a {
  padding: 0 5px;
  color: #000;
  font-weight: bold;
}

.path-recherche .number_result_pager #links a#current_pager {
  color: #7DB901;
}

.path-recherche .number_result_pager #links a:not(:first-child) {
  border-left: 1px solid #000;
}

.path-recherche .number_result_pager #links a:last-child {
  padding-right: 0;
}

.advanced-search-form .advanced-search {
  border: none;
  padding: 0;
  margin: 0;
  margin-top: 0.6rem;

}

.path-recherche .results-items .number_result_pager .result-number {
  font-size: 1.025rem;
}

.path-recherche .results-items .result-number,
.path-recherche .save_search_link a {
  padding-left: 0.625rem;
  font-size: 1.125rem;
  font-weight: 600;
  text-transform: none;
  margin: 0;
}

.advanced-search-form #key-fieldset-wrapper > fieldset > legend {
  font-size: 1.3rem;
}

.advanced-search-form legend {
  font-weight: bold;
}

.advanced-search-form .advanced-search .fieldset-wrapper > div {
  float: left;
  box-sizing: border-box;

}

.advanced-search-form .js-form-type-select select {
  width: 100%;
}

.advanced-search-form .js-form-type-select {
  width: 23.2%;
  padding-right: 0.9375rem;
}

.advanced-search-form .keywords_wrapper .js-form-type-select select {
  width: 100%;
  display: inline-block;
}

.advanced-search-form .keywords_wrapper {
  width: 96%;
}

.advanced-search-form .keywords_wrapper * {
  max-width: 420px;
}

.advanced-search-form .keywords_wrapper .js-form-type-select,
.advanced-search-form .keywords_wrapper .js-form-type-textfield {
  width: 47%;
  display: inline-block;
}

.advanced-search-form .more_keywords .js-form-item {
  width: 100%;
}

.advanced-search-form .more_keywords .js-form-item label {
  display: inline-block;
  max-width: 435px;
  width: 50%;
}

.advanced-search-form .more_keywords .js-form-item select,
.advanced-search-form .more_keywords .js-form-item input {
  display: inline-block;
  width: 60%;
  max-width: 420px;
}

.advanced-search-form fieldset {
  border: none;
  margin: 0;
  padding: 0;
  clear: both;
}

.advanced-search-form #add-keyword .more-criterion {
  font-size: 0.9rem;
  display: inline-block;
  min-width: inherit;
  border-radius: 30px;
  border: 3px solid #6A7600;
  height: auto;
  /*margin: 35% auto;*/
  margin: 1rem auto;
  background-color: #6A7600;
  font-weight: bold;
  color: white;
}

.advanced-search-form #add-keyword .ajax-progress .message {
  display: none;
}

.advanced-search-form .more {
  font-size: 1.125rem;
  font-weight: 600;
  border: none;
  background: none;
  color: #000;
  text-transform: none;
  float: left;
  outline: 0;
}

#block-simplesearchformblock .advanced-search-form .more {
  color: #fff;
  font-weight: 500;
}

/*#block-simplesearchformblock #add-keyword{*/
/*  float: right;*/
/*}*/
#block-simplesearchformblock::after {
  content: '';
  display: block;
  text-indent: 999px;
  overflow: hidden;
  height: 0;
  clear: both;
}

.advanced-search-form .js-form-type-textfield {
  width: 53.3%;
}

#edit-simplesearch {
  display: flex;
  justify-content: space-between;
}

#edit-simplesearch .form-item-simplesearch-keyword {
  flex: 1;
}

#edit-simplesearch .form-submit {
  margin-right: 0;
  padding: 0 2rem;
}

.advanced-search-form #simplesearch .form-type-textfield {
  width: calc(100% - 190px - 1rem);
  float: left;
  margin: 0;
}

.advanced-search-form #edit-simplesearch.save_search_link {
  float: right;
  margin-top: 0.6rem;
}

.advanced-search-form .form-type-textfield input.form-text {
  /*height: 3.75rem;*/
  /*border: none;*/
  color: #000;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  padding-left: 1rem;
  height: 3rem;
}

.fullscreenMenu .advanced-search-form .form-type-textfield input.form-text {
  height: 3.75rem;
  border: none;
}

.advanced-search label {
  color: #000000;
}

.advanced-search .form-select {
  background: #ebebeb url(../images/icons/carret.png) no-repeat;
  background-position: right 0.75rem top 50%;
  border: none;
  height: 3.75rem;
  border-radius: 5px;
}

.path-recherche .results-items .add-favourites-link {
  float: left;
  padding-left: 2.4375rem;
}

.path-notice .add-favourites-link a.favorite {
  background: url('../images/icons/remove-favorite.png') no-repeat 0% 50%;
  background-size: 100%;
  height: 2rem;
  width: 1rem;
}

.path-notice .add-favourites-link a.not-favorite {
  background: url('../images/icons/add-favorite.png') no-repeat 0% 50%;
  background-size: 100%;
  height: 2rem;
  width: 1rem;
}

#block-backtopreviousbutton {
  max-width: 1330px;
  margin: 0 auto;
}

#block-backtopreviousbutton a {
  font-weight: bold;
}

#block-noticepagerblock {
  margin-top: 1rem;
}

.path-notice .navigation-notice {
  display: none;
  margin: 0 auto;
  max-width: 1300px;
  font-size: 1.0625rem;
  font-family: 'Open Sans', arial, sans-serif;
}

.path-notice .navigation-notice #url_previous,
.path-notice .navigation-notice #url_next {
  width: 50%;
}

.path-notice .navigation-notice #url_previous a,
.path-notice .navigation-notice #url_next a {
  color: #000;
  font-weight: 600;
}

.path-notice .navigation-notice #url_previous {
  float: left;
}

.path-notice .navigation-notice #url_next {
  float: right;
  text-align: right;
}

.path-notice .navigation-notice #current {
  clear: both;
  padding-left: 2rem;
  font-weight: bold;
}

.path-notice .notice-full .image a,
.loans-bookings .prolonger,
.path-notice .add-favourites-link a {
  height: 1.6875rem;
  padding-left: 1.25rem;
}

.path-notice .notice-full .image a,
.loans-bookings .prolonger {
  background: url('../images/icons/fleche-recherche.png') no-repeat 0% 50%;
}

.loans-bookings .delete,
.user-account .search-entity .block-right a {
  background: url('../images/icons/green-trash.png') no-repeat 0% 50%;
  height: 1.6875rem;
  padding-left: 1.875rem;
}

.block-loans-booking {
  display: none;
}

.block-loans-booking.is-active {
  display: block;
}

.path-recherche .results-items.site {
  clear: right;
}

.path-recherche .results-items .result-number {
  float: right;
}

.path-recherche .results-items .results-items-container {
  clear: both;
  padding-top: 2em;
}

.path-recherche .result-item:hover {
  background-color: #f2f2f2;
}

.path-recherche .result-item {
  padding: 1.3125em 1em 1.3125em 4em;
  position: relative;
}

.path-recherche .result-item > a,
.loans-bookings .result-item .item > a.img-link {
  float: left;
  margin-right: 1.3125em;
}

.loans-bookings .result-item .item > a.title {
  text-decoration: none;
  color: #000000;
}

.path-recherche .result-item img,
.loans-bookings .result-item img {
  width: 140px;
  height: auto;
  display: block;

}

.path-recherche .result-item h3,
.loans-bookings .result-item h3 {
  margin: 0;
}

.path-recherche .result-item h3 a,
.loans-bookings .result-item h3 a {
  color: #000;
  font-size: 1.125rem;
  font-weight: 600;
}

.loans-bookings .result-item h3 a {
  margin-bottom: 0.5em;
  text-decoration: none;
  display: block;
}

.path-recherche .result-item .type-doc,
.path-recherche .result-item .authors {
  font-size: 0.9375rem;
}

.path-recherche .result-item .text-teaser {
  margin-bottom: 2.8em;
  margin-left: calc(140px + 1.3125em);

}

.path-recherche .result-item .know_more_link,
.path-recherche .result-item .picto-ressource,
.path-recherche .result-item .availability {
  position: absolute;
  bottom: 1.1em;
}

.path-recherche .result-item .availability {
  left: 125px;
  font-style: italic;
  font-weight: 600;
  display: block;
  padding-left: 1.4375rem;
}

.path-recherche .result-item .availability.green-dot {
  background: url('../images/icons/disponible.png') no-repeat 0% 50%;
}

.path-recherche .result-item .availability.red-dot {
  background: url('../images/icons/indisponible.png') no-repeat 0% 50%;
}

.path-recherche .result-item .availability.orange-dot {
  background: url('../images/icons/commande_en_cours.png') no-repeat 0% 50%;
}

.path-recherche .result-item .know_more_link {
  right: 1.1em;
  text-transform: uppercase;
}

.path-recherche .result-item .know_more_link a {
  color: #000;
  font-weight: bold;
}

.result-item .picto-ressource {
  display: block;
  text-indent: 999px;
  overflow: hidden;
  left: calc(140px + 5.3125rem);
}

.path-recherche .result-item .picto-ressource.XLI,
.path-recherche .result-item .picto-ressource.XMS {
  display: none;
}

.result-item .picto-ressource.CD {
  background: url('../images/icons/cd.png') no-repeat 50% 100%;
  height: 1.9375rem;
  width: 36px;
}

.result-item .picto-ressource.DVD,
.result-item .picto-ressource.DVD12 {
  background: url('../images/icons/dvd.png') no-repeat 50% 100%;
  height: 1.9375rem;
  width: 36px;
}

.result-item .picto-ressource.LIV {
  background: url('../images/icons/livre.png') no-repeat 50% 100%;
  height: 1.9375rem;
  width: 45px;
}

.path-recherche .facet-block .more li {
  display: none;
}

.path-recherche .facet-block .see-more {
  text-decoration: underline;
  font-weight: bold;
  font-style: italic;
  font-size: 0.9375rem;
  cursor: pointer;
}

.loans-bookings.event-inscriptions .date {
  position: relative;
  left: 0;
  bottom: 0;
  font-weight: normal;
  font-style: normal;
}

.loans-bookings.event-inscriptions h2 {
  font-size: 1.8125rem;
}

.loans-bookings.event-inscriptions .location {
  clear: both;
}

.node-inscription-event,
.node-inscription-event a {
  /*float:right;*/

}

.node-inscription-event p {
  text-align: right;
  clear: both;
}

.node-inscription-event a {
  float: right;
}

.loans-bookings.event-inscriptions .item a {
  text-decoration: none;
  color: #000000;
}

/*.views_slideshow_cycle_teaser_section {*/
/*  height: 450px;*/
/*}*/

#simple-maps {
  width: 100%;
  z-index: 0;
}

.region-content-top {
  max-width: 1300px;
  width: auto;
  margin: 0 auto;
}

.block-filters > form.simple-site-searhch-form {
  border-bottom: solid 4px #e7e7e7;
  padding-bottom: 3.8em;
  height: 4rem;
}

form.simple-site-searhch-form .form-type-textfield input.form-text {
  width: 75%;
  box-sizing: border-box;
  padding-left: 1em;
  height: 50px;
  float: left;
}

div.results-items.site .result-number {
  float: right;
  margin-top: -1.9em;
}

div.results-items.site .views-field-created {
  font-size: 0.9375rem;
}

/* CARTE DU RESEAU */

.path-mediatheques #block-blockcustom-14,
.path-mediatheques #block-blockcustom-14 a,
.path-mediatheques #block-blockcustom-14 p {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: normal;
  font-size: 1.125rem;
  color: #000;
  line-height: 28px;
}

.path-mediatheques strong {
  font-weight: bold;
}

#edit-filters {
  width: 31%;
  height: 34.11em;
  background: #f2f2f2;
  padding: 0.625rem 1.5625rem 29px 1.5625rem;
  overflow: scroll;
  position: relative;
  float: left;
}

#edit-filters h2 {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1.25rem;
  color: #000;
  text-transform: uppercase;
  margin-bottom: 0;
}

#mediatheques-maps {
  width: 842px;
  height: 37.01em;
}

#mediatheques-map {
  overflow: auto;
}

#mediatheques-map #edit-filters .fieldset-legend {
  font-weight: 600;
  font-size: 1.125rem;
  margin: 1em 0;
  display: block;
}

.element-invisible {
  display: none;
}

#mediatheques-map #edit-cities--wrapper, #mediatheques-map #edit-resources--wrapper {
  width: 49%;
  float: left;
}

#mediatheques-map .form-type-checkbox label:before, #mediatheques-map .form-type-checkbox label:after {
  display: none;
}

.checkbox-label, #mediatheques-map .form-type-checkbox label {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 0.875rem;
  color: #000;
  background: url('../images/icons/checkbox.png') no-repeat;
  display: inline-block;
  padding-left: 1.5rem;
  cursor: pointer;
}

.checkbox-label.checked, #mediatheques-map .form-type-checkbox label.checked {
  background: url('../images/icons/checkbox-on.png') no-repeat;
}

.checkbox {
  display: none;
}

#edit-filters #lancer-recherche {
  min-width: 135px;
  height: 50px;
  border: none;
  background-color: #d22133;
  text-transform: uppercase;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1rem;
  color: #fff;
  margin: 0 auto;
  display: block;
}

#edit-filters .js-form-type-checkbox {
  margin-left: 0.625rem;
  margin-bottom: 1.25rem;
}

#edit-map #result_container {
  clear: both;
}

.mediatheque {
  width: 100%;
  padding: 0.9375rem 60px 1.875rem 60px;
  border-top: 0.75rem solid #e3e3e3;
  box-sizing: border-box;
}

.mediatheque .informations-basiques .nom-mediatheque .lien {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1.25rem;
  color: #000;
  text-decoration: none;
}

.mediatheque .informations-basiques .nom-mediatheque .lien .bigger {
  text-transform: uppercase;
  font-weight: bold;
}

.mediatheque .informations-basiques .nom-mediatheque .lien:hover {
  text-decoration: underline;
}

.mediatheque .informations-basiques .types-de-ressources {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: normal;
  font-size: 1.125rem;
  color: #000;
  text-transform: uppercase;
  margin: 0;
}

.mediatheque .informations-basiques .types-de-materiel {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: normal;
  font-size: 1.125rem;
  color: #000;
  margin: 0;
}

.mediatheque .informations-basiques .alerte {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 0.9375rem;
  color: #d22133;
  margin-top: 0.3125rem;
  margin-bottom: 0;
}

.mediatheque .complements {
  font-weight: 600;
  width: 100%;
  border: 1px solid #7f7f7f;
  padding: 1.25rem 40px;
  margin-top: 1.875rem;
  box-sizing: border-box;
}

.mediatheque .complements p {
  font-weight: 600;
}

.mediatheque .complements .coordonnees {
  width: 30%;
  height: 215px;
  border-right: 3px solid #e3e3e3;
  padding-right: 1.5625rem;
  float: left;
  box-sizing: border-box;
}

.mediatheque .complements .coordonnees .adresse,
.mediatheque .complements .coordonnees .code-postal-ville,
.mediatheque .complements .coordonnees .telephone {
  font-family: 'Open Sans', arial, sans-serif;

  font-size: 1.125rem;
  color: #000;
}

.mediatheque .complements .coordonnees .adresse {
  margin-bottom: 0.3125rem;
}

.mediatheque .complements .coordonnees .code-postal-ville {
  margin-bottom: 0.3125rem;
}

.mediatheque .complements .horaires {
  width: 40%;
  border-right: 3px solid #e3e3e3;
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
  float: left;
  box-sizing: border-box;
}

.mediatheque .complements .horaires .horaires-title {
  font-size: 1.125rem;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0.3125rem;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}

.mediatheque .complements .horaires .horaires-ouverture {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}

.mediatheque .complements .horaires .horaires-ouverture,
.mediatheque .complements .horaires .horaires-ouverture p {
  font-size: 1.125rem;
  color: #000;
  line-height: 28px;
}

.mediatheque .complements .horaires .horaires-ouverture p {
  margin: 0;
}

.mediatheque .complements .horaires .message {
  font-size: 0.9375rem;
  font-weight: normal;
}

.mediatheque .complements .horaires .message a {
  font-weight: 600;
}

.mediatheque .complements .acces {
  float: left;
  width: 30%;
  box-sizing: border-box;

}

.mediatheque .complements .acces .acces-title {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: bold;
  font-size: 1.125rem;
  color: #000;
  margin: 0;
  padding-left: 1.5625rem;
}

.mediatheque .complements .acces .horaires-ouverture {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: normal;
  font-size: 1.125rem;
  color: #000;
  padding-left: 1.5625rem;
  line-height: 28px;
}

.mediatheque .complements .acces .horaires-ouverture p {
  margin: 0.3125rem 0 0 0;
}

#block-blockcustom-16 a {
  width: 1.625rem;
  height: 73px;
  font-size: 0;
  display: inline-block;
  background: url('../images/icons/scroll.png') no-repeat;
  margin-bottom: 0.9375rem;
}

#block-blockcustom-16 p {
  margin: 0;
  text-align: center
}

#block-blockcustom-15 a {
  display: block;
  background: url('../images/icons/pdf.png') no-repeat 0% 50%;
  min-height: 49px;
  height: auto;
  color: #000;
  font-size: 1.25rem;
  text-decoration: none;
  vertical-align: middle;
  padding-left: 60px;
  font-weight: 600;
  margin-left: 60px;
}

#block-blockcustom-15 a:hover {
  text-decoration: underline;
}

.infobulle {
  max-width: 300px;
  padding-left: 0.9375rem;
}

.infobulle .nom a {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
}

.infobulle .nom a:hover {
  text-decoration: underline;
}

.infobulle p {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: normal;
  font-size: 1rem;
  color: #000;
}

.infobulle .adresse-base {
  margin: 0;
}

.infobulle .code-postal-adresse {
  margin: 0.3125rem 0;
}

.infobulle .telephone {
  margin-top: 0.3125rem;
}

.view-block-presentation {
  max-width: 1300px;
  margin-top: 35px;
  position: relative;
  padding-left: 1.5rem;

}

.view-block-presentation,
.view-block-presentation p {
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: normal;
  font-size: 1.125rem;
  color: #000;
  line-height: 1.875rem;
}

.path-flux-rss .view-block-presentation {
  padding-bottom: 1.5625rem;
  border-bottom: 0.75rem solid #e3e3e3;
  margin-bottom: 45px;
}

/* FORMULAIRE DE CONTACT */
.path-contact label.js-form-required.form-required:after {
  content: '*';
  color: red;
}

.path-contact fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

.path-contact .fieldset-legend {
  font-size: 0.9375rem;
  font-style: italic;
  color: #d22133;
  display: inline-block;
  margin: 0 auto 1rem;
  /*margin-bottom: 35px;*/
  /*margin-left: 145px;*/
}

.path-contact #block-plaine-commune-content {
  margin-top: 0;
}

.path-contact .js-form-type-select label {
  display: inline-block;
}

/*.path-contact .js-form-type-select select {*/
/*  width: 484px;*/
/*  margin-right: 0.9375rem;*/
/*}*/

/*.path-contact .contact-form {*/
/*  width: 650px;*/
/*  margin-left: 280px;*/
/*}*/

/*.path-contact .contact-form .form-text,*/
/*.path-contact .contact-form .form-email,*/
/*.path-contact .contact-form .form-select,*/
/*.path-contact .contact-form .form-textarea {*/
/*  float: right;*/
/*}*/

/*#contact-message-formulaire-de-contact-form{
  width: 39em;
}*/
.path-contact .contact-form .form-item {
  margin: 0 auto;
}

.path-contact .contact-form .form-item label {
  height: 36px;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1.0625rem;
  color: #000;
  text-align: right;
  padding-top: 0.875rem;
  padding-right: 1.5625rem;
  display: inline-block;
}

.path-contact .contact-form .form-wrapper .form-wrapper {
  /*height: 52px;*/
  margin-bottom: 1.25rem;
  position: relative;
}

/*.path-contact .contact-form .form-textarea {*/
/*  width: 484px;*/
/*  position: absolute;*/
/*  top: 0;*/
/*  right: 0;*/
/*}*/

/***** Ticket n 0076385 ****************/
/*.path-contact .contact-form .captcha {*/
/*  width: 489px;*/
/*  border: none;*/
/*  margin: 0;*/
/*  float: right;*/
/*  margin-top: 45px;*/
/*  margin-right: 0.9375rem;*/
/*}*/
.path-contact .contact-form .captcha {
  width: 700px;
  margin: 0 auto;
}

/*.path-contact .contact-form .captcha legend {*/
/*  text-align: center;*/
/*}*/

/*.path-contact .contact-form .captcha__element .form-item {*/
/*  display: block;*/
/*}*/

/*.path-contact .contact-form .captcha__element .form-item label {*/
/*  width: 100%;*/
/*}*/
.path-contact .contact-form .captcha .form-item {
  align-items: center;
}

.path-contact .contact-form .captcha label {
  width: 100%;
  padding: 0;
  text-align: left;
}

.path-contact .contact-form .captcha .form-text {
  display: initial;
}

.path-contact .contact-form .captcha .form-item .field-prefix {
  flex: 0 0 auto;
  margin-right: 0.5rem;
}

/***** fin Ticket n 0076385 ****************/

.path-contact .contact-form .captcha .form-text {
  margin-right: 0;
  text-align: center;
  width: auto;
}

.path-contact .contact-form .form-actions {
  /*width: 489px;
  float: right;
  margin-top: 50px;
  margin-right: 0.9375rem;*/
  margin-bottom: 100px;
  text-align: center;
  float: inherit;
}

.path-contact .contact-form .captcha .details-wrapper {
  padding: 0;
  text-align: center;
}

.path-contact .contact-form .captcha .details-description,
.path-contact .contact-form .captcha .description,
.path-contact .contact-form summary {
  display: none;
}

.path-contact .contact-form .field--name-field-has-library-card {
  padding: 0 !important;
  margin-bottom: 0 !important;
}

.path-contact .contact-form .field--name-field-has-library-card label {
  padding: 0;
}

.path-contact .contact-form .field--name-field-library-card label {
  padding-right: 0;
  margin-left: -8px;
}


.path-selections .attachment-before {
  background: url('../images/icons/motif-journal.gif') repeat;
  padding: 1.5em 1.5em 2.625em 1.5em;
}

.path-selections .attachment-before .view-header h2 {
  margin: 0;
  margin-left: 0.8em;
  font-size: 1.75rem;
  font-weight: 600;
  font-family: "Open Sans";
}

.path-selections .attachment-before .views-row {
  width: 48%;
  float: left;
  box-sizing: border-box;
}

.path-selections .attachment-before .views-row img {
  display: block;
  width: 100%;
  height: auto;
}

.path-selections .attachment-before .views-row:first-child {
  margin-right: 4%;
}

.path-selections .attachment-before .views-row article:hover {
  background-color: #92f137;
}

.path-selections .attachment-before .views-row .field--name-field-visuel {
  float: left;
  width: 38%;
}

.path-selections .attachment-before h3 {
  margin: 1.2em 0 0.8em 0;
}

.path-selections .attachment-before h3,
.path-selections .attachment-before .views-row .node__content {
  width: 62%;
  float: left;
  padding-left: 2rem;
  box-sizing: border-box;
}

.path-selections .views-infinite-scroll-content-wrapper .views-row .node__content,
.path-selections .attachment-before .views-row .node__content {
  padding-bottom: 2rem;
}

.path-selections .views-infinite-scroll-content-wrapper .views-row .node__content {
  max-height: 155px;
  overflow: hidden;
}

.path-selections .attachment-before h3 a,
.path-selections .views-infinite-scroll-content-wrapper .views-row h3 a,
.view-pro-space .views-infinite-scroll-content-wrapper .views-row h3 {
  font-size: 1.125rem;
  font-weight: 700;
  text-decoration: none;
  color: #000;
}

.path-selections .views-infinite-scroll-content-wrapper .views-row h3 {
  max-height: 54px;
  overflow: hidden;
  margin-top: 20px;
}

.path-selections.view-id-pro_space.view-display-id-block_1 .views-infinite-scroll-content-wrapper .views-row h3 {
  max-height: inherit;
}

.path-selections .attachment-before .views-row article {
  position: relative;
  background-color: #fff;
  padding: 0.625em;
  box-sizing: border-box;
}

.path-selections .views-infinite-scroll-content-wrapper .views-row,
.node--type-page-selection .result-item {
  float: left;
  width: calc((100% - 3.76em) / 4);
  box-sizing: border-box;
  margin-right: 1.25em;
  margin-bottom: 3rem;
}

.path-frontpage .views-field-field-bloc-selection-zone-6 article .result-item,
.path-frontpage .views-field-field-bloc-selection-zone-7 article .result-item,
.node--type-page-selection .result-item {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}

.page-node-type-page-selection .node--type-page-selection .result-item {
  margin-left: 0.625rem;
  margin-right: 0.325rem;
}

.path-frontpage .views-field-field-bloc-selection-zone-6 article .result-item,
.path-frontpage .views-field-field-bloc-selection-zone-7 article .result-item,
.path-notice .view-selection-nouveaute .result-item {
  margin-bottom: 5rem;
}

.view-selection-nouveaute .views-row::after {
  content: '.';
  display: block;
  text-indent: 9999px;
  overflow: hidden;
  visibility: hidden;
  clear: both;
}

.page-node-type-page-selection article .result-item {
  margin-bottom: 1.25rem;
}

.path-selections .views-infinite-scroll-content-wrapper .views-row:nth-child(4n) {
  margin-right: 0;
}

.path-selections .views-infinite-scroll-content-wrapper .views-row article {
  background-color: #f5f5f5;
  padding: 1.625em;
  position: relative;
  height: 670px;
  box-sizing: border-box;
  padding-top: 0.45em;
}

.path-selections .views-infinite-scroll-content-wrapper .views-row .field--name-field-visuel {
  max-width: 240px;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
}

.path-selections .views-infinite-scroll-content-wrapper .views-row .field--name-field-visuel img {
  display: block;
  border: solid 0.625rem #fff;
  width: 100%;
  height: auto;
  box-sizing: border-box;
}

.field--name-field-selection-liee {
  clear: left;
}

.path-selections .views-infinite-scroll-content-wrapper,
.field--name-field-selection-liee,
.view-selection-nouveaute {
  border-top: 0.75rem solid #e3e3e3;
  margin-top: 3em;
  padding-top: 3em;
}

.field--name-field-selection-liee,
.view-selection-nouveaute {
  padding-top: 0;
  margin-bottom: 3em;
}

.view-pro-space.path-selections .views-infinite-scroll-content-wrapper .views-row article {
  height: 570px;
}

.view-pro-space .views-infinite-scroll-content-wrapper .views-row a {
  text-decoration: none;
}

.path-frontpage .views-field-field-bloc-selection-zone-6,
.path-frontpage .views-field-field-bloc-selection-zone-7 {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.path-frontpage .views-field-field-bloc-selection-zone-6 > div,
.path-frontpage .views-field-field-bloc-selection-zone-7 > div {
  position: relative;
}

.path-frontpage .views-field-field-bloc-selection-zone-6 article,
.path-frontpage .views-field-field-bloc-selection-zone-7 article,
.path-espace-jeunesse #block-views-block-bloc-espace-jeunesse-selection,
.node--type-page-selection {
  width: 100%;
  position: relative;
}

.jcarousel:after {
  content: '.';
  text-indent: 9999px;
  overflow: hidden;
  visibility: hidden;
  clear: both;
  display: block;
}

#block-views-block-bloc-espace-jeunesse-selection .views-row {
  position: relative !important;
}

.node--type-page-selection > h2 > a {
  font-size: 2.8125rem;
  font-family: "Open Sans";
  font-weight: 100;
  text-transform: uppercase;
  margin-left: 0.2em;
}

.node--type-page-selection .result-item,
.path-mes-nouveautes .result-item {
  background: url('../images/icons/motif-journal.gif') repeat;
  padding: 1.5em 2em;
  box-sizing: border-box;
}

.prev, .next {
  overflow: hidden;
  text-indent: 99px;
  cursor: pointer;
  z-index: 10;
}

.prev:focus, .next:focus {
  /*outline: 0;*/
}

.path-frontpage .prev,
.path-notice .prev,
.path-espace-jeunesse .view-id-bloc_espace_jeunesse_selection .prev,
.node--type-page-selection .prev {
  display: block;
  width: 60px;
  height: 60px;
  background: url('../images/icons/prev.gif') no-repeat;
  z-index: 2;
  border: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.path-frontpage .next,
.path-notice .next,
.path-espace-jeunesse .view-id-bloc_espace_jeunesse_selection .next,
.node--type-page-selection .next {
  display: block;
  width: 60px;
  height: 60px;
  background: url('../images/icons/next.gif') no-repeat;
  float: right;
  border: none;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.path-frontpage .prev:hover,
.page-node-type-page-editoriale .prev:hover,
.path-notice .prev:hover,
.path-espace-jeunesse .view-id-bloc_espace_jeunesse_selection .prev:hover,
.node--type-page-selection .prev:hover {
  cursor: pointer;
}

.path-frontpage .next:hover,
.page-node-type-page-editoriale .next:hover,
.path-notice .next:hover,
.path-espace-jeunesse .view-id-bloc_espace_jeunesse_selection .next:hover,
.node--type-page-selection .next:hover {
  cursor: pointer;
}

.page-node-type-page-editoriale .field--name-field-selection-liee {
  clear: left;
}

.page-node-type-page-editoriale .field--name-field-fichier .file {
  margin-bottom: 20px;
  height: auto;
}

.path-espace-jeunesse #block-views-block-bloc-espace-jeunesse-selection {
  /*border-top: 0.75rem solid #e3e3e3;*/
  margin-top: 2.81em;
  padding-top: 1.13em;
}

#block-views-block-bloc-espace-jeunesse-selection .node--type-page-selection > h2 > a {
  font-family: 'Amatic SC', arial, sans-serif;
}

.path-frontpage .block-region-zone-6 .views-row,
.path-frontpage .block-region-zone-5 .views-row {
  position: relative;
}

.path-frontpage .block-region-zone-6 .prev,
.path-frontpage .block-region-zone-5 .prev,
.page-node-type-page-editoriale .prev,
.node--type-page-selection .prev {
  position: absolute;
  right: 65px;
  top: 0;
}

.path-espace-jeunesse .view-id-bloc_espace_jeunesse_selection .prev {
  position: absolute;
  right: 123px;
  top: 3.375em;
}

.path-frontpage .block-region-zone-6 .next,
.path-frontpage .block-region-zone-5 .next,
.page-node-type-page-editoriale .next,
.node--type-page-selection .next {
  position: absolute;
  right: 0;
  top: 0;
}

.path-espace-jeunesse .view-id-bloc_espace_jeunesse_selection .next {
  position: absolute;
  right: 44px;
  top: 3.375em;
}

.prev.inactive,
.next.inactive {
  visibility: hidden;
}

.node--type-page-selection .result-item:hover,
.path-mes-nouveautes .result-item:hover {
  background: #92f137;
}

.node--type-page-selection .result-item > a,
.path-mes-nouveautes .result-item > a {
  display: block;
  position: relative;
  margin-bottom: 1em;
}

.node--type-page-selection .result-item img,
.path-mes-nouveautes .result-item img {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  border: solid 0.625rem #fff;
  bottom: 0;
  max-height: 330px;
  /* position: absolute; */
  position: relative;
  float: left;
}

.node--type-page-selection .result-item .picto-ressource,
.path-mes-nouveautes .result-item .picto-ressource {
  display: block;
  text-indent: 999px;
  overflow: hidden;
  float: left;
}

.node--type-page-selection .result-item-title a,
.path-mes-nouveautes .result-item-title a {
  font-size: 1.175rem;
  color: #000;
  font-weight: 600;
  font-family: "Open Sans";
  text-decoration: none;
}

.node--type-page-selection .result-item-title,
.path-mes-nouveautes .result-item-title {
  clear: both;
  margin: 0;
  padding-top: 0.8em;
  height: 3.525em;
}

.node--type-page-selection .type-doc,
.path-mes-nouveautes .type-doc {
  font-weight: 600;
  font-size: 0.88em;
  padding-top: 0.9em;
  padding-left: 0.2em;
  display: block;
  text-transform: uppercase;
  float: left;
}

.node--type-page-selection .node__content > a {
  position: absolute;
  bottom: 0;
  width: 270px;
  left: calc(50% - 135px);

}

.node--type-page-selection .node__content {
  position: relative;
}

.page-node-type-page-selection .field--name-field-descriptif {
  border-bottom: 0.75rem solid #e3e3e3;
  padding-bottom: 1em;
  margin-bottom: 3em;
}


.field--name-field-selection-liee .jcarousel {
  width: 100%;
  overflow: hidden;
}

.result-item ul, .result-item ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}

.path-frontpage .views-field-field-bloc-selection-zone-6 .node__content, .path-frontpage .views-field-field-bloc-selection-zone-7 .node__content,
.path-espace-jeunesse .view-id-bloc_espace_jeunesse_selection article .node__content,
.node--type-page-selection .node__content {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.path-espace-jeunesse .view-id-bloc_espace_jeunesse_selection article .node__content {
  padding-bottom: 2em;
}

.path-frontpage .views-field-field-bloc-selection-zone-6 .jcarousel, .path-frontpage .views-field-field-bloc-selection-zone-7 .jcarousel,
.path-espace-jeunesse .view-id-bloc_espace_jeunesse_selection article .node__content > div,
.node--type-page-selection .jcarousel {
  width: 20000em;
  position: relative;
}

.field--name-field-selection-liee,
.field--name-field-selection-liee .jcarousel,
.field--name-field-selection-liee .jcarousel-wrap {
  position: relative;
}

.path-espace-jeunesse .view-id-bloc_espace_jeunesse_selection article .node__content > div > div {
  float: left;
}

.path-notice .add-favourites-link {
  position: absolute;
  right: 0;
  top: -4.5em;
}

.path-notice #block-plaine-commune-content {
  position: relative;
}

.path-notice a {
  text-decoration: none;
  color: #000;
}

.path-notice .add-favourites-link a:hover,
.path-notice .infos-top a:hover {
  text-decoration: underline;
}

.path-notice .notice-full .image {
  float: left;
  width: 345px;
  margin-right: 42px;
  margin-bottom: 32px;
}

.path-notice .notice-full .image img {
  display: block;
  width: 100%;
  height: auto;
}

.path-notice .notice-full .image span,
.path-notice .notice-full .image a {
  display: block;
  float: left;
  height: 88px;
  background-color: #f2f2f2;
}

.path-notice .notice-full .image span {
  width: 122px;
  overflow: hidden;
  text-indent: 999px;
}

.path-notice .notice-full .image span.DVD {
  background: url('../images/icons/dvd.png') no-repeat 50% 50% #f2f2f2;
}

.path-notice .notice-full .image span.CD {
  background: url('../images/icons/cd.png') no-repeat 50% 50% #f2f2f2;
}

.path-notice .notice-full .image span.LIV {
  background: url('../images/icons/livre.png') no-repeat 50% 50% #f2f2f2;
}


.path-notice .notice-full .views-element-container {
  clear: both;
  margin-top: 4em;
}


.path-notice .notice-full .image a {
  width: 223px;
  box-sizing: border-box;
  background-position: 0.75rem 50%;
  padding-left: 35px;
  padding-top: 1.875rem;
  cursor: pointer;
}

.path-notice .notice-full .block-content-right {
  float: left;
  width: calc(100% - 345px - 42px);
  box-sizing: border-box;
  padding-top: 0.5em;
}

.path-notice .notice-full .fullreview .label,
.bibdata-full-content h3 {
  font-family: "Roboto";
  text-transform: uppercase;
  font-size: 1.25rem;
  display: block;;
  margin: 1em 0;
  font-weight: 500;

}

.bibdata-full-content {
  clear: both;
}

.path-notice .notice-full .more-infos .label,
.path-notice .notice-full .more-infos .content {
  width: 50%;
  float: right;
  display: block;
  word-break: break-word;
}

.path-notice .notice-full .more-infos .label {
  float: left;
}

.path-notice .notice-full .more-infos {
  margin-top: 2em;
  font-size: 1rem;
}

.path-notice .notice-full .more-infos .column {
  float: left;
  width: 52%;
  box-sizing: border-box;
}

.path-notice .notice-full .more-infos .column .item {
  line-height: 1.8em;
  clear: both;
}

.path-notice .notice-full .more-infos .column:first-child {
  width: 48%;
  border-right: solid 1px #e3e3e3;
}

.path-notice .notice-full .more-infos .column:nth-child(2) {
  padding-left: 7.6%;
}

.path-notice .actions {
  clear: both;
}

.path-notice .actions a {
  width: 17em;
  float: left;
}

.path-notice .actions a:first-child {
  width: 20em;
  margin-right: 3.5625em;
}

.path-notice .interactions {
  padding-top: 8em;
}

.path-notice .interactions .actions {
  margin-top: 1em;
}

.numeric-document-link {
  text-decoration: underline !important;
}

.user-inscription-form .js-form-item label,
.user-inscription-form .form-composite legend,
.user-inscription-form span.label,
.create-password-form label {
  width: 20em;
  display: block;
  float: left;
  text-align: right;
  font-size: 1.125rem;
  font-weight: 600;
  padding-right: 1.8em;
  box-sizing: border-box;
  margin-top: 1.25rem;
}

.user-inscription-form .js-form-item,
.create-password-form .js-form-item,
#edit-adresse-perso,
.user-inscription-form fieldset {
  max-width: 860px;
}

.create-password-form .confirm-parent {
  margin-top: 15px !important;
}

.user-inscription-form fieldset {
  padding-left: 0;
}

.user-inscription-form input.form-text,
.user-inscription-form input.hasDatepicker,
.user-inscription-form input.form-email,
.user-inscription-form input.form-tel,
.create-password-form input.form-text {
  max-width: 565px;
  display: inline-block;
  width: calc(100% - 375px);
  box-sizing: border-box;
  margin: 0;
}

.user-inscription-form fieldset.form-item {
  margin: 0;
}

.user-inscription-form .hasDatepicker {
  margin-left: 0;
  background-position: 97%;
  width: calc(100% - 375px) !important;
}

.user-inscription-form .js-form-item select,
.user-inscription-form .js-form-item textarea {
  width: calc(100% - 375px);
  box-sizing: border-box;
}

.user-inscription-form .password-parent,
.user-inscription-form .confirm-parent {
  max-width: none;
}

.user-inscription-form .password-strength,
.user-inscription-form div.password-confirm,
.user-inscription-form .password-suggestions {
  max-width: 485px !important;
  margin-left: 22.5rem !important;
  box-sizing: border-box;
}

.user-inscription-form #edit-centre-interet > div {
  float: left;
  width: 33%;
}

.user-inscription-form #edit-centre-interet input {
  width: 1.125rem;
}

.user-inscription-form .fieldset-wrapper {
  width: 100%;
}

.user-inscription-form .js-form-type-checkbox input {
  float: left;
  border: solid 1px #000;
  width: 1.125rem;
  height: 1.125rem;
  background-color: #fff;
  display: block;
  margin-top: 0.625rem;
}

.user-inscription-form .js-form-type-checkbox label {
  width: auto;
  float: right;
  width: calc(100% - 1.5625rem);
  text-align: left;
  margin-top: 0.625rem;
  padding-right: 0;
  font-size: 0.9375rem;
  font-weight: 500;
  font-family: "Open Sans";
}

.js-form-item-bgrp02addr01-addr1number input.form-text,
.js-form-item-bgrp02addr01-addr1number.js-form-item,
.js-form-item-bgrp02addr02-addr2number input.form-text,
.js-form-item-bgrp02addr02-addr2number.js-form-item {
  width: 3em;
  display: inline-block;
  max-width: none;
  margin-right: 0;
}

.js-form-item-bgrp02addr01-addr1street.js-form-item,
.js-form-item-bgrp02addr02-addr2street.js-form-item {
  display: inline-block;
  max-width: none;
}

.js-form-item-bgrp02addr01-addr1street,
.js-form-item-bgrp02addr02-addr2street {
  box-sizing: border-box;
}

.js-form-item-bgrp02addr01-addr1street input.form-text,
.js-form-item-bgrp02addr02-addr2street input.form-text {
  width: 100%;
  max-width: 486px;
}

#edit-address1,
#edit-address2 {
  margin-left: 21.2em;

}

.user-inscription-form .js-form-type-select select {
  margin-right: 0.9375rem;
}

.user-inscription-form .link-biblios a,
.user-inscription-form .required-infos,
.create-password-form .required-infos {
  font-family: "Open Sans";
  color: #000;
  font-style: italic;
  font-weight: 600;
  font-size: 0.9375rem;
  margin-left: 22em;
}

.user-inscription-form .form-type-tel .description {
  float: right;
  width: calc(100% - 26em);
  margin-right: 0.9375rem;
  margin-bottom: 1em;
  font-style: italic;
}

.user-inscription-form .form-type-tel.form-item-bgrp02addr01-addr1mobile label {
  margin-top: 0.7em;
}

.user-inscription-form .form-type-tel {
  margin: 0.5em 0 2.5em 0;
}

.create-password-form .required-infos {
  color: #d22133;
}

.create-password-form .form-submit {
  display: block;
  margin: auto;
  padding: 0.9375rem;
}

.create-password-form .description {
  text-align: center;
  margin-left: 14em;
}

.user-inscription-form .link-biblios a:before {
  content: "> ";
}

.user-inscription-form .required-infos {
  text-decoration: none;
  color: #d22133;
  margin-top: 3em;
  margin-bottom: 3em;
  display: block;
}

.user-inscription-form .form-submit {
  width: 135px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3em;
  display: block;
}

.user-inscription-form #edit-bgrp01identitylastname {
  text-transform: uppercase;
}

.js-form-item [type="checkbox"]:not(:checked),
.js-form-item [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}

.js-form-item [type="checkbox"]:not(:checked) + label,
.js-form-item [type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.5625rem;
  cursor: pointer;
  float: none;
  margin: 1rem 0;
}

.js-form-item [type="checkbox"]:not(:checked) + label:before,
.js-form-item [type="checkbox"]:checked + label:before {
  content: '.';
  text-indent: 999px;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 1.0625rem;
  height: 1.0625rem;
  border: 1px solid #000;
}

.js-form-item [type="checkbox"]:not(:checked) + label:after,
.js-form-item [type="checkbox"]:checked + label:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 0.9375rem;
  height: 0.9375rem;
  background-color: #d22133;
}

.js-form-item [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
}

.js-form-item [type="checkbox"]:checked + label:after {
  opacity: 1;
}

.user-account {
  border-top: 0.75rem solid #e3e3e3;
  padding-top: 1.125em;
}


.user-account .sidebar-left ul li {
  text-decoration: none;
  list-style: none;
  border-bottom: solid 4px #e7e7e7;
  padding: 0.6em 0.8em 0.6em 1.437em;
  margin: 0;
}


.user-account .sidebar-left a {
  color: #000;
  text-transform: uppercase;
  font-family: "Open Sans";
  text-decoration: none;
}

.user-account .sidebar-left a.active {
  color: #d22133;
  font-weight: bold;
}

.path-mes-nouveautes .result-item {
  margin-left: 1.125em;
  width: calc(33.33% - 1.125em);
  float: left;
  margin-top: 2em;
}

.user-account .sidebar-left {
  border: none;
}

.user-account-content {
  box-sizing: border-box;
  border-left: solid 4px #e7e7e7;
  margin-bottom: 3em;
}


.user-account-content > h3, .user-account-content .header h3 {
  margin-left: 3.8%;
  font-size: 1.75rem;
  text-transform: uppercase;
  font-weight: 500;
}

.user-account-content .link_top {
  text-align: right;
}

.user-account-content .link_top a {
  color: #000000;
  font-size: 1em;
}

.loans-bookings,
.user-account .search-entity {
  padding-left: 3.8%;
}

.path-recherches-enregistrees .tabsblock,
.path-recherches-enregistrees .user-account-content form,
.path-interets-enregistrees .tabsblock,
.path-interets-enregistrees .user-account-content form {
  margin-left: 3.8%;
}

.tabsblock {
  margin-bottom: 2.8em;
}

.loans-bookings a:hover {
  text-decoration: underline;
}

.loans-bookings .item,
.user-account .search-entity .block-left {
  max-width: 540px;
  width: 100%;
  float: left;
  border-right: solid 1px #cccccc;
  box-sizing: border-box;
  clear: both;
  position: relative;
  padding-bottom: 4em;
}

.loans-bookings .action,
.search-entity .block-right {
  width: calc(100% - 540px);
  float: right;
  font-family: "Open Sans";
  font-weight: 900;
  font-size: 1.25em;
  font-style: italic;
  padding-left: 1em;
  box-sizing: border-box;
  text-align: center;
}

.user-account .search-entity .block-left {
  width: 70%;
  max-width: none;
  font-weight: bold;
}

.user-account .search-entity .block-left a {
  color: #000;
}

.user-account .search-entity .block-right {
  width: 30%;
}


.user-account .search-entity .block-right a {
  color: #000;
  font-size: 1.25rem;
  text-decoration: none;
}

.path-mes-favoris .notices {
  clear: both;
}

.path-mes-favoris .notice,
.path-mes-favoris .link-favorite a {
  height: 4.5rem;
  padding-left: 3rem;
  padding-top: 0.9rem;
}

.path-mes-favoris .notice a.result-item-title,
.path-mes-favoris .notice,
.path-mes-favoris .link-favorite a {
  font-weight: bold;
  color: #000;

}

.path-mes-favoris .notice {
  float: left;
}

.path-mes-favoris .link-favorite {
  float: right;
  border-left: 1px solid #EDEBE9;
  padding-left: 1rem;
}

.path-mes-favoris .link-favorite a {
  text-decoration: none;
  background: url(../images/icons/remove-favorite-account.png) no-repeat 0% 0%;
  display: inline-block;
}

.loans-bookings .action a {
  color: black;
}

.loans-bookings .date {
  position: absolute;
  bottom: 4em;
  left: calc(140px + 1.3125em);
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 600;

}

.popup-dialog-password-reminder p {
  marging: 26px;
}

.loans-bookings .date span {
  color: #d22133;
}

.user-account .sidebar-left a.is-active {
  color: #d22133;
  font-weight: bold;
}

.booking-notice-form label {
  display: block;
}

.booking-notice-form select {
  float: left;
  margin-top: 5px;
}

.booking-notice-form .form-submit {
  margin: 15px auto;
}

.popup-dialog-exemplaires table th {
  text-align: left;
  padding-left: 22px;
}

.popup-dialog-exemplaires table tr {
  border-bottom: 3px solid #e3e3e3;

}

.popup-dialog-exemplaires table tr:last-child {
  border-bottom: none;
}

.popup-dialog-exemplaires table tr td {
  padding: 15px 1.375rem;
}

.popup-dialog-exemplaires {
  width: auto !important;
}

.booking-notice-form {
  padding-bottom: 15px;
}

.node-inscription-event > a {
  font-size: 1.25em;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  color: #d22133;
  display: block;
  padding-left: 1.25rem;
  background: url('../images/icons/small-arrow-right-red.png') no-repeat 0% 50%;
}

.node-inscription-event > a:hover {
  text-decoration: underline;
}

.node-inscription-event > p {
  font-size: 0.75rem;
  font-style: italic;
  font-weight: bold;
  padding-top: 2rem;
}

#views-exposed-form-evenements-page-agenda .hasDatepicker {
  width: 100% !important;
  background: url('../images/icons/calendar.png') 95% 0.3125rem no-repeat;
  margin: 0;
  box-sizing: border-box;
}

#views-exposed-form-evenements-page-agenda .form-item-date-debut {
  margin-right: 1.9375rem;
}

#views-exposed-form-evenements-page-agenda .js-form-item-combine {
  margin-top: 17px;
  margin-left: 0;
}

#sliding-popup {
  background: black !important;
}

#sliding-popup .popup-content {
  max-width: 78%;
}

#sliding-popup #popup-text {
  max-width: inherit !important;
  margin-top: 0.5625rem !important;
}

#sliding-popup #popup-text p {
  font-family: 'Open Sans', 'sans-serif', arial;
  font-weight: 100 !important;
  font-size: 1.0625rem !important;
}

#sliding-popup .popup-content #popup-buttons {
  float: left;
  margin-left: 40px;
}

#sliding-popup .popup-content #popup-buttons button {
  margin-top: 0.4375rem;
  background: #7db901;
  border: none;
  border-radius: 0;
  box-shadow: inherit;
  text-shadow: inherit;
  font-family: 'Open Sans', 'sans-serif', arial;
  font-weight: 100 !important;
  font-size: 1.0625rem !important;
  color: white;
  padding: 1px 0.625rem 4px;
}

#sliding-popup .popup-content #popup-buttons button:hover {
  background: #7db901;
}

#block-journaldesmediathequesfiltreparannee {
  margin-bottom: 40px;
}

#block-journaldesmediathequesfiltreparannee .filter-year {
  width: 100%;
  overflow: auto;
}

#block-journaldesmediathequesfiltreparannee .filter-year .form-item-field-annee-value {
  width: 515px;
  float: left;
  margin-top: 1.0625rem;
}

#block-journaldesmediathequesfiltreparannee .filter-year .button {
  margin-top: 1.0625rem;
}

@media screen and (min-width: 1000px) and (max-width: 1300px) {
  #sliding-popup .popup-content #popup-text {
    max-width: 60% !important;
  }

  #sliding-popup .popup-content #popup-buttons button {
    margin-top: 0.5625rem;
  }
}

.message-alert {
  text-align: center;
}

#block-text-resize, #block-printfriendly {
  border-right: solid 3px #f2f2f2;
  display: inline-block;
  padding: 0 10px;
  text-align: right;
}

#block-printfriendly {
  padding-left: 15px;
}

#block-plaine-commune-breadcrumbs {

}

#block-text-resize p {
  display: inline;
  margin: 0;
  font-weight: bold;
  font-size: 18px;
}

#block-text-resize p:first-of-type,
#block-text-resize p:last-child {
  cursor: pointer;
}

#block-text-resize p:last-child {
  font-size: 15px;
}

/**** A+/A- / Imprimer / Partager ***/
.printfriendly {
  background: url('../images/icons/print-icon.png') no-repeat 50% 50%;
  width: 39px;
  height: 31px;
  text-indent: 999px;
  overflow: hidden;
  display: block;
}

#block-addtoany {
  position: relative;
  float: right;
}

#atstbx {
  position: absolute;
  top: 0;
}

.at-share-btn-elements, a.at-icon-wrapper {
  height: 31px;
  padding: 0;
  opacity: 0;
  box-sizing: border-box;
}

.addthis-sharing-more {
  display: block;
  padding: 3px 8px;
  font-size: 15px;
  font-family: "Open Sans";
  font-weight: bold;
  text-transform: uppercase;
}


.infos-top {
  font-weight: 700;

}

.infos-top span {
  margin-right: 15px;
  font-weight: normal;
}

/*** BABELIO  ***/
.babelio {
  margin-bottom: 1.5rem;
  float: left;
}

.babelio .left,
.babelio .right {
  display: inline-block;
}

.babelio > div > div {
  clear: both;
}

.babelio .left {
  float: left;
  width: 345px;
}

.babelio .right {
  float: right;
  width: calc(100% - 345px);
}

.babelio .rating {
  height: 20px;
}

.babelio .rating > div {
  display: inline-block;
}

.babelio div h2 {
  font-size: 1.2rem;
  font-weight: bold;
  text-transform: none;
}

.babelio .redstar,
.babelio .blackstar {
  width: 25px;
  height: 20px;
}

.babelio .redstar {
  background: url('../images/icons/red-star.png') no-repeat 50% 0;
}

.babelio .blackstar {
  background: url('../images/icons/black-star.png') no-repeat 50% 0;
}

.babelio a {
  color: #000;
}

.babelio #BW_notes {
  margin-bottom: 30px;
}

.babelio #BW_etiquettes ol {
  display: block;
  float: none;
  padding: 0;
  padding-inline-start: 0;
  margin-right: 5px;
}

.babelio #BW_etiquettes ol span {
  font-weight: bold;
}

.babelio #BW_notes {
  padding-left: 1.5em;
}

.babelio #BW_notes h2 {
  text-indent: -1.2em;
}

.babelio #BW_etiquettes #BW_ulEti {
  text-align: inherit;
  margin-left: 1.5em;
}

.babelio #BW_etiquettes #BW_ulEti ol .tag_s0,
.babelio #BW_etiquettes #BW_ulEti ol .tag_s1,
.babelio #BW_etiquettes #BW_ulEti ol .tag_s2,
.babelio #BW_etiquettes #BW_ulEti ol .tag_s3,
.babelio #BW_etiquettes #BW_ulEti ol .tag_s4 {
  font-weight: normal;
}

.babelio #BW_etiquettes #BW_ulEti ol nobr::first-letter {
  text-transform: uppercase;
}

#BW_suggestions {
  width: 80%;
}

#BW_suggestions .BW_livres_tag_page {
  padding: 5px 0;
  margin-left: 1.5em;
}

.path-notice .BW_critiques_opac_add,
.path-notice .BW_citations_opac_add {
  text-decoration: none;
  font-size: 1rem;
  display: inline-block;
  float: right;
  background-color: #D22133;
  color: white;
  padding: 5px;
  text-transform: uppercase;
}

#BW_critiques .BW_el {
  width: 100%;
}

#BW_critiques .BW_elt .BW_star {
  float: right;
}

#BW_critiques br,
#BW_citations br {
  display: none;
}

#BW_citations #BW_citations_OPAC br,
#BW_critiques #BW_critiques_OPAC br {
  display: inherit;
}

#BW_critiques_OPAC,
#BW_citations_OPAC {
  margin-bottom: 10px;
}

.BW_critiques_opac_num,
.BW_critiques_opac_all,
.BW_citations_opac_num,
.BW_citations_opac_all {
  padding: 5px 0;
}

#BW_notes {
  font-size: 0.9375rem;
  padding: 0;
}

.BW_citations_opac_num, .BW_citations_opac_all, .BW_critiques_opac_num, .BW_critiques_opac_all {
  font-size: 0.9375rem;
}

#BW_citations .BW_elc {
  display: inline-block;
  padding-right: 20px;
}

#BW_citations .BW_el {
  display: block;
  width: 100%;
}

#BW_videos .BW_bloc_vid {
  width: 31%;
  display: block;
  margin: 0 1%;
  float: left;
  word-break: break-word;
}

a:focus {
  position: relative;
}

ul.menu li {

  -webkit-transition: height 1.4s ease;
  -webkit-transition: height 1.4s ease;
  -moz-transition: height 1.4s ease;
  -o-transition: height 1.4s ease;
  transition: height 1.4s ease;
}

/***** Booking Material **/
.planning-boking .table-header {
  padding-left: 100px;
  width: 100%;
}

.planning-boking .table-header span {
  padding: 13px;
  width: 30px;
}

.planning-boking .day {
  width: 106px;
  padding: 15px;
  float: left;
  text-align: center;
  background: #e4f8bc;
}

.planning-boking .hours {
  float: left;
  width: 80px;
  padding: 17px 10px;
}

.planning-boking .hours span {
  display: block;
  margin: 12px 0;
  height: 25px;
}


.planning-boking .day span {
  display: block;
  margin: 12px 0;
  height: 25px;
}

.planning-boking .day span.empty-devices {
  background: #ee7a8e;
}

.booking-material-form #edit-submit {
  clear: both;
  float: left;
  margin: 20px 41%;
  position: relative;
}

.booking-material-form {
  padding: 25px;
}

.booking-material-form .js-form-type-select label {
  display: inline-block;
  width: 260px;
  float: left;
}

.second-week {
  display: none;
}

.table-header .first-week {
  padding-left: 16px;
}

.path-reservations-materiels #edit-planning::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color: #CFCFCF; /* or add it to the track */
}

.path-reservations-materiels #edit-planning::-webkit-scrollbar-thumb {
  background: #565455;
}

.path-reservations-materiels .planning-boking {
  min-width: 920px;
}

.path-reservations-materiels #edit-planning .navigation {
  display: inline-block;
}

#edit-planning .next {
  font-size: 0;
  background: url('../images/icons/big-arrow-right-black.png') no-repeat;
  padding: 20px;
  cursor: pointer;

}

#edit-planning .previous {
  padding: 20px 10px;
  font-size: 0;
  background: url('../images/icons/big-arrow-left-black.png') no-repeat;
  cursor: pointer;
}

.required-infos {
  color: #d22133;
}

.table-header div {
  margin-bottom: 15px;
}

.empty-message {
  margin-left: 50px;
}

/** extrait **/
#extrait {
  min-width: 40%;
  background: #fff;
}

audio {
  width: 100%;
  margin: 5px auto;
}

.extrait-content {

  margin: 10px;
  padding: 25px;
}

.extrait-close {
  float: right;
  margin: 5px;
  padding: 3px;
}

.p-alerte {
  font-size: 14px;
  font-style: italic;
}

.booking-link {
  float: right;
  margin-right: 25px;
  text-transform: uppercase;
  text-decoration: none;
  color: #d22133;
  background: url(/themes/custom/plaine_commune/images/icons/plus.png) no-repeat;
  background-position: right;
  padding-right: 45px;
}


select.disable {
  display: none;
}

select.enable {
  display: block;
}

.field--name-field-le-saviez-vous .field__item a {
  color: #000;
}

#edit-adresse-pro legend a {
  color: #000;
}

h2.nom-mediatheque {
  font-size: 1rem;
}

.ui-dialog {
  max-height: calc(100%) !important;
  overflow: auto;

}

#drupal-modal {
  padding-bottom: 200px;
}

.ui-dialog[aria-describedby='drupal-modal'] {
  -webkit-overflow-scrolling: touch;
}

.field--name-field-documents-lies {
  width: 100%;
  padding-top: 10px;
  border-top: 0.75rem solid #e3e3e3;
}

@media screen and (max-width: 480px) {
  .user-account .sidebar-left ul li {
    position: initial !important;
  }
}

a.bt {
  width: 345px;
  min-height: 1.375rem;
  background-color: #d22133;
  padding: 0.9375rem 1.25rem;
  border: none;
  margin-left: 52px;
  margin-bottom: 35px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600;
  font-size: 1rem;
  color: #fff;
}

.path-inscription #block-plaine-commune-content ul li {
  list-style-type: none;
}

.path-connexion .user-account-connect-form label {
  width: 230px;
  display: inline-block;
}

.path-connexion .user-account-connect-form a {
  margin-left: 237px;
}

.path-connexion .user-account-connect-form #edit-submit {
  margin-left: 171px;
}

.views-field-field-diaporama > div.field-content > div > figure {
  display: inline;
}

#block-alertereseau {
  position: relative;
  background-color: #585858;
  text-align: center;
  margin-top: 0;
  padding-right: 4rem;
  clear: both;
  z-index: 111;
}

.alerte-reseau-close {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}

.alerte-reseau-close:before {
  content: "\f00d";
  font-size: 1.3rem;
  font-weight: 300;
  color: #fff;
}

#block-alertereseau article {
  padding-top: 1px;
}

#block-alertereseau article p {
  color: #fff;
  font-size: 0.8rem;
  margin: 0.6rem;
}

#block-alertereseau .field a {
  color: #fff;
  text-decoration: underline;
}

#block-alertereseau .field a:hover {
  font-weight: bold;
}

#block-alertereseau ul,
#block-alertereseau ol {
  display: inline-table;
  list-style-position: inside;
  width: 100%;
  padding-inline-start: 0;
  margin-block-start: 0;
}

/**
 * SECTION BLOCK
 */
.field--name-field-sections .paragraph--type--section {
  clear: both;
  margin-bottom: 10px;
  float: left;
  width: 100%;
}

.field--name-field-sections .paragraph--type--section .paragraph--type--ressource {
  float: left;
  width: calc((100% - 3.76em) / 4);
  height: 500px;
  margin-bottom: 30px;
  background: url(../images/icons/motif-journal.gif) repeat;
  padding: 1.5em 2em;
  box-sizing: border-box;
  margin-left: 0.625rem;
  margin-right: 0.325rem;
  overflow: hidden;
}

.field--name-field-sections .paragraph--type--section .paragraph--type--ressource:hover {
  background: #92f137;
}

.field--name-field-sections .paragraph--type--section a {
  text-decoration: none;
  color: #000;
  font-family: "Open Sans";
}

.field--name-field-sections .paragraph--type--section .field--name-field-visuel img {
  width: 100%;
  height: auto;
  max-height: 330px;
  box-sizing: border-box;
  border: solid 0.625rem #fff;
  bottom: 0;
}

.field--name-field-sections .paragraph--type--section a * {
  margin-bottom: 0.5rem;
  overflow-wrap: break-word;
}

.field--name-field-sections .paragraph--type--section .field--name-field-titre {
  font-size: 1.175rem;
  font-weight: 600;
}

/**
 * END SECTION BLOCK
 */

.find-notices-copies .js-form-type-select,
.find-notices-copies .js-form-type-select label {
  display: inline-block;
}

.find-notices-copies .js-form-type-select label {
  display: inline-block;
}

.find-notices-copies .js-form-type-select select {
  width: auto;
  padding: 0 25px 0 15px;
}

.find-notices-copies #results-wrapper tbody td {
  border-bottom: 3px solid #F2F2F2;
  padding: 10px 10px 10px 0;
  text-align: left;
}

.find-notices-copies #results-wrapper tbody .numberings {
  width: 200px;
}

.find-notices-copies #results-wrapper tbody .years {
  width: 300px;
}

.find-notices-copies #results-wrapper tbody .shelfmarks {
  width: 500px;
}

.find-notices-copies #results-wrapper tbody .availabilities {
  padding: 10px 0px 10px 20px;
  min-width: 300px;
}

.find-notices-copies #results-wrapper thead tr {
  display: none;
}

.find-notices-copies #results-headers {
  display: flex;
}

.find-notices-copies #results-headers input {
  background-color: white;
  color: #000000;
  text-align: left;
  height: fit-content;
}

.find-notices-copies #results-headers div[data-order]::after {
  content: url("../images/icons/big-arrow-left-black.png");
  position: absolute;
  margin-top: -6px;
}

.find-notices-copies #results-headers div[data-order='desc']::after {
  transform: rotate(270deg) scale(0.7);
}

.find-notices-copies #results-headers div[data-order='asc']::after {
  transform: rotate(90deg) scale(0.7);
}

.find-notices-copies #results-headers input {
  min-width: fit-content;
}

.find-notices-copies #results-headers #numbering {
  width: 200px;
}

.find-notices-copies #results-headers #year {
  width: 300px;
}

.find-notices-copies #results-headers #localisation {
  width: 500px;
}

.find-notices-copies #results-headers #availability {
  padding-left: 20px;
  min-width: 300px;
}

.find-notices-copies #results-headers .notice-header {
  display: inline-block;
  padding: 0 10px 0 0;
}

.popup-dialog-exemplaires.find-notices #drupal-modal {
  max-height: none !important;
}

/* Correctif ajouter dimanche reservation */
.week {
  width: 1200px !important;
}

/*-------------- scrollbar ----------------*/
/*.scrollbar-custom {*/
/*  width: 500px;*/
/*  height: 500px;*/
/*  overflow: auto;*/
/*}*/
/*-------------------------------- TARTEAUCITRON --------------------------*/
#tarteaucitronIcon button {
  box-shadow: none;
}

.banner-actions-mobile {
  display: none;
}

/*********************************************************************************************************/
/********************************************* GLOBAL ****************************************************/
/*********************************************************************************************************/
.hide, .disappear {
  display: none;
}

/*-------------------------------------- view-display-id-agenda_search ----------------------------------*/
.view-display-id-agenda_search article {
  background: #e7e7e7;
  margin: 0.6rem;
}

.view-display-id-agenda_search img {
  max-height: 250px;
  background: #c9c9c9;
}

/*---------------------------------- slide a la une -------------------------------------*/


.views_slideshow_slide {
  background: #92F137;
}

.node-accroche {
  display: flex;

  img {
    width: 100%;
    height: auto;
  }
}

.accroche-visuel {
  flex-grow: 1;
}

.accroche-content {
  flex: 0 0 auto;
  width: 100%;
  max-width: 520px;
  display: flex;
  flex-direction: column;
  padding: 0 72px 20px 55px;
  box-sizing: border-box;
}

.path-frontpage .block-accroche .view-pc-accroche-une .field--name-field-visuel {
  width: 100%;
  height: 100%;
}

.block-accroche#block-views-block-pc-accroche-une-block-1 h2 {
  right: 55px;
  width: 100%;
  max-width: calc(520px - 110px);
}

.path-frontpage .block-accroche .view-pc-accroche-une h3 {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

.path-frontpage .block-accroche .view-pc-accroche-une .field--name-field-descriptif {
  padding-left: 0;
  padding-right: 0;
}

.block-accroche {
  padding-top: 10px;
}


/*****Ticket n 66628 ****************/
#edit-dossier--2 {
  display: none;
}

/***** fin Ticket n 66628 ****************/

/***** Ticket n 75628 ****************/
.field--name-field-menu-pictogram {
  float: left;
  margin-right: 0.5rem;
}


/***** fin Ticket n 75628 ****************/

@media all and (min-width: 770px) {
  .path-contact .contact-form .form-item {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
  }

  .path-contact .contact-form .form-item {
    width: 700px;
  }

  .path-contact .contact-form .form-wrapper .form-wrapper {
    width: 680px;
  }
}

/*--------------------- Order Suggestions Form -----------------------------*/
.plaine-commune-order-suggestions-form {

  .form-required-label {
    font-size: 0.9375rem;
    font-style: italic;
    color: #d22133;
    display: inline-block;
  }

  .form-item label {
    font-weight: 600;
    font-size: 1.0625rem;
  }

  .js-form-type-select label {
    display: block;
  }

  @media screen and (min-width: 992px) {
    margin: 0 auto;
    width: 60%;
  }

  @media screen and (max-width: 991px) {
    .js-form-type-select select {
      margin-left: 0;
    }
  }

}

.block-region-zone-2 {
  position: relative;
  overflow: hidden;
  padding: 2rem 0;
}

.fullscreenMenu-container-content-info .field--name-field-menu-pictogram {
  float: left;
  margin-right: 0.5rem;
}

.view-pc-services .view-content {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  float: none;
  align-items: center;
  min-height: 10rem;
}

.block-views-exposed-filter-blockevenements-page-agenda h2,
.field--name-body {
  padding-left: 1.25rem;
}

@media screen and (min-width: 1317px) {
  body.sticky {
    padding-top: 100px;
  }

  body.sticky header {
    position: fixed;
  }
}

.views-element-container {
  clear: both;
}