@font-face {

  font-family: 'museo';

  src: url('../fonts/MuseoSans-300.woff') format('woff');

  src: url('../fonts/MuseoSans-300.woff') format('woff'),

  url('../fonts/MuseoSans-300.eot?#iefix') format('embedded-opentype');

  font-weight: 300;

  font-style: normal;

}



@font-face {

  font-family: 'museo';

  src: url('../fonts/MuseoSans-500.woff') format('woff');

  src: url('../fonts/MuseoSans-500.woff') format('woff'),

  url('../fonts/MuseoSans-500.eot?#iefix') format('embedded-opentype');

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'museo';

  src: url('../fonts/MuseoSans-500Italic.woff') format('woff');

  src: url('../fonts/MuseoSans-500Italic.woff') format('woff'),

  url('../fonts/MuseoSans-500Italic.eot?#iefix') format('embedded-opentype');

  font-weight: normal;

  font-style: italic;

}



@font-face {

  font-family: 'museo';

  src: url('../fonts/MuseoSans-700.woff') format('woff');

  src: url('../fonts/MuseoSans-700.woff') format('woff'),

  url('../fonts/MuseoSans-700.eot?#iefix') format('embedded-opentype');

  font-weight: bold;

  font-style: normal;

}



@font-face {

  font-family: 'museo';

  src: url('../fonts/MuseoSans-900.woff') format('woff');

  src: url('../fonts/MuseoSans-900.woff') format('woff'),

  url('../fonts/MuseoSans-900.eot?#iefix') format('embedded-opentype');

  font-weight: 900;

  font-style: normal;

}



@font-face {

  font-family: 'museo';

  src: url('../fonts/MuseoSans-900Italic.woff') format('woff');

  src: url('../fonts/MuseoSans-900Italic.woff') format('woff'),

  url('../fonts/MuseoSans-900Italic.eot?#iefix') format('embedded-opentype');

  font-weight: 900;

  font-style: italic;

}







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: museo;

  color: #32495F;

  font-weight: 300;

}

body {

  overflow-x: hidden;

}

body * {

  box-sizing: border-box;

}

p, h1, h2, h3 {

  position: relative;

}



li {list-style: none;}



p {margin-top: 0;}



/**

 * Generic

 */

