@charset "UTF-8";
/* --- FEUILLE DE STYLE --- */
/* ////////////////////////////////////////////////////////////////////////////

	Colleville Montgomery // CSS
	NetConception 2019
	-
	
	01 - COULEURS
	02 - GRADIENT
	03 - FONT
	04 - GLOBAL
	05 - CLASSES GÉNÉRALES
	06 - HEADER
	07 - SLIDER HOME & PAGE
	08 - ACTUALITES
	09 - ACCES RAPIDES
	10 - AGENDA
	11 - FOOTER
	12 - TEMPLATE > PAGE
	13 - TEMPLATE > PAGE : RACINE
	14 - TEMPLATE > PAGE : COMMERCES & SERVICES
	15 - TEMPLATE > PAGE : PUBLICATIONS
	16 - TEMPLATE > PAGE : ELUS & COMMISSIONS
	17 - TEMPLATE > PAGE : RECHERCHE

	RESPONSIVE > responsive.css
	
//////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////

    COULEURS

//////////////////////////////////////////////////////////////////////////// */
/*
$bleuMain : #18a5e7;
$bleuDarker : #0385c2;
$bleuDarkest : #01557C;

$vertMain : #00cf68;
$vertDarker : #00994b;
$vertDarkest : #005F2C;

$lightGrey : #E5E5E5;
$normalGrey : #D9D9D9;
$darkGrey : #595959;
*/
/* ////////////////////////////////////////////////////////////////////////////

    GRADIENT

//////////////////////////////////////////////////////////////////////////// */
/*
background: $color;
background: -moz-linear-gradient(0deg, $color 0%, $color2 100%);
background: -webkit-linear-gradient(0deg, $color 0%, $color2 100%);
background: linear-gradient(0deg, $color 0%, $color2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$color",endColorstr="$color2",GradientType=1);
*/
/* ////////////////////////////////////////////////////////////////////////////

    FONT

//////////////////////////////////////////////////////////////////////////// */
@font-face {
  font-family: CaviarDreams;
  src: url(../font/CaviarDreams_Bold.ttf);
  font-weight: bold;
}

@font-face {
  font-family: CaviarDreams;
  src: url(../font/CaviarDreams_Italic.ttf);
  font-style: initial;
}

@font-face {
  font-family: CaviarDreams;
  src: url(../font/CaviarDreams.ttf);
  font-weight: normal;
}

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

    GLOBAL

//////////////////////////////////////////////////////////////////////////// */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  scroll-behavior: smooth;
  /* Attention les fonctions JS scroll ne marcheront pas avec overflow-x: hidden; */
  /*overflow-x: hidden;*/
}

::selection {
  color: #fff;
}

::-moz-selection {
  color: #fff;
}

::selection {
  background-color: rgba(1, 85, 124, 0.5);
}

::-moz-selection {
  background-color: rgba(1, 85, 124, 0.5);
}

p, div, td {
  color: #000000;
  font-family: 'Open Sans', sans-serif!important;
  font-size: 12px;
}

.page p {
  text-align: justify;
}

.page p, .page li, .page td  {
  font-weight: 300;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif!important;
  
}

#contentPage p, #contentPage li, #contentPage td {
  margin: 0;
  padding: 0;
  line-height: 1.5;
}

#contentPage li {
  margin-bottom: 8px;
}

#contentPage ul {
  list-style: inherit;
  padding-left: 25px;
  margin-top: 8px;
}

a {
  color: #01557C;
  text-decoration: none;
  transition: all 0.2s ease;
}

a:hover {
  color: #0385c2;
  text-decoration: none;
}

