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: 'Raleway', sans-serif;

  color: #303030;

  font-size: 18px;

}

body {

  overflow-x: hidden;

}

body * {

  box-sizing: border-box;

}



p {

  margin-top: 0;

}



/**

 * Generic

 */

a {color: #00a6de;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; color: #00a5a9;}

button, a.button, input[type="submit"] {background: none; display: inline-block; border: 1px solid #00a5a9; color: #00a5a9; padding: 0.3em 0.5em; 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, a.button:hover, input[type="submit"]:hover {background: #00a5a9; color: white; border-color: white;}

img {display: block;max-width: 100%; height: auto;}

.container {max-width: 1400px; margin: 0 auto; width: 100%; padding: 0 15px;}

.layout-sidebar-first {width: 20%; float: left;}

.layout-content {width: 100%;}

.has-sidebar-first .layout-content {width:80%;}

.has-sidebar-first.has-sidebar-second .layout-content {width:60%;}

body:not(.path-frontpage) h2 {color: #00a6de; font-size: 2em; font-weight: 700; margin-bottom: 0.5em;}

body:not(.path-frontpage) h2.par-title {padding-bottom: 0.5em; margin-bottom: 0.7em; border-bottom: 1px solid #a6a6a6;}

body:not(.path-frontpage) h3 {color: #00a6de; font-size: 1.2em; font-weight: 700; margin-bottom: 0.5em;}

body:not(.path-frontpage) .region-content {margin-top: 2rem;}

.color-txt-white a {color: white;}





/*Header*/

.top-nav-wrapper {width: 100%; background: #0061a0; height: 45px;}

.top-nav-wrapper ul.menu {height: 100%; margin: 0 4em 0 0; padding: 0 1em; font-size: 0.9em;}

.top-nav-wrapper ul.menu li {float: left; height: 100%; padding: 0.5em 0; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}

.top-nav-wrapper ul.menu li:hover {background: #063a5b;}

.top-nav-wrapper ul.menu li a {color: white; font-weight: 700; padding: 0.2em 0.8em; border-right: 1px solid #b7bec3; display: inline-flex;}

.top-nav-wrapper ul.menu li:last-child a {border: 0;}

.region-header {width: 100%; flex-wrap: wrap; display: flex; justify-content: flex-end;}

.views-field-field-image-entete {max-width: 2500px; margin: 0 auto;}

.views-field-field-image-entete img {width: 100%;}





header .search-block-form {position: relative;}

#search-block-form {width: 265px; height: 100%; background: #063a5b;}

#search-block-form #edit-submit {width: 45px; height: 100%; text-indent: -9999px; white-space: nowrap; overflow: hidden; border: 0; background: url(../images/search.png) no-repeat center;}

header .search-block-form #edit-keys {height: 45px; box-sizing: border-box; border: 0; width: 100%; background: none; padding: 0.5em 1em; margin: 0; color: white; border-right: 1px solid #0061a0;}

header .search-block-form .js-form-type-search {width: calc(100% - 45px); margin: 0;}

#search-block-form {display: flex; flex-wrap: wrap;}

header .search-block-form .title_block {position: absolute; top: 50%; left: 1.5em; transform: translateY(-50%); color: white; text-transform: uppercase; font-weight: 700; font-size: 0.8em;}



.region-primary-menu {display: flex; flex-wrap: wrap; height: 110px; position: relative;}

#block-cclpa-branding {width: 160px;}

#block-cclpa-branding a {display: block; background: white; border-radius: 50%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 160px; padding: 5px; z-index: 500;}

#block-cclpa-branding a:hover {background: #e9edef;}

#block-navigationprincipale {width: calc(100% - 160px); display: flex; flex-direction: column; justify-content: center;}

#block-cclpa-main-menu ul.menu {margin: 1em;}



/*Main menu*/

#superfish-main li > .sf-depth-1 {display: block; padding: 0.7em 1em; text-transform: uppercase; font-weight: 700; color: #1c1c1c; font-size: 0.85em; cursor: pointer; border-right: 1px solid #c6c6c6; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}

#superfish-main li > .sf-depth-1:hover, #superfish-main li.sfHover > .sf-depth-1, #superfish-main li.active-trail > .sf-depth-1 {color: #0061a0;}

#superfish-main li:last-child > .sf-depth-1 {border: 0;}

ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul {top: 2em; background: #0061a0;}

#superfish-main li >.sf-depth-2, #superfish-main li >.sf-depth-3 {color: white;}

#superfish-main li >.sf-depth-2:hover, #superfish-main li >.sf-depth-3:hover, #superfish-main li.sfHover >.sf-depth-2 {background: white; color: #0061a0;}



/*Front page*/

.path-frontpage .page-title {text-align: center; color: #0061a0;}

.path-frontpage .region-content {display: flex; flex-wrap: wrap;}

.path-frontpage #block-cclpa-page-title, .path-frontpage #block-cclpa-content {width: 100%;}

#block-views-block-actualites-block-1, #block-views-block-actualites-block-agenda {width: calc(100% - 356px); position: relative;}

#block-views-block-actualites-block-agenda {margin-top: 2rem;}

.path-frontpage #block-views-block-actualites-block-1 .view-header {position: absolute; top: 0.5em; right: 2em;}

#block-en1clic {width: 320px; margin: 0;}

.view-image-d-entete .slick-dots {bottom: 0;}



/*Actu home*/

.view-id-actualites.view-display-id-block_1 > .view-content {display: flex; flex-wrap: wrap; margin: 0 -18px 2em; padding-right: 1.5em;}

#block-views-block-actualites-block-1 .title-block, #block-views-block-actualites-block-agenda .title-block {color: #0061a0; font-size: 1.8em; font-weight: 700; border-bottom: 1px solid #d0d0d0; padding-bottom: 0.5em; margin-bottom: 0.5em; line-height: 1; margin-right: 1em;}

.view-id-actualites.view-display-id-block_1 .views-row {width: 33.33333%; margin-bottom: 2em; padding: 0 1em;}

.view-id-actualites.view-display-id-block_3 .views-row {width: 33.33333%; margin-bottom: 2em; padding: 0 1em; transform: translateX(-1em);}

.actu__content__top {position: relative;}

.categorie-name {position: absolute; bottom: 1.7rem; width: calc(100% - 5em); padding: 1em; color: white; font-weight: 700; font-size: 0.9em; line-height: 1.1; transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;}

.actu__content > a:hover .categorie-name {padding-right: 2em; width: calc(100% - 3em); transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}

.actu__content__bottom {background: white; width: calc(100% - 2rem); margin-left: 1rem; color: #303030; font-size: 0.9em; margin-top: -2.2rem; position: relative; padding: 0.7em;}

.actu__content__top__date {color: #AF1317; font-size: 1.1em; font-weight: 400; line-height: 1.5; margin-bottom: 0.5em;}

.actu__content__top__title {color: #00a6de; font-size: 1.3em; font-weight: 700; line-height: 1.1; margin-bottom: 0.5em;}



/*Actu page liste*/

.view-id-actualites.view-display-id-page_1 .views-row {margin-bottom: 2rem;}

.view-id-actualites.view-display-id-page_1 .views-row a {display: flex; flex-wrap: wrap;}

.view-id-actualites.view-display-id-page_1 .actu__content__top {width: 320px;}

.view-id-actualites.view-display-id-page_1 .actu__content__bottom {width: calc(100% - 320px); margin: 0;}

.view-id-actualites.view-display-id-page_1 .categorie-name {top: 0; bottom: inherit;}

.view-id-actualites.view-display-id-page_1 .actu__content__top__title {color: #00a6de; font-size: 1.6rem; line-height: 1; margin-bottom: 0.5em;}



/*Actu détail*/

.page-node-type-actualite .actu__content {display: flex; flex-wrap: wrap;}

.page-node-type-actualite .actu__content__top {width: 23%;}

.page-node-type-actualite .actu__content__bottom {margin: 0; width: 77%; padding: 0 0 0 2rem; font-size: 1em;}

.page-node-type-actualite .categorie-name {top: 0; bottom: inherit;}

.page-node-type-actualite .node__content {display: inline-block; width: 100%;}

.page-node-type-actualite .addtoany_list {float: right; margin-bottom: 0.5em;}

.page-node-type-actualite .addtoany_list a {margin-left: 0.5em;}



/*En 1 clic*/

#block-en1clic-menu {background: #0061a0; color: white; font-size: 2.5em; line-height: 1; padding: 1rem 2rem; width: 100%; border-bottom: 1px solid #d1d1d1; font-weight: 700;}

.menu--en-1-clic ul.menu {padding: 0 1.2rem 1.5rem; margin: 0 0 2em; background: #0061a0; width: 100%;}

.menu--en-1-clic ul.menu a {padding: 0.7em 0.7rem; border-bottom: 1px solid #d1d1d1; color: white; display: block;}

.menu--en-1-clic ul.menu a:hover {background: white; color: #0061a0;}

.menu--en-1-clic ul.menu > li:last-child a {border: 0;}

.menu--en-1-clic ul.menu > li {padding-top :0}





/*Triptych*/

.triptych-wrapper {display: inline-block; width: 100%;}

.triptych-wrapper-1 {background: #00a5a9; color: white; padding: 2rem;}

.triptych-wrapper-1 .region-triptych {display: flex; flex-wrap: wrap;}

.triptych-wrapper-1 .title-block {text-align: center; font-size: 2em; font-weight: bold; margin-bottom: 0.3em;}



.triptych-wrapper-2, .triptych-wrapper-3 {background: #ddedf8;}



/*Calendar*/

tr.single-day {display: none;}

#block-views-block-agenda-calendar-block-1, .view-id-agenda_calendar.view-display-id-block_1 {display: inline-block; width: 231px;}

#block-views-block-agenda-calendar-block-1 .view-header {position: relative; margin-top: 1.5em;}

#block-views-block-agenda-calendar-block-1 .view-header h3 {margin: 0 0 0.5em; text-align: center; text-transform: uppercase; font-size: 1em;}

#block-views-block-agenda-calendar-block-1 .js-pager__items {padding: 0 ; margin: 0; position: absolute; top: -2px; width: 90%; left: 5%; display: flex; justify-content: space-between;}

.pager__item {display: inline-block; padding: 0;}

#block-views-block-agenda-calendar-block-1 .js-pager__items a {color: white;}

.pager__item--previous a > span:last-child {display: none;}

.pager__item--next a > span:first-child {display: none;}

.calendar-calendar tr {background: none}

.calendar-calendar td {width: 33px; height: 33px; vertical-align: middle; text-align: center; background: none; padding: 2px; border: none;}

.calendar-calendar td.days {color: white; font-weight: 700; background: #30b6b9;}

.calendar-calendar td > div {width: 29px; height: 29px; border: 2px solid #30b6b9; color: white; border-radius: 50%; margin: 0 auto; font-size: 0.9em; line-height: 21px;}

.calendar-calendar tr td.today, .calendar-calendar tr.odd td.today, .calendar-calendar tr.even td.today {background: none;}

.calendar-calendar td.today > div {background: #30b6b9;}

.calendar-calendar td.has-events a {color: #fde6d8; text-decoration: none; display: block; width: 100%; height: 100%;}

.calendar-calendar td.has-events > div {border-color: #fde6d8;}



/*Agenda home*/

#block-views-block-agenda-block-1 {width: calc(100% - 231px); padding-left: 4rem;}

#block-views-block-agenda-block-1 .views-row {background: white; color: #333333; display: flex; flex-wrap: wrap;}

#block-views-block-agenda-block-1 .views-field-field-image {width: 28%;}

#block-views-block-agenda-block-1 .col-right-agenda {width: 72%; padding: 3em;}

.col-right-agenda .views-field-title a {font-size: 1.2em; font-weight: 700; margin-bottom: 1em; color: #333333; display: block;}

.views-field-field-date-texte {font-weight: 700; margin-bottom: 0.3em;}



.slick-dots {list-style: none; position: absolute; left: 50%; bottom: -3em; transform: translateX(-50%); padding: 0;}

.slick-dots li {float: left; margin: 0 0.2em;}

.slick-dots button {width: 12px; height: 12px; border-radius: 50%; background: white; border: 0; padding: 0; text-indent: -9999px; overflow: hidden;}

.slick-dots li.slick-active button, .slick-dots button:hover {background: #30b6b9;}



#block-views-block-agenda-block-1 a.button {color: white; border-color: white; float: right; margin-top: 0.5em;}

#block-views-block-agenda-block-1 a.button:hover {background: #30b6b9;}





/*Agenda liste page*/

.view-id-agenda.view-display-id-page_1 .views-row {display: flex; flex-wrap: wrap; margin-bottom: 3rem;}

.view-id-agenda.view-display-id-page_1 .views-field-field-image {width: 24%;}

.view-id-agenda.view-display-id-page_1 .col-right-agenda {width: 76%; padding-left: 1.8rem;}

.view-id-agenda.view-display-id-page_1 .col-right-agenda .views-field-title a {color: #00a6de; font-size: 1.6rem; line-height: 1; margin-bottom: 0.5em;}

.view-id-agenda.view-display-id-page_1 .col-right-agenda .views-field-title a:hover {color: #0061a0;}





/*Home Triptych 2*/

.region-triptych-2 {display: flex; flex-wrap: wrap; padding: 2em 0;}

#block-views-block-blocs-image-lien-accueil-block-1 {width: 66.6666%;}

#block-views-block-blocs-image-lien-accueil-block-1 ul {margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap;}

#block-views-block-blocs-image-lien-accueil-block-1 ul li {margin: 0 0 2em; width: 50%;}

#block-views-block-blocs-image-lien-accueil-block-1 ul li:first-child {padding-right: 1.5em;}

#block-views-block-blocs-image-lien-accueil-block-1 ul li:nth-child(2) {padding: 0 1em 0 0.5em;}



#block-pagefacebook {width: 33.33333%; padding-left: 1em;}



/*Home Triptych 3*/

.region-triptych-3 {display: inline-block; padding-bottom: 2em;}

#block-views-block-blocs-image-lien-accueil-block-2 {width: 50%; float: left;}

#block-views-block-blocs-image-lien-accueil-block-3 {width: 50%; float: right; padding-left: 2em;}

#block-listedescommunes {width: 50%; float: right; padding-left: 2em;}

#block-listedescommunes ul, #col-left-menu, #col-right-menu {margin: 0; padding: 0 1em 0 0; list-style: none; width: 50%; float:left;}

#block-listedescommunes a, #col-left-menu a, #col-right-menu a {color: #545454; font-weight: 700;}

#block-listedescommunes a:hover, #col-left-menu a:hover, #col-right-menu a:hover {color: #00a6de;}

.views-field-field-ttitre-liste-des-communes p {margin-bottom: 0; font-size: 1.2rem; font-weight: bold; text-transform: uppercase; max-width: 440px;}

.views-field-field-ttitre-liste-des-communes h2 {margin: 0 0 0.8em; font-size: 1.8rem; font-weight: bold; text-transform: uppercase; line-height: 1;}



/*Footer*/

footer {
  overflow: hidden;
}

.region-footer {display: inline-flex; flex-wrap: wrap; padding: 0; color: white; position: relative; width: 100%;}

.region-footer p {margin-bottom: 0;}

.region-footer:before {content: ""; width: 2000px; height: 100%; position: absolute; top: 0; right: 100%; background: #063a5b;}

.region-footer:after {content: ""; width: 2000px; height: 100%; position: absolute; top: 0; left: 100%; background: #282828;}

#block-footer1 {width: 340px; background: #063a5b; padding: 1.7em 1em 1.7em 0;}

#block-footer1 strong {font-size: 1.1em;}

#block-pieddepage {width: calc(100% - 340px); background: #282828; padding: 1.7em 0 1.7em 1em; display: flex; flex-direction: column; justify-content: center;}

.region-footer ul {margin: 0; padding: 0 0 0 3em;}

.region-footer ul li {float: left; margin: 0 1em;}

.region-footer a {color: white;}

.region-footer a:hover {color: #00a6de;}

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







/***

GENERIC PART REUSABLE

***/



/*Wrapper generic*/

.field--name-field-bloc {display: flex; flex-wrap: wrap; width: 100%;}

.field--name-field-bloc > .field__item {display: flex; width: 100%; flex-direction: column; justify-content: center;}

.field--name-field-bloc .paragraph:not(.paragraph--type--image-liens) {display: inline-flex;}

.paragraph .field--type-text-long h2:first-child, .paragraph .field--type-text-long h3:first-child {margin-top: 0;}

.paragraph .field--type-text-long p:last-child {margin-bottom: 0;}

.paragraph--type--wrapper {display: inline-block; width: 100%;}

.wrapper-large {margin-bottom: 1.5em;}



/*Wrapper width*/

.wrapper-medium {width: 100%;}

.wrapper-medium {max-width: 900px;}

.align-center-paragraph.wrapper-medium {margin: 0 auto;}

.align-right-paragraph.wrapper-medium {float:right;}

.wrapper-small {max-width: 700px;}

.align-center-paragraph.wrapper-small {margin: 0 auto;}

.align-right-paragraph.wrapper-small {float:right;}



/*Wrapper columns*/

.columns-col-2 .field--name-field-bloc > div {flex-basis: 50%; margin-bottom: 1em;}

.columns-col-3 .field--name-field-bloc > div {flex-basis: 33.3333%; margin-bottom: 1em;}

.columns-col-4 .field--name-field-bloc > div {flex-basis: 25%; margin-bottom: 1em;}

.columns-col-5 .field--name-field-bloc > div {flex-basis: 20%; margin-bottom: 1em;}



/*Wrapper Extend colors*/

.extend-color-1 {position: relative;}

.extend-color-1:before {content: ""; position: absolute; top: 0; right: 100%; height: 100%; width: 1999px;}

.extend-color-1:after {content: ""; position: absolute; top: 0; left: 100%; height: 100%; width: 1999px;}

#bg-color-1c3c85.extend-color-1:before, #bg-color-1c3c85.extend-color-1:after {background: #1c3c85;}

#bg-color-00a6de.extend-color-1:before, #bg-color-00a6de.extend-color-1:after {background: #00a6de;}

#bg-color-00a5a9.extend-color-1:before, #bg-color-00a5a9.extend-color-1:after {background: #00a5a9;}

#bg-color-ddedf8.extend-color-1:before, #bg-color-ddedf8.extend-color-1:after {background: #ddedf8;}

#bg-color-ea983e.extend-color-1:before, #bg-color-ea983e.extend-color-1:after {background: #ea983e;}

#bg-color-eeeeee.extend-color-1:before, #bg-color-eeeeee.extend-color-1:after {background: #eeeeee;}



/*Wrapper text color*/

.color-txt-white, body .color-txt-white h2 {color: white;}



/*Paragraph Images*/

.paragraph--type--image-s- {margin-bottom: 1.5rem;}



/*Paragraph Simple Text*/

.paragraph--type--simple-text {height: 100%;}

.paragraph--type--wrapper .paragraph--type--simple-text > div {padding: 1.5rem 0;}

.paragraph--type--wrapper .paragraph--type--simple-text > .has-background, .paragraph--type--wrapper .has-background .paragraph--type--simple-text > div {padding: 1rem; width: 100%;}

.paragraph--type--wrapper .columns-col-2 > div > .field__item:nth-child(even) .paragraph--type--simple-text {padding-left: 1rem;}

.paragraph--type--wrapper .columns-col-2 > div > .field__item:nth-child(odd) .paragraph--type--simple-text {padding-right: 1rem;}

.field--type-text-long img {margin: 0.5em; max-width: 50%;}

.field--type-text-long img.align-center {margin: 0.5em auto;}





/*Paragraph link img/ text*/

.paragraph--type--image-liens .field--name-field-image {margin-bottom: 1.5rem;}

.field--name-field-texte-du-lien {background: url(../images/left-arrow.png) no-repeat 10px center; font-weight: 700; margin: 0 0 1.5rem; padding: 0.5em 1.5em; color: #00a5a9; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; width: 100%; max-width: 700px; 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-du-lien:hover {background-color: #eeeeee;}

.lk-wrapper-txt {width: 100%; max-width: 700px; display: block;}

.lk-wrapper-img {width: 100%; display: block;}



/***

END GENERIC PART REUSABLE

***/







/*Breadcrumb*/

body:not(.path-frontpage) .breadcrumb-wrapper {color: white; padding: 1.5rem 0 3rem;}

body:not(.path-frontpage) .page-title {margin: 0;}

.breadcrumb {padding: 0; margin: 0.5rem 0;}

.breadcrumb a {color: white;}

.breadcrumb li:before {content: " > ";}

.breadcrumb ol li:first-child a {width: 25px; height: 20px; overflow: hidden; text-indent: -9999px; background: url(../images/home.png) no-repeat center; display: inline-block; position: relative; top: 3px;}



body.categorie-culture .breadcrumb-wrapper {background: #AF1317;}

body.categorie-l-intercommunalit- .breadcrumb-wrapper {background: #294485;}

body.categorie-urbanisme .breadcrumb-wrapper {background: #DC8F2D;}

body.categorie--conomie .breadcrumb-wrapper {background: #C25820;}

body.categorie-environnement .breadcrumb-wrapper {background: #347B41;}

body.categorie-action-sociale .breadcrumb-wrapper {background: #0072B9;}

body.categorie-tourisme .breadcrumb-wrapper {background: #7588C2;}

body.categorie-aquaval .breadcrumb-wrapper {background: #54ABB0;}

.field--name-field-couleur-du-bandeau-titre {display: none;}





/*Delibérations*/

.categorie-name-wrapper {position: relative;}

.categorie-name-wrapper .categorie-name {position: relative; bottom: 0; left: 0;}

.view-deliberations {display: flex; flex-wrap: wrap; width: 100%;}

.view-deliberations .view-content {display: flex; flex-wrap: wrap; margin: 0 -0.75rem;}

.view-deliberations .views-row {width: 25%; padding: 0 0.75rem; margin-bottom: 1.5em;}

body .view-deliberations h3 {width: 100%; padding: 0 0 0.4em; margin: 0 0.75rem 1em; font-size: 1em; color: #262626; border-bottom: 1px solid #c5c5c5; font-weight: 400;}

body .view-deliberations h3 strong {font-weight: 700; font-size: 1.3rem;}

.view-deliberations .views-field-field-description {background: #f4f4f4; height: 100%; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}

.view-deliberations .views-field-field-description:hover {background: #ddedf8;}

.view-deliberations .views-field-field-description a {display: block; width: 100%; height: 100%;}

.view-deliberations .views-field-field-description .field-content {height: 100%;}

.views-field-description-text {color: #323232; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out; padding: 0.5em 1em 0;}



.view-filters {background: #f4f4f4; padding: 2em; margin-bottom: 2em;}

.view-deliberations .view-filters {width: 100%; order: 1;}

.view-deliberations .view-header {width: 100%; order: 2; margin-bottom: 1em;}

.view-deliberations .view-content {width: 100%; order: 3;}

.view-deliberations .pager {width: 100%; order: 4;}

.view-deliberation .form--inline {display: flex; flex-wrap: wrap; width: 100%;}

.view-deliberations .view-filters .js-form-item {width: 33.3333%; padding: 0 0.75em; margin: 0;}

.view-deliberations .view-filters select {width: 100%; margin: 0; height: 36px; border: 1px solid #d9d9d9;}

.view-deliberations .view-filters input[type="text"] {width: 100%; margin: 0; height: 36px; border: 1px solid #d9d9d9; padding: 0.5em;}

.view-deliberations .view-filters label {font-weight: 700; font-size: 1.3em;}

.view-deliberations .view-filters input[type="submit"] {margin: 1em 0 0; background: none; display: inline-block; border: 1px solid #00a5a9; color: #00a5a9; padding: 0.3em 0.5em; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out}

.view-deliberations .view-filters input[type="submit"]:hover {background: #00a5a9; color: white;}

.view-deliberations .form-actions {margin: 0; text-align: center;}



/*Publications*/

.view-publications .view-content {display: flex; flex-wrap: wrap; margin: 0 -0.75rem;}

.view-publications .views-row {width: 14.28%; padding: 0 0.75rem; margin-bottom: 2em;}

body h2.view-title {padding: 0 0 0.4em; margin: 0 0 1em; font-size: 1.3em; color: #262626; border-bottom: 1px solid #c5c5c5; font-weight: 700;}

.path-publications .bef-exposed-form {background: #f4f4f4; padding: 2em; margin-bottom: 2em;}

.path-publications .bef-exposed-form .form--inline > .form-item {float: none; width: 250px; margin: 0 auto;}

.path-publications .bef-exposed-form select {width: 100%; margin: 0; height: 36px; border: 1px solid #d9d9d9;}

.path-publications .bef-exposed-form label {font-weight: 700; font-size: 1.3em; text-align: center; display: block; margin-bottom: 0.3em;}

.views-row-publication a {color: #303030; text-align: center; display: block; width: 100%; height: 100%;}

.views-row-publication a:hover {background: #ddedf8;}

.views-row-publication .views-field-title {font-weight: 700;}



/*Contact*/

.page-node-type-webform .node__content {display: flex; flex-wrap: wrap;}

.page-node-type-webform .node__content > div {width: 50%; padding-right: 4em;}

.page-node-type-webform .node__content > div a {color: #303030;}

.page-node-type-webform .field--name-field-formulaire {max-width: 400px;}

.field--name-field-formulaire .form-text, .field--name-field-formulaire .form-email, .field--name-field-formulaire textarea {width: 100%; margin: 0; padding: 0.5em; border: 1px solid #dddddd;}

.field--name-field-formulaire input[type="submit"] {text-transform: uppercase; border-color: #dddddd; color: #dddddd; padding: 0.3em 2em; float: right; margin-bottom: 1.5em;}

.field--name-field-formulaire input[type="submit"]:hover {color: white;}

.page-node-type-webform .triptych-wrapper-1 {background: none; padding: 0; margin-bottom: 3em;}

.page-node-type-webform .triptych-wrapper-1 .container {padding: 0; max-width: none;}

.page-node-type-webform .triptych-wrapper-1 .region-triptych {display: block;}



/*Image slider*/

.field--name-field-components > .field__item > .paragraph--type--image-s- {padding: 0 2em; margin: 2em 0 3em;}

.slick-arrow {position: absolute; top: 50%; overflow: hidden; z-index: 10; text-indent: -9999px; width: 26px; height: 26px; border: 0; padding: 0;}

.slick-prev.slick-arrow {right: 100%; border-top: 4px solid #54ABB0; border-left: 4px solid #54ABB0; transform: translateY(-50%) rotate(-45deg);}

.slick-next.slick-arrow {left: 100%; border-bottom: 4px solid #54ABB0; border-right: 4px solid #54ABB0; transform: translateY(-50%) rotate(-45deg);}

button.slick-arrow:hover {background: none;}

.paragraph--type--image-s- .slick-dots button {background: #282828;}

/*Search*/
.view-recherche .views-row {padding: 1em;}
.view-recherche .view-content .views-row:nth-child(odd) {background: #f4f4f4;}
.view-recherche .more-link a {background: none; display: inline-block; border: 1px solid #00a5a9; color: #00a5a9; padding: 0.3em 0.5em;}
.view-recherche .more-link a:hover {color: white; background: #00a5a9;}
.view-recherche .views-field-title a {font-weight: 700; font-size: 1.1em; color: #00a5a9;}
.view-recherche .views-field-title a:hover {color: #0061a0;}

@media screen and (max-width: 1415px) {

	#superfish-main li > .sf-depth-1 {font-size: 0.75em; padding: 0.7em 0.5em;}

	ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul {top: 1.75em;}

	#superfish-main li >.sf-depth-2 {font-size: 0.9em;}

}







@media screen and (max-width: 1260px) {

	html, body {font-size: 16px;}

	h1 {font-size: 1.7em;}

	#block-views-block-actualites-block-1 .title-block, #block-views-block-actualites-block-agenda .title-block {font-size: 1.6em;}

	#block-en1clic-menu {font-size: 2em;}

	.actu__content__top__title, .actu__content__top__date {font-size: 1.1em;}

	#block-en1clic {width: 250px;}

	#block-views-block-actualites-block-1, #block-views-block-actualites-block-agenda {width: calc(100% - 250px);}

	.triptych-wrapper-1 .title-block {text-align: center; font-size: 1.7em;}

	#block-cclpa-branding, #block-cclpa-branding a {width: 130px;}

	#block-navigationprincipale {width: calc(100% - 130px);}

	.view-publications .views-row {width: 20%; max-width: 177px;}

}





@media screen and (max-width: 1020px) {

	.view-id-actualites.view-display-id-block_1 .views-row {width: 50%; padding: 0 0.75em;}

	.view-id-actualites.view-display-id-block_3 .views-row {width: 50%; padding: 0 0.75em; transform: translateX(-0.75em);}

	#block-views-block-agenda-block-1 .col-right-agenda {padding: 1em;}

	.view-deliberations .views-row {width: 33.33333%;}

}



@media screen and (max-width: 767px) {

	.sf-accordion-toggle {text-align: center;}

	.sf-accordion-toggle a {color: #0061a0; text-transform: uppercase; font-weight: 700; font-size: 1.2em; padding: 1em; display: block; height: 56px;}

	header .container {padding: 0;}

	.top-nav-wrapper ul.menu {margin: 0;}

	#search-block-form {width: 210px;}

	html, body {font-size: 15px;}

	.top-nav-wrapper ul.menu li {padding: 0.78em 0;}

	#block-navigationprincipale {justify-content: flex-start;}

	#block-cclpa-branding, #block-cclpa-branding a {width: 80px;}

	#block-navigationprincipale {width: 100%;}

	.region-primary-menu {height: 56px;}

	#superfish-main-accordion {background: #0061a0; color: white; padding-top: 1em;}

	#superfish-main-accordion li > .sf-depth-1 {display: block; padding: 1em 1.5em; color: white;}

	li.sf-clone-parent {display: none;}

	#superfish-main-accordion li > .sf-depth-2 {margin-left: 3em; border-left: 1px solid white; color: white;}

	.triptych-wrapper-1 {padding: 1rem;}

	#block-views-block-agenda-block-1 {padding-left: 2rem;}

	.view-deliberations .views-row {width: 50%;}

	#block-footer1 {width: 100%; padding: 1em;}

	footer .container {padding: 0;}

	#block-pieddepage {width: 100%; padding: 1em;}

	#block-views-block-actualites-block-1 {transform: translateY(-8rem);}

	.view-publications .views-row {width: 25%;}

	.page-node-type-actualite .actu__content__top {width: 100%; max-width: 320px; margin-bottom: 1.5em;}

	.page-node-type-actualite .actu__content__bottom {width: 100%; padding: 0;}

	.view-id-actualites.view-display-id-page_1 .actu__content__top {width: 40%;}

	.view-id-actualites.view-display-id-page_1 .actu__content__bottom {width: 60%; padding-right: 0;}

	.view-id-actualites.view-display-id-page_1 .views-row {margin-bottom: 1rem;}

	.view-id-actualites.view-display-id-page_1 .actu__content__top__title {font-size: 1.3rem;}

	.categorie-culture article {padding-left: 0;}

	.categorie-culture article h2.par-title {margin-left: 0; font-size: 1.5em; }

	body:not(.path-frontpage) .breadcrumb-wrapper {padding: 1rem 0 1.5rem;}

	.columns-col-5 .field--name-field-bloc > div {flex-basis: 25%;}

	.page-node-type-webform .node__content > div {width: 100%; padding-right: 0;}

	.page-node-type-webform .field--name-field-formulaire {max-width: 800px;}

	body:not(.path-frontpage) .region-content {margin-top: 1em;}
	.region-footer:before, .region-footer:after {display: none;}

}



@media screen and (max-width: 680px) {

	#block-views-block-actualites-block-1, #block-en1clic, #block-views-block-actualites-block-agenda {width: 100%;}

	#block-views-block-agenda-block-1 {width: 100%; margin: 2em 0 1em; padding-left: 0;}

	#block-views-block-actualites-block-1 {transform: translateY(0);}

	.triptych-wrapper-1 .region-triptych {justify-content: center;}

	#block-views-block-blocs-image-lien-accueil-block-1 {width: 100%; padding-right: 0;}

	#block-views-block-blocs-image-lien-accueil-block-1 ul li {margin-bottom: 0;}

	#block-pagefacebook {padding-left: 0; width: 100%;}

	#block-views-block-blocs-image-lien-accueil-block-2 {width: 100%; margin-bottom: 2em;}

	#block-views-block-blocs-image-lien-accueil-block-3, #block-listedescommunes {width: 100%;}

	.view-id-actualites.view-display-id-block_1 > .view-content,  .view-id-actualites.view-display-id-block_3 > .view-content {padding-right: 0;}

	.top-nav-wrapper {height: 90px;}

	.top-nav-wrapper ul.menu {display: inline-block; }

	#block-topnav {text-align: center; width: 100%; height: 45px;}

	.view-filters, .path-publications .bef-exposed-form {padding: 1em;}

	.columns-col-3 .field--name-field-bloc > div {flex-basis: 33.3333%;}

	.columns-col-4 .field--name-field-bloc > div {flex-basis: 33.3333%;}

	.columns-col-5 .field--name-field-bloc > div {flex-basis: 33.3333%;}

	.paragraph--type--wrapper .columns-col-2 > div > .field__item:nth-child(odd) .paragraph--type--simple-text, .paragraph--type--wrapper .columns-col-2 > div > .field__item:nth-child(even) .paragraph--type--simple-text {padding: 0;}

	body:not(.path-frontpage) h2 {font-size: 1.5em;}

}



@media screen and (max-width: 500px) {

	.view-id-actualites.view-display-id-block_1 .views-row {width: 100%; max-width: 320px;}

	.view-id-actualites.view-display-id-block_3 .views-row .actu__content {max-width: 320px; margin: 0 auto;}

	.view-id-actualites.view-display-id-block_1 > .view-content {justify-content: center;}

	.view-id-actualites.view-display-id-block_3 .actu__content__bottom {width: calc(100% - 3rem);}

	h1 {font-size: 1.3em;}

	#block-views-block-actualites-block-1 .title-block, #block-views-block-actualites-block-agenda .title-block {font-size: 1.2em;}

	#block-en1clic-menu {font-size: 1.5em;}

	.triptych-wrapper-1 .title-block {text-align: center; font-size: 1.3em;}

	.path-frontpage #block-views-block-actualites-block-1 .view-header {position: relative; top: 0; right: 0; margin-bottom: 1em;}

	.triptych-wrapper-1 {padding: 1rem 0;}

	.top-nav-wrapper ul.menu li a {color: white; padding: 0.2em 0.5em; border-right: 1px solid #b7bec3; display: inline-flex; font-size: 0.8em;}

	.view-deliberations .views-row, .view-deliberations .view-filters .js-form-item {width: 100%;}

	.view-publications .views-row {width: 33.33333%; padding: 0 0.5rem;}

	.view-id-actualites.view-display-id-page_1 .actu__content__top {width: 100%; max-width: 320px;}

	.view-id-actualites.view-display-id-page_1 .actu__content__bottom {padding: 1em 0 2em; width: 100%;}

	.columns-col-2 .field--name-field-bloc > div {flex-basis: 100%;}

}



/*Bouton EU cookie compliance*/

.decline-button.eu-cookie-compliance-default-button {color: white; background: none; font-size: 1rem; font-weight: 400; border: 0; text-shadow: none; padding: 0; box-shadow: none;}
.agree-button.eu-cookie-compliance-secondary-button {background: white; color:#0061a0; padding: 0.5em; margin-right: 1em;}
.agree-button.eu-cookie-compliance-secondary-button:hover {background: #00A5A9; color:white;}
.eu-cookie-compliance-content .eu-cookie-compliance-message h2 {font-size: 16px;}



/* Tiny-slider overwrite*/

.toolbar-icon-9 .tns-controls {
	top: -4rem;
}
.tns-controls {
	position: absolute;
	top: -1rem;
	right: 1rem;
}
.tns-controls button{
	border: none;
	color: #00A6DE;
	font-weight: bold;
	background: none;
	font-size: 2rem;
	padding: .3rem;
}
@media all and (min-width: 500px) {
	.tns-controls {
		right: 3rem;
	}
}