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

	Donville Les Bains // CSS
	NetConception 2019
	-
	
	01 - COULEURS
	04 - GLOBAL
 	05 - NORMALIZE
	06 - CLASSES GÉNÉRALES
	07 - HEADER
	08 - HOME MAIN
	09 - FOOTER
	10 - PAGE TYPE
	XX - RESPONSIVE (responsive.css)
	
//////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////

    01 - COULEURS

//////////////////////////////////////////////////////////////////////////// */
/*
$bleuMain :#333851;
$bleuDarker : #143C54;
$bleuLighter : #354D72;

$vertMain : #4DB19D;
$vertDarker :#00602D;
$vertLighter :#4E9AA9;

$lightGrey : #E6EEF5;
*/
/* ////////////////////////////////////////////////////////////////////////////

    04 - GLOBAL

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

.oneClick-listing--item div{
	display:block;
	width:100%;
	
}
.picto_acces{
  min-height: 50px;
  min-width: 50px;
  height: 10vw;
  width: 10vw;
	max-height:50px;
	max-width:100px;
	height:auto;
	margin:auto;
	filter : invert(1);
}
.intitule{
	text-align:center;
	color:white;
	font-size:16px;
	/*font-size: clamp(16px, 2.5vw,24px);*/
	margin: 5px 0 10px 0;
	height:44px;
	display: flex;
	justify-content:center;
	align-content:center;
	flex-direction:column;
	line-height:1.2;

}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  background-repeat: no-repeat; }

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

html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body {
  background: #FFF; }

::selection {
  color: #fff; }

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

::selection {
  background-color: #354D72; }

::-moz-selection {
  background-color: #354D72; }

p, div, td, li {
  color: #333333;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px; }

a {
  /*color: #333851;/**/
  color: #4DB19D;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }

a:hover {
  color: #4e9aa9;
  /*color: #354D72;/**/
  text-decoration: none; }

h1 {
  padding: 0px;
  margin: 0px;
  font-size: 24px;
  font-weight: 300;
  color: #444;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif; }

h2.home {
  color: #FFF;
  font-family:  'Open Sans', cursive, 'NEWFONT', cursive;
  display: inline-block;
  text-transform: uppercase;
  font-size: 30px;
  font-size: clamp(20px, 3vw, 28px);
  padding: 4px 25px 4px 25px;
  min-width: 33.33%;
  border-radius: 25px;
  /*font-weight: 100;*/
  font-weight:400;
  margin: 0 0 20px 0; }
  h2.home.bleu {
    background-color: #333851; }
  h2.home.vert {
    background-color: #4DB19D; }

#contenu-page h2,
#contenu-page h3 {
  text-transform: uppercase; }

#contenu-page h2 {
  font-size: 18px;color: #333851; margin-top:20px;margin-bottom:10px;}

#contenu-page h3,.sous_titre_orange {
  font-size: 16px;color: #4DB19D!important; }

#contenu-page h2::before {
  content: '» '; }

#contenu-page h3::before, .sous_titre_orange:before {
  content: '› '; }

img {
  max-width: 100%; }

img.icon-widget {
  width: 100%; }

a.button {
  display: inline-block;
  text-transform: uppercase;
  font-size: 18px;
  border-style: solid;
  border-width: 1px;
  border-radius: 25px;
  padding: 5px 20px;
  background-color: #FFF; }
  a.button.bleu {
    color: #333851;
    border-color: #333851; }
    a.button.bleu:hover {
      color: #FFF;
      background-color: #333851; }
  a.button.vert {
    color: #4DB19D;
    border-color: #4DB19D; }
    a.button.vert:hover {
      color: #FFF;
      background-color: #4DB19D; }

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

    05 - NORMALIZE

//////////////////////////////////////////////////////////////////////////// */
main {
  display: block; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
  outline: none; }

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

    06 - 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; }

.visually-hidden {
  position: absolute;
  opacity: 0;
  pointer-events: none; }

.separator {
  height: 20px;
  background-color: #E6EEF5; }

#milieu {
  min-height: 500px;
  padding: 10px; }

#fond.active {
  position: fixed;
  z-index: 100;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6); }

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

    07 - HEADER

//////////////////////////////////////////////////////////////////////////// */
header #content-header .lSSlideOuter,
header #content-header .lSSlideWrapper {
  width: 100% !important;
  height: 100% !important; }

header #content-header .lSSlideOuter {
  position: absolute; }

header #slider-home {
  position: absolute;
  width: 100%;
  height: 100% !important;
  background-color: #E6EEF5; }
  header #slider-home .slider-home--item {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover; }

#content-header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 40px 40px 0; }

/* --- LIENS GAUCHE --- */
header #left-link-home {
  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: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

/* --- LIENS GAUCHE --- */
header #logo-normandie {
  position:absolute;
  top:41px;
  right:40px; }

header #left-link-home #logo-header {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 20vw;
  max-width: 350px;
  min-width: 250px;
  height: auto;
background-color:transparent;padding:20px;max-width:400px;margin:auto;

  }

header .interieur  #left-link-home #logo-header {
  width: 20vw; 
}

header #left-link-home #langues-et-reseaux {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 20px; }

header #left-link-home #langues-et-reseaux > * + * {
  margin-left: 25px; }

  .link-rond-wrapper a:hover,
header #left-link-home .link-rond:hover {
  -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.6);
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.6); }