header li.inactive > a,header a.inactive {
  pointer-events: none;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

h1 {
  position: relative;
  z-index: 1;
  padding: 0px;
  margin: 0px;
  font-size: 26px;
  font-weight: 600;
  color: #01557C;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  padding-right: 20px;
  display: inline-block;
  white-space: nowrap;
}

h1.home {
  font-weight: 300;
  color: #000;
}

.page h1 {
  padding-left: 40px;
  background-image: url("../images/arrow_right_blue.svg");
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: left 8px;
}

.title_line {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.title_line::after {
  content: "";
  display: block;
  background-color: #E5E5E5;
  margin: auto;
  height: 3px;
  width: 100%;
}

.page .title_line {
  margin-bottom: 20px;
}

.page .title_line::after {
  background-color: #01557C;
}

h2 {
  color: #000;
  font-weight: 500;
  text-align: left;
  font-size: 16px;
  margin: 5px 0 5px 0;
}

h3 {
  color: #505050;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: 400;
  margin: 10px 0;
}

.page h2 {
  color: #0385c2;
  padding-left: 20px;
  background-image: url("../images/simple_arrow_right_blue.svg");
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: left 6px;
  text-transform: uppercase;
  font-weight: 500;
  text-align: left;
  font-size: 20px;
  margin: 25px 0 0 0;
}

.page table {
	width: 100%;
}

.page img {
	max-width: 100%;
	object-fit: contain;
	
}

.page a > img {
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	transition: all 0.2s ease;
}

.page a > img:hover {
	box-shadow: 0 2px 2px rgba(0,0,0,0.4);
}

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

    CLASSES GÉNÉRALES

//////////////////////////////////////////////////////////////////////////// */
.container {
  width: 1200px;
  margin: auto;
}

.spacer {
  clear: both;
}

.flexRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

.flexColumn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}

.noscroll {
  overflow-x: hidden;
}

.alignleft {
	float: left;
	margin: 0 40px 20px 0;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignright {
	float: right;
	margin: 0 0 20px 40px;
}

.page #milieu {
  padding-bottom: 20px;
}

#milieu {
  min-height: 500px;
  padding: 10px 10px 40px 10px;
  background: #f2f2f2;
  background: -moz-linear-gradient(0deg, #f2f2f2 0%, white 100%);
  background: -webkit-linear-gradient(0deg, #f2f2f2 0%, white 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#f2f2f2), to(white));
  background: linear-gradient(0deg, #f2f2f2 0%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2f2f2",endColorstr="#ffffff",GradientType=1);
}

.button_wrapper {
  text-transform: uppercase;
  font-size: 20px;
  display: inline-block;
  padding: 2px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.button_wrapper.bleu:hover > a, .button_wrapper.vert:hover > a {
  background: transparent;
  color: #FFF;
}

.button_wrapper.bleu {
  color: #01557C;
  background: #18a5e7;
  background: -moz-linear-gradient(90deg, #0385c2 0%, #18a5e7 100%);
  background: -webkit-linear-gradient(90deg, #0385c2 0%, #18a5e7 100%);
  background: -webkit-gradient(linear, left top, right top, from(#0385c2), to(#18a5e7));
  background: linear-gradient(90deg, #0385c2 0%, #18a5e7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bleuDarker",endColorstr="$bleuMain",GradientType=1);
}

.button_wrapper.bleu > a {
  color: #01557C;
}

.button_wrapper.vert {
  color: #005F2C;
  background: #00cf68;
  background: -moz-linear-gradient(90deg, #00994b 0%, #00cf68 100%);
  background: -webkit-linear-gradient(90deg, #00994b 0%, #00cf68 100%);
  background: -webkit-gradient(linear, left top, right top, from(#00994b), to(#00cf68));
  background: linear-gradient(90deg, #00994b 0%, #00cf68 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bleuDarker",endColorstr="$bleuMain",GradientType=1);
}

.button_wrapper.vert > a {
  color: #005F2C;
}

.button_wrapper > a {
  display: block;
  background-color: #FFF;
  padding: 5px 15px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.border.bleu {
  height: 5px;
  width: 100%;
  color: #01557C;
  background: #18a5e7;
  background: -moz-linear-gradient(90deg, #0385c2 0%, #18a5e7 100%);
  background: -webkit-linear-gradient(90deg, #0385c2 0%, #18a5e7 100%);
  background: -webkit-gradient(linear, left top, right top, from(#0385c2), to(#18a5e7));
  background: linear-gradient(90deg, #0385c2 0%, #18a5e7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bleuDarker",endColorstr="$bleuMain",GradientType=1);
}

#contentPage .wc-gallery ul,#contentPage .wc-gallery li {
	list-style: none;
	padding-left: 0;
	margin-top: 0;
}

#contentPage .wc-gallery .slides {
	height: 100%;
	width: 100%;
}

#contentPage .wc-gallery .gallery {
	
}

.wc-gallery .wcflexslider {
	background-color: transparent;
	
}

.pager-prev {
  float: left;
  margin-right: 5px;
  text-align: left;
}

.pager-next {
  float: right!important;
  margin-left: 5px;
  text-align: right;
}

.pager-next, .pager-prev {
  vertical-align: middle;
  display: inline-block;
}

.pager-next a , .pager-prev a {
  font-size: 15px;
  border: 1px solid #0385c2;
  border-radius: 5px;
  font-weight: 400!important;
  padding: 5px 10px;
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.2s ease;
}

.pager-next a:hover , .pager-prev a:hover {
  color: white;
  background-color: #0385c2;
}



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

    HEADER

//////////////////////////////////////////////////////////////////////////// */
/* ------------------------------------------- 
	ENTETE
------------------------------------------- */
#entete {
  background-color: #D9D9D9;
}

#entete .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#entete a {
  color: #595959;
  font-weight: 400;
  font-size: 16px;
  background-repeat: no-repeat;
  background-size: 22px;
  margin: 10px 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

#entete a:hover {
  color: #000;
  -webkit-filter: brightness(80%);
  filter: brightness(80%);
}

#entete .contact > a {
  padding-left: 30px;
  background-image: url("../images/icon_coord_grey.svg");
  background-position: center left;
}

#entete .facebook > a {
  padding-right: 30px;
  background-image: url("../images/icon_facebook_01.svg");
  background-position: center right;
}
#entete .instagram > a {
  padding-right: 30px;
  background-image: url("../images/icon_instagram_01.svg");
  background-position: center right;
}
.container_RS{
	justify-content: flex-end!important; 
	gap:0px 32px;
}

header {
  position: relative;
  z-index: 5;
  background-color: #FFF;
  height: 90px;
  width: 100%;
  -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
}

header nav {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

header nav #linkHome {
  position: relative;
  font-family: "CaviarDreams"!important;
  font-size: 30px;
  line-height: 1;
  margin: 0;
  padding: 0 0 0 20px;
  text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px;
  margin-right: 25px;
}

header nav #linkHome > a {
  color: #000;
}

header nav #linkHome::before {
  content: "";
  position: absolute;
  left: 0;
  width: 5px;
  height: 100%;
  background-color: #000;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

header nav #linkNav {
  height: 100%;
  width: 100%;
}

#sliderHome #btn_search {
  position: absolute;
  top: 30px;
  right: -265px;
  z-index: 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 0 5px 12px;
  border-bottom-left-radius: 100px;
  border-top-left-radius: 100px;
  background: #18a5e7;
  background: -moz-linear-gradient(45deg, #0385c2 0%, #18a5e7 100%);
  background: -webkit-linear-gradient(45deg, #0385c2 0%, #18a5e7 100%);
  background: linear-gradient(45deg, #0385c2 0%, #18a5e7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bleuDarker",endColorstr="$bleuMain",GradientType=1);
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

#sliderHome #btn_search #icon_loupe {
  display: block;
  height: 25px;
  width: 25px;
  background-image: url("../images/icon_loupe_white.svg");
  margin-right: 30px;
  cursor: pointer;
}

#sliderHome #btn_search #form_search {
  white-space: nowrap;
}

#sliderHome #btn_search.visible {
  right: 0;
}

#sliderHome #btn_search.visible #icon_loupe {
  height: 20px;
  background-image: url("../images/icon_cross_white.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-position: contain;
}

#sliderHome #btn_search #icon_close {
  display: block;
  height: 15px;
  width: 15px;
  background-image: url("../images/icon_cross_white.svg");
  margin-right: 10px;
}

#sliderHome #btn_search.visible form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#sliderHome #btn_search form input {
  margin-right: 10px;
  height: 30px;
  border: none;
}

#sliderHome #btn_search form input[type="search"] {
  padding-left: 5px;
}

#sliderHome #btn_search form input[type="submit"] {
  width: 25px;
  background-image: url("../images/icon_check_white.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  cursor: pointer;
}

/* ------------------------------------------- 
	BOUTON MENU RESPONSIVE
------------------------------------------- */
header #btn_menuResp {
  display: none;
  cursor: pointer;
  width: 70px;
  height: 70px;
  padding: 0px;
  margin: 10px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

header #btn_menuResp span {
  margin: auto;
  width: 70%;
  height: 8px;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

header #btn_menuResp span,
header #btn_menuResp span::before,
header #btn_menuResp span::after {
  background: #000;
  border-radius: 100px;
}

header #btn_menuResp span::before,
header #btn_menuResp span::after {
  position: absolute;
  height: 100%;
  width: 80%;
  content: '';
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

header #btn_menuResp span::before {
  top: -200%;
  left: 0;
}

header #btn_menuResp span::after {
  bottom: -200%;
  right: 0;
}

header #btn_menuResp:hover span::before,
header #btn_menuResp:hover span::after {
  width: 100%;
}

/* rotate to cross */
header #btn_menuResp.click span {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

header #btn_menuResp.click span::before {
  -webkit-transition-property: top, -webkit-transform;
  transition-property: top, -webkit-transform;
  transition-property: top, transform;
  transition-property: top, transform, -webkit-transform;
}

header #btn_menuResp.click span::after {
  -webkit-transition-property: bottom, -webkit-transform;
  transition-property: bottom, -webkit-transform;
  transition-property: bottom, transform;
  transition-property: bottom, transform, -webkit-transform;
}

header #btn_menuResp span::before,
header #btn_menuResp span::after {
  -webkit-transition-duration: inherit;
  transition-duration: inherit;
}

