@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,700,800&display=swap');

html {
  height: 100%;
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  line-height: 1.4;
}
html, body {
  position: relative;
  font-family: 'Roboto', sans-serif;
  color: #3D3D3D;
  font-size: 15px;
}
body {
  overflow-x: hidden;
  padding-top: 70px;
  position: relative;
}
body * {
  box-sizing: border-box;
}
p {
  position: relative;
  margin-top: 0;
}

/**
 * Generic
 */
a {color: #1793C1; text-decoration: none; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out; border: 0;}
a:hover, a:active, a:focus {text-decoration: none;}
button, .button, input[type="submit"] {background: #EB6909; color: white; font-size: 1.07em; font-weight: 700; text-transform: uppercase; padding: 0.8em 3em; line-height: 1; border-radius: 5px; border: 0; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}
button:hover, .button:hover, input[type="submit"]:hover {background: #3D3D3D;}
img {display: block;max-width: 100%; height: auto;}
.col-md-50 {float: left; width: 50%;}
.col-md-100 {float: left; width: 100%;}
.container {max-width: 1225px; margin: 0 auto; padding: 0 15px;}
.layout-sidebar-first {width: 23%; float: left;}
.layout-content {width: 100%; float: left; padding-top: 2em;}
.has-sidebar-first .layout-content {width:77%; padding: 0 0 0 2em;}
.has-sidebar-first.has-sidebar-second .layout-content {width:60%;}
.block-title, .block-menu > div:first-child {color: white; background: #1793C1; padding: 0.3em 0.8em; line-height: 1; font-weight: 700; font-size: 2.4em;}
.field--name-field-video {position: relative; padding-bottom: 50.5%; padding-top: 30px; height: 0; overflow: hidden;}
.field--name-field-video iframe, .field--name-field-video object, .field--name-field-video embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.page-node-type-fichier, .field--name-field-page-courante {display: none;}
.has-border {margin-bottom: 0.3em;}
h2 {font-size: 1.6em; font-weight: 700; margin: 0.5em 0 0.3em;}
h3 {font-size: 1.2em; font-weight: 400;}
.layout-content article ul {padding-left: 1.5em;}
.layout-content article li:not(.horizontal-tab-button) {list-style: none; position: relative; margin-bottom: 0.7em;}
.layout-content article li:not(.horizontal-tab-button):before {content: ""; position: absolute; top: 5px; left: -15px; width: 8px; height: 8px; background: #1793C1;}
.page-title {margin-top: 0; font-weight: 800; font-size: 2.66em; border-bottom: 1px solid #D8D8D8; margin-bottom: 0.4em; padding-bottom: 0.1em;}
#block-cacm-local-tasks {width: 100%;}
div.field--name-field-titre {font-weight: 700;}
.role-anonymous.path-admin:not(.is-sde-submission) {display: none;}

/*Header*/
header {height: 70px; z-index: 20; background: white; position: fixed; top: 0; left: 0; width: 100%; transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;}
.user-logged-in header {top: 70px;}
.region-header {display: flex; flex-wrap: wrap; position: relative; height: 70px;}
#block-cacm-branding {width: 20%;}
#block-cacm-search {width: 18%; position: relative;}
#block-menunav {width: 62%; text-align: right;}
header ul.menu {display: inline-block; margin: 1em; padding: 0;}
header ul.menu li {float: left; margin: 0; padding: 0;}
header ul.menu li a {color: #3D3D3D; padding: 0.8em; position: relative; font-size: 0.94em;}
header ul.menu li a:after {content: ""; position: absolute; width: 2px; height: 15px; background: #CFCFCF; right: -1px; top: 0.85em;}
header ul.menu li:last-child a:after {display: none;}
.site-logo {position: absolute; left: 0; top: 0; width: 236px;}
.top-large-wrapper {min-height: 100px;}
.views-field-field-image-d-entete img {width: 100%; max-width: 2500px; margin: 0 auto;}

/*Search*/
#block-cacm-search > div {position: absolute; z-index: 2; left: 1.4em; top: 17px; color: #3D3D3D; font-size: 0.94em;}
.block-search #edit-keys {width: 100%; height: 37px; border-radius: 10px; border: 1px solid #D4D4D4; background: #F9F9F9; padding: 0.8em 3em 0.8em 1.4em; box-sizing: border-box; margin-top: 0.5em;}
.block-search input.form-submit {width: 30px; height: 30px; border: 0; background: url(../images/sprite.svg) no-repeat -100px 1px; overflow: hidden; text-indent: -9999px; position: absolute; right: 5px; top: 11px; padding: 0;}


/*Home slider*/
.region-top-large img {
  width: 100%;
  max-width: 2500px;
  margin: 0 auto;
}
.view-home-slider .views-row, .region-top-large {
  position: relative;
}
.slider-abs, .block-slider-thumbnails {
  position: absolute;
  bottom: 10%;
  right: 0;
  width: 365px;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
}
/*.field--name-field-texte-sur-fond-bleu, .block-slider-thumbnails .views-row {width: 100%!important;}*/
.field--name-field-texte-sur-fond-bleu, 
.block-slider-thumbnails .views-row {
  color: #1793C1;
  width: 100% !important;
  background: rgba(255, 255, 255, 0.85);
  padding: 0.5em 1em;
  font-weight: 700;
  cursor: pointer;
  display: block;
}
.field--name-field-texte-sur-fond-bleu{
  color: white;
}

.view-home-slider .slick-slider .slick-track {
  min-width: 365px;
}
.slider-abs .field--name-field-texte, 
.block-slider-thumbnails .views-row:hover {
  color: white;
  width: 100%;
  background: #008f97;
  padding: 0.5em 1em;
  font-weight: 700;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
}
.paragraph--type--slider-accueil a:hover .slider-abs {
  min-width: 400px;
}
.paragraph--type--slider-accueil a:hover .slider-abs .field--name-field-texte {
  background: white;
}
.paragraph--type--slider-accueil img {
  width: 100%;
}

.block-slider-thumbnails .views-row.slick-current .field-content{
  color: white;
}

.block-slider-thumbnails .views-row.slick-current{
  background: #008f97;
  width:100%
  color: white;
}
.block-slider-thumbnails .views-row.slick-current a{
  color: white;
}
.block-slider-thumbnails .views-row:hover a{
  color: white
}

/*Main menu*/
.primary-menu-wrapper {background: #3D3D3D; display: inline-block; width: 100%; color: white; height: 60px; transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;}
.primary-menu-wrapper * {height: 100%;}
.primary-menu-wrapper .menuparent *:not(.sf-depth-1) {height: auto;}
#block-navigationprincipale {text-align: center;}
#block-navigationprincipale > ul {display: inline-block; text-align: left; width: 100%;}
.region-primary-menu ul.menu li > .sf-depth-1 {position: relative; height: 100%; padding: 1em 1.5em; color: white; cursor: pointer; text-transform : uppercase; font-size: 0.94em; display: block; font-weight: 700; max-width: 173px; text-align: center;}
.region-primary-menu ul.menu li > .sf-depth-1:before {content: ""; width: 1px; height: 32px; top: 0.8em; left: 0; position: absolute; background: #707070;}
.region-primary-menu ul.menu li > .sf-depth-1:after {content: ""; width: 12px; height: 12px; bottom: 0.7em; left: 50%; transform: translateX(-50%) rotate(45deg); position: absolute; opacity: 0;
transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;
background: rgba(255,255,255,0);
background: -moz-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(49%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
background: linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}
.region-primary-menu li.sfHover > .sf-depth-1:after, .region-primary-menu li.active-trail > .sf-depth-1:after {opacity: 1;}
.region-primary-menu ul > .sf-depth-1:first-child > .sf-depth-1:before {display: none;}
ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul {top: 60px;}
.primary-menu-wrapper .menuparent ul {background: #F1F1F1; border: 1px solid #08759E;}
.primary-menu-wrapper .menuparent ul li:last-child {border: 0;}
.region-primary-menu .sf-depth-2 > ul {top: -1px!important;}
.region-primary-menu ul.menu li > .sf-depth-2, .region-primary-menu li > .sf-depth-3 {color: #08759E; font-size: 0.94rem; cursor: pointer;}
.region-primary-menu .nolink {transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}
.region-primary-menu ul.menu li.sfHover > .sf-depth-2, .region-primary-menu ul.menu li.sfHover > .sf-depth-3, .region-primary-menu ul.menu li.active-trail > .sf-depth-2, .region-primary-menu ul.menu li.active-trail > .sf-depth-3 {color: white; background: #08759E;}
.region-primary-menu ul.menu li.sf-depth-3 {background: #F1F1F1;}
@media screen and (min-width: 768px) {
  .region-primary-menu ul.menu li > .sf-depth-1:hover:after {opacity: 1;}
  .primary-menu-wrapper .menuparent li {border-bottom: 1px solid #08759E;}
  .region-primary-menu ul.menu li > .sf-depth-2:hover, .region-primary-menu li > .sf-depth-3:hover  {color: white; background: #08759E;}
  .region-primary-menu ul.menu li.sf-depth-1 {width: 14.2%;}
}


.region-primary-menu .sf-depth-2.menuparent > .sf-depth-2:after {content: ""; width: 8px; height: 8px; top: 50%; right: 1em; transform: translateY(-50%) rotate(-45deg); position: absolute; opacity: 1;
transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;
background: rgba(255,255,255,0);
background: -moz-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(49%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
background: linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}

/*Sticky*/
.sticky.primary-menu-wrapper {position: fixed; top: 70px; left: 0; width: 100%; z-index: 15;}
body.sticky-body {padding-top: 130px;}
body.sticky-body-2 {padding-top: 60px; transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;}
body.sticky-body-2 header {top: -70px;}
body.sticky-body-2 .sticky.primary-menu-wrapper {top: 0;}
body.sticky-body .site-logo {width: 130px;}

/*Front-page*/
.path-frontpage .region-content {display: flex; flex-wrap: wrap;}
.path-frontpage #block-views-block-actualites-block-1 {width: 75%; padding-right: 2rem; position: relative;}
.path-frontpage #block-enunclic {width: 25%;}
.node--type-page-d-accueil > .node__content {display: flex; flex-wrap: wrap;}
.node--type-page-d-accueil > .node__content > div {width: 50%;}
.path-frontpage #block-cacm-content {width: 100%;}
.bloc-pres-title, .field--name-field-titre-des-medias {font-size: 2em; font-weight: 700; padding-left: 0.8em; background: white;}
.path-frontpage article {margin-top: 3em;}

/*Bloc actu*/
.view-id-actualites .view-content {display: flex; flex-wrap: wrap; justify-content: space-between;}
.view-id-actualites .view-content .views-row {width: calc(33.3333% - 1.33em);}
#block-views-block-actualites-block-1 .block-title {color: #3D3D3D; font-size: 2.66em; background: none; padding: 0; line-height: 1.3; margin-bottom: 1.2em; border-bottom: 1px solid #D8D8D8;}
#block-views-block-actualites-block-1 .view-header a {color: #3D3D3D; position: absolute; right: 2rem; top: 20px; border: 1px solid #D8D8D8; padding: 0.5em 1.2em; display: inline-block; line-height: 1;}
#block-views-block-actualites-block-1 .view-header a:hover {color: white; background: #3D3D3D; border-color: #3D3D3D;}
.view-id-actualites .views-field-title a {color: #3D3D3D; font-weight: 700; font-size: 1.8em; line-height: 1.2; margin: 0.5em 0 0.4em; display: block;}

/*Bloc en un clic*/
#block-enunclic ul.menu {margin: 0;}
#block-enunclic ul.menu .menu-item {padding: 0;}
#block-enunclic ul.menu a {background: #F1F1F1; border-bottom: 1px solid #8E8E8E; padding: 1em 1em 0.9em 3em; color: #363636; font-weight: 700; font-size: 1.07em; display: block; position: relative;}
#block-enunclic ul.menu li:last-child a {border: 0;}
#block-enunclic ul.menu a:before {content:""; width: 45px; height: 45px; background: url(../images/sprite.svg) no-repeat -37px 8px; position: absolute; left: 0; top: 4px; transition: all 0.45s ease-in-out;-webkit-transition: all 0.45s ease-in-out;-moz-transition: all 0.45s ease-in-out;}
#block-enunclic ul.menu .lk-pi:before {background-position: -37px -46px;}
#block-enunclic ul.menu .lk-ho:before {background-position: -37px -101px;}
#block-enunclic ul.menu .lk-re:before {background-position: -37px -153px;}
#block-enunclic ul.menu .lk-bi:before {background-position: -37px -208px;}
#block-enunclic ul.menu .lk-ca:before {background-position: -36px -263px;}
#block-enunclic ul.menu .lk-si:before {background-position: -35px -340px;}
#block-enunclic ul.menu a:hover:before {transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}
#block-enunclic ul.menu a:hover {background: white; color: #1793C1;}
#block-enunclic ul.menu .lk-ki:hover:before {background-position: 7px 8px;}
#block-enunclic ul.menu .lk-pi:hover:before {background-position: 8px -46px;}
#block-enunclic ul.menu .lk-ho:hover:before {background-position: 9px -101px;}
#block-enunclic ul.menu .lk-re:hover:before {background-position: 8px -153px;}
#block-enunclic ul.menu .lk-bi:hover:before {background-position: 8px -208px;}
#block-enunclic ul.menu .lk-ca:hover:before {background-position: 9px -263px;}
#block-enunclic ul.menu .lk-si:hover:before {background-position: 10px -340px;}

/*Bloc présentation*/
.field--name-field-blocs-de-presentation {display: flex; flex-wrap: wrap;}
.field--name-field-blocs-de-presentation > div {width: 50%; padding-right: 1.5em;}
.content-bc-pres {display: block; overflow: hidden; position: relative;}
.txt-wrapper-bc-pres {position: absolute; top: 0; left: 0; color: white; background:#1793C1; padding: 1.5em 0.7em 1em; width: 100%; line-height: 1;}
.txt-wrapper-bc-pres:before {content:"";  width: 130%; height: 70px; background: #1793C1; position: absolute; left: -15%; bottom: -21px; transform: rotate(-8deg); transition: all 0.45s ease-in-out;-webkit-transition: all 0.45s ease-in-out;-moz-transition: all 0.45s ease-in-out;}
.path-frontpage .field--name-field-texte-du-lien {position: relative;}
.path-frontpage .field--name-field-texte-du-lien:before {content: ">";}
.lk-wrapper-bc-pres:hover .txt-wrapper-bc-pres:before {bottom: -40px; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}

/*Home medias*/
.right-col {background: #1793C1;}
.right-col .horizontal-tabs {border: 0;}
.right-col .horizontal-tabs .horizontal-tabs-list {border: 0; display: inline-flex;}
.right-col .horizontal-tabs .horizontal-tab-button {background: #0355A7; width: 50%; border: 0; text-align: center; color: white; font-size: 1.2em; font-weight: 700; padding: 0;}
.right-col .horizontal-tabs .horizontal-tab-button a {color: white;}
.right-col .horizontal-tabs ul.horizontal-tabs-list li.selected {background: #1793C1;}
.right-col .horizontal-tabs-panes {background: #1793C1; padding-top: 1em;}
.right-col .horizontal-tabs-pane {margin: 0; border: 0;}
.right-col .horizontal-tabs ul.horizontal-tabs-list li a:hover {background: #F1F1F1; color: #363636;}

/*Footer*/
footer {display: inline-block; width: 100%; margin-top: 3em; color: white; background: #3E3E3E; text-align: center; padding: 1em 0;}
footer ul.menu {display: inline-block; margin: 0 0 1em;}
footer ul.menu li {float: left;}
footer ul.menu li a {padding: 0 1.2em; display: block; color: white; border-right: 1px solid white; line-height: 1;}
footer ul.menu li:last-child a {border: 0;}
#block-footerbottom {color: #CBCBCB; font-size: 0.94em;}


/*Paragraph-wrapper*/
.paragraph--type--wrapper .field--name-field-bloc {display: flex; flex-wrap: wrap;}
.columns-col-2.format-34-14 .field--name-field-bloc > div:nth-child(odd) {width: 75%; padding-right: 2em;}
.columns-col-2.format-34-14 .field--name-field-bloc > div:nth-child(even) {width: 25%; padding-left: 2em;}
.columns-col-2.format-23-13 .field--name-field-bloc > div:nth-child(odd) {width: 66.66666%; padding-right: 2em;}
.columns-col-2.format-23-13 .field--name-field-bloc > div:nth-child(even) {width: 33.33333%; padding-left: 2em;}
.format-34-14.has-background .field--name-field-bloc > div, .format-14-34.has-background .field--name-field-bloc > div,
.format-23-13.has-background .field--name-field-bloc > div, .format-13-23.has-background .field--name-field-bloc > div {display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column;}
.columns-col-2.format-50-50 {margin-left: -2em!important; margin-right: -2em!important;}
.columns-col-2.format-50-50 .field--name-field-bloc > div {width: 50%; padding: 0 2em;}
.columns-col-3 .field--name-field-bloc {margin: 0 -1.5em;}
.columns-col-3 .field--name-field-bloc > div {width: 33.33333%; padding: 0 1.5em;}
.columns-col-4 .field--name-field-bloc {margin: 0 -1em;}
.columns-col-4 .field--name-field-bloc > div {width: 25%; padding: 0 1em;}
.columns-col-2.format-14-34 .field--name-field-bloc > div:nth-child(odd) {width: 25%; padding-right: 2em;}
.columns-col-2.format-14-34 .field--name-field-bloc > div:nth-child(even) {width: 75%; padding-left: 2em;}
.columns-col-2.format-13-23 .field--name-field-bloc > div:nth-child(odd) {width: 33.33333%; padding-right: 2em;}
.columns-col-2.format-13-23 .field--name-field-bloc > div:nth-child(even) {width: 66.66666%; padding-left: 2em;}
.txt-color-white {color: white;}
.txt-color-white a {color: white;}

/*Breadcrumb*/
.breadcrumb {margin: 2em 0; font-size: 13px;}
.breadcrumb a {color: #3D3D3D}
.breadcrumb li:before {content: " > ";}


/*Left column menu*/
.layout-sidebar-first .field--name-field-titre-du-bloc, #block-navigationprincipale-3-menu, #block-menunav-2-menu {color: white; background: #1793C1; padding: 0.5em 0.8em; line-height: 1; font-weight: 700; font-size: 1.6em;}
.menu-item--expanded, .menu-item--collapsed {list-style: none;}
#block-navigationprincipale-3, #block-menunav-2 {display: none;}
.layout-sidebar-first .block-menu {margin-bottom: 2rem; background: #F1F1F1;}
.layout-sidebar-first .block-menu > ul.menu {padding: 0.5em 1em; margin: 0;}
.layout-sidebar-first .block-menu > ul.menu ul.menu {padding: 0; margin: 0;}
.layout-sidebar-first .block-menu > ul.menu > li > *:first-child {font-size: 1.07em; border-bottom: 1px solid #C9C9C9; padding: 0.4rem 0.7rem 0.4rem 0.1rem; display: block; cursor: pointer; position: relative; color: #3D3D3D;}
.layout-sidebar-first .block-menu > ul.menu > li > *:first-child:before {content: ""; width: 3px; height: calc(100% - 1rem); position: absolute; top: 0.5em; left: -5px; background: none; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}
.layout-sidebar-first .block-menu > ul.menu > li.menu-item--active-trail > *:first-child, .layout-sidebar-first .block-menu > ul.menu > li > .is-active:first-child {color: #363636; font-weight: bold;}
.layout-sidebar-first .block-menu > ul.menu > li.menu-item--active-trail > *:first-child:before, .layout-sidebar-first .block-menu > ul.menu > li > *:first-child:hover:before, .layout-sidebar-first .block-menu > ul.menu > li > .is-active:first-child:before {background: #3D3D3D;}
.layout-sidebar-first .block-menu > ul.menu > li:last-child > *:first-child {border: 0;}
.layout-sidebar-first .block-menu > ul.menu > li.menu-item--expanded > *:first-child:after {content: ""; width: 8px; height: 8px; top: 0.8em; right: 2px; transform: translateY(-50%) rotate(45deg); position: absolute; opacity: 1;
transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;
background: rgba(255,255,255,0);
background: -moz-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(138,138,138,1) 50%, rgba(138,138,138,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(49%, rgba(255,255,255,0)), color-stop(50%, rgba(138,138,138,1)), color-stop(100%, rgba(138,138,138,1)));
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(138,138,138,1) 50%, rgba(138,138,138,1) 100%);
background: -o-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(138,138,138,1) 50%, rgba(138,138,138,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(138,138,138,1) 50%, rgba(138,138,138,1) 100%);
background: linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(138,138,138,1) 50%, rgba(138,138,138,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8A8A8A', endColorstr='#8A8A8A', GradientType=1 );}
.layout-sidebar-first .block-menu > ul.menu > li.menu-item--collapsed > *:first-child:after {content: ""; width: 8px; height: 8px; top: 0.8em; right: 6px; transform: translateY(-50%) rotate(-45deg); position: absolute; opacity: 1;
transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;
background: rgba(255,255,255,0);
background: -moz-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(138,138,138,1) 50%, rgba(138,138,138,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(49%, rgba(255,255,255,0)), color-stop(50%, rgba(138,138,138,1)), color-stop(100%, rgba(138,138,138,1)));
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(138,138,138,1) 50%, rgba(138,138,138,1) 100%);
background: -o-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(138,138,138,1) 50%, rgba(138,138,138,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(138,138,138,1) 50%, rgba(138,138,138,1) 100%);
background: linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(138,138,138,1) 50%, rgba(138,138,138,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8A8A8A', endColorstr='#8A8A8A', GradientType=1 );}

.layout-sidebar-first .block-menu > ul.menu > li > ul > li > *:first-child {font-size: 0.93rem; border-bottom: 1px solid #C9C9C9; padding: 0.4rem 0.5rem 0.4rem 2rem; display: block; cursor: pointer; position: relative; color: #3D3D3D;}
.layout-sidebar-first .block-menu > ul.menu > li > ul > li > *:first-child:before {content: ""; width: 3px; height: calc(100% - 1.2em); position: absolute; top: 0.6em; left: 24px; background: none; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}
.layout-sidebar-first .block-menu > ul.menu > li > ul > li.menu-item--active-trail > *:first-child {color: #1793C1; font-weight: bold;}
.layout-sidebar-first .block-menu > ul.menu > li > ul > li.menu-item--active-trail > *:first-child:before, .layout-sidebar-first .block-menu > ul.menu > li > ul > li > *:first-child:hover:before {background: #1793C1;}
.layout-sidebar-first .block-menu > ul.menu > li > ul > li.menu-item--expanded > *:first-child:after {content: ""; width: 8px; height: 8px; top: 0.8em; right: 2px; transform: translateY(-50%) rotate(45deg); position: absolute; opacity: 1;
transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;
background: rgba(255,255,255,0);
background: -moz-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(138,138,138,1) 50%, rgba(138,138,138,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(49%, rgba(255,255,255,0)), color-stop(50%, rgba(138,138,138,1)), color-stop(100%, rgba(138,138,138,1)));
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(138,138,138,1) 50%, rgba(138,138,138,1) 100%);
background: -o-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(138,138,138,1) 50%, rgba(138,138,138,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(138,138,138,1) 50%, rgba(138,138,138,1) 100%);
background: linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(138,138,138,1) 50%, rgba(138,138,138,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8A8A8A', endColorstr='#8A8A8A', GradientType=1 );}
.layout-sidebar-first .block-menu > ul.menu > li > ul > li.menu-item--collapsed > *:first-child:after {content: ""; width: 8px; height: 8px; top: 0.8em; right: 6px; transform: translateY(-50%) rotate(-45deg); position: absolute; opacity: 1;
transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;
background: rgba(255,255,255,0);
background: -moz-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(138,138,138,1) 50%, rgba(138,138,138,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(49%, rgba(255,255,255,0)), color-stop(50%, rgba(138,138,138,1)), color-stop(100%, rgba(138,138,138,1)));
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(138,138,138,1) 50%, rgba(138,138,138,1) 100%);
background: -o-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(138,138,138,1) 50%, rgba(138,138,138,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(138,138,138,1) 50%, rgba(138,138,138,1) 100%);
background: linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(138,138,138,1) 50%, rgba(138,138,138,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8A8A8A', endColorstr='#8A8A8A', GradientType=1 );}

.layout-sidebar-first .block-menu > ul.menu > li > ul > li > ul > li > *:first-child {font-size: 0.8rem; padding: 0.4rem 0.5rem 0.4rem 3rem; display: block; cursor: pointer; position: relative; color: #3D3D3D;}
.layout-sidebar-first .block-menu > ul.menu > li > ul > li > ul > li > *:first-child:before {content: ""; width: 11px; height: 11px; position: absolute; top: 9px; left: 30px; background: url(../images/arrow.png) no-repeat center;}
.layout-sidebar-first .block-menu > ul.menu > li > ul > li > ul > li.menu-item--active-trail > *:first-child {color: #1793C1; font-weight: bold;}
.layout-sidebar-first .block-menu > ul.menu > li > ul > li > ul > li > *:first-child:hover, .layout-sidebar-first .block-menu > ul.menu > li > ul > li > ul > li > .is-active {color: #1793C1;}



/*Left column other*/
.view-blocs-colonne-de-gauche .item-list > ul {margin: 0; padding: 0; list-style: none;}
.view-blocs-colonne-de-gauche .item-list > ul > li {margin: 0 0 2em; padding: 0;}
.views-field-field-blocs-colonne-de-gauche {margin-bottom: 2em;}
.region-sidebar-first .field--name-field-fichier-a-telecharger {border: 1px solid #DBDBDB; border-top: 0; padding: 1em;}
.button-wrapper {display: block; text-align: center; padding: 0.5em; color: white; font-weight: 700; opacity: 1; font-size: 1.1em; border-radius: 5px; width: 80%; margin: 0 10%;}
.button-wrapper:hover {opacity: 0.8;}
.paragraph--type--bouton-lien img {margin: 0 auto 0.5em;}
.region-sidebar-first .paragraph--type--bloc-libre .field--name-field-texte-libre {border: 1px solid #DBDBDB; border-top: 0; padding: 1em;}
.region-sidebar-first .paragraph--type--bloc-de-liens .field--name-field-lien-du-bloc {border: 1px solid #DBDBDB; border-top: 0; padding: 1em;}
.node--type-fichier a,.paragraph--type--bloc-de-liens a {color: #3D3D3D; padding-left: 1em; margin-bottom: 0.5em; position: relative; display: block;}
.node--type-fichier a:before {content:""; width: 15px; height: 16px; background: url(../images/sprite.svg) no-repeat -110px -60px; position: absolute; left: 0; top: 3px;}
.paragraph--type--bloc-de-liens a:before {content:""; width: 15px; height: 16px; background: url(../images/sprite.svg) no-repeat -106px -117px; position: absolute; left: 0; top: 3px;}
.node--type-fichier a:hover, .paragraph--type--bloc-de-liens a:hover {color: #1793c1;}
.field--name-field-lien-du-bloc > div:last-child a, .field--name-field-fichiers-existants > div:last-child a {margin-bottom: 0;}

/*Paragraph tableau*/
.paragraph--type--tableau {font-weight: 700;}
.field--name-field-titre-du-tableau {color: white; background: #1793C1; padding: 1em;}
.paragraph--type--ligne-de-tableau {display: flex; flex-wrap: wrap; justify-content: flex-end; width: 100%;}
.paragraph--type--tableau .tab-50 {max-width: 445px;}
.paragraph--type--tableau .tab-75 {max-width: 668px;}
.paragraph--type--tableau .col2 .paragraph--type--ligne-de-tableau {justify-content: flex-start;}
.field--name-field-texte-colonne-1 {width: 20%;}
.paragraph--type--tableau .col2 .field--name-field-texte-colonne-1 {width: 50%;}
.field--name-field-texte-colonne-2 {width: 60%; padding: 0 1em;}
.paragraph--type--tableau .col2 .field--name-field-texte-colonne-2 {width: 50%;}
.paragraph--type--tableau .larg-col-1-20 .field--name-field-texte-colonne-1, .paragraph--type--tableau .larg-col-2-20 .field--name-field-texte-colonne-2, .paragraph--type--tableau .larg-col-3-20 .field--name-field-texte-colonne-3 {width: 20%!important;}
.paragraph--type--tableau .larg-col-1-33 .field--name-field-texte-colonne-1, .paragraph--type--tableau .larg-col-2-33 .field--name-field-texte-colonne-2, .paragraph--type--tableau .larg-col-3-33 .field--name-field-texte-colonne-3  {width: 33.33333%!important;}
.paragraph--type--tableau .larg-col-1-40 .field--name-field-texte-colonne-1, .paragraph--type--tableau .larg-col-2-40 .field--name-field-texte-colonne-2, .paragraph--type--tableau .larg-col-3-40 .field--name-field-texte-colonne-3  {width: 40%!important;}
.paragraph--type--tableau .larg-col-1-50 .field--name-field-texte-colonne-1, .paragraph--type--tableau .larg-col-2-50 .field--name-field-texte-colonne-2, .paragraph--type--tableau .larg-col-3-50 .field--name-field-texte-colonne-3  {width: 50%!important;}
.paragraph--type--tableau .larg-col-1-60 .field--name-field-texte-colonne-1, .paragraph--type--tableau .larg-col-2-60 .field--name-field-texte-colonne-2, .paragraph--type--tableau .larg-col-3-60 .field--name-field-texte-colonne-3  {width: 60%!important;}
.paragraph--type--tableau .larg-col-1-67 .field--name-field-texte-colonne-1, .paragraph--type--tableau .larg-col-2-67 .field--name-field-texte-colonne-2, .paragraph--type--tableau .larg-col-3-67 .field--name-field-texte-colonne-3  {width: 66.66666%!important;}
.paragraph--type--tableau .larg-col-1-80 .field--name-field-texte-colonne-1, .paragraph--type--tableau .larg-col-2-80 .field--name-field-texte-colonne-2, .paragraph--type--tableau .larg-col-3-80 .field--name-field-texte-colonne-3  {width: 80%!important;}

.field--name-field-texte-colonne-3 {width: 20%;}
.field--name-field-lignes-du-tableau > div {padding: 0.8em 1em;}
.field--name-field-lignes-du-tableau > div:nth-child(even) {background: #F6F6F6;}
.field--name-field-lignes-du-tableau p {margin-bottom: 0;}

/*Paragraph liste de documents*/
.file--image, .file--application-pdf, .file {background: none;}
.field--name-field-document a {color: #3D3D3D; padding-left: 1em; margin-bottom: 0.5em; position: relative; display: block;}
.field--name-field-document a:before {content:""; width: 15px; height: 16px; background: url(../images/sprite.svg) no-repeat -110px -60px; position: absolute; left: 0; top: 3px;}
.paragraph--type--liste-de-documents-a-telecharger a {color: #1793C1;}
.paragraph--type--liste-de-documents-a-telecharger a:hover {color: #3D3D3D;}

/*Paragraph Image*/
.paragraph--type--image img {margin-bottom: 0.75em;}

/*Liste logements*/
.views-exposed-form {background: #F1F1F1; margin-bottom: 1rem; padding: 1rem}
.views-exposed-form .form--inline {display: flex; flex-wrap: wrap;}
.form--inline .js-form-item-field-type-logement-target-id {width: 33.33333%; margin: 0 0 1em; padding-right: 1em;}
.form--inline .js-form-item-field-montant-loyer-value-min {width: 16.65%; margin: 0 0 1em; padding: 21px 1em 0; position: relative;}
.form--inline .js-form-item-field-montant-loyer-value-min label {position: absolute; top: 0; left: 1em;}
.form--inline .js-form-item-field-montant-loyer-value-max {width: 16.65%; margin: 0 0 1em; padding: 21px 1em 0; position: relative;}
.form--inline .js-form-item-field-montant-loyer-value-max label {position: absolute; top: 34px; left: -6px;}
.form--inline .js-form-item-field-meuble-value {width: 33.33333%; margin: 0 0 1em; padding-left: 1em;}
.block-views-blockrechercher-un-logement-block-1 .form--inline .js-form-item-field-communes-target-id {width: 33.33333%; margin: 0 0 1em; padding-right: 1em;}
.form--inline label {display: block; width: 100%;}
.form--inline input[type="text"], .form--inline select {width: 100%; margin-top: 0.5em; height: 32px; border: 0; border-radius: 5px; padding: 0 5px; color: #8F8F8F; position: relative; z-index: 10;}
.views-exposed-form .form-actions {width: 100%; text-align: center;}

.row-logement-wrapper {display: flex; flex-wrap: wrap; margin: 2em -1em 0;}
.row-logement-wrapper .views-row {width: 33.3333%; padding: 0 1em; margin-bottom: 2em;}
.logement-row {height: 100%;}
.logement-row a {display: block; width: 100%; height: 100%; border: 1px solid #D8D8D8; color: #3d3d3d;}
.logement-row a:hover {border-color: #1793C1;}
.logement-row .views-field-title {font-weight: 800; margin: 1rem;}
.views-row-annonce-bottom {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 1rem 1rem;}

/*Detail logements*/
.page-node-type-logement .region-content {display: flex; flex-wrap: wrap; }
.page-node-type-logement #block-cacm-page-title {width: 100%;}
.page-node-type-logement #block-cacm-content {width: 100%; margin-bottom: 2em;}
#block-views-block-images-detail-logement-block-1 {width: 69%; padding-right: 2em;}
#block-views-block-images-detail-logement-block-2 {width: 20%;}
.slick-vertical .slick-slide {margin-bottom: 1.4em;}
.page-node-type-logement .field--label-inline .field__label:after {content: "";}
.page-node-type-logement .field--name-field-ndeg-de-l-annonce.field--label-inline .field__label {padding-right: 0; width: auto;}
.page-node-type-logement .field--name-field-ndeg-de-l-annonce.field--label-inline {color: #1793C1; font-weight: 700; margin-bottom: 1.6em;}
.page-node-type-logement .field--label-inline {display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 1em;}
.page-node-type-logement .field--label-inline:not(.field--name-field-ndeg-de-l-annonce) .field__label {width: 23%; text-align: right;}
.page-node-type-logement .field--label-inline:not(.field--name-field-ndeg-de-l-annonce) .field__item {width: 77%; padding-left: 2em;}


/*Paragraph Ligne de bus*/
.link-ldb {display: flex; flex-wrap: wrap; color: #363636; width: 100%; height: 100%; background: #ECECEC; margin-bottom: 3px;}
.link-ldb:hover {background: #3E3E3E; color: white;}
.color-carre {width: 48px; height: 48px;}
.title-file {padding: 14px 4em 12px 1em; font-size: 1.07em; font-weight: 700; position: relative; width: calc(100% - 48px);}
.title-file:after {content:""; width: 45px; height: 48px; background: url(../images/sprite.svg) no-repeat -96px -152px; position: absolute; right: 9px; top: 0;}

/*Liste des conseillers*/
.view-all-header {background: #F1F1F1; display: flex; flex-wrap: wrap;}
.view-all-header .views-exposed-form {margin-bottom: 0; width: 66%;}
.view-all-header .view-pdf-conseillers {width: 34%; text-align: right;}
.view-all-header .form--inline .js-form-item-field-commune-value {width: 55%; display: flex; flex-wrap: wrap; padding-right: 0; margin-bottom: 0;}
.view-all-header .views-exposed-form .form-actions {width: 45%; text-align: left; margin: 0; padding-left: 1em;}
.view-all-header .form--inline label {width: 60px; margin: 0; padding: 0.5em 0;}
.view-all-header .form--inline select {width: calc(100% - 70px); margin: 0 0 0 10px; height: 34px;}
.view-all-header input[type="submit"] {padding: 0.5em 3em; height: 34px;}
.link-pdf {display: inline-block; padding: 1.4em 4em 1.4em 1.4em; color: #3D3D3D; position: relative;}
.link-pdf:after {content:""; width: 49px; height: 49px; background: url(../images/pdf.png) no-repeat center; position: absolute; right: 7px; top: 8px;}
.link-pdf:hover {color: #EB6909;}



.row-conseillers-wrapper {display: flex; flex-wrap: wrap; margin: 2em 1em 0 1em;}
.row-conseillers-wrapper .views-row {width: 33%; padding: 0 0.8em; margin-bottom: 3em;}
@media screen and (max-width: 768px) {
  .row-conseillers-wrapper .views-row{
    width: 50%;
  }
}
.row-conseillers-wrapper .field--name-field-nom-du-conseiller {font-weight: 700; line-height: 1; background-color: #F6F6F6; padding:0.8em 0.8em 0em 0.8em; color:#3e3b3a;}
.row-conseillers-wrapper .field--name-field-fonction {background-color: #F6F6F6; padding:0.8em; color:#595959;}
.row-conseillers-wrapper .views-row img {
  display: block;
    margin-left: auto;
    margin-right: auto;
}
.row-conseillers-wrapper .paragraph--type--conseiller .field--name-field-image{
  background-color: #727272;
}






/*Paragraph accordeon*/
.paragraph--type--bloc-accordeon {color: white; background: #EB6909; margin-bottom: 2em; padding: 1rem 1rem 1rem 4rem; margin: 1.5em 0;}
.paragraph--type--bloc-accordeon a {color: white !important; text-decoration: underline !important;}
.paragraph--type--bloc-accordeon span {color: white !important; text-decoration: underline !important;}
.layout-content article .paragraph--type--bloc-accordeon li:not(.horizontal-tab-button):before {background: white;}
.alert-line {padding-left: 2em;}
.open-0 {display: none;}
.title-accord {margin: 0.3em 0;}
.title-accord:not(.link-open-1) {cursor: pointer; margin: 0.3em 0; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}
.title-accord:not(.link-open-1):hover, .line-selected {color: #3d3d3d;}
.title-accord strong {font-weight: 700; margin-right: 0.4em;}
.paragraph--type--bloc-accordeon .field--name-field-titre-du-bloc {font-size: 2em; font-weight: 700; position: relative; line-height: 1; margin-bottom: 0.3em;}
.paragraph--type--bloc-accordeon .field--name-field-titre-du-bloc:before {content:""; width: 45px; height: 48px; background: url(../images/sprite.svg) no-repeat -98px -220px; position: absolute; right: calc(100% + 5px); top: -11px;}
.display-open-1 {display: none;}

/*Contact*/
#edit-maincontainer {background: #F1F1F1; padding: 0.5em 1.8rem; display: flex; flex-wrap: wrap; justify-content: space-between;}
#edit-maincontainer > div:nth-child(-n+3) {width: 31%;}
#edit-maincontainer > div:nth-child(-n+3) input {width: 100%; border: 0; height: 32px; border-radius: 5px; padding: 0.5em;}
#edit-maincontainer .form-item-message {width: 100%;}
#edit-maincontainer textarea {border: 0; border-radius: 5px; padding: 0.5em;}
#edit-markup {margin-top: 0.3em; font-size: 0.95em; padding-left: 1.8rem;}
.page-node-type-contact .paragraph--type--wrapper a {color: #3D3D3D;}

#block-boutonmenu {display: none; text-align: center;}
#block-boutonmenu a {display: inline-block; background: #3D3D3D; padding: 0.6em 1.5em 0.8em; font-weight: 700; color: white; line-height: 1; margin-bottom: 1.5em;}

footer ul.menu a.is-active {color: white;}

/*Deliberations*/
.view-content td {padding: 0.5em 0.9em;}
.view-content tbody tr:nth-child(even) {background: #F1F1F1;}
.views-field-field-titre-de-la-deliberation a {font-weight: 700; color: #222222;}
.view-content thead th {color: white; background: #1793C1; padding: 1em 0.9em; line-height: 1; font-weight: 700; text-align: left;}
.view-delibretaions .view-content {margin-top: 3em;}
.views-field.views-field-field-pdf a {width: 30px; height: 30px; background: url(../images/sprite.svg) no-repeat -146px -79px; overflow: hidden; text-indent: -99999px; display: block; background-size: 290px;}
.views-field.views-field-field-pdf {text-align: center;}
.block-views-blockdelibretaions-block-1 .block-title  {font-size:1.6em;}

/*Sorties*/
.view-rechercher-une-sortie .views-row {display: flex; flex-wrap: wrap; margin-bottom: 2em;}
.view-rechercher-une-sortie .view-content {margin-top: 3em;}
.view-rechercher-une-sortie .view-content .views-row:nth-child(even) {background: #F1F1F1;}
.view-rechercher-une-sortie .views-field-field-image {width: 25%;}
.view-rechercher-une-sortie .sortir-right {width: 75%; padding: 0 2em;}
.view-rechercher-une-sortie .view-content .views-row:nth-child(even) .sortir-right {padding: 1em 2em;}
.views-field-lieu {font-style: italic; margin-bottom: 0.3em;}
.view-rechercher-une-sortie .views-field-title a {color: #3D3D3D; font-size: 1.1em; font-weight: 700; margin-bottom: 0.3em; display: block;}
.view-rechercher-une-sortie .views-field-title a:hover {color: #1793C1;}
.views-field-body big {font-size: 1rem;}
.view-rechercher-une-sortie .views-field-categorie {font-size: 0.9em; font-weight: 700; margin-bottom: 0.3em;}
.views-field-date-texte a {font-weight: 700;}
.block-views-blockrechercher-une-sortie-block-1 .views-exposed-form .form--inline > div:not(#edit-actions) {width: 33.3333%; margin: 0 0 2em; padding: 0 1em;}
.page-node-type-sortie .field--name-field-image img {max-height: 500px; width: auto; margin: 0 auto 2em;}

/*Sorties détail*/
.field--name-field-date-texte {color: #1793C1; margin-bottom: 0.5em; font-weight: 700;}
.page-node-type-sortie .field--name-field-communes {font-style: italic;}
.field--name-field-lieu-de-l-evenement {font-style: italic; margin-bottom: 0.5em;}

/*Diapo pop up*/
.field--name-field-images > .field__item:nth-child(n+2) {display: none;}
.node--type-page-d-accueil .paragraph--type--diaporama-pop-up img{margin: 0 auto; width: 320px}
.node--type-page-d-accueil .diaporama-text{color: white; margin-top: 14px; font-size: 16px;margin-bottom: 0;}
.node--type-page-d-accueil .diaporama-title{color: white; font-size: 1.5rem;}
.node--type-page-d-accueil .media--type-remote-video {margin-top: 0.5em}
.node--type-page-d-accueil .media--type-remote-video iframe {top: 0; left: 0; width: 100%; min-height: 300px;}
.node--type-page-d-accueil #edit-group-video .details-wrapper {padding: 0;}


/*Cookies*/
.decline-button.eu-cookie-compliance-default-button {color: white; background: none; font-size: 0.8rem; font-weight: 400; border: 0; text-shadow: none; padding: 0; box-shadow: none;}
.agree-button.eu-cookie-compliance-secondary-button {background: #1793C1; padding: 0.5em; margin-right: 1em;}
.agree-button.eu-cookie-compliance-secondary-button:hover {background: black;}

/*Semaine des étudiants*/
.field--name-field-total-des-places-disponibl, .field--name-field-total-des-places-patinoire, #block-views-block-soumissions-webform-block-2, #block-views-block-soumissions-webform-block-1, .field--name-field-total-des-places-disponi-2,
#block-views-block-soumissions-webform-block-4, .js-form-item-navette {display: none;}
.sde-sub-title {color: #EB6909; border-bottom: 1px solid #EB6909; margin: 0.7em 0 0.5em;}
.sde-wrapper-col-1-content {background: #3D3D3D; color: white; padding: 1em; position: relative;}
.sde-wrapper-col-2-content {background: #3D3D3D; color: white; padding: 1em; height: 100%; position: relative;}
.sde-wrapper {display: flex; flex-wrap: wrap;}
.sde-wrapper-col-1 {width: 70%; padding-right: 1.5em;}
.sde-wrapper-col-2 {width: 30%; display: none;}
.sde-wrapper-col-content-title {position: relative; display: inline-block; cursor: pointer; font-size: 1.2em; margin-bottom: 0.75em; max-width: calc(100% - 80px); transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}
.sde-wrapper-col-content-title.title-active label {color: #EB6909;}
.sde-wrapper-col-content-title label {display: inline-block; padding-left: 1.5em; cursor: pointer; z-index: 5; position: relative;}
.sde-wrapper-col-content-title label.sde-reserved {padding-left: 0; cursor: inherit; font-weight: 700; text-transform: uppercase; text-decoration: underline;}
.sde-wrapper-col-content-title input[type="checkbox"] {position: absolute; top: 0.35em; left: 0; z-index: 1;}
.sde-more {color: white; text-decoration: underline;}
.sde-more:hover {color: #EB6909;}
.sde-wrapper-col-1-content .sde-more {position: absolute; top: 1em; right: 1em; width: 80px; text-align: right;}
.pl-cine-dispo, .pl-pat-dispo, .pl-cine2-dispo {font-weight: 700; display: inline-block;}
.sde-places > span {color: #06d00a; font-weight: 700;}
.no-more-resa .sde-places {display: none;}
.sde-wrapper-col-content-title-nav, .sde-wrapper-col-content-title-repas {display: none;}
#edit-soirees, .js-form-item-repas, .js-form-item-soirees-checkboxes--other-, .is-sde-submission .js-form-item-etablissements, .path-inscription-sde .view-filters, .field--name-field__d-infos-navettes,
.field--name-field-total-des-places-navettes-, #block-views-block-soumissions-webform-block-3, .field--name-field-total-places-repas-disponi, #block-views-block-soumissions-webform-block-5, .sde-places-repas {display: none;}
.is-sde-submission #edit-soirees, .is-sde-submission .form-item-navette-cinema {display: block;}
.page-node-type-semaine-de-l-etudiant #edit-elements {background: #F1F1F1; padding: 0.5em 1.8rem; margin-top: 3em; display: none;}
.page-node-type-semaine-de-l-etudiant #edit-sde-wrapper {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 2rem;}
.page-node-type-semaine-de-l-etudiant #edit-sde-wrapper > div:nth-child(-n+3) {width: 31%;}
.page-node-type-semaine-de-l-etudiant #edit-sde-wrapper > div:nth-child(-n+3) input {width: 100%; border: 1px solid #1793c1; height: 32px; border-radius: 5px; padding: 0.5em;}
#edit-sde-wrapper-content {width: 100%;}
.page-node-type-semaine-de-l-etudiant .shs-field-container {margin-bottom: .25rem; width: 100%; display: flex; flex-wrap: wrap;}
.page-node-type-semaine-de-l-etudiant .shs-widget-container {width: 31%; margin-right: 3%;}
#edit-etablissements--description {font-weight: 700; margin-bottom: 1em;}
.page-node-type-semaine-de-l-etudiant .shs-select {width: 100%; border: 1px solid #1793c1; height: 32px; border-radius: 5px; padding: 0.5em;}
.page-node-type-semaine-de-l-etudiant #edit-elements #edit-actions {margin-top: 3em;}
.sde-button-wrapper {margin-top: 2em; text-align: center;}
.page-node-type-semaine-de-l-etudiant .layout-content {min-height: 408px;}
#block-popupsemainedeletudiant {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 500; background: rgba(0, 0, 0, 0.7); display: none;}
#block-popupsemainedeletudiant.pop-up-opened {display: block;}
.sge-pop-up-content {color: #3D3D3D; background: white; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 2em 1.5em 0; max-width: 50%;}
.close-pop-up {width: 20px; height: 20px; position: absolute; top: 0.5em; right: 0.5em; display: inline-block; cursor: pointer;}
.close-pop-up:before {content: ""; width: 1px; height: 28px; position: absolute; top: 0; left: 0; background: #3D3D3D; transform: rotate(-45deg); transform-origin: top; transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;}
.close-pop-up:after {content: ""; width: 29px; height: 1px; position: absolute; top: 100%; left: 0; background: #3D3D3D; transform: rotate(-45deg); transform-origin: left; transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out;}
.field--name-field__d-infos-cinema, .field--name-field__d-infos-patinoire {display: none;}
.lk-bol a {font-size: 1.1em; font-weight: 700; margin-top: 0.5em; display: inline-block; color: #EB6909;}
.sde-wrapper .lk-bol a {color: white; text-decoration: underline;}
.lk-bol a:hover {color: #3D3D3D;}
.sde-wrapper .lk-bol a:hover {color: #EB6909;}
.pl-nav-dispo {font-weight: 700;}
#block-mailmodificationsuppression {display: none;}
#edit-sde-wrapper-content #edit-actions {position: relative;}
.mask-div {position: absolute; top: 0; left: 0; width: 100%; z-index: 5; height: 100%;}
.page-node-type-semaine-de-l-etudiant:not(.ok-resa) .webform-submission-form .form-actions {display: none;}

/*Offres Immo*/
.gm-style-iw-d, .gm-style .gm-style-iw-c {width: 320px; max-width: 100%; opacity: 1; max-height: 350px!important; height: 350px; overflow: hidden!important;}
.gm-style-iw-d > div:first-child, .gm-style .gm-style-iw-c > div:first-child {height: 100%; overflow: auto;}
.gm-style .gm-style-iw-c {padding: 0;}
.gm-ui-hover-effect {top: 0!important; right: 1px;!important}
.gm-ui-hover-effect img {width: 24px!important; height: 24px!important; margin: 0!important; background: white; border-radius: 50%;}
.offre-map .slick-arrow {padding: 0; width: 24px; height: 24px; border: 0; background: url(../images/arrow-slide.svg) no-repeat center; background-size: 100%; overflow: hidden; text-indent: -9999px; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}
.offre-map .slick-arrow.slick-prev {left: 0.5em; transform: translateY(-50%) rotate(180deg);}
.offre-map .slick-arrow.slick-next {right: 0.5em;}
.offre-map .slick-arrow:hover {border-color: #292929;}
.offre-map .slick-arrow:focus, .slick-dots button:focus {outline:none;}
.offre-map .slick-dots {margin: 0; padding: 0; list-style: none; position: absolute; bottom: 0.5rem; left: 50%; transform: translateX(-50%);}
.offre-map .slick-dots li {float: left; margin: 0 0.25em;}
.offre-map .slick-dots button {padding: 0; overflow: hidden; width: 0.875rem; height: 0.875rem; background: white; border: 0; border-radius: 8px; text-indent: -9999px; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out; border: 1px solid #3D3D3D;}
.offre-map .slick-dots .slick-active button, .slick-dots button:hover {background: #08759E;}
.gm-style .gm-style-iw .offre-map img {margin: 0; padding: 0;}
.gm-style .gm-style-iw p:first-child, .gm-style .gm-style-iw div:first-child, .gm-style .gm-style-iw .field:first-child {padding: 0;}
.button.button-orange {display: inline-block; font-size: 0.9rem; padding: 0.7rem 3rem;}
.button.button-orange:hover {background: #3D3D3D;}
.offre-commune {display: flex; flex-wrap: wrap;}
.title-offre {text-align: center; font-weight: 700; font-size: 1.1rem; margin: 0.5rem;}
.gm-style {font-style: inherit;}
.offre-map-bottom {padding: 0 0.75rem;}
.offre-link {text-align: center; padding: 0.75rem 0;}
.offre-commune span {margin-right: 0.25rem;}
.path-offres-immo-carte .form--inline label, .path-offres-immo-liste .form--inline label {display: inline;}
.path-offres-immo-carte .views-exposed-form, .path-offres-immo-liste .views-exposed-form {padding: 0;}
.path-offres-immo-carte .views-exposed-form .form--inline, .path-offres-immo-liste .views-exposed-form .form--inline {padding: 1rem;}
.path-offres-immo-carte .views-exposed-form .form--inline > div, .path-offres-immo-liste .views-exposed-form .form--inline > div {width: 100%;}
.path-offres-immo-carte .form--inline .form-item .form-item, .path-offres-immo-liste .form--inline .form-item .form-item {margin-left: 1.5rem;}
fieldset[data-drupal-selector="edit-field-type-de-bien-value"] label {position: relative; padding-left: 2.5rem;}
fieldset[data-drupal-selector="edit-field-type-de-bien-value"] label:before {content: ""; width: 32px; height: 32px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url(../images/location.png) no-repeat center;}
fieldset[data-drupal-selector="edit-field-type-de-bien-value"] label[for="edit-field-type-de-bien-value-bureaux"]:before {background: url(../images/bureau.png) no-repeat center;}
fieldset[data-drupal-selector="edit-field-type-de-bien-value"] label[for="edit-field-type-de-bien-value-entrepots"]:before {background: url(../images/entrepot.png) no-repeat center;}
fieldset[data-drupal-selector="edit-field-type-de-bien-value"] label[for="edit-field-type-de-bien-value-commerciaux"]:before {background: url(../images/marche.png) no-repeat center;}
fieldset[data-drupal-selector="edit-field-type-de-bien-value"] label[for="edit-field-type-de-bien-value-reunion"]:before {background: url(../images/salle-de-reunion.png) no-repeat center;}
fieldset[data-drupal-selector="edit-field-type-de-bien-value"] label[for="edit-field-type-de-bien-value-coworking"]:before {background: url(../images/coworking.png) no-repeat center;}
fieldset[data-drupal-selector="edit-field-type-de-bien-value"] .form-type-checkbox {margin: 1rem 0;}
div[data-drupal-selector="edit-field-t-value"] {padding-left: 1.5rem;}
div[data-drupal-selector="edit-field-t-value"] label.option {font-weight: 700;}
.links-offres-header a {display: inline-block; line-height: 1; padding: 0.5rem 1.2rem 0.35rem; background: #F1F1F1; color: #1793C1; border: 1px solid #1793C1; margin-right: 0.5rem; border-radius: 10px;}
.path-offres-immo-carte .layout-sidebar-first .form-actions, .path-offres-immo-liste .layout-sidebar-first .form-actions {display: none;}
.path-offres-immo-carte .links-offres-header a:first-child, .links-offres-header a:hover, .path-offres-immo-liste .links-offres-header a:nth-child(2) {background: #1793C1; color: white;}
.view-offres-foncieres-et-immobilieres .view-header {position: relative; margin-bottom: 1.5rem;}
.view-offres-foncieres-et-immobilieres .view-header .total-map {position: absolute; right: 0; bottom: 0; font-style: italic;}

.view-id-offres_foncieres_et_immobilieres.view-display-id-page_2 .view-content {display: flex; flex-wrap: wrap; margin: 0 -1rem;}
.view-id-offres_foncieres_et_immobilieres.view-display-id-page_2 .views-row {width: calc(33.33333% - 2rem); overflow: hidden; margin: 0 1rem 2rem; border-radius: 20px; -webkit-box-shadow: 0px 3px 12px 3px rgb(0 0 0 / 16%); box-shadow: 0px 3px 12px 3px rgb(0 0 0 / 16%);}

/*Offre détail*/
.det-offre-liste {display: flex; flex-wrap: wrap;}
.offre-detail > ul {list-style: none; padding: 0; margin: 0;}
.offre-detail > ul > li {position: relative; padding-left: 1.25rem; margin-bottom: 1rem;}
.offre-detail > ul > li:before {content:""; width: 10px; height: 10px; position: absolute; left: 0; top: 5px; background: #1793C1;}
.det-com-wrapper > span, .det-prop-wrapper > span {margin-right: 0.25rem;}
.views-field-field-images-de-l-offre > .field-content > .item-list > ul {list-style: none; margin: 0; padding: 0;}
.views-field-field-images-de-l-offre > .field-content > .item-list > ul > li, .offre-detail > ul > li p {margin: 0;}
.user-logged-in .views-field-field-images-de-l-offre > .field-content > .item-list .contextual-links {display: block!important;}
.user-logged-in .views-field-field-images-de-l-offre > .field-content > .item-list .contextual .trigger {display: none!important;}
.views-field-field-images-de-l-offre {max-width: 810px; margin: 0 auto 3rem;}
.page-node-type-offre-immo .has-sidebar-first .layout-content {width: 100%; padding: 0;}
.page-node-type-offre-immo .region-content {display: flex; flex-wrap: wrap; -webkit-box-shadow: 0px 3px 12px 3px rgb(0 0 0 / 16%); box-shadow: 0px 3px 12px 3px rgb(0 0 0 / 16%); padding: 2rem 2rem 5rem; position: relative;}
.page-node-type-offre-immo .region-content #block-cacm-page-title, #block-views-block-images-offres-immo-block-1 {width: 100%;}
.page-node-type-offre-immo #block-cacm-content {width: 50%;}
.view-images-offres-immo img {margin: 0 auto;}
#block-blocdetailoffreimmo {width: 50%;}
#block-views-block-offre-detail-carte-block-1 {width: 100%; margin-top: 2rem;}
.page-node-type-offre-immo #cboxCurrent {display: none!important;}
.offre-immo-actions {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
    margin: 2rem 0 1rem;
    justify-content: center;
	position: absolute;
	left: 0;
	bottom: 1rem;
	width: 100%;
}
#block-views-block-offre-detail-carte-block-1 .views-field-field-coordonnees {display:none;}
.lk-open-map a {padding-left: 1.25rem; position: relative; text-decoration:underline; font-style: italic; color: inherit;}
.lk-open-map a:before {content: ""; width: 15px; height: 20px; background: url(../images/position.png) no-repeat center; position: absolute; left: 0; top: 0;}
.bloc-offre-sac {max-width: 440px;  -webkit-box-shadow: 0px 3px 12px 3px rgb(0 0 0 / 16%); box-shadow: 0px 3px 12px 3px rgb(0 0 0 / 16%); border-radius: 20px; padding: 1rem; border: 3px solid #EB6909;}
.bloc-offre-sac h3 {text-align: center; margin: 0 0 2rem; font-weight: 700; color: #EB6909;}
.bloc-offre-sac-top-center {padding-left: 1rem; margin-bottom: 1rem;}
.bloc-offre-sac-top {display: flex; flex-wrap: wrap;}
.bloc-offre-sac-top-left {width: 26%;}
.bloc-offre-sac-top-right {width: 74%; padding-left: 1rem;}
.bloc-offre-sac-bottom {display: flex; flex-wrap: wrap; justify-content: center;}
.bloc-offre-sac-bottom > div {padding: 0 1rem; display: flex; flex-direction: column; justify-content: center;}
.bloc-offre-sac-bottom .button.button-orange {text-transform: none; font-weight: 400; padding: 0.7rem; width: 100%; text-align: center;}
.bloc-offre-sac-top-right h3 {margin: 0 0 0.5rem; font-weight: 700; font-size: 1.25rem;}
.bloc-offre-tel a, .bloc-offre-mail a {color: inherit; font-size: 0.85rem; padding-left: 1.75rem; position: relative;}
.bloc-offre-tel a:before {content:""; width: 20px; height: 20px; position: absolute; left: 0; top: -2px; background: url(../images/call.png) no-repeat center;}
.bloc-offre-mail a:before {content:""; width: 24px; height: 20px; position: absolute; left: 0; top: -2px; background: url(../images/email.png) no-repeat center;}

.pdf-print, .pdf-print .layout-content {background:white; color: black;}
.pdf-print .region-content-bottom {display: none;}
.addtoany_list.a2a_kit_size_32 a > span.a2a_s_email {background: #EB6909!important; color: white; width: 242px; height: 35px; line-height: 1; border-radius: 5px; text-indent: -9999px; overflow: hidden; position: relative; transition: all 0.25s ease-in-out;}
.addtoany_list.a2a_kit_size_32 a > span.a2a_s_email:hover {opacity: 1; background: #3E3E3E!important;}
.addtoany_list.a2a_kit_size_32 a > span.a2a_s_email:after {content:"Envoyer cette fiche"; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-indent: 0; font-size: 1rem; text-align: center; line-height: 34px;}
#download-pdf {text-transform: none; font-weight: 400; font-size: 1rem;}
.region-content-bottom {display: flex; flex-wrap: wrap; justify-content: center; margin: 3rem 0 0;}
#block-imprimerpdf, #block-views-block-partager-offre-block-1 {margin: 0 1rem 1rem;}
#block-views-block-offres-foncieres-et-immobilieres-block-1 {width: 100%; margin-top: 2rem;}
#block-views-block-offres-foncieres-et-immobilieres-block-1 > div:not(.block-title) {max-width: 900px; margin: 0 auto;}
#block-views-block-offres-foncieres-et-immobilieres-block-1 > div.block-title {background: none; color: inherit; margin-bottom: 2rem;}
#block-views-block-offres-foncieres-et-immobilieres-block-1 .views-field-field-offres-similaires .item-list > ul {display: flex; flex-wrap: wrap; margin: 0 -1rem; padding: 0; list-style: none;}
#block-views-block-offres-foncieres-et-immobilieres-block-1 .views-field-field-offres-similaires .item-list > ul > li {width: calc(33.33333% - 2rem); overflow: hidden; margin: 0 1rem 2rem; border-radius: 20px; padding: 0; -webkit-box-shadow: 0px 3px 12px 3px rgb(0 0 0 / 16%); box-shadow: 0px 3px 12px 3px rgb(0 0 0 / 16%);}

.page-node-type-offre-immo .views-field-field-images-de-l-offre-1 {display: none;}
.pdf-print.page-node-type-offre-immo .views-field-field-images-de-l-offre-1 {display: block;}
.page-node-type-offre-immo .views-field-field-images-de-l-offre-1 ul {margin: 0 0 2rem; padding: 0; list-style: none; display: flex; flex-wrap: wrap;}
.page-node-type-offre-immo .views-field-field-images-de-l-offre-1 ul li {width: 33.3333%; padding: 0 0.75rem; margin: 0 0 1.5rem;}
.pdf-print .views-field-field-images-de-l-offre {display: none;}
.pdf-print .container {max-width: 3500px; font-size: 1.5rem;}
.pdf-print .bloc-offre-sac-top-center p a {font-size: 1.25rem;}
.pdf-print .bloc-offre-sac {max-width: 600px;}
.pdf-print .lk-open-map {display: none;}
.pdf-print .bloc-offre-tel a:before, .pdf-print .bloc-offre-mail a:before {top: 5px;}
#hide-blank {position: fixed; background: white; width: 100%; height: 100%; top: 0; left: 0; z-index: 200; display: none;}
.pdf-print #hide-blank {display: block;}
#block-logopdfoffresimmo {display: none;}
#block-logopdfoffresimmo img {width: 100%;}
.pdf-print #block-logopdfoffresimmo {display: block;}
.layout-sidebar-first .bef-exposed-form .form--inline > .form-item {width: 100%;}
.pdf-print .offre-detail > ul {margin-left: 2rem;}

@media screen and (max-width: 1040px) {
  #block-cacm-branding, .site-logo {width: 130px;}
  #block-menunav {width: calc(82% - 130px);}
  header {font-size: 0.9em;}
  .region-primary-menu ul.menu li > .sf-depth-1 {padding: 1em 0.5em;}
  .slider-abs {min-width: 300px; font-size: 0.9em;}
  .block-title, .block-menu > div:first-child, #block-views-block-actualites-block-1 .block-title {font-size: 1.8em;}
  .view-id-actualites .views-field-title a {font-size: 1.3em;}
  #block-views-block-actualites-block-1 .view-header a {top: 4px;}
  .bloc-pres-title, .field--name-field-titre-des-medias {font-size: 1.5em; font-weight: 700; padding-left: 0;}
}

@media screen and (max-width: 940px) {
  .global-content {display: flex; flex-wrap: wrap;}
  .layout-sidebar-first {width: 200px; float: none;}
  .has-sidebar-first .layout-content {width: calc(100% - 200px); padding: 0 0 0 1em;}
  .layout-sidebar-first .field--name-field-titre-du-bloc, #block-navigationprincipale-3-menu, #block-menunav-2-menu {font-size: 1.3em;}
}

@media screen and (max-width: 850px) {
  .view-id-actualites .view-content .views-row {width: calc(50% - 1.33em);}
  .path-frontpage #block-enunclic {width: 200px;}
  .path-frontpage #block-views-block-actualites-block-1 {width: calc(100% - 200px);}
  #block-enunclic ul.menu a {font-size: 0.9em;}
  .region-primary-menu ul.menu li > .sf-depth-1 {padding: 1em 0.4em; font-size: 0.9em;}
}

@media screen and (max-width: 767px) {
  #block-enunclic ul.menu a {font-size: 1em;}
  #block-enunclic ul.menu a:before {background-size: 200px;}
  html, body {font-size: 13px;}
  .primary-menu-wrapper {position: fixed; top: 0; z-index: 50; background: none}
  .primary-menu-wrapper .container {padding: 0;}
  #block-navigationprincipale > ul {height: auto; background: #3D3D3D;}
  ul.sf-has-clone-parent > li:first-child {display: none;}
  ul.sf-has-clone-parent > li {background: #F1F1F1;}
  ul.sf-has-clone-parent > li > *:first-child {color: #08759E;}
  .region-primary-menu ul.menu li > .sf-depth-1 {max-width: 100%; text-align: left; margin: 0 1.5rem; border-bottom: 1px solid #C9C9C9; padding: 1em 0 0.9em;}
  .region-primary-menu ul.menu li:last-child > .sf-depth-1 {border: 0;}
  .region-primary-menu ul.menu li > .sf-depth-1:before {display:none;}
  .region-primary-menu ul.menu li.menuparent.sf-expanded > .sf-depth-1 {padding-left: 2em; border: 0; background: #1793C1; margin-right: 0;}
  .region-primary-menu ul.menu li.menuparent.sf-expanded > .sf-depth-1:before {display: block; width: 30px; height: 100%; background: #8bc9e0; top: 0; left: -1.7em;}
  .region-primary-menu ul.menu li.menuparent.sf-expanded > .sf-depth-1:after {opacity: 1; width: 8px; height: 8px; bottom: inherit; left: -2px; transform: translateX(-50%) rotate(135deg); top: 13px;}
  .primary-menu-wrapper .menuparent ul {border: 0;}
  .region-primary-menu ul.menu li > .sf-depth-2 {margin: 0 1.5em; border-bottom: 1px solid #C9C9C9;}
  .region-primary-menu .sf-depth-2.menuparent > .sf-depth-2:after {background: rgba(138,138,138,0);
  background: -moz-linear-gradient(-45deg, rgba(138,138,138,0) 0%, rgba(138,138,138,0) 49%, rgba(138,138,138,1) 50%, rgba(138,138,138,1) 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(138,138,138,0)), color-stop(49%, rgba(138,138,138,0)), color-stop(50%, rgba(138,138,138,1)), color-stop(100%, rgba(138,138,138,1)));
  background: -webkit-linear-gradient(-45deg, rgba(138,138,138,0) 0%, rgba(138,138,138,0) 49%, rgba(138,138,138,1) 50%, rgba(138,138,138,1) 100%);
  background: -o-linear-gradient(-45deg, rgba(138,138,138,0) 0%, rgba(138,138,138,0) 49%, rgba(138,138,138,1) 50%, rgba(138,138,138,1) 100%);
  background: -ms-linear-gradient(-45deg, rgba(138,138,138,0) 0%, rgba(138,138,138,0) 49%, rgba(138,138,138,1) 50%, rgba(138,138,138,1) 100%);
  background: linear-gradient(135deg, rgba(138,138,138,0) 0%, rgba(138,138,138,0) 49%, rgba(138,138,138,1) 50%, rgba(138,138,138,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8A8A8A', endColorstr='#8A8A8A', GradientType=1 );}
  .region-primary-menu .sf-depth-2.menuparent.sf-expanded > .sf-depth-2:after {transform: translateY(-50%) rotate(45deg);}
  .sf-accordion-toggle {position: fixed; top: 1.6em; right: 1em; width: 30px; height: 23px; overflow: hidden; text-indent: -9999px;}
  .sf-accordion-toggle:before {content: ""; width: 100%; height: 3px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background: #707070;}
  .sf-accordion-toggle a {display: block; width: 100%; height: 100%; position: relative;}
  .sf-accordion-toggle a:before {content: ""; width: 100%; height: 3px; position: absolute; top: 0; left: 0; background: #707070; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}
  .sf-accordion-toggle a:after {content: ""; width: 100%; height: 3px; position: absolute; bottom: 0; left: 0; background: #707070; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}
  .sf-accordion-toggle a.sf-expanded {background: white;}
  .sf-accordion-toggle a.sf-expanded:before {top: -1px; left: 5px; transform: rotate(45deg); transform-origin: left;}
  .sf-accordion-toggle a.sf-expanded:after {left: 5px; transform: rotate(-45deg); transform-origin: left;}
  .region-primary-menu li > .sf-depth-3 {margin: 0 1.5em; border-bottom: 1px solid #C9C9C9; padding-left: 3em;}
  #block-cacm-search {width: 90%; position: relative; margin: 0 auto; max-width: 400px; padding: 1em 0;}
  .primary-menu-wrapper {height: 70px; background: white;}
  #block-cacm-search > div {top: 32px;}
  .block-search #edit-submit {top: 23px;}
  ul.sf-menu.sf-accordion.sf-expanded, ul.sf-menu.sf-accordion li.sf-expanded > ul {top: 0!important;}
  #block-navigationprincipale {height: auto;}
  #block-views-block-actualites-block-1 .view-header a {top: 3px;}
  .layout-sidebar-first .block-menu > ul.menu > li > ul > li > ul > li > *:first-child {font-size: 0.9rem;}
  .layout-sidebar-first .block-menu > ul.menu > li > ul > li > *:first-child {font-size: 1rem;}
  .layout-sidebar-first .block-menu > ul.menu > li > ul > li > *:first-child:before {left: 20px;}
  .layout-sidebar-first {width: 100%; order: 2; margin-top: 2em;}
  .has-sidebar-first .layout-content {width: 100%; order: 1; padding: 0;}
  .region-sidebar-first {display: flex; flex-wrap: wrap; width: 100%;}
  .layout-sidebar-first .block-menu {width: 100%; order: 10;}
  .page-title {font-size: 1.8em;}
  .breadcrumb {margin: 1.5em 0 1em;}
  #block-views-block-blocs-colonne-de-gauche-block-1 {width: 100%;}
  .columns-col-4 .field--name-field-bloc > div {width: 33.3333%;}
  .region-primary-menu, #block-menunav, #block-cacm-search {display: none;}
  #gomenu {position: relative; left: 0; top: -90px;}
	.geofield-google-map .field--name-field-images-de-l-offre > div:nth-child(n+2) {display: none;}
	.view-id-offres_foncieres_et_immobilieres.view-display-id-page_2 .views-row {width: 100%;}
	.view-id-offres_foncieres_et_immobilieres.view-display-id-page_2 .views-row .field--name-field-media-image img {width: 100%;}
	.page-node-type-offre-immo #block-cacm-content {width: 100%;}
	#block-blocdetailoffreimmo {width: 100%; margin-top: 2rem;}
}


@media screen and (max-width: 637px) {
  .node--type-page-d-accueil > .node__content > div {width: 100%;}
  .path-frontpage #block-views-block-actualites-block-1 {width: 100%; padding-right: 0;}
  #block-views-block-actualites-block-1 .view-header a {right: 0;}
  .path-frontpage #block-enunclic {width: 100%;}
  .field--name-field-blocs-de-presentation {justify-content: space-between;}
  .field--name-field-blocs-de-presentation > div {width: 47%; padding-right: 0; margin-bottom: 2em;}
  details {border: 0;}
  summary {padding: 1em;}
  #block-views-block-offres-foncieres-et-immobilieres-block-1 .views-field-field-offres-similaires .item-list > ul li {width: 100%); overflow: hidden; margin: 0 0 2rem;
}



@media screen and (max-width: 540px) {
	#block-views-block-offres-foncieres-et-immobilieres-block-1 .views-field-field-offres-similaires .item-list > ul > li {width: 100%;}
	#block-views-block-offres-foncieres-et-immobilieres-block-1 .field--name-field-images-de-l-offre img {width: 100%;}
  .columns-col-4 .field--name-field-bloc > div, .columns-col-3 .field--name-field-bloc > div, .columns-col-2.format-14-34 .field--name-field-bloc > div:nth-child(odd), .columns-col-2.format-14-34 .field--name-field-bloc > div:nth-child(even),
  .columns-col-2.format-34-14 .field--name-field-bloc > div:nth-child(odd), .columns-col-2.format-34-14 .field--name-field-bloc > div:nth-child(even), .columns-col-2.format-23-13 .field--name-field-bloc > div:nth-child(odd),
.columns-col-2.format-23-13 .field--name-field-bloc > div:nth-child(even), .columns-col-2.format-50-50 .field--name-field-bloc > div {width: 50%; padding: 0 1em;}
#edit-maincontainer > div:nth-child(-n+3) {width: 100%;}
}

@media screen and (max-width: 400px) {
  .view-id-actualites .view-content .views-row {width: 100%;}
  .field--name-field-blocs-de-presentation > div {width: 100%; max-width: 275px; margin: 0 auto 1.5em;}
  .columns-col-4 .field--name-field-bloc > div, .columns-col-3 .field--name-field-bloc > div, .columns-col-2.format-14-34 .field--name-field-bloc > div:nth-child(odd), .columns-col-2.format-14-34 .field--name-field-bloc > div:nth-child(even),
  .columns-col-2.format-34-14 .field--name-field-bloc > div:nth-child(odd), .columns-col-2.format-34-14 .field--name-field-bloc > div:nth-child(even), .columns-col-2.format-23-13 .field--name-field-bloc > div:nth-child(odd),
.columns-col-2.format-23-13 .field--name-field-bloc > div:nth-child(even), .columns-col-2.format-50-50 .field--name-field-bloc > div {width: 100%;  padding: 0;}
.columns-col-2.format-50-50, .columns-col-3 .field--name-field-bloc, .columns-col-4 .field--name-field-bloc {margin: 0!important;}
}



/*Formulaire environnement*/

/*#edit-container {background: #F1F1F1; padding: 0.5em 1.8rem; display: flex; flex-wrap: wrap; justify-content: space-between;}
#edit-container input[type="text"] {display: block; border: 0; height: 32px; border-radius: 5px; padding: 0.5em;}
#edit-container input[type="email"] {display: block; border: 0; height: 32px; border-radius: 5px; padding: 0.5em;}

#edit-container-01 {background: #F1F1F1; padding: 0.5em 1.8rem; display: flex; flex-wrap: wrap; justify-content: space-between;}
#edit-container-01 input[type="text"] {display: block; border: 0; height: 32px; border-radius: 5px; padding: 0.5em;}
#edit-container-01 textarea {border: 0; border-radius: 5px; padding: 0.5em;}
#edit-container-01 select {border: 0; height: 32px; border-radius: 5px; padding: 0.5em;}*/

#edit-markup-02 {display: flex; flex-direction: column;}
.webform-submission-formulaire-service-environnement-add-form {display: flex; flex-direction: row;}


/*Formulaire accesibilite*/
#edit-vous-etes- {background: #F1F1F1;}
#edit-ou-et-quand-avez-vous-rencontre-une-difficulte- {background: #F1F1F1;}
#edit-indiquez-les-causes-et-la-nature-de-la-difficulte {background: #F1F1F1;}
#edit-selon-vous-cette-difficulte-peut-nuire-a-la-mobilite {background: #F1F1F1;}
.webform-submission-formulaire-de-requetes-accessibi-form input[type="text"] {display: block; border: 0; height: 32px; border-radius: 5px; padding: 0.5em;}



/*Formulaire de réservation d’un composteur*/

#edit-container {background: #F1F1F1; padding: 0.5em 1.8rem; display: flex; flex-wrap: wrap; justify-content: space-between;}
#edit-container input[type="text"] {display: block; border: 0; height: 32px; border-radius: 5px; padding: 0.5em;}
#edit-container input[type="email"] {display: block; border: 0; height: 32px; border-radius: 5px; padding: 0.5em;}
#edit-container select {display: block; border: 0; height: 32px; border-radius: 5px; padding: 0.5em;}


#edit-container-01 {background: #F1F1F1; padding: 0.5em 1.8rem; display: flex; flex-wrap: wrap; justify-content: space-between;}
#edit-container-01 input[type="text"] {display: block; border: 0; height: 32px; border-radius: 5px; padding: 0.5em;}
#edit-container-01 textarea {border: 0; border-radius: 5px; padding: 0.5em;}
#edit-container-01 select {display: block; border: 0; height: 32px; border-radius: 5px; padding: 0.5em;}
#edit-markup-02 {display: flex; flex-direction: column;}

#edit-markup-03 {display: flex; flex-direction: column;}
.webform-submission-formulaire-de-reservation-d-un-c-add-form {display: flex; flex-direction: row;}

.webform-submission-formulaire-de-reservation-d-un-add-form {display: flex; flex-direction: row;}

/* Media */
.media-oembed-content {
  width: 500px;
  height: 280px;
}
.media-iframe-content {
  max-width: 100%;
}
.paragraph--type--bloc iframe {
  margin: 0.5rem auto 1rem;
  max-width: 100%;
  display: block;
}
@media (min-width: 500px) {
  .media-iframe-content {
    margin: 1rem 2rem;
  }
}
.cookiesjsr-layer button:hover, .button:hover {background: #e6e6e6;}
.cookiesjsr-layer--header button:hover,
.button:hover
/* input[type="submit"]:hover  */
{ background: #e6e6e6 url("data:image/svg+xml;charset=utf-8,%3Csvg width='27' height='27' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.263 0L13.501 10.762 2.737 0 0 2.737l10.764 10.764L0 24.263 2.737 27l10.764-10.764L24.263 27 27 24.263 16.238 13.501 27 2.737z' fill='%23000f37' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat 50% scroll}


/* Override Superfish css */
ul.sf-menu {
  z-index: 1;
}
ul.sf-menu li {
  z-index: 1;
}
ul.sf-menu li:hover,
ul.sf-menu li.sfHover,
ul.sf-menu li:hover ul,
ul.sf-menu li.sfHover ul {
  z-index: 1;
}

/* Override css */
.path-frontpage article {
  margin-top: 0em;
}

/*Footer menu - Link Facebook */

.link__fb::before {
  content: "";
  display: block;
  background: url("../images/f_1__13.png") no-repeat;
  width: 11px;
  height: 20px;
  float: left;
  margin: -5px 6px 0 0;
}

/*Concertations blocs */

.view-concertations .views-row{
  margin:20px;
  }
  .view-concertations .views-row .views-field-field-commentaire span{
    font-size: 1.2rem;
    font-weight: 600;
    margin: 5px 0;
    }

.view-concertations-dechets .views-row{
margin:20px;
}
.view-concertations-dechets .views-row .views-field-field-commentaire span{
  font-size: 1.2rem;
  font-weight: 600;
  margin: 5px 0;
  }