/* --- LIENS DROITE --- */
header #right-link-home {
  display: block;
  padding-top: 20px;

  /* Controls height of slider */
  padding-top: 30vh;
}
/* --- LIENS DROITE --- */
header .interieur #right-link-home {
  /* Controls height of slider */
  padding-top: 15vh;
}

.labels, .tools {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}

.labels {
  margin-bottom: 20px;
}

#langues-et-reseaux {
  margin-left: 20px;
}

.link-rond-wrapper a,
header #right-link-home .link-rond,
header #left-link-home .link-rond {
  position: relative;
  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;
  min-height: 30px;
  min-width: 30px;
  height: 3vw;
  width: 3vw;
  max-width: 60px;
  max-height: 60px;
  border-radius: 50%;
  background-position: center center;
  background-size: 100% 100%; }
  
  
header .interieur #right-link-home .link-rond,
header .interieur #left-link-home .link-rond{
  /*height: 2vw;
  width: 2vw;  /**/
  }
  
  header #right-link-home .link-rond.search::after,
  header #left-link-home .link-rond.search::after {
    background-image: url("../images/header-search-icon-60x60.svg"); }
  header #right-link-home .link-rond.mail::after,
  header #left-link-home .link-rond.mail::after {
    background-image: url("../images/header-mail-icon-60x60.svg"); }
  header #right-link-home .link-rond.carte::after,
  header #left-link-home .link-rond.carte::after {
    background-image: url("../images/header-carte-icon-60x60.svg"); }
  header #right-link-home .link-rond.maree::after,
  header #left-link-home .link-rond.maree::after {
    background-image: url("../images/header-maree-icon-60x60.svg"); }
  header #right-link-home .link-rond.webcam::after,
  header #left-link-home .link-rond.webcam::after {
    background-image: url("../images/webcam.svg");
    background-size: contain;
	/*width: 80%;
    background-position: center;/**/
}}
/*
  header #right-link-home .link-rond.meteo::after,
  header #left-link-home .link-rond.meteo::after {
    background-image: url("../images/header-meteo-icon-60x60.svg");
  }
  */
  header #right-link-home .link-rond.meteo span {
    display: block;
    height: 100%;
    width: 100%;
  }
  header #right-link-home .link-rond.langue_uk::after,
  header #left-link-home .link-rond.langue_uk::after {
    background-image: url("../images/header-uk-icon-60x60.svg"); }
  header #right-link-home .link-rond.langue_fr::after,
  header #left-link-home .link-rond.langue_fr::after {
    background-image: url("../images/header-fr-icon-60x60.svg"); }
  header #right-link-home .link-rond.facebook::after,
  header #left-link-home .link-rond.facebook::after {
    background-image: url("../images/header-fb-icon-60x60.svg"); }
  header #right-link-home .link-rond::after,
  header #left-link-home .link-rond::after {
    content: '';
    position: absolute;
    display: block;
    width: calc(100% + 2px);
    height: calc(100% + 2px); }

header #right-link-home .link-rond-wrapper:nth-child(odd) .link-rond {
  background-color: rgba(51, 56, 81, 0.6); }
  header #right-link-home .link-rond-wrapper:nth-child(odd) .link-rond:hover {
    background-color: #333851;
    -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.6);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.6); }

header #right-link-home .link-rond-wrapper:nth-child(even) .link-rond {
  background-color: rgba(62, 188, 120, 0.6); }
  header #right-link-home .link-rond-wrapper:nth-child(even) .link-rond:hover {
    background-color: #4DB19D;
    -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.6);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.6); }

header #right-link-home #meteo{
	
}

header #right-link-home .link-rond-wrapper {
	margin-left: 20px;
	position: relative;
  /*
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; /**/}

header #right-link-home .link-rond-wrapper:hover .tooltip {
  opacity: 1;
  pointer-events: auto;
}

header #right-link-home #meteo.link-rond-wrapper {
  border-radius: 50px;
  /*background-color: rgba(53, 77, 114, 0.6);*/
  background-color: rgba(78, 154, 169, 0.6);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; 
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

header #right-link-home #meteo.link-rond-wrapper:hover {
  background-color: #333851;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

header #right-link-home #meteo.link-rond-wrapper #temperature span {
  color: #FFF;
  padding: 0 15px;
  font-size: clamp(16px, 3vw, 20px);
  font-family:  'Open Sans', cursive, 'NEWFONT', cursive;
  height: 35px;
  line-height: 1;
}

header #right-link-home .tooltip {
  
  position: absolute;
  bottom: 100%;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: #FFF;
  padding: 5px 10px;
  margin-right: 10px;
  border-radius: 4px;
  cursor: default;
  white-space: nowrap;
  opacity: 0;
  margin: auto;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  pointer-events: none;
}