header #btn_menuResp.click span::before {
  top: 0;
  left: inherit;
}

header #btn_menuResp.click span::after {
  bottom: 0;
  right: inherit;
}

header #btn_menuResp.click span::before,
header #btn_menuResp.click span::after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  width: 100%;
}

/* ------------------------------------------- 
	MENU PRINCIPAL
------------------------------------------- */
header nav #linkNav ul#menu-colleville_montgomery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

header nav #linkNav ul#menu-colleville_montgomery > li.menu-item {
  height: 100%;
  width: 16%;
  font-weight: 400;
}

header nav #linkNav ul#menu-colleville_montgomery > li.menu-item > a {
  color: #000;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
  height: 90px;
  width: 100%;
  cursor: default;
}

header nav #linkNav ul#menu-colleville_montgomery > li.menu-item > a::before {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #FFF;
}

header nav #linkNav ul#menu-colleville_montgomery > li.menu-item > a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 9px;
}

header nav #linkNav ul#menu-colleville_montgomery > li.menu-item:nth-child(odd) > a::after {
  background: #18a5e7;
  background: -moz-linear-gradient(90deg, #0385c2 0%, #18a5e7 100%);
  background: -webkit-linear-gradient(90deg, #0385c2 0%, #18a5e7 100%);
  background: -webkit-gradient(linear, left top, right top, from(#0385c2), to(#18a5e7));
  background: linear-gradient(90deg, #0385c2 0%, #18a5e7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bleuDarker",endColorstr="$bleuMain",GradientType=1);
}

header nav #linkNav ul#menu-colleville_montgomery > li.menu-item:nth-child(even) > a::after {
  background: #00cf68;
  background: -moz-linear-gradient(90deg, #00994b 0%, #00cf68 100%);
  background: -webkit-linear-gradient(90deg, #00994b 0%, #00cf68 100%);
  background: -webkit-gradient(linear, left top, right top, from(#00994b), to(#00cf68));
  background: linear-gradient(90deg, #00994b 0%, #00cf68 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$vertDarker",endColorstr="$vertMain",GradientType=1);
}

/* ------------------------------------------- 
	MENU SECONDAIRE
------------------------------------------- */
header nav #linkNav ul#menu-colleville_montgomery > li.menu-item:hover ul.sub-menu {
  opacity: 1;
  visibility: visible;
  background-color: #FFF;
  height: auto;
  padding: 10px 0;
}

header nav #linkNav ul#menu-colleville_montgomery > li.menu-item:hover ul.sub-menu a {
  color: #000;
}

header nav #linkNav ul#menu-colleville_montgomery ul.sub-menu {
  opacity: 0;
  visibility: hidden;
  height: 0;
  padding: 0;
  background-color: transparent;
  color: transparent;
  background-color: #FFF;
  -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

header nav #linkNav ul#menu-colleville_montgomery ul.sub-menu a {
  color: transparent;
  transition: all 0.1s ease;
}

header nav #linkNav ul#menu-colleville_montgomery ul.sub-menu > li.menu-item {
  padding: 2px 10px;
  font-size: 14px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

header nav #linkNav ul#menu-colleville_montgomery ul.sub-menu > li.menu-item > a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 5px 0;
}

header nav #linkNav ul#menu-colleville_montgomery ul.sub-menu > li.menu-item:hover,
header nav #linkNav ul#menu-colleville_montgomery ul.sub-menu > li.menu-item.active {
  background-color: #e9e9e9;
}

header nav #linkNav ul#menu-colleville_montgomery ul.sub-menu > li.menu-item:last-child {
  margin-bottom: 0;
}

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

    SLIDER HOME & PAGE

//////////////////////////////////////////////////////////////////////////// */
.home #sliderHome {
  height: 50vh;
}

.home #sliderHome #list_slide {
  height: 50vh;
}

#sliderHome {
  position: relative;
  height: 30vh;
  width: 100%;
  background-color: #000;
  overflow: hidden;
}

#sliderHome #list_slide {
  height: 100%;
}

#sliderHome .slide {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 1 !important;
}

#sliderHome .lSSlideWrapper .lSFade > .active {
  z-index: 2 !important;
}

#wave {
  position: absolute;
  bottom: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 70px;
  background-image: url("../images/vague.svg");
  background-position: center 0px;
  background-size: 130%;
  background-repeat: no-repeat;
  width: 100%;
}

#wave p {
  color: white;
  font-family: "CaviarDreams";
  font-size: 28px;
  font-weight: 300;
  line-height: 1;
}

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

    ACTUALITES HOME

//////////////////////////////////////////////////////////////////////////// */
#HomeLine1_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 20px 0 30px 0;
  width: 100%;
}

#HomeLine1_wrapper .wrapper_item {
  height: calc(100% - 45px);
}

#actualites {
  margin-right: 25px;
  width: calc(100% - 275px);
  text-align: right;
}

#actualites .content_item a.link_agenda {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
  border:2px solid #0c93d2;
}

#actualites #list_actus {
  margin: 10px 0 25px 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

#actualites #list_actus:hover {
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

#actualites .content_item {
	position: relative;
  width: 100%;
  height: 350px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#actualites .content_item:hover .photo {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-filter: grayscale(50%);
  filter: grayscale(50%);
}