a {color: #53AEB0;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;}

.form-submit, #search-click, button, .sf-menu span, .button {transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}

a:hover, a:active, a:focus {text-decoration: none; color: #32495F;}

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: 1670px; margin: 0 auto; width: 100%; padding: 0 15px;}

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

.layout-content {width: 100%; float: left;}

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

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

a.button, .button a {color: white; text-align: center; padding: 0.9em 2em; background: #F69D00; border: 0;}

.button:hover, .button a:hover {background-color: #32495F;}

.page-title {color: #32495F; font-size: 3em; font-weight: 300; line-height: 1;}

.field__label {color: #32495F;}

.region-img-top {max-width: 2200px; margin: 0 auto;}

.region-img-top img {max-width: none; width: 100%;}

.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, .webform-button--submit {background: #32495F; padding: 0.5em; margin-right: 1em; color: white; border: 0;}
.agree-button.eu-cookie-compliance-secondary-button:hover, .webform-button--submit:hover {background: black;}

.video-container {
	position: relative;
	padding-bottom: 51.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*Header*/

header { position: relative;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#015f71+0,66c1bf+100 */

background: rgb(1,95,113); /* Old browsers */

background: -moz-linear-gradient(left, rgba(1,95,113,1) 0%, rgba(102,193,191,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left, rgba(1,95,113,1) 0%,rgba(102,193,191,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right, rgba(1,95,113,1) 0%,rgba(102,193,191,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#015f71', endColorstr='#66c1bf',GradientType=1 ); /* IE6-9 */

}

header:before {content: ""; width: 80%; max-width: 620px; height: 90%; top: 1.3em; left: 5%; position: absolute; background: url(../images/bg-header.png) no-repeat top left;}



#block-stsulpice-branding {position: relative; margin: 2em 1em; display:inline-block;}

.search-block-form {float: right; position: relative;}

#block-lienfacebook {float: right; position: relative;}

.lk-fb {display: block; width: 80px; height: 80px; background: #276CBC url(../images/logo-fb.png) no-repeat center; position: relative; z-index: 6;}

.lk-fb:hover {background-color: #ffd536;}

.search-block-form .js-form-submit {width: 80px; height: 80px; background: #ffffff url(../images/logo-search.png) no-repeat center; border: none; overflow: hidden; text-indent: -99999px;}

.search-block-form .js-form-submit:hover, #search-click:hover, #search-click.open {background-color: #ffd536;}

header .search-block-form .form-search {position: absolute; top: -85px; right: 80px; height: 80px; margin: 0; border: 0; padding: 0 1em; z-index: 20; width: 200px; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}

header .search-block-form .form-search.open {top: 0;}

#search-click {width: 80px; height: 80px; background: #ffffff url(../images/logo-search.png) no-repeat center; z-index: 5; position: absolute; top: 0; right: 80px; cursor: pointer;}



/*Breadcrumb*/

.breadcrumb {text-transform: uppercase; margin: 3rem 0 1em; font-size: 0.9em; color: #32495F;}

.breadcrumb li:before {content: " > "; position: relative; top: -1px; margin: 0 4px;}

.breadcrumb li:first-child a {height: 45px; width: 45px; overflow: hidden; text-indent: -99999px; background: url(../images/home-breadcrumb.png) no-repeat center; display: block; float: left; position: relative; top: -14px;}

.breadcrumb a {color: #32495F;}



/*Home slider*/

.region-img-top {max-width: 2200px; margin: 0 auto; position: relative;}

.views-field-field-titre-descriptif {position: absolute; left: 15%; bottom: 4em; text-transform: uppercase; color: white; z-index: 10; font-weight: 300; font-size: 1.5em;}

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

.slick-dots li {float: left;}

.slick-dots li button {padding:0; width: 1em; height: 1em; border-radius: 50%; border: 1px solid white; background: none; overflow: hidden; text-indent: -9999px; margin: 0 0.5em;}

.slick-dots li.slick-active button, .slick-dots li:hover button {background: white;}



.slick-initialized .slick-slide {position: relative;}

.path-frontpage .slick-initialized .slick-slide:after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 16em;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100;Neutral+Density */

background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */}



.path-frontpage #block-stsulpice-local-tasks {display: none;}



#block-views-block-derniere-minute-block-1 {position: absolute; width: 300px; color: white; background: #E71984; bottom: 5em; right: 5em; padding: 1.5em;}

#block-views-block-derniere-minute-block-1 .views-field-title a {text-transform: uppercase; color: #FFD631; margin: 0.5em 0; display: block;}

a.more-link {color: white; text-align: left; padding: 0.6em 1.2em; border-radius: 20px; border: 1px solid white; display: inline-block;}

div.more-link {text-align: left;}

a.more-link:hover {border-color: #FFD631;}



/*Menu*/

#block-navigationprincipale {text-align: center;}

#superfish-main {display: inline-flex;}

.element-top {background: #53AEB0; display: inline-block; width: 100%; z-index: 50;}

.sf-menu li > .sf-depth-1 {color: white; display: block; padding: 1rem; font-size: 1.4em; cursor: pointer; height: 54px;}

.sf-menu li > span.sf-depth-1.nolink {padding: 1rem;}

.sf-menu li > .sf-depth-1:hover, .sf-menu li.active-trail > .sf-depth-1 {background-color: #32495F;}

.sf-menu > li:first-child .sf-depth-1 {height: 54px; width: 60px; overflow: hidden; text-indent: -99999px; background: url(../images/logo-home.png) no-repeat center;}

ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul {top: 54px; background: #32495F;}

ul.sf-menu li > .sf-depth-2 {background: #32495F; padding: 1em 1.5em; width: 100%; color: white; border-bottom: 1px solid white; display: block; cursor: pointer; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}

ul.sf-menu li > .sf-depth-2:hover {background: #1B7FBB;}

ul.sf-menu li > .sf-depth-3 {background: #1B7FBB; padding: 1em 1.5em; width: 100%; color: white; border-bottom: 1px solid white; border-left: 1px solid white; display: block; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}

ul.sf-menu li > .sf-depth-3:hover {background: #F69D00;}

span.sf-depth-2 {position: relative}

span.sf-depth-2:after {content:">"; position: absolute; color: white; right: 0.8em; top: 50%; transform: translateY(-50%);}

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



/*Sticky*/

.sticky .element-top {position: fixed; width: 100%; left: 0; top: 0;}

.sticky main {margin-top: 54px;}



/*Home page section 1*/

.block-title {text-transform: uppercase; color: #32495F; font-size: 3em; font-weight: 300;}

.path-frontpage main {background: #F5F5F5; display: inline-block; width: 100%; padding: 8em 0 7em;}

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

#block-views-block-actualites-block-1 {width: 75%; position: relative; min-height: 390px;}

#block-views-block-actualites-block-1 > div {height: 100%;}

#block-accesdirect {width: 24%; position: relative;margin-left: 1%; background: #54AFB1; min-height: 410px;}

#block-accesdirect-menu {position: absolute; left: 0; top: -80px; text-transform: uppercase; color: #32495F; font-size: 3em; font-weight: 300;}

#block-views-block-actualites-block-1 > div:first-child {position: absolute; left: 1%; top: -80px;}



/*Home actus*/

.view-id-actualites.view-display-id-block_1 {height: 100%;}

.view-id-actualites.view-display-id-block_1 > .view-content {display: flex; flex-wrap: wrap; height: 100%;}

.view-id-actualites.view-display-id-block_1 .views-row {width: 31.33333%; margin: 0 1%; background: white; padding: 1em 1em 0; position: relative; z-index: 5;}

.views-field-field-image-de-l-actualite img {margin: 0 auto 0.8em;}

.views-field-field-date-de-l-actu {font-size: 0.9em; color: #96A1AB;}

.view-id-actualites .views-field-title a {text-transform: uppercase; font-size: 1.2em; color: #1B7FBB; margin: 0.2em 0 0.6em; display: block;}

.view-id-actualites .views-field-title a:hover {color: #F69D00;}

.view-id-actualites.view-display-id-block_1 .view-footer {position: absolute; width: 31.33333%; right: 1%; bottom: -4.5em;}

.view-id-actualites.view-display-id-block_1 .view-footer .button {display: block;}



/*Menu acces direct*/

#block-accesdirect ul.menu {margin: 0; height: 100%;}

#block-accesdirect li {height: 12.5%; border-bottom: 1px solid white;}

#block-accesdirect ul li:last-child {
  border: 0;
  background: #54AFB1;
}

#block-accesdirect li a {display: block; color: white; height: 100%; padding: 0.95em 1em 0.2em 6em; position: relative;}

#block-accesdirect li a:before {content: ""; width: 56px; height: 45px; position: absolute; left: 1.2em; top: 50%; transform: translateY(-50%); background: url(../images/sprite.png) no-repeat -19px -13px;}

#block-accesdirect li .lk-ur:before {background-position: -111px -14px;}

#block-accesdirect li .lk-emploi:before {background-position: -203px -13px;}

#block-accesdirect li .lk-restau:before {background-position: -306px -13px;}

#block-accesdirect li .lk-transport:before {background-position: -395px -13px;}

#block-accesdirect li .lk-inter:before {background-position: -107px -204px;}

#block-accesdirect li .lk-venir:before {background-position: -186px -204px;}

#block-accesdirect li .lk-publi:before {background-position: -265px -204px;}

#block-accesdirect li .lk-num:before {background-position: -13px -204px;}

#block-accesdirect li .actes:before {
  background-image: url(../images/PICTO_actesadmin.svg);
  background-position: center;
}

#block-accesdirect li a:hover {background-color: #32495F;}

#block-accesdirect .menu-item {padding-top: 0;}



/*Home Tryptich 1*/

.path-frontpage .region-triptych-first {display: flex; flex-wrap: wrap; padding: 8em 0 7em;}

#block-views-block-contenu-field-date-on-calendar-block-1 {width: 23%; position: relative; margin: 0 1%; background: #F5F5F5;}

#block-views-block-contenu-field-date-on-calendar-block-1 .block-title {position: absolute; left: 0; top: -80px;}

#block-views-block-agenda-block-1 {width: 75%; position: relative;}

#block-views-block-agenda-block-1 > div:first-child, .view-id-agenda.view-display-id-block_1 {height: 100%;}

.view-id-agenda.view-display-id-block_1 > .view-content {display: flex; flex-wrap: wrap; height: 100%;}

.view-id-agenda.view-display-id-block_1 .views-row {width: 31.33333%; margin: 0 1%; background: #1B7FBB; color: white; padding: 1.5em 2em; line-height: 1.1;}



/*Calendar*/

#block-views-block-contenu-field-date-on-calendar-block-1 h3 {text-align: center; font-size: 1em; font-weight: 300; color: black; text-transform: capitalize;}

#block-views-block-contenu-field-date-on-calendar-block-1 .js-pager__items {position: absolute; top: 0; left: 0; width: 100%; padding: 0;}

#block-views-block-contenu-field-date-on-calendar-block-1 .js-pager__items li a {width: 12px; height: 12px; display: block; position: absolute; top: 4px; overflow: hidden; text-indent: -99999px; border-top: 3px solid #707070;}

#block-views-block-contenu-field-date-on-calendar-block-1 .js-pager__items li.pager__item--previous a {left: 2em; border-left: 3px solid #707070; transform: rotate(-45deg);}

#block-views-block-contenu-field-date-on-calendar-block-1 .js-pager__items li.pager__item--next a {right: 2em; border-right: 3px solid #707070; transform: rotate(45deg);}

#block-views-block-contenu-field-date-on-calendar-block-1 .js-pager__items li a:hover {border-color: #EA4C36;}

.calendar-calendar td {height: 38px; text-align: center; vertical-align: middle; font-size: 0.9em; border: 0;}

.calendar-calendar tr {background: none;}

.calendar-calendar tr td.today {background: none; color: #EA4C36;}

table .mini-day-on a {text-decoration: none;}

table .has-events .mini-day-on a {display: block; width: 34px; height: 34px; border-radius: 50%; color: white; background: #EA4C36; margin: auto; line-height: 33px;}



/*List agenda*/

.content-date {width: 30%; float: left; height: 100%;}

.date-month, .date-end-month {display: block; text-transform: capitalize;}

.date-day, .date-end-day {font-size: 2em; font-weight: 500;}

.date-end-day {position: relative; left: -7px;}

#block-views-block-agenda-block-1 .button {position: absolute; right: 1%; bottom: -4.5em; width: 31.33333%}



.view-display-id-page_day .view-content, .view-id-agenda.view-display-id-page_1 .view-content {display: flex; flex-wrap: wrap;}

.view-display-id-page_day .views-row, .view-id-agenda.view-display-id-page_1 .views-row {width: 23%; margin: 0 1% 1.5em; background: #1B7FBB; color: white; padding: 1.5em 2em 0;}

.view-display-id-page_day .views-row .views-field-body, .view-id-agenda.view-display-id-page_1 .views-row .views-field-body {display: flex;}

.field--name-field-date, .field--name-field-date-de-fin {margin-bottom: 0.8em;}





/*Tryptich 2*/

.tryptich-second-wrapper {background: #F5F5F5; padding: 3em 0; display: inline-flex; width: 100%;}

.view-id-agenda .views-field-title a, .view-contenu-field-date-on-calendar a {color: #F3C500; font-size: 1.2em; text-transform: uppercase; margin-bottom: 0.8em; display: block;}

.view-id-agenda .views-field-title a:hover, .view-contenu-field-date-on-calendar a:hover {color: white}





/*Focus*/

.views-field-field-image-du-focus {float: right; max-width: 50%; margin: -3em 0 0 10em; position: relative; z-index: 2;}

.view-id-focus .views-field-title a {color: #1B7FBB; text-transform: uppercase; font-size: 2em; margin: 0.6em 0 0.6em 1rem; display: block;}

.view-id-focus .button a {width: 100%; max-width: 340px; display: block; margin: 3em 0 1em;}

.views-field-field-texte-affiche-en-page-d-ac {padding-left: 1rem;}



/*Footer*/

body:not(.path-frontpage) footer {margin-top: 2em;}

footer {background: #32495F; color: white; padding: 3rem 0 2rem; margin: 0; display: inline-block; width: 100%;}

footer a {color: white;}

.region-footer {
  display: flex;
  flex-direction: column;
  /* flex-wrap: wrap; */
  width: 100%;
}

.region-footer .block-block-content {width: 100%; padding: 0.8rem 1.5em;}
.region-footer #block-footer1 {
  display: flex;
  justify-content: center;
}


.menu--footer {width: 100%; margin-top: 1.5em; text-align: center;}

.menu--footer ul {padding: 0; display: inline-block;}

.menu--footer ul li {float: left; margin: 0 1em; position: relative;}

.menu--footer ul li:after {content: "-"; position: absolute; right: -20px; top: 3px; }

.menu--footer ul li:last-child:after {display: none;}
/* #block-footer4 {background: #E71984; padding-top: 1em;} */
#block-footer4 iframe {
  /* margin: -30px -34px 0;
  margin: -25px -34px 0; */
   }
#block-footer4 p {margin-bottom: 0;}
.min-p {margin-top: 0.5rem; font-size: 0.8rem; line-height: 1;}

.menu--footer ul li a:hover {color: #F69D00;}

@media (min-width: 900px) {
  .region-footer {
    display: flex;
    flex-direction: inherit;
    flex-wrap: wrap;
    width: 100%;
  }

  .region-footer #block-footer1,
  .region-footer #block-footer2,
  .region-footer #block-footer3 {
    width: 20%; padding: 0.8rem 1.5em;
  }

  .region-footer #block-footer4 {
    width: 40%;
  }

}


/*Paragraphe illustred*/

.illustred-par {position: relative; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out; display: inline-block; width: 100%;}

.field--name-field-para {margin-bottom: 2em;}

.field--name-field-image-s- {max-width: 45%; margin: 1em 2em 0; padding: 0 2rem;}

.field--name-field-image-s- img {margin: 0 0 1.5em;}

.img-left .field--name-field-image-s- {float: left;}

.img-right .field--name-field-image-s- {float: right;}

.field--name-field-titre-du-paragraphe {color: #1B7FBB; font-size: 1.8em; cursor: pointer;}

.illustred-par .field--name-field-texte {padding: 0 2rem;}



.depliable-0 {margin-bottom: 2em;}



.depliable-1 {border-bottom: 1px solid #DBDBDB;}



.open {background: #F1F1F1;}

.field--name-field-titre-du-paragraphe {padding: 2rem;}

#accordion {width: 30px; height: 30px; position: absolute; top: 2.5em; right: 1.5em; display: block; cursor: pointer;}

#accordion:hover:before, #accordion:hover:after {background: #53AEB0;}

#accordion:before {content:""; width: 100%; height: 2px; position: absolute; left: 0; top: 14px; 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;}

#accordion:after {content:""; width: 100%; height: 2px; position: absolute; left: 0; top: 14px; 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;}

.depliable-1:not(.open) #accordion:after {transform: rotate(90deg);}



.field--name-field-texte.clearfix:after {clear: none;}



.field--name-field-fichier {padding: 0 2rem;}

.field--name-field-fichier .file {background: none;}



/*Paragraphe texte large*/

.paragraph--type--texte-large {padding: 0 0 2rem;}

.page-node-23 .paragraph--type--texte-large {padding: 0 2rem 2rem;}

body:not(.path-frontpage) .region-content a {text-decoration: underline;}



/*Paragraphe bouton lien*/

.paragraph--type--bouton-lien a {display: inline-flex; color: white; background: #F69D00; padding: 0.8em 1em; margin: 0 2rem 1.5em; min-width: 270px;}

.paragraph--type--bouton-lien a:hover {background: #32495F;}

.paragraph--type--bouton-lien img {float: left; margin-right: 1em;}

.paragraph--type--bouton-lien {line-height: 30px;}



/*Détail actualité*/

.page-node-type-actualite .views-field-field-image-de-l-actualite {float: left; max-width: 40%; padding-right: 2em; margin-top: 5em;}

.content-actu {float: left; width: 60%;}

.titre-actu {color: #1B7FBB; font-size: 1.8em; font-weight: 300;}

.view-field-sous-titre-actu {margin-bottom: 0.8em;}

.has-icon {position: relative; padding: 0.5em 0 0.5em 2em;}

.has-icon:before {content: ""; width: 30px; height: 30px; position: absolute; top: 1px; left: 0; background: url(../images/sprite.png) no-repeat -294px -130px;}

.view-field-date-day .has-icon:before {background-position: -417px -132px;}

.view-field-lieu .has-icon:before {background-position: -354px -131px;}





/*Liste des actualités*/

.path-actualites {background: #F5F5F5;}

.view-id-actualites.view-display-id-page_1 .view-content {display: flex; flex-wrap: wrap;}

.view-id-actualites.view-display-id-page_1 .views-row {width: 23%; margin: 0 1% 2em; background: white; padding: 1em;}



/*Paragraphe bloc icone*/

.paragraph--type--bloc-avec-icone {padding-left: 3rem; width: 100%; display: inline-block;}

.paragraph--type--bloc-avec-icone .field--name-field-icone-du-bloc {float: left; margin-right: 0.5em;}

.paragraph--type--bloc-avec-icone .field--name-field-texte-du-bloc {float: left;}



/*Paragraphe fichiers à télécharger*/

.field--name-field-fichier-a-telecha {display: flex; flex-wrap: wrap;}

.field--name-field-fichier-a-telecha > div {width: 23%; margin: 0 1% 2rem; background: #F5F5F5;}

.field--name-field-visuel {float: left; width: 30%;}

.field--field_titre_fichier, .field--field_mois, .field--field_annee, .field--name-field-fichier-a-telecharger {width: 70%; float: right;}

.field--name-field-fichier-a-telecharger a {display: block; width: 50px; height: 50px; text-indent: -99999px; overflow: hidden; background: url(../images/download.svg) no-repeat center; background-size: 100%;}

.file--image {background: none;}

.field-txt-content {padding-left: 1.8rem;}

.file {padding-left: 0; background: none;}

.field--field_titre_fichier {text-transform: uppercase; font-size: 1.2em; color: #1B7FBB; margin: 0.5em 0 1em;}

.field--field_mois {color: #545454; font-size: 1.1em;}

.field--field_annee {color: #545454; font-size: 2.1em; margin-bottom: 0.5em;}



/*Paragraphe blocs en colonnes*/

.field--name-field-blocs {display: flex; flex-wrap: wrap;}

.field--name-field-blocs > div {background: #F5F5F5; margin: 0 1% 2em; padding: 1em;}

.col-2 .field--name-field-blocs > div {width: 48%;}

.col-3 .field--name-field-blocs > div {width: 31.33333%;}

.col-4 .field--name-field-blocs > div {width: 23%;}

.field--name-field-image-portrait {max-width: 40%; margin-right: 1.5rem; float: left;}

.field--name-field-titre-nom {color: #1B7FBB; font-size: 1.3em; padding: 0.8em 0 0.35em 0.5rem}

.field--name-field-sous-titre {font-style: italic; margin-bottom: 0.2rem; padding-left: 0.5rem;}

.field--name-field-description {padding-left: 0.5rem;}


/*Paragraphe Images*/
.paragraph--type--image-s- {text-align: center; margin: 2em 0;}
.field--name-field-image-s-large-s- .slick-slide img {margin: 0 auto;}
.paragraph--type--image-s- .slick-dots {bottom: 0;}

/* Cookies */
body #cookiesjsr {
  --default-margin: 1.25em;
  --font-size-reset: 1rem;

  --btn-font-color: #FFF;
  --btn-border-color: #FFF;
  --btn-bg-color: #53AEB0;
  --btn-prime-font-color: #53AEB0;
  --btn-prime-border-color: #FFF;
  --btn-prime-bg-color: #FFF;
  --btn-inv-font-color: #53AEB0;
  --btn-inv-border-color: #53AEB0;
  --btn-inv-bg-color: #FFF;
  --btn-prime-inv-font-color: #FFF;
  --btn-prime-inv-border-color: #53AEB0;
  --btn-prime-inv-bg-color: #53AEB0;

  --link-list-font-color: #FFF;
  --link-list-separator-color: #FFF;

  --banner-logo-offset: 100px;
  --banner-bg-color: #53AEB0;
  --banner-font-color: #FFF;

  --layer-header-height: 3.5em;
  --layer-header-bg-color: #FFF;
  --layer-header-font-color: #000f37;
  --layer-body-bg-color: #FFF;
  --layer-tab-bg-color: #FFF;
  --layer-tab-font-color: #000f37;
  --layer-tab-active-bg-color: #53AEB0;
  --layer-tab-active-font-color: #FFF;
  --layer-bg-dark: #53AEB0;
  --layer-font-light: #FFF;
  --layer-font-dark: #000f37;
  --layer-border-color: #e4e5e6;
  --layer-footer-bg-color: #FFF;
  --layer-footer-font-color: #000f37;
  --layer-footer-height: 4.5em;

  --switch-border-color: #e4e5e6;
  --switch-handle-color: #FFF;
  --switch-bg-off: #FFF;
  --switch-bg-on: #00AA00;
  --switch-width: 45px;
  --switch-height: 20px;
  --switch-always-on-font-color: #00AA00;
  --switch-always-on-bg-color: #FFF;
}
.cookiesjsr-layer--header:before {
  content: none;
}
.cookies-fallback--btn {
  background-color: #53AEB0;
}
@media (min-width: 550px) {
  .cookies-fallback--iframe {
    max-width: 55%;
  }
}


/* Media */
.media-oembed-content {
  width: 560px;
  height: 315px;
}
.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;
  }
}


@media (max-width: 1580px) {

	.content-date {width: 26%; font-size: 0.8em;}

	.view-id-agenda .views-field-title a, .view-contenu-field-date-on-calendar a {font-size: 1em;}

}





@media (max-width: 1450px) {

	#block-accesdirect-menu, .block-title {font-size: 2.1em;}

	#block-views-block-contenu-field-date-on-calendar-block-1 .block-title, #block-views-block-actualites-block-1 > div:first-child, #block-accesdirect-menu {top: -60px;}

	.content-date {height: auto; width: auto; margin-right: 0.5em;}

	.field--name-field-fichier-a-telecha > div {width: 31.33333%;}

	.field--field_annee {font-size: 1.5em; margin-bottom: 0.2em;}

	.field--field_titre_fichier {margin-bottom: 0.5em;}

	.field--name-field-fichier-a-telecharger a {width: 30px; height: 30px;}

}



@media (max-width: 1280px) {

	.col-4 .field--name-field-blocs > div {width: 31.33333%;}

}



@media (max-width: 1095px) {

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

	#block-accesdirect {width: 100%; margin-top: 120px;}

	.sf-menu li > .sf-depth-1 {color: white;display: block;padding: 1.1rem 0.8rem;font-size: 1.2em;}

	.site-logo {max-width: 60%;}

	.lk-fb, .search-block-form .js-form-submit {width: 50px; height: 50px;}

	#search-click {width: 50px; height: 50px; right: 50px;}

	header .search-block-form .form-search {right: 50px; height: 50px;}

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

	#block-views-block-contenu-field-date-on-calendar-block-1 {width: 100%; margin: 0 0 2em;}

	.view-display-id-page_day .views-row, .view-id-agenda.view-display-id-page_1 .views-row {width: 48%;}

}





@media (max-width: 900px) {

	.sf-menu li > .sf-depth-1 {padding: 1.1rem 0.6rem; font-size: 1em;}

	.view-id-actualites.view-display-id-page_1 .views-row, .field--name-field-fichier-a-telecha > div {width: 48%;}

	.col-4 .field--name-field-blocs > div, .col-3 .field--name-field-blocs > div {width: 48%;}

}





@media (max-width: 767px) {

	.lk-open {top: 0!important; position: relative !important; display: block; height: auto !important; width: 100% !important;}

	#superfish-main-toggle {display: block; padding: 1em; text-transform: uppercase; color: white;}

	.view-id-actualites.view-display-id-block_1 .views-row {width: 98%;}

	.path-frontpage main {padding: 6em 0 0em;}

	.view-id-agenda.view-display-id-block_1 .views-row, .view-id-actualites.view-display-id-page_1 .views-row, .view-display-id-page_day .views-row, .view-id-agenda.view-display-id-page_1 .views-row, .field--name-field-fichier-a-telecha > div {width: 100%; margin: 0 0 1em;}

	.views-field-field-image-du-focus {margin-left: 1em;}

	.view-id-focus .views-field-title a {font-size: 1.2em;}

	/* .region-footer .block-block-content {width: 50%; margin-bottom: 2em;} */


	#block-views-block-agenda-block-1 .button, .view-id-actualites.view-display-id-block_1 .view-footer {right: 0; width: 100%; bottom: -3.5em;}

	.views-field-field-titre-descriptif {left: 5%;bottom: 3em;font-size: 1.1em;}

	.slick-dots {bottom: 0;}

	.field--name-field-titre-du-paragraphe {font-size: 1.2em;}

	.page-title {font-size: 2em;}

	#block-views-block-derniere-minute-block-1 {position: relative; width: 100%; bottom: 0; right: 0;}

}



@media (max-width: 550px) {

	/* .region-footer .block-block-content, */
  .content-actu {width: 100%;}

	.page-node-type-actualite .views-field-field-image-de-l-actualite {max-width: 100%; padding-right: 0; margin-top: 1em;}

	.col-4 .field--name-field-blocs > div, .col-3 .field--name-field-blocs > div, .col-2 .field--name-field-blocs > div {width: 100%; margin: 0 0 1rem;}

}


/**************************************/

/**
  * Administrative Acts
  */


.act-list .view-content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}
.act {
  background-color: #F1F1F1;
  padding-top: 3.375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  display: flex;
  gap: 0.7rem;
  flex-direction: column;
  position: relative;
  width: 100%;
  transition: 0.150s;
}
.act:hover {
  background-color: #53AEB024;
}
.act-list {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.act-list .view-filters {
  order: 1;
  width: 100%;
  background: #f4f4f4;
  padding: 2em;
  margin-bottom: 2em;
}
.act-list .view-header {
  order: 2;
}
.act-list .view-content {
  order: 3;
}
.act-list .pager {
  order: 4;
  margin: auto;
}
.act-list .pager__items {
  display: flex;
  padding: 0 !important;
}
.act-list .pager__items a {
  color: #53AEB0 !important;
}
.act-list .pager__item--first,
.act-list .pager__item--last {
  display: none;
}
.act-list .view-filters select {
  width: 100%;
  margin: 0;
  height: 36px;
  border: 1px solid #d9d9d9;
}
.act-list .view-filters input[type="text"] {
  width: 100%;
  margin: 0;
  height: 36px;
  border: 1px solid #d9d9d9;
}
.act-list .view-filters input[type="submit"] {
  margin: 2rem 0 0;
  background: none;
  display: inline-block;
  border: 1px solid #53AEB0;
  color: #53AEB0;
  padding: 0.5em 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;
}
.act-list .view-filters input[type="submit"]:hover {
  background: #53AEB0;
  color: white;
}

.act-list a  {
  text-decoration: none  !important;
  color: #32495F;
  height: 100%;
  display: flex;
}
.act-list .js-form-item {
  width: 100%;
  padding: 0 0.75em;
  margin: 0;
}
.act-list .form-actions {
  margin: 0;
  text-align: center;
}
.act .act--type {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 0.688rem;
  height: 40px;
  width: 211px;
  display: flex;
  align-items: center;
  color: white;
}
.act .field--name-field-description {
  padding-left: 0;
}
.act--type--deliberation {
  background-color: #53AEB0;
}
.act--type--decision {
  background-color: #066375;
}
.act--type--arrete {
  background-color: #1B7FBB
}
@media all and (min-width: 600px){
  .act .view-content {
    grid-template-columns: 1fr 1fr;
  }
  .act-list .js-form-item {
    width: 33.33%;
  }
}

@media all and (min-width: 1100px){
  .act-list .view-content {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

@media all and (min-width: 1500px){
  .act-list .view-content {
    gap: 4.125rem;
  }
}