/* --- MENU --- */
nav#navigation-header {
  background-color: #354D72;
  background-color: #4E9AA9;
  background-color: #4DB19D;
  background-color: #333851;
  -webkit-box-shadow: 0 2px 2px rgba(20, 60, 84, 0.1);
  box-shadow: 0 2px 2px rgba(20, 60, 84, 0.1);
  position: relative;
  transition: all 0.2s ease;
}

nav#navigation-header:not(.active).fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100; }

nav#navigation-header:not(.active).fixed.nav-up {
  top: -100px;
}
nav#navigation-header:not(.active).fixed.nav-down {
  top: 0;
}

nav#navigation-header ul#menu-principal {
  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;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  list-style: none;
  padding: 0;
  margin: 0; }

  nav#navigation-header ul#menu-principal li.menu-principal--item {
    z-index: 2;
    font-family:  'Open Sans', cursive, 'NEWFONT', cursive;
    text-transform: uppercase;
    font-size: 18px;
    font-size: clamp(16px, 1.4vw, 18px);
    padding: 0px 5px 0px 5px;

    background: #4E9AA9;
    background: -moz-linear-gradient(90deg, #4E9AA9 0%, #4DB19D 100%);
    background: -webkit-linear-gradient(90deg, #4E9AA9 0%, #4DB19D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#4E9AA9), to(#4DB19D));
    background: linear-gradient(90deg, #4E9AA9 0%, #4DB19D 100%);
	/*
    background: #333851;
    background: -moz-linear-gradient(90deg, #333851 0%, #5A7489 100%);
    background: -webkit-linear-gradient(90deg, #333851 0%, #5A7489 100%);
    background: -webkit-gradient(linear, left top, right top, from(#333851), to(#5A7489));
    background: linear-gradient(90deg, #333851 0%, #5A7489 100%);
	*/
	
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="vertLighter", endColorstr="$vertMain", GradientType=1 );
    background-size: 0 4px;
    background-repeat: no-repeat;
    background-position: left 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease; }
    nav#navigation-header ul#menu-principal.lang_uk {
      justify-content: flex-start;
    }
    nav#navigation-header ul#menu-principal.lang_uk li.menu-principal--item {
      margin-right: 40px;
    }
    nav#navigation-header ul#menu-principal li.menu-principal--item:hover,nav#navigation-header ul#menu-principal li.menu_actif {
      background-size: 100% 4px; }
    nav#navigation-header ul#menu-principal li.menu-principal--item:hover .menu-secondaire-wrapper {
      opacity: 1;
      visibility: visible;
      right: 0;
      pointer-events: auto;
    }
  nav#navigation-header ul#menu-principal a {
    display: block;
    /*margin-top: 10px;*/
    color: #FFF;
  }
  nav#navigation-header ul#menu-principal > li:hover > a{
    opacity: 0.7;
    /*color: #333851;*/
  }
  nav#navigation-header ul#menu-principal .menu-secondaire-wrapper {
    position: absolute;
    z-index: 100;
    background-color: #E6EEF5;
    width: 100%;
    right: 10%;
    padding: 20px 20px 10px 20px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-box-shadow: 0 2px 2px rgba(51, 56, 81, 0.2);
    box-shadow: 0 2px 2px rgba(51, 56, 81, 0.2); }
    nav#navigation-header ul#menu-principal .menu-secondaire-wrapper ul.menu-secondaire {
      max-width: 1200px;
      margin: auto;
      list-style: none;
      padding: 0; }
    nav#navigation-header ul#menu-principal .menu-secondaire-wrapper .menu-secondaire--item {
      display: inline-block;
      background-color: #333851;
      border-radius: 4px;
      color: #FFF;
      /*padding: 8px 10px;*/
	  padding: 0px;
      font-size: 14px;
      margin: 0 5px 10px 0;
      border: solid 1px #333851;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease; }
      nav#navigation-header ul#menu-principal .menu-secondaire-wrapper .menu-secondaire--item a {
        color: #FFF;
        margin: 0;
		padding: 8px 10px;}
      nav#navigation-header ul#menu-principal .menu-secondaire-wrapper .menu-secondaire--item:hover {
        background-color: #FFF; }
      nav#navigation-header ul#menu-principal .menu-secondaire-wrapper .menu-secondaire--item:hover a {
        color: #333851; }

nav#navigation-header .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

a#espace-famille,
a#go-home,
a#recherche {
  display: block;
  height: 44px;
  width: 44px;
  background-size: 44px 44px;
  background-position: center;
  padding: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  a#espace-famille:hover,
  a#go-home:hover,
  a#recherche:hover {
    opacity: 0.7; }

a#go-home {
  margin: 0 40px 0 0;
  background-image: url("../images/menu-home-icon-b-44x44.svg"); }

a#espace-famille {
  margin: 0 0 0 40px;
  background-image: url("../images/menu-famille-icon-b-44x44.svg"); }

a#recherche {
  margin: 0 0 0 40px;
  background-image: url("../images/header-search-icon-60x60.svg"); }