#actualites .content_item .photo_wrapper {
  position: relative;
  min-width: 60%;
  overflow: hidden;
}

#actualites .content_item .photo {
  width: 100%;
  height: 100%;
  background-position: center;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  /*background-size: cover;*/
  background-size: contain;
  background-repeat: no-repeat;
}

#actualites .content_item .date {
  position: absolute;
  left: 0;
  top: 0;
  padding: 5px 10px;
  color: #FFF;
  font-size: 16px;
  background: #18a5e7;
  background: -moz-linear-gradient(90deg, #0385c2 0%, #18a5e7 100%);
  background: -webkit-linear-gradient(90deg, #0385c2 0%, #18a5e7 100%);
  background: -webkit-gradient(linear, left top, right top, from(#0385c2), to(#18a5e7));
  background: linear-gradient(90deg, #0385c2 0%, #18a5e7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bleuDarker",endColorstr="$bleuMain",GradientType=1);
}

#actualites .content_item .description_wrapper {
  background: #18a5e7;
  background: -moz-linear-gradient(-90deg, #0385c2 0%, #18a5e7 100%);
  background: -webkit-linear-gradient(-90deg, #0385c2 0%, #18a5e7 100%);
  background: -webkit-gradient(linear, right top, left top, from(#0385c2), to(#18a5e7));
  background: linear-gradient(-90deg, #0385c2 0%, #18a5e7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bleuDarker",endColorstr="$bleuMain",GradientType=1);
  padding: 2px 2px 2px 0;
  min-width: 40%;
}

#actualites .content_item .description {
  position: relative;
  overflow: hidden;
  background-color: #FFF;
  padding: 20px;
  width: 100%;
  height: 100%;
  text-align: left;
}

#actualites .content_item .description .overtext {
  position: absolute;
  width: 100%;
  height: 6em;
  bottom: 0;
  left: 0;
  background: white;
  background: -moz-linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0.704902) 50%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0.704902) 50%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(white), color-stop(50%, rgba(255, 255, 255, 0.704902)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0.704902) 50%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

#actualites .content_item .description h2 {
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
}

#actualites .content_item .description p {
  line-height: 1.5;
  font-weight: 300;
  font-size: 16px;
}

#actualites .lSSlideOuter .lSPager.lSpg {
  position: absolute;
  right: 15px;
  bottom: 40px;
}

#actualites .lSSlideOuter {
  position: relative;
}

#actualites .lSSlideOuter .lSPager.lSpg > li a {
  z-index: 1;
  width: 15px;
  height: 15px;
  background-color: #E5E5E5;
}

#actualites .lSSlideOuter .lSPager.lSpg > li.active a, .lSSlideOuter .lSPager.lSpg > li:hover a {
  background-color: #18A5E7;
}

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

    ACCES RAPIDE HOME & PAGE

//////////////////////////////////////////////////////////////////////////// */
.home #accesRapides {
  width: 25%;
  min-width: 250px;
  max-height: 460px;
}

.home #accesRapides .content_item {
  width: 100%;
  height: 100%;
  margin-top: 10px;
  background: #18a5e7;
  background: -moz-linear-gradient(-45deg, #0385c2 0%, #18a5e7 100%);
  background: -webkit-linear-gradient(-45deg, #0385c2 0%, #18a5e7 100%);
  background: linear-gradient(-45deg, #0385c2 0%, #18a5e7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bleuDarker",endColorstr="$bleuMain",GradientType=1);
}

.home #accesRapides #accesRapides_item {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: space-between;
  -ms-flex-align: space-between;
  align-items: space-between;
  height: 100%;
}

.home #accesRapides .lSSlideWrapper {
  max-height: 417px !important;
}

.home #accesRapides .lSAction > a {
  background-image: url("../images/chevron_right_white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 25px;
  height: 25px;
}

.lSAction > a.lSNext {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background-position: inherit;
  z-index: 1;
}

.lSAction > a.lSPrev {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background-position: inherit;
  z-index: 1;
}

.lSSlideOuter.vertical .lSAction > .lSPrev, .lSSlideOuter.vertical .lSAction > .lSNext {
  background-position: center;
}

.lSSlideOuter.vertical .lSAction > .lSPrev {
  top: 2px;
}

.lSSlideOuter.vertical .lSAction > .lSNext {
  bottom: 2px;
}

.lSSlideOuter.vertical .lSAction > a {
  z-index: 1;
}

#accesRapides .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

#accesRapides .item {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
}

#accesRapides .item::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  z-index: -1;
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 50px;
  background-color: rgba(0, 0, 0, 0.1);
  opacity: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;

}

#accesRapides .item:hover:after {
  opacity: 1;
}

#accesRapides .item span {
  display: block;
  height: 35px;
  width: 35px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

#accesRapides .item p {
  color: #FFF;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  font-size: 15px;
  line-height: 1.1;
  text-align: center;
  max-width: 120px;
  font-weight: 300;
}

.page #accesRapides {
  position: relative;
  left: -10px;
  right: -10px;
  width: calc(100% + 20px);
}

.page #accesRapides #accesRapides_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100% !important;
}

.page #accesRapides .content_item {
  width: 100%;
  height: 100%;
  margin-top: 10px;
  background: #18a5e7;
  background: -moz-linear-gradient(-90deg, #0385c2 0%, #18a5e7 100%);
  background: -webkit-linear-gradient(-90deg, #0385c2 0%, #18a5e7 100%);
  background: -webkit-gradient(linear, right top, left top, from(#0385c2), to(#18a5e7));
  background: linear-gradient(-90deg, #0385c2 0%, #18a5e7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bleuDarker",endColorstr="$bleuMain",GradientType=1);
  height: 90px;
  padding: 0;
}

.page #accesRapides .lSSlideOuter {
  height: 100%;
}

.page #accesRapides .lSSlideWrapper {
  max-width: 1200px;
  overflow: hidden;
  margin: auto;
  height: 100%;
}

.page #accesRapides .lSAction > a.lSNext {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background-position: inherit;
  right: -10px;
}

.page #accesRapides .lSAction > a.lSPrev {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  background-position: inherit;
  left: -10px;
}

.page #accesRapides .lSAction > a {
  background-image: url("../images/chevron_right_white.svg");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: left center !important;
  width: 25px;
  height: 100%;
  top: 15px;
}

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

    AGENDA

//////////////////////////////////////////////////////////////////////////// */
#HomeLine2_wrapper #agenda {
  text-align: center;
}

#HomeLine2_wrapper #agenda .wrapper_item {
  margin: 10px 0 25px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

#HomeLine2_wrapper #agenda .item {
  position: relative;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: calc(33.33% - 20px);
  margin-right: 40px;
}

#HomeLine2_wrapper #agenda .item:last-child {
  margin-right: 0;
}

#HomeLine2_wrapper #agenda .item a.link_agenda {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
}

#HomeLine2_wrapper #agenda .item:hover .photo_wrapper > .photo {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-filter: grayscale(50%);
  filter: grayscale(50%);
}

#HomeLine2_wrapper #agenda .item:hover {
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

#HomeLine2_wrapper #agenda .item:last-child {
  margin-right: 0;
}

#HomeLine2_wrapper #agenda .item .photo_wrapper {
  position: relative;
  overflow: hidden;
  /*min-height: 260px;*/
  min-height: 333px;
  /*-webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;/**/
}

.photo_wrapper a.cat, .tribe-events-loop a.cat {
  height: 40px;
  width: 40px;
  background-color: rgba(0,0,0,0.6);
  color: white;
  border-bottom-left-radius: 25px;
  display: block;
  position: absolute;
  right: 0;
  z-index: 2;
  transition: all 0.2s ease;
}

.photo_wrapper a.cat:hover, .tribe-events-loop a.cat:hover  {
  width: inherit;
  box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);
}

.photo_wrapper a.cat:hover > span, .tribe-events-loop a.cat:hover > span {
  display: flex;
  padding: 0 20px 0 50px;
  width: auto;
  opacity: 1;
  visibility: visible;
}

.photo_wrapper a.cat.fichier, .tribe-events-loop a.cat.fichier  {
  background-image: url(../images/icon_clip.svg);
  background-position: 10px center;
  background-size: 25px;
  background-repeat: no-repeat;
}

.photo_wrapper a.cat.url_externe, .tribe-events-loop a.cat.url_externe  {
  background-image: url(../images/icon_share.svg);
  background-position: 10px center;
  background-size: 25px;
  background-repeat: no-repeat;
}

.photo_wrapper a.cat > span, .tribe-events-loop a.cat > span {
  display: flex;
  width: 0;
  opacity: 0;
  visibility: hidden;
  height: 100%;
  color: white;
  text-transform: uppercase;
  justify-content: flex-end;
  align-items: center;
  overflow: hidden;
  transition: all 0.2s ease;
}

#HomeLine2_wrapper #agenda .item .photo_wrapper {
  border-top:1px solid #00994b!important;
  border-left:1px solid #00994b!important;
  border-right:1px solid #00994b!important;
}

#HomeLine2_wrapper #agenda .item .photo_wrapper > .photo {
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  height: 260px;
  width: 100%;
  /*background-size: cover;*/
  background-size: contain;
  background-repeat: no-repeat;
  height: calc(100% - 32px);
}

#HomeLine2_wrapper #agenda .item .description {
  width: 100%;
  height:100%;
}

#HomeLine2_wrapper #agenda .item .date {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: white;
  font-size: 16px;
  padding: 5px 0;
  text-transform: capitalize;
  background: #00cf68;
  background: -moz-linear-gradient(90deg, #00994b 0%, #00cf68 100%);
  background: -webkit-linear-gradient(90deg, #00994b 0%, #00cf68 100%);
  background: -webkit-gradient(linear, left top, right top, from(#00994b), to(#00cf68));
  background: linear-gradient(90deg, #00994b 0%, #00cf68 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$vertDarker",endColorstr="$vertMain",GradientType=1);
}

#HomeLine2_wrapper #agenda .item .texte_wrapper {
  padding: 0 2px 2px 2px;
  background: #00cf68;
  background: -moz-linear-gradient(90deg, #00994b 0%, #00cf68 100%);
  background: -webkit-linear-gradient(90deg, #00994b 0%, #00cf68 100%);
  background: -webkit-gradient(linear, left top, right top, from(#00994b), to(#00cf68));
  background: linear-gradient(90deg, #00994b 0%, #00cf68 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$vertDarker",endColorstr="$vertMain",GradientType=1);
  height: 100%;
}

#HomeLine2_wrapper #agenda .item .texte {
  background-color: #FFF;
  padding: 15px;
  height: 100%;
}

#HomeLine2_wrapper #agenda .item h2, #HomeLine2_wrapper #agenda .item p {
  margin: 0;
  padding: 0;
  text-align: left;
  color: #000;
}

#HomeLine2_wrapper #agenda .item h2 {
  font-weight: 500;
  margin-bottom: 10px;
  border: none;
  font-size: 18px;
}

#HomeLine2_wrapper #agenda .item p {
  line-height: 1.5;
  font-weight: 300;
  font-size: 16px;
}

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

    FOOTER

//////////////////////////////////////////////////////////////////////////// */
footer {
  padding: 25px 0 0 0;
  background-color: #D9D9D9;
  color: #595959;
}

footer #mentions {
  background: #18a5e7;
  background: -moz-linear-gradient(-45deg, #0385c2 0%, #18a5e7 100%);
  background: -webkit-linear-gradient(-45deg, #0385c2 0%, #18a5e7 100%);
  background: linear-gradient(-45deg, #0385c2 0%, #18a5e7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bleuDarker",endColorstr="$bleuMain",GradientType=1);
}

footer #mentions p, footer #mentions a {
  color: #FFF;
}

footer ul, footer a {
  color: #595959;
  font-size: 16px;
}

footer a {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

footer li:hover > a {
  color: #000 !important;
  -webkit-filter: brightness(80%);
  filter: brightness(80%);
}

footer .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

footer .flexRow {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

footer .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

footer #footer_liens {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 25px;
}

footer #footer_liens ul > li {
  margin-bottom: 4px;
}

footer #footer_liens ul > li > a {
  color: #595959;
  font-size: 16px;
  text-transform: uppercase;
  padding-left: 25px;
  margin-right: 20px;
  background-image: url("../images/arrow_right_grey.svg");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 0 6px;
}

#ouvertureMairie, #coordMairie {
  margin-right: 20px;
}

#ouvertureMairie p, #coordMairie p {
  color: #595959;
  text-transform: uppercase;
  font-size: 16px;
  margin: 0 0 15px 0;
  padding: 0 0 0 35px;
  background-repeat: no-repeat;
  background-position: 0 center;
}

#ouvertureMairie p {
  background-image: url("../images/icon_horaires_grey.svg");
  background-size: 24px;
}

#coordMairie p {
  background-image: url("../images/icon_coord_grey.svg");
  background-size: 25px;
}