button#btn-menu-resp {
  position: absolute;
  left: 20px;
  display: none;
  border: none;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 44px;
  width: 44px;
  background-color: transparent;
  background-image: url("../images/icon-menu-bar-b-44x44.svg");
  background-position: center center;
  background-size: 44px 44px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  button#btn-menu-resp:hover {
    opacity: 0.7; }

button#btn-menu-resp.active {
  position: fixed;
  left: 10px;
  top: 10px;
  z-index: 110;
  background-image: url("../images/icon-menu-cross-white.svg"); }

button#btn-menu-resp::after {
  content: 'MENU';
  position: absolute;
  display: inline-block;
  left: 100%;
  font-family:  'Open Sans';
  font-size: 20px;
  color: #FFF;
  padding-left: 6px;
}
@media (max-width:520px) {
button#btn-menu-resp::after {
  display: none;
}
}


button#btn-menu-resp.active::after {
  color: #FFF; }

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

    08 - HOME MAIN

//////////////////////////////////////////////////////////////////////////// */
h1#home {
  position: relative;
  text-transform: unset;
  font-weight: 500;
  font-size: 20px;
  color: #333333;
  max-width: 880px;
  margin: 50px auto 25px auto;
  padding: 0 70px;
  line-height: 30px;
  text-align: center; }
  h1#home::after, h1#home::before {
    content: '';
    display: block;
    width: 40px;
    height: 33px;
    position: absolute;
    background-image: url("../images/quote-40x33.svg");
    background-position: center center;
    background-size: 40px 33px; }
  h1#home::after {
    left: 0px;
    top: 0; }
  h1#home::before {
    right: 0px;
    bottom: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }

#badges {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 25px;
  background-color:#E6EEF5;
  border-radius: 1000px;
  padding: 10px 0;
}

#badges a:hover {
  transform: scale(1.05);
}

#badges img {
  border-radius: 1000px;
  -webkit-box-shadow: 0 2px 2px rgba(32, 66, 76, 0.15);
  box-shadow: 0 2px 2px rgba(32, 66, 76, 0.15);
  height: auto;
  max-width: 160px;
}

section.home {
  text-align: center;
  /*padding: 50px 0px; */
  padding: 25px 0px 50px 0px ; 
}
section.home:first-child {
  text-align: center;
  /*
  padding: 5px 0px 25px 0px;; 
  */
  padding: 25px 0px; 
}

section.home:nth-child(odd) {
  background-color: #E6EEF5; }

section.home .lSAction {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }
  section.home .lSAction > .lSPrev,
  section.home .lSAction > .lSNext {
    width: 50px;
    height: 42px;
    background-position: center center;
    background-size: 50px 42px;
    top: calc(50% - 21px);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease; }
  section.home .lSAction > .lSPrev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    left: -90px; }
  section.home .lSAction > .lSNext {
    right: -90px; }

section.home .lSAction.bleu > .lSPrev,
section.home .lSAction.bleu > .lSNext {
  background-image: url("../images/arrow-blue-50x42.svg"); }

section.home .lSAction.vert > .lSPrev,
section.home .lSAction.vert > .lSNext {
  background-image: url("../images/arrow-green-50x42.svg"); }

/* ---- GALERIE LIGHTSLIDER ---- */
.divEmbedGalerie {
  background-color: #96B9DB;
  height: auto!important;
}
.divEmbedGalerie .lSAction > .lSPrev,
.divEmbedGalerie .lSAction > .lSNext {
  background-image: url("../images/arrow-blue-50x42.svg");
  background-position: center center;
  filter: drop-shadow(0 0 1px rgba(0,0,0,0.6));
}

.divEmbedGalerie ul.lightSlider {
  display: flex;
  align-items: center;
  background-color: #E6EEF5;
}

.divEmbedGalerie .lSAction > .lSPrev {
  transform: rotate(180deg);
}

.divEmbedGalerie .galerie--item {
  display: block;
  text-align: center;
}

.divEmbedGalerie .galerie--item img {
  max-height: 50vh;
  margin:auto;
  cursor: pointer;
}

.divEmbedGalerie .lSPager.lSGallery {
  display: flex;
  justify-content: center;
  background-color: #96B9DB;
  padding: 5px;
  margin: 0 auto !important;
}

.divEmbedGalerie  .lSPager.lSpg {
  margin-top: 0 !important;
  background-color: #FFF;
  padding: 5px 0;
}

.divEmbedGalerie .lSPager.lSGallery li {
  position: relative;
  border: 2px solid #FFF;
  filter: grayscale(80%);
  transition: all 0.2s ease;
}

.divEmbedGalerie .lSPager.lSGallery li.active,
.divEmbedGalerie .lSPager.lSGallery li:hover {
  border-color: #333851;
  filter: grayscale(0%);
   border-radius: unset;
}

.divEmbedGalerie .lSPager.lSGallery li::after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.divEmbedGalerie .lSPager.lSGallery li a {
  display: block;
}