#coordMairie li {
  background-repeat: no-repeat;
  background-position: 0 5px;
  background-size: 15px;
  padding-left: 25px;
  margin-bottom: 10px;
}

#coordMairie li.adresse {
  background-image: url("../images/icon_pin_grey.svg");
}

#coordMairie li.telephone {
  background-image: url("../images/icon_phone_grey.svg");
  background-position: 0 3px;
}

#coordMairie li.mail {
  background-image: url("../images/icon_mail_grey.svg");
}

footer #blason {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 25px 25px;
}

footer #blason > div {
  width: 110px;
  height: 110px;
  background-image: url("../images/blason_colleville.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 68px 92px;
  background-color: #FFF;
  border-radius: 100%;
}

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

    PAGE

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

#flexPage {
  position: relative;
  margin: 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

#menuPageOpener {
  visibility: hidden;
  opacity: 0;
  z-index: 2;
  background-color: #009B4D;
  right: -60px;
  top: 0;
  height: 100%;
  width: 60px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  background-image: url("../images/icon_menu_white.svg");
  background-repeat: no-repeat;
  background-position: 70% center;
  background-size: 25px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: absolute;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

#menuPage {
  position: relative;
  z-index: 2;
  width: 250px;
  height: auto;
  min-width: 250px;
  margin-right: 20px;
  margin-bottom: 20px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

#menuPage > ul {
  position: static;
  /* Fallback */
  position: -webkit-sticky;
  position: sticky;
  top: 20px;
  height: auto;
  display: block;
  background: #00cf68;
  background: -moz-linear-gradient(-45deg, #00994b 0%, #00cf68 100%);
  background: -webkit-linear-gradient(-45deg, #00994b 0%, #00cf68 100%);
  background: linear-gradient(-45deg, #00994b 0%, #00cf68 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$vertDarker",endColorstr="$vertMain",GradientType=1);
  padding-bottom: 5px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

#menuPage > ul > li {
  padding: 6px 15px;
  position: relative;
}

#menuPage > ul > li > a {
  display: block;
  width: 100%;
  height: 100%;
  font-weight: 400;
}

#menuPage > ul > li, #menuPage > ul > li > a {
  position: relative;
  z-index: 1;
  color: #FFF;
  font-size: 16px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

#menuPage > ul > li.menu-item {
  padding-left: 25px;
}

#menuPage > ul > li.menu-item::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 15px;
  display: block;
  height: 6px;
  width: 6px;
  border-radius: 50px;
  background-color: #FFF;
}

#menuPage > ul > li.menu-item::after {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.2);
  background: -webkit-linear-gradient(left, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(left, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%);
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  transition: all 0.2s ease;
}

#menuPage > ul > li.menu-item:hover:after, #menuPage > ul > li.menu-item.active::after {
  opacity: 1;

}

#menuPage > ul > li.titleMenu {
  background-color: rgba(0, 0, 0, 0.2);
  font-size: 18px;
  font-weight: 600;
}

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

    PAGE : RACINE

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

#contentPage #illustration {
  background-size: cover;
  background-position: center;
  min-height: 500px;
  border-radius: 2px;
}

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

    PAGE : COMMERCES & SERVICES

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

#commercesServices {
  display: flex;
  flex-flow: row wrap;
  margin-right: -15px;
}

#commercesServices .itemCommerce {
  width: calc(33% - 15px);
  min-height: 300px;
  margin: 0 15px 20px 0;
  border-radius: 2px;
}

#commercesServices .itemCommerce .description {
  background: #18a5e7;
  background: -moz-linear-gradient(90deg, #0385c2 0%, #18a5e7 100%);
  background: -webkit-linear-gradient(90deg, #0385c2 0%, #18a5e7 100%);
  background: linear-gradient(90deg, #0385c2 0%, #18a5e7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bleuDarker",endColorstr="$bleuMain",GradientType=1);
  padding: 0 2px 2px 2px;
  height: calc(100% - 180px);
}

#commercesServices .itemCommerce .description_wrapper {
  background-color: #FFF;
  height: 100%;
  padding: 10px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

#commercesServices .itemCommerce .description_wrapper > * {
  width: 100%;
}

#commercesServices .itemCommerce p {
  margin: 0 0 5px 0;
  padding: 0;
  text-align: center;
}

#commercesServices .itemCommerce h2 {
  margin: 0 0 10px 0;
  padding: 0;
  text-align: center;
  background: none;
}

#commercesServices .itemCommerce .image {
  height: 180px;
  background-color: #D9D9D9;
  background-image: url('../images/commerce_void.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 150% ;
}

#commercesServices .itemCommerce .site > a {
  position: relative;
  margin:auto;
  color: #505050;
  transition: all 0.2s ease;
}

#commercesServices .itemCommerce .site > a:hover {
  color: #000;
}

#commercesServices .itemCommerce .site > a::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 1px;
  background-color: #000;
  width: 0;
  transition: all 0.2s ease;
}

#commercesServices .itemCommerce .site > a:hover:after {
  width: 100%;
}

#commercesServices .itemCommerce .activite {
  font-style: italic;
  color: #505050;
}

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

    PAGE : PUBLICATIONS

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

#publications {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

#publications .item_publication {
  display: block;
  margin-bottom: 25px;
  width: calc(25% - 20px);
  transition: all 0.2s ease;
}

#publications .item_publication:hover {
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  transform: scale(1.02);
}

#publications .item_publication:hover .resume {
  opacity: 1;
  visibility: visible;
}

#publications .item_publication .wrapper_image {
  background: #18a5e7;
  background: -moz-linear-gradient(90deg, #0385c2 0%, #18a5e7 100%);
  background: -webkit-linear-gradient(90deg, #0385c2 0%, #18a5e7 100%);
  background: linear-gradient(90deg, #0385c2 0%, #18a5e7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bleuDarker",endColorstr="$bleuMain",GradientType=1);
  padding: 2px 2px 0 2px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

#publications .item_publication .image {
  height: 210px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: white;
}

#publications .item_publication .titre {
  background: #18a5e7;
  background: -moz-linear-gradient(90deg, #0385c2 0%, #18a5e7 100%);
  background: -webkit-linear-gradient(90deg, #0385c2 0%, #18a5e7 100%);
  background: linear-gradient(90deg, #0385c2 0%, #18a5e7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bleuDarker",endColorstr="$bleuMain",GradientType=1);
  text-align: center;
  color: #FFF;
  font-size: 16px;
  padding: 5px;
}

#publications .item_publication .resume {
  opacity: 0;
  visibility: hidden;
  height: 100%;
  max-height: 210px;
  background-color: rgba(0,0,0,0.55);
  color: white;
  font-size: 16px;
  padding: 10px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease;
}

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

    PAGE : ELUS & COMMISIONS

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

#elusCommissions h2 {
  color: white;
  background: #18a5e7;
  background: -moz-linear-gradient(90deg, #0385c2 0%, #18a5e7 100%);
  background: -webkit-linear-gradient(90deg, #0385c2 0%, #18a5e7 100%);
  background: linear-gradient(90deg, #0385c2 0%, #18a5e7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bleuDarker",endColorstr="$bleuMain",GradientType=1);
  text-align: center;
  padding: 8px 0;
  margin-bottom: 40px;
}

#elusCommissions .groupe_elus {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  margin: 25px 0;
}

#elusCommissions .groupe_elus .elu {
  width: calc(33% - 20px);
  margin: 0 10px;
  margin-bottom: 30px;
  display: flex;
  flex-flow: column;
  align-items: center;
  text-align: center;

}

#elusCommissions .groupe_elus .elu h3 {
  color: #0385c2;
}

#elusCommissions .groupe_elus .elu .role {
  font-weight: 400;
  max-width: 80%;
}

#elusCommissions .groupe_elus .elu .theme {
  font-style: italic;
  color: #505050;
  max-width: 80%;
  text-align: center;
}

#elusCommissions .groupe_elus .elu .photo {
  height: 150px;
  width: 150px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url('../images/user_void.svg');
}

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

    PAGE : RECHERCHE

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

#search_page .entry-header {
	background: #00cf68;
	background: -moz-linear-gradient(90deg, #00994b 0%, #00cf68 100%);
	background: -webkit-linear-gradient(90deg, #00994b 0%, #00cf68 100%);
	background: -webkit-gradient(linear, left top, right top, from(#00994b), to(#00cf68));
	background: linear-gradient(90deg, #00994b 0%, #00cf68 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$vertDarker",endColorstr="$vertMain",GradientType=1);
}

#search_page .entry-header h2 {
	background-image: none;
	color: #FFF;
	text-align: center;
	margin: 0;
	padding: 10px;
}

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

    PAGE : MEDIATHEQUE

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

#mediatheque h2 {
  color: white;
  background: #18a5e7;
  background: -moz-linear-gradient(90deg, #0385c2 0%, #18a5e7 100%);
  background: -webkit-linear-gradient(90deg, #0385c2 0%, #18a5e7 100%);
  background: linear-gradient(90deg, #0385c2 0%, #18a5e7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bleuDarker",endColorstr="$bleuMain",GradientType=1);
  text-align: center;
  padding: 8px 0;
  margin-bottom: 20px;
}

#mediatheque .groupe_livres {
  column-count: 3;
  column-gap: 20px;
}

#mediatheque .groupe_livres .livre {
  border-radius: 3px;
  width: 100%;
  display: inline-block;
  background-color: white;
  margin-bottom: 20px;
}

#mediatheque .groupe_livres .livre .informations_wrapper {

  background: #18a5e7;
  background: -moz-linear-gradient(90deg, #0385c2 0%, #18a5e7 100%);
  background: -webkit-linear-gradient(90deg, #0385c2 0%, #18a5e7 100%);
  background: linear-gradient(90deg, #0385c2 0%, #18a5e7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bleuDarker",endColorstr="$bleuMain",GradientType=1);
  padding: 2px 2px 2px 2px;
}

#mediatheque .groupe_livres .livre .informations {
  background-color: #FFF;
}

#mediatheque .groupe_livres .livre .couverture {
  border: solid 2px #e0e0e0;
  border-bottom: none;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  overflow: hidden;
}

#mediatheque .groupe_livres .livre .couverture img {
  width: 100%;
  height: auto;
}

#mediatheque .groupe_livres .livre h3 {
  color: #0385c2;
  padding: 20px 10px 10px 10px;
  text-align: center;
  margin-bottom: 0;
}

#mediatheque .groupe_livres .livre .auteur {
  font-style:italic;
  color: #505050;
  text-align: center;
  margin-bottom: 10px;
}

#mediatheque .groupe_livres .livre .resume {
  text-indent: 25px;
  position: relative;
  padding: 0 20px 20px 20px;
  text-align: justify;
  font-size: 14px;
}

#mediatheque .groupe_livres .livre .resume::before, #mediatheque .groupe_livres .livre .resume::after {
  content: "";
  position: absolute;
  display: block;
  height: 30px;
  width: 30px;
  background-image: url('../images/quotation_mark.svg');
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.2;
}

#mediatheque .groupe_livres .livre .resume::before {
  left: 10px;
  top: -10px;
}

#mediatheque .groupe_livres .livre .resume::after {
  transform: rotate(180deg);
  right: 10px;
  bottom: 10px;
}

#mediatheque .groupe_livres .livre .lien {
  text-align: center;
  padding-bottom: 20px;
}

#mediatheque .groupe_livres .livre .lien > a {
  border-bottom: 1px solid #0385c2;
}

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

    PAGE : LISTE EVENEMENTS

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

#tribe-bar-form .tribe-bar-submit input[type="submit"] {
  background: #18a5e7;
  transition: all 0.2s ease;
  border: solid transparent 1px;
  border-radius: 3px;
}

#tribe-events .tribe-events-button, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type="submit"], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"] > a {
  background: #18a5e7;
}

.tribe-event-schedule-details {
  text-transform: capitalize;
}

.tribe-events-cal-links {
    display: flex;
    justify-content: flex-end;
    flex-flow: row wrap;
    margin-bottom: 20px;
}

.tribe-events-gcal {
    margin-right: 0;
}

.tribe-events-ical {
  margin-left: 20px;
}

.tribe-events-calendar .tribe-events-past {
    background-color: #eee;
}

#tribe-events-pg-template, .tribe-events-pg-template {
  margin: 20px auto 30px auto;
}

#tribe-bar-form .tribe-bar-submit input[type="submit"]:hover {
  background: #FFF;
  color: #18a5e7;
  border: solid #18a5e7 1px;
}

.item_event {
  display: flex;
  transition: all 0.2s ease;
}