.divEmbedGalerie .lSPager.lSGallery img {
  position: absolute;
  height: 100% !important;
  width: 100% !important;
  object-fit: cover;
  object-position: center center;
}

.lSSlideOuter .lSPager.lSpg > li {
  height: 12px;
}

.lSSlideOuter .lSPager.lSpg > li a {
  width: 12px;
  height: 12px;
  background-color: #96B9DB;
  display: block;
  color: transparent;
}

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

.lb-data .lb-caption {
  color: #FFF;
}

/* --- MODAL --- */
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border-color: #333851;
}

#lg-download {
  display: none;
}

#modal {
      display: none; /* Flex */
      justify-content: center;
      align-items: center;
      position: fixed;
      z-index: 999;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: auto; /* Enable scroll if needed */
      transition: all 0.2s ease;
    }
    #modal-fond {
      position: absolute;
      z-index: 1;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgb(0,0,0);
      background-color: rgba(0,0,0,0.9);
      transition: all 0.2s ease;
    }
    @-webkit-keyframes zoom {
      from {-webkit-transform:scale(0)} 
      to {-webkit-transform:scale(1)}
    }
    @keyframes zoom {
      from {transform:scale(0)} 
      to {transform:scale(1)}
    }
    @-webkit-keyframes fadeIn {
      from {opacity: 0;} 
      to {opacity: 1;}
    }
    @keyframes fadeIn {
      from {opacity: 0;} 
      to {opacity: 1;}
    }
    .modal-close {
      position: absolute;
      z-index: 2;
      top: 10px;
      right: 15px;
      color: #FFF;
      font-size: 30px;
      font-weight: 500;
      opacity: 0.5;
      line-height: 1;
      transition: 0.2s;
    }
    .modal-close:hover,
    .modal-close:focus {
      color: #bbb;
      text-decoration: none;
      cursor: pointer;
      opacity: 1;
    }
    #modal-img {
      margin: auto;
      display: block;
      width: 80%;
      max-width: 700px;
      max-height: 100vh;
      position: relative;
      z-index: 1;
    }
    #modal-caption {
      position: relative;
      z-index: 1;
      margin: auto;
      display: block;
      text-align: center;
      color: #ccc;
      padding: 10px 0;
    }
    #modal-fond {
      -webkit-animation-name: fadeIn;
      -webkit-animation-duration: 0.2s;
      animation-name: fadeIn;
      animation-duration: 0.2s;
    }
    #modal-img, #modal-caption {  
      -webkit-animation-name: zoom;
      -webkit-animation-duration: 0.6s;
      animation-name: zoom;
      animation-duration: 0.6s;
    }
    @media only screen and (max-width: 700px){
      #modal-img {
        width: 100%;
      }
    }

/* ----------------------------------------- LES ACTUALITES --*/
#actus-listing-wrapper {
  position: relative; }

#actus-listing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px; }

/*
#actus-listing .actus-listing--item:hover .photo { 
	transform: scale(1.05);
	transition: all .2s ease-in-out;
}
/**/

#actus-listing .actus-listing--item {
  background-color: #FFF;
  border-radius: 8px;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 2px rgba(20, 60, 84, 0.1);
  box-shadow: 0 2px 2px rgba(20, 60, 84, 0.1); }
  #actus-listing .actus-listing--item:hover {
    -webkit-filter: grayscale(80%);
    filter: grayscale(80%); }
  #actus-listing .actus-listing--item:hover .photo::after {
    height: 80px; }

#actus-listing .actus-listing--item .photo {
  position: relative;
  background-position: center center;
  background-size: cover!important;
  height: 200px;
  /*background-color: #96B9DB;*/
  background-color: #e1e1e1;}
  #actus-listing .actus-listing--item .photo::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    display: block;
    height: 50px;
    width: 100%;
    background-size: 100% 100%;
	/*
    -webkit-transition: all 0.4s cubic-bezier(0.75, -0.5, 0, 1.75);
    transition: all 0.4s cubic-bezier(0.75, -0.5, 0, 1.75);
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 373 50' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M0 50V0c35.048 24.839 108.339 41.947 192.994 41.947 75.297 0 141.604-13.535 180.006-34.006V50H0z' fill='%23fff'/%3E%3C/svg%3E%0A"); /**/}

#actus-listing .actus-listing--item .description {
  text-align: left;
  padding: 20px; }
  #actus-listing .actus-listing--item .description h3 {
    font-family:  'Open Sans', cursive, 'NEWFONT', cursive;
    color: #333851;
    font-weight: 100;
    font-weight: 600;
    /*font-size: 28px;*/
    font-size: 20px;
    /*text-transform: uppercase;*/
    padding: 0;
    margin: 0; }
  #actus-listing .actus-listing--item .description p {
    color: #333851;
    font-size: 16px;
    line-height: 20px;
    margin: 5px 0 0 0; }

/* ----------------------------------------- L'AGENDA --*/
#agenda-listing-wrapper {
  position: relative; }

#agenda-listing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px; }

#agenda-listing .agenda-listing--item, #actus-listing .actus-listing--item {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 2px rgba(20, 60, 84, 0.1);
  box-shadow: 0 2px 2px rgba(20, 60, 84, 0.1);
  height: 375px;
  background-position: center center;
  background-size: cover; }
  #agenda-listing .agenda-listing--item:hover {
    -webkit-filter: grayscale(80%);
    filter: grayscale(80%); }
  #agenda-listing .agenda-listing--item:hover h3 {
    background-color: rgba(0, 96, 45, 0.9); }
  #agenda-listing .agenda-listing--item::after, #actus-listing .actus-listing--item .photo::before {
    content: '';
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 0;
    width: 100%;
	opacity:0.5;
    height: 100%;
    background: black;
    background: -moz-linear-gradient(135deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 10%, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(135deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 10%, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 10%, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); }

#agenda-listing .agenda-listing--item h3 {
  position: absolute;
  z-index: 1;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: left;
  font-family:  'Open Sans', cursive, 'NEWFONT', cursive;
  color: #FFF;
  font-weight: 100;
  font-weight: 400;
  font-size: 20px;
  /*text-transform: uppercase;*/
  /*padding: 15px 10px 5px 10px;*/
  padding: 10px;
  margin: 0;
  background-color: rgba(77, 177, 157, 0.7);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }

#agenda-listing .agenda-listing--item .date, #actus-listing .actus-listing--item .date {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  z-index: 1;
  left: 0;
  right: 0;
  padding: 20px; }
  #agenda-listing .agenda-listing--item .date span, #actus-listing .actus-listing--item .date span {
    color: #FFF; 
	text-shadow: 0 0 0.15em #000;
	font-family:  'Open Sans', cursive, 'NEWFONT', cursive;
  }
  #agenda-listing .agenda-listing--item .date .number, #actus-listing .actus-listing--item .date .number {
    font-size: 50px;
    display: block;
    margin: 0;
    padding: 0;
    line-height: 1; }
  #agenda-listing .agenda-listing--item .date .month, #actus-listing .actus-listing--item .date .month {
    font-size: 30px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    line-height: 1; }

/* ----------------------------------------- EN UN CLIC --*/
#oneClick-listing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 20px -20px -40px -20px;
  overflow: hidden; }

#oneClick-listing .oneClick-listing--item {
  position: relative;
  overflow: hidden;
  width: calc(16.5% - 40px);
  /*
  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;
  */
  background-position: center center;
  background-size: cover;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 2px rgba(20, 60, 84, 0.1);
  box-shadow: 0 2px 2px rgba(20, 60, 84, 0.1);
  /*background-color: rgba(78, 154, 169, 0.9);*/
  /*background-color: rgba(242, 141, 42, 0.9);*/
	/*background-color: #4E9AA9;/*5A7489;/*4E9AA9;*/
	background-color: #F28D2A;/*5A7489;/*4E9AA9;*/
  /*background-color: #5A7489;/*4E9AA9;*/
  margin: 0 20px 40px 20px;
  /*padding: 30px 10px 10px 10px; */
  padding:10px 10px 0px 10px;
  }
  #oneClick-listing .oneClick-listing--item::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    /*background-color: rgba(0, 0, 0, 0.3);*/
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease; }
  #oneClick-listing .oneClick-listing--item span.intitule {
    position: relative;
    z-index: 1;
    font-family:  'Open Sans', cursive, 'NEWFONT', cursive;
    color: #FFF;
    font-size: 28px;
    text-transform: uppercase;
    margin-top: 10px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); }
  #oneClick-listing .oneClick-listing--item:hover {
	  
  background-color: #4DB19D;/*4E9AA9;*/
  /*background-color: #5A7489;/*4E9AA9;*/
	/*background-color: #4E9AA9;/*5A7489;/*4E9AA9;*/
	  /*
    -webkit-filter: grayscale(80%);
    filter: grayscale(80%); }
  #oneClick-listing .oneClick-listing--item:hover:after {
    background-color: rgba(0, 0, 0, 0.5); /**/}

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

    09 - FOOTER

//////////////////////////////////////////////////////////////////////////// */
footer {
  background-color: #354D72;
  padding: 50px 0 0 0;
  margin: 0; }

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

footer #logo-footer a {
  display: block;
  /*background-color: #FFF;*/
  border-radius: 8px;
  padding: 10px; }
  footer #logo-footer a img {
    width: 140px;
    height: auto; 
	margin-top: -71px;padding:0px 0px;width:250px}

footer p,
footer a {
  color: #FFF;
  font-size: 18px;
  line-height: 1.8; }

footer a.arrow::before {
  content: '→ '; }

footer p.titre {
  font-family:  'Open Sans', cursive, 'NEWFONT', cursive;
  text-transform: uppercase;
  font-size: 20px;
  margin: 0;
  padding: 0;
  line-height: 1; }

footer #liens-footer > * + * {
  margin-top: 40px; }

footer #bottom-footer {
  /*background-color: rgba(0, 0, 0, 0.2);*/
  background-color: #333851;
  margin-top: 40px;
  text-align: center;
  font-size: 14px;
  padding: 10px; }
  footer #bottom-footer div {
    color: #FFF;
    font-weight: 100;
  font-weight: 400;
    font-size: 14px; }
  footer #bottom-footer a {
    font-size: 14px;
    font-weight: 100;
  font-weight: 400; }
  .footer_cadre a:hover {color:#4DB19D!important;}

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

    10 - PAGE TYPE

//////////////////////////////////////////////////////////////////////////// */
section#entete-page {
  /*background-color: #E6EEF5; */
  border-bottom:3px solid #E6EEF5; }
  section#entete-page #breadcrumbs {
    padding: 10px 0 10px 0;
	margin:0; }
  section#entete-page #breadcrumbs p{
    padding: 0;
	margin:0; 
	margin-block-start: 0em;
    margin-block-end: 0em;	
	
  } 
  section#entete-page h1 {
    color: #FFF;
    font-family:  'Open Sans', cursive, 'NEWFONT', cursive;
    display: inline-block;
    text-transform: uppercase;
    font-size: 26px;
    padding: 5px 20px 5px 20px;
    border-radius: 25px;
    font-weight: 100;
  font-weight: 400;
    margin: 20px 0 20px 0;
    background-color: #4E9AA9; }

nav#menu-tertiaire a.menu-tertiaire--item {
  display: inline-block;
  background-color: #FFF;
  color: #4E9AA9;
  border: solid 1px #4E9AA9;
  padding: 5px 10px;
  margin: 0 1px 05px 0;
  font-size: 16px;
  border-radius: 4px; }
  nav#menu-tertiaire a.menu-tertiaire--item:hover ,  nav#menu-tertiaire a.menu_actif{
    background-color: #4E9AA9;
    color: #FFF; }

section#contenu-page {
  background-color: #FFF;
  min-height: 100px;
  padding: 10px 0 40px 0; }

  
  /**/
.container table td{
	padding:15px;
}
.container table{
	border:0px;
}
.container table ,.container table tr,.container table td{
	border:0px;
}
.container table tr:nth-child(even) td{
	/*background-color:#f4f4f4;	*/
}
.container table tr:nth-child(odd) td{
	/*background-color:#e6eef5;	*/
}
/**/






.nocolor table td{
	padding:0px;
}
.nocolor table tr:nth-child(even) td{
	background-color:transparent;	
}
.nocolor table tr:nth-child(odd) td{
	background-color:transparent;	
}

table.nocolor  td{
	padding:05px;
}
table.nocolor tr:nth-child(even) td{
	background-color:transparent;	
}
table.nocolor tr:nth-child(odd) td{
	background-color:transparent;	
}

p[class^='sous_titre_'], p[class*=' sous_titre_']{
    font-weight: bold;
    color: #333851;
}

img[onclick] {
  cursor: pointer;
}

.bloc_texte_actu{	
	border:1px solid #4e9aa9;
	border-radius: 4px;
	margin:1%;
	transition: all 0.2s ease;	
}


.bloc_texte_actu:hover {
	border:1px solid #4DB19D;
	box-shadow: 0 2px 20px rgba(0,0,0,0.1);
}
.bloc_texte_actu:hover .titreDoc {
	background-color:#4DB19D;
}
.bloc_texte_actu .titreDoc {
	background-color:#4E9AA9;
	transition: all 0.2s ease;
}
#contenu-page  .titreDoc h3{
	color:white!important;
	padding: 6px 8px;
	font-size:16px;
	line-height: 1.2;
}
.bloc_texte_actu .date {
	display: block;
	color: #4E9AA9;
	padding: 2px;
	font-size: 14px;
	text-align: center;
	background-color: #d4f1e1;
}
.bloc_texte_actu .detailActualite{
	padding:10px;
}

.bloc_texte_actu .zoomImage{
	float:right;
	max-height:150px;	
	max-width:250px;
	display:block;
	margin-bottom:10px;	
	margin-left:10px;	
}


.listing-documents {
			display: flex;
			flex-wrap: wrap;
			margin: 0 -1%;
		}
		.listing-documents--item {
			width:31.33%;
			border:1px solid #4DB19D;
			border-radius: 4px;
			margin:1%;
			transition: all 0.2s ease;
		}
		.listing-documents--item:hover {
			border:1px solid #333851;
			box-shadow: 0 2px 20px rgba(0,0,0,0.1);
		}
		.listing-documents--item:hover .titreDoc {
			background-color:#333851;
		}
		.listing-documents--item .titreDoc {
			background-color:#4DB19D;
			transition: all 0.2s ease;
		}
		#contenu-page .listing-documents--item .titreDoc h3,
		.listing-documents--item .titreDoc h3 {
			color:white;
			padding: 6px 8px;
			font-size:16px;
			line-height: 1.2;
		}
		#contenu-page .listing-documents--item .date {
			display: block;
			color: #333851;
			padding: 2px;
			font-size: 14px;
			text-align: center;
			background-color: #d4f1e1;
		}
		#contenu-page .listing-documents--item:hover .date {
			background-color: #5A7489;
			color:white;
		}
		.listing-documents--item .capture-container {
			padding: 4%;
			text-align:center;
		}
		.listing-documents--item .dl {
			display: flex;
			padding: 10px;
			justify-content: center;
			align-items: center;
		}

		@media (max-width:850px) {
			.listing-documents--item {
				width:48%;
			}
		}
		@media (max-width:550px) {
			.listing-documents--item {
				width:98%;
			}
		}
		
		
		.infos_contact{
			float:left;
			width:40%;
		}
		.formulaireContact{
			float:right;
			width:60%;
		}
		
		
		
		