.item_event:hover {
  box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}

.item_event .image_wrapper {
  overflow: hidden;
  min-width: 400px;
  width: 400px;
  height: 250px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.item_event .image {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: all 0.2s ease;
}

.item_event:hover .image {
  transform: scale(1.02);
  filter: grayscale(50%);
}

.item_event .infos_wrapper {
  padding: 2px 2px 2px 0;
  background: #18a5e7;
  background: -moz-linear-gradient(90deg, #0385c2 0%, #18a5e7 100%);
  background: -webkit-linear-gradient(90deg, #0385c2 0%, #18a5e7 100%);
  background: linear-gradient(90deg, #0385c2 0%, #18a5e7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bleuDarker",endColorstr="$bleuMain",GradientType=1);
}

.item_event .infos {
  background-color: #FFF;
  height: 100%;
  width: 100%;
  padding: 10px;
}

h2.tribe-events-list-separator-month {
  text-align: center;
  padding: 5px 10px;
  background-image: unset;
  background: #18a5e7;
  background: -moz-linear-gradient(90deg, #0385c2 0%, #18a5e7 100%);
  background: -webkit-linear-gradient(90deg, #0385c2 0%, #18a5e7 100%);
  background: linear-gradient(90deg, #0385c2 0%, #18a5e7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$bleuDarker",endColorstr="$bleuMain",GradientType=1);
}

h2.tribe-events-list-separator-month span {
  display: block;
  background-color: inherit;
  color: white;
  padding: 0;
}

.tribe-events-list-separator-month::after {
  display: none;
}

li.tribe-events-nav-previous:hover > a, li.tribe-events-nav-next:hover > a, .tribe-events-back > a:hover, .tribe-events-event-categories:hover > a {
  color: white;
  background-color: #0385c2;
}

li.tribe-events-nav-previous > a, li.tribe-events-nav-next > a, .tribe-events-back > a, .tribe-events-event-categories > a {
	font-size: 15px;
  border: 1px solid #0385c2;
  border-radius: 5px;
  font-weight: 400;
  padding: 5px 10px;
  display: inline-block;
  text-transform: uppercase;
}

.tribe-events-back {
	display: inline-block;
}

.tribe-events-list .type-tribe_events {
  display: flex;
  padding: 0;
}

.tribe-events-list .type-tribe_events .image_wrapper {
  width: 300px;
  min-width: 300px;
}

.tribe-events-list .type-tribe_events .image_wrapper .image {
  width: 100%;
  height: 100%;
  background-position: center;
  position: relative;
  /*background-size: cover;*/
  background-size: contain;
  background-repeat:no-repeat;
  border: solid 2px #00cf68;
  border-right: solid 0px #00cf68;
}

.tribe-events-month-event-title a.url {
  display: block;
  padding: 5px 8px; 
  border: 1px solid #0385c2;
  background-color: white;
  border-radius: 3px;
  margin-top: 5px;
}

.tribe-events-month-event-title a.url:hover {
  background-color: #0385c2;
  color: white;
}

.tribe-events-list .type-tribe_events > .description {
	border: solid 2px #00cf68;
	border-left: none;
	padding: 20px;
	background-color: #FFF;
  width: 100%;
}

.tribe-events-list-separator-month + .type-tribe_events.tribe-events-first {
    padding-top: 0;
}

.tribe-events-list .type-tribe_events:first-of-type {
    margin-top: 25px;
}

.tribe-events-list .type-tribe_events {
	margin-top: 25px;
	margin-bottom: 0;
}

a.tribe-event-url, a.tribe-events-read-more, .tribe-events-list-event-title a  {
  color: #00994b;
}

a.tribe-event-url:hover, a.tribe-events-read-more:hover, .tribe-events-list-event-title a:hover {
  color: #00cf68;
}

.tribe-events-list #tribe-events-footer {
	margin-top: 20px;
}

#tribe-events-pg-template {
    padding: 0px 20px 0 20px;
}

.tribe-events-single a.cat {
	float: left;
	margin-top: 20px;
	background-color: rgba(0,0,0,0.5);
	padding: 5px 10px 5px 40px;
	color: white;
	border-radius: 3px;
	font-weight: 400;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-size: 18px;
	background-position: 10px center;
	transition: all 0.2s ease;
}

.tribe-events-single a.cat:hover {
	background-color: rgba(0,0,0,0.8);
}

.tribe-events-single a.cat.url_externe {
	background-image: url(../images/icon_share.svg);
}

.tribe-events-single a.cat.fichier {
	background-image: url(../images/icon_clip.svg);
}

.tribe-events-event-categories-label {
	display: none;
}

.tribe-events-event-categories {
	float: right;
}

.tribe-events-schedule {
    text-align: center;
    text-transform: capitalize;
    background-color: #eee;
}

.tribe-events-single .actus_image {
	float: right;
	margin:0 0 20px 20px;
}


.tribe-events-single .actus_image img {
	max-width: 350px;
}

.tribe-events-day .tribe-events-day-time-slot .type-tribe_events {
    margin-left: 0;
}
.events-list .tribe-events-loop, .single-tribe_organizer .tribe-events-loop, .single-tribe_venue .tribe-events-loop, .tribe-events-day .tribe-events-loop {
    max-width: inherit;
}

.tribe-events-event-meta {
  text-transform: capitalize;
}

#tribe-events-content table.tribe-events-calendar .type-tribe_events.tribe-event-featured {
  background-color: #0385c2;
}

#tribe-events-content table.tribe-events-calendar .type-tribe_events.tribe-event-featured .tribe-events-month-event-title a {
  color: #0385c2;
}

#tribe-events-content table.tribe-events-calendar .type-tribe_events.tribe-event-featured .tribe-events-month-event-title a:hover {
  border-color: #FFF;
}

.tribe-events-list .tribe-events-loop .tribe-event-featured {
  padding: 0;
}

.tribe-events-list .tribe-event-featured.type-tribe_events > .description {
    border: solid 2px #0385c2;
}
.tribe-events-list .tribe-events-loop .tribe-event-featured .tribe-events-list-event-title a {
    color: #0385c2;
}

.tribe-events-list .tribe-events-loop .tribe-event-featured a {
    color: #0385c2;
}

.tribe-events-list .tribe-events-loop .tribe-event-featured .tribe-events-list-event-title {
  margin-top: 0;
}

.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {
    background-color: #0385c2;
    font-weight: 500;
}