/* MODIFS fev2021*/		
		
  #menu-tertiaire{	  
	margin-top:10px;
	margin-bottom:10px;
  }		
  #breadcrumbs p{	  
    display: inline;
  }	
  #breadcrumbs p a:last-child{	  
    /*display:none;*/
  }
  section#entete-page #breadcrumbs h1{	  
    display: inline;
	background-color:transparent;
	text-transform: none;
	color:#4DB19D;/*4E9AA9;*/
	font-family: 'Open Sans', sans-serif;
    font-size: 18px;
	font-weight:bold;
    padding: 0;
    margin: 0;
    font-size: 16px;
	font-weight:300;
	color:#333851;
  }
  
  nav#menu-tertiaire:first-child a.menu-tertiaire--item{
  color: #4DB19D;
  border: solid 1px #4DB19D;
	  
  }
  nav#menu-tertiaire:first-child a.menu-tertiaire--item:hover ,  nav#menu-tertiaire:first-child a.menu_actif{
    background-color: #4DB19D;
    color: #FFF; }
	
  nav#menu-tertiaire:last-child a.menu-tertiaire--item{
  color: #333851;
  border: solid 1px #333851;
	  
  }
  nav#menu-tertiaire:last-child a.menu-tertiaire--item:hover ,  nav#menu-tertiaire:last-child a.menu_actif{
    background-color: #333851;
    color: #FFF; }

  nav#navigation-header ul#menu-principal li.menu-principal--item > a {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    padding: 20px 0px 20px 0px;
  }
	
.menusTertaires{	 
	padding-top:10px;
	display:flex;flex-direction: column-reverse;
}
.footer{
	/*margin:auto;*/
	
}
.footer_cadres{
	/*margin:-20px;*/
	/*margin:20px -20px -40px -20px;*/
	
}
.footer_cadre{
	flex:1;
	margin:0px 20px;	
	/*margin: 0 20px 40px 20px;*/
}

@media only screen and (min-width: 700px){
	.footer_cadre:first-child{
		margin-left:0px;	
	}
	.footer_cadre:last-child{
		margin-right:0px;	
	}
}

footer #bottom-footer {
  margin-top: 20px;
}



@media (max-width:2000px) {
  #oneClick-listing .oneClick-listing--item {
    width: calc(16.5% - 40px)!important;
  }
}
@media (max-width:700px) {
  #oneClick-listing .oneClick-listing--item {
    width: calc(33% - 40px)!important;
  }
}
@media (max-width:480px) {
  #oneClick-listing .oneClick-listing--item {
    width: calc(50% - 40px)!important;
  }
}
@media (max-width:350px) {
  #oneClick-listing .oneClick-listing--item {
    width: calc(100% - 40px)!important;
  }
}


@media (max-width:1400px) {
	section.home .lSAction > .lSPrev, section.home .lSAction > .lSNext {
		top: 425px!important;
	}
	
@media (max-width:430px) {
	section.home .lSAction > .lSPrev, section.home .lSAction > .lSNext {
		top: 400px!important;
		height: 25px!important;
		background-size: 25px 50px!important;
	}
}


	

@media (max-width:1250px) {	
	header #logo-normandie {
	  
	  top:41px;
	  right:unset;
	  left:25%;
	  z-index:100 }
	}

@media (max-width:900px) {	
	header #logo-normandie {
	  top:61px;
	  right:40px;
	  left:unset;
	  height:20px;
	   }
	header #logo-normandie img{
	  
	  height:20px!important;
	   }
	}
@media (max-width:805px) {	
	header #logo-normandie {
	  
	  top:116px;
	  right:unset;
	  left:40px;
	  height:20px;
	   }
	header #logo-normandie img{
	  
	  height:20px!important;
	   }
	}
@media (max-width:600px) {	
	header #logo-normandie {
	  	  top:130px;
	  right:unset;
	  left:10px;
	  height:20px;
	   }
	header #logo-normandie img{	  
	  height:20px!important;
	   }
	}
		
@media (max-width:400px) {	
	header #logo-normandie {	  
	  top:160px;
	  right:unset;
	  left:05px;
	  height:20px;
	   }
	header #logo-normandie img{	  
	  height:20px!important;
	   }
	}
	
	
		
@media (max-width:400px) {	
	.labels {
		margin-bottom: 5px;
	}
}


.isDisabled{
	filter: grayscale(1);
	cursor: not-allowed;
}
.lienmain{
	cursor: pointer;
}

table img{
	max-width: unset;	
}