@charset "UTF-8";

abbr,
acronym,
address,
applet,
article,
aside,
audio,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
iframe,
img,
ins,
kbd,
label,
legend,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
strike,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
var,
video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  font-family: "Varela Round", sans-serif;
}

html,
iframe {
  max-width: 100%;
}

strong {
  font-weight: 600;
}

a:hover,
.likeA:hover {
  color: #F9D247;
}

a,
.likeA {
  color: #F9D247;
  cursor: pointer;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
}

a img,
.likeA img {
  vertical-align: middle;
}

a:-webkit-any-link,
.likeA:-webkit-any-link {
  color: #F9D247;
  cursor: pointer;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
}

a:-webkit-any-link img,
.likeA:-webkit-any-link img {
  vertical-align: middle;
}

body {
  background-color: #f4f4f4;
}

body.home {
  background-color: #ffffff;
}

img {
  max-width: 100%;
}

.contenu {
  margin-top: 30px;
  margin-left: 5%;
  margin-right: 5%;
}

@media screen and (max-width: 1200px) {
  .contenu {
    margin-left: 5%;
    margin-right: 5%;
  }
}

@media screen and (max-width: 1000px) {
  .contenu {
    margin-top: 100px;
    margin-left: 4%;
    margin-right: 4%;
    padding-bottom: 50px;
  }
}

.main_bloc {
  padding-top: 50px;
  padding-bottom: 50px;
}

.mobile {
  display: none;
}

@media screen and (max-width: 1000px) {
  .mobile {
    display: block;
  }
}

.noMobile {
  display: block;
}

@media screen and (max-width: 1000px) {
  .noMobile {
    display: none;
  }
}

.mobile2 {
  display: none;
}

@media screen and (max-width: 1000px) {
  .mobile2 {
    display: inline-block;
  }
}

.noMobile2 {
  display: inline-block;
}

@media screen and (max-width: 1000px) {
  .noMobile2 {
    display: none;
  }
}

.noMobile3 {
  display: contents;
}

@media screen and (max-width: 1000px) {
  .noMobile3 {
    display: none;
  }
}

.mobile3 {
  display: none !important;
}

@media screen and (max-width: 1000px) {
  .mobile3 {
    display: flex !important;
  }
}

.noMobile3 {
  display: flex;
}

@media screen and (max-width: 1000px) {
  .noMobile3 {
    display: none !important;
  }
}

body {
  text-align: center;
  background-position-x: right;
  display: block;
}

@media screen and (max-width: 1000px) {
  body {
    background-size: initial;
  }
}

.or {
  color: #F9D247;
}

.preMenu {
  margin-top: 30px;
  color: #3d3954;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}

.topHeader.home,
.home.topHeaderConnected {
  position: relative;
}

.topHeader.home img,
.home.topHeaderConnected img {
  margin-top: 0;
  height: 58vh;
}

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

  .topHeader.home img,
  .home.topHeaderConnected img {
    height: 45vh;
    margin-top: 10vh;
  }
}

.topHeader,
.topHeaderConnected {
  position: absolute;
  top: 0;
  width: 100%;
}

.topHeader img,
.topHeaderConnected img {
  min-height: 311px;
  margin-top: 70px;
  max-width: 100%;
  height: 50%;
  width: 100%;
  object-fit: cover;
  -ms-transform: none;
  -moz-transform: none;
  -webkit-transform: none;
  transform: none;
  object-position: top;
}

.topHeaderConnected img {
  margin-top: -28px;
  height: 62%;
}

.legalOpt {
  display: flex;
  align-items: center;
  color: #ffffff;
  font-family: "Varela Round";
  margin-left: 50px;
}

@media screen and (max-width: 1300px) {
  .legalOpt {
    display: none;
  }
}

.legalOpt.lOMobile {
  display: none;
  color: #423E60;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

@media screen and (max-width: 1300px) {
  .legalOpt.lOMobile {
    display: flex;
  }
}

.legalOpt img {
  width: 60px;
  height: 60px;
  margin-right: 15px;
}

.legalOpt .lR {
  text-align: left;
}

.header.home {
  position: absolute;
  top: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 58vh;
}

@media screen and (max-width: 1000px) {
  .header.home {
    height: 45vh;
    align-items: flex-end;
  }
}

.header.home .hHContent .titleBig {
  font-size: 75px;
  font-family: "Varela Round";
  color: #ffffff;
  text-shadow: #0000006e 3px 3px;
}

.header.home .hHContent .textDescription .tDContent {
  width: max-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  background-color: rgba(66, 62, 96, 0.8);
  color: #ffffff;
  font-family: "Varela Round";
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 10px;
}

.header.home .hHContent .link {
  margin-top: 30px;
}

.header.home .hHContent .link a,
.header.home .hHContent .link .likeA {
  margin-left: auto;
  margin-right: auto;
}

.header.home .hHContent .title {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 58vh;
}

@media screen and (max-width: 1000px) {
  .header.home .hHContent .title {
    height: 30vh;
  }
}

.header {
  width: 100%;
  position: relative;
}

@media screen and (max-width: 1000px) {
  .header {
    width: 100%;
    left: 0;
  }
}

.header .title {
  position: relative;
  width: 100%;
  color: white;
  font-size: 26px;
}

@media screen and (max-width: 1000px) {
  .header .title {
    font-size: 19px;
  }
}

.header .title .phraseA {
  margin-top: 15px;
  font-size: 18px;
}

.header .title a img,
.header .title .likeA img {
  max-height: 95px;
}

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

  .header .title a img,
  .header .title .likeA img {
    height: 20vh;
  }
}

.header .title h3 {
  font-size: 50px;
}

.bienvenue {
  font-size: 30px;
  font-weight: bold;
  color: #ffffff;
  text-shadow: 0 2px 2px #3c3955, 0 2px 3px #3c3955, 0 -2px 2px #3c3955, 0 -2px 3px #3c3955, 2px 0 2px #3c3955, 2px 0 3px #3c3955, -2px 0 2px #3c3955, -2px 0 3px #3c3955;
  margin-top: 54px;
  margin-bottom: 54px;
}

.etab {
  padding-top: 10px;
}

.etab .photo {
  margin-top: 10px;
}

.etab .photo img {
  height: 150px;
  object-fit: cover;
}

.etab .info.first {
  margin-top: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.etab .info.first .angle.icon {
  font-size: 30px;
}

.etab .info {
  text-align: left;
  margin-top: 20px;
}

@media screen and (max-width: 1000px) {
  .etab .info {
    width: 100%;
    left: 0;
    text-align: center;
    margin-top: 0;
  }
}

.etab .info .email {
  text-transform: none;
  color: #000000;
  font-weight: normal;
}

.etab .info .titleEtab {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
  font-family: "Varela Round";
  margin-bottom: 10px;
  color: #82d6d7;
}

.etab .info .btnLinest.btnLinestMini,
.etab .info .btnLinestMini.btnLinestInv,
.etab .info .topbarMenu .right .selecteurSs .btnLinestMini.sRight,
.topbarMenu .right .selecteurSs .etab .info .btnLinestMini.sRight {
  font-size: 13px;
}

.etab .infoEtab {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 35px;
}

.etab .info.mobile {
  text-align: left;
}

.colItem,
.contenuCol .colLeft .colItem.resident,
.contenuCol .colLeft .colItem.or,
.contenuCol .colLeft .colItem,
.contenuCol .colRight .colItem,
.contenuCol .colRight .colItem.or,
.section .blocSection,
.section .blocJ,
.section .blocB {
  width: 100%;
  background-color: #ffffff;
  margin-bottom: 26px;
  border-radius: 3px;
  color: #000000;
  position: relative;
  border-radius: 8px;
}

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

  .colItem,
  .contenuCol .colLeft .colItem.resident,
  .contenuCol .colLeft .colItem.or,
  .contenuCol .colLeft .colItem,
  .contenuCol .colRight .colItem,
  .contenuCol .colRight .colItem.or,
  .section .blocSection,
  .section .blocJ,
  .section .blocB {
    padding-bottom: 10px;
  }
}

.colItem .top,
.contenuCol .colLeft .colItem .top,
.contenuCol .colRight .colItem .top,
.section .blocSection .top,
.section .blocJ .top,
.section .blocB .top {
  position: relative;
  width: 100%;
}

.colItem .top .topBar,
.contenuCol .colRight .colItem.or .top .topBar,
.section .blocSection .top .topBar,
.section .blocJ .top .topBar,
.section .blocB .top .topBar {
  position: relative;
  height: 80px;
  width: 100%;
  overflow: hidden;
  transition: height 220ms ease-in-out;
  -webkit-transition: height 220ms ease-in-out;
}

.colItem .top .topBar .filtres,
.section .blocSection .top .topBar .filtres,
.section .blocJ .top .topBar .filtres,
.section .blocB .top .topBar .filtres {
  position: absolute;
  width: 100%;
  top: 70px;
  background-color: #efeff0;
}

.colItem .top .topBar.active,
.section .blocSection .top .topBar.active,
.section .blocJ .top .topBar.active,
.section .blocB .top .topBar.active {
  height: 190px;
  z-index: 9;
  transition: height 220ms ease-in-out;
  -webkit-transition: height 220ms ease-in-out;
}

.colItem .top .filtre,
.contenuCol .colRight .colItem.or .top .filtre,
.section .blocSection .top .filtre,
.section .blocJ .top .filtre,
.section .blocB .top .filtre {
  background-color: #efeff0;
  width: 123px;
  margin-left: auto;
  margin-right: auto;
  padding: 7px;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.08);
  cursor: pointer;
  position: relative;
  z-index: 9;
}

.colItem .top .trigo,
.contenuCol .colRight .colItem.or .top .trigo,
.section .blocSection .top .trigo,
.section .blocJ .top .trigo,
.section .blocB .top .trigo {
  height: 43px;
  top: -35px;
}

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

  .colItem .top .trigo,
  .contenuCol .colRight .colItem.or .top .trigo,
  .section .blocSection .top .trigo,
  .section .blocJ .top .trigo,
  .section .blocB .top .trigo {
    height: 54px;
    top: -50px;
  }
}

.colItem .title,
.contenuCol .colLeft .colItem .title,
.contenuCol .colRight .colItem .title,
.section .blocSection .title,
.section .blocJ .title,
.section .blocB .title {
  font-family: "Varela Round";
  font-size: 42px;
}

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

  .colItem .title,
  .contenuCol .colLeft .colItem .title,
  .contenuCol .colRight .colItem .title,
  .section .blocSection .title,
  .section .blocJ .title,
  .section .blocB .title {
    font-size: 27px;
    top: 23px;
  }
}

.colItem .twoElements,
.contenuCol .colLeft .colItem .twoElements,
.contenuCol .colRight .colItem .twoElements,
.section .blocSection .twoElements,
.section .blocJ .twoElements,
.section .blocB .twoElements {
  position: relative;
}

.colItem .twoElements .photo,
.contenuCol .colRight .colItem.or .twoElements .photo,
.section .blocSection .twoElements .photo,
.section .blocJ .twoElements .photo,
.section .blocB .twoElements .photo {
  width: 50%;
  float: left;
  text-align: left;
}

.colItem .twoElements .coord,
.contenuCol .colRight .colItem.or .twoElements .coord,
.section .blocSection .twoElements .coord,
.section .blocJ .twoElements .coord,
.section .blocB .twoElements .coord {
  width: 45%;
  float: left;
  text-align: left;
  margin-left: 5%;
}

.colItem .twoElements .coord .title,
.section .blocSection .twoElements .coord .title,
.section .blocJ .twoElements .coord .title,
.section .blocB .twoElements .coord .title {
  font-family: "Varela Round";
  font-size: 42px;
}

.colItem .element,
.contenuCol .colLeft .colItem .element,
.contenuCol .colRight .colItem .element,
.section .blocSection .element,
.section .blocJ .element,
.section .blocB .element {
  clear: left;
}

.colItem .element .miniGal,
.contenuCol .colRight .colItem.or .element .miniGal,
.section .blocSection .element .miniGal,
.section .blocJ .element .miniGal,
.section .blocB .element .miniGal {
  margin-top: 10px;
  text-align: left;
}

.colItem .element .miniGal a img,
.contenuCol .colRight .colItem.or .element .miniGal a img,
.section .blocSection .element .miniGal a img,
.section .blocJ .element .miniGal a img,
.section .blocB .element .miniGal a img,
.colItem .element .miniGal .likeA img,
.section .blocSection .element .miniGal .likeA img,
.section .blocJ .element .miniGal .likeA img,
.section .blocB .element .miniGal .likeA img {
  width: 29%;
  margin-left: 2% !important;
  margin-right: 2% !important;
  height: 50px;
  object-fit: cover;
}

.colItem .element .miniGal a img:first-child,
.section .blocSection .element .miniGal a img:first-child,
.section .blocJ .element .miniGal a img:first-child,
.section .blocB .element .miniGal a img:first-child,
.colItem .element .miniGal .likeA img:first-child,
.section .blocSection .element .miniGal .likeA img:first-child,
.section .blocJ .element .miniGal .likeA img:first-child,
.section .blocB .element .miniGal .likeA img:first-child {
  margin-left: 0;
}

.colItem .element .miniGal a img:last-child,
.section .blocSection .element .miniGal a img:last-child,
.section .blocJ .element .miniGal a img:last-child,
.section .blocB .element .miniGal a img:last-child,
.colItem .element .miniGal .likeA img:last-child,
.section .blocSection .element .miniGal .likeA img:last-child,
.section .blocJ .element .miniGal .likeA img:last-child,
.section .blocB .element .miniGal .likeA img:last-child {
  margin-right: 0;
}

.colItem .element .info,
.contenuCol .colRight .colItem.or .element .info,
.section .blocSection .element .info,
.section .blocJ .element .info,
.section .blocB .element .info {
  text-align: left;
  margin-top: 10px;
}

.colItem .element .liensGal,
.contenuCol .colRight .colItem.or .element .liensGal,
.section .blocSection .element .liensGal,
.section .blocJ .element .liensGal,
.section .blocB .element .liensGal {
  text-align: left;
}

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

  .colItem .element .liensGal,
  .contenuCol .colRight .colItem.or .element .liensGal,
  .section .blocSection .element .liensGal,
  .section .blocJ .element .liensGal,
  .section .blocB .element .liensGal {
    margin-top: 0px;
    text-align: left;
  }
}

.colItem .element .liensGal.liensGalCenter,
.section .blocSection .element .liensGal.liensGalCenter,
.section .blocJ .element .liensGal.liensGalCenter,
.section .blocB .element .liensGal.liensGalCenter {
  margin-top: 30px;
  text-align: center;
}

.colItem .element .liensGal a:before,
.contenuCol .colRight .colItem.or .element .liensGal a:before,
.section .blocSection .element .liensGal a:before,
.section .blocJ .element .liensGal a:before,
.section .blocB .element .liensGal a:before,
.colItem .element .liensGal .likeA:before,
.section .blocSection .element .liensGal .likeA:before,
.section .blocJ .element .liensGal .likeA:before,
.section .blocB .element .liensGal .likeA:before {
  content: '';
  position: absolute;
  top: -15px;
  left: -6px;
  background-image: url("../assets/signet_blanc.png");
}

.colItem .element .liensGal a,
.contenuCol .colRight .colItem.or .element .liensGal a,
.section .blocSection .element .liensGal a,
.section .blocJ .element .liensGal a,
.section .blocB .element .liensGal a,
.colItem .element .liensGal .likeA,
.section .blocSection .element .liensGal .likeA,
.section .blocJ .element .liensGal .likeA,
.section .blocB .element .liensGal .likeA {
  color: #423E60;
  font-size: 16px;
  text-transform: none;
  font-family: "Varela Round";
  font-weight: bold;
}

.colItem .element .liensGal a img,
.contenuCol .colRight .colItem.or .element .liensGal a img,
.section .blocSection .element .liensGal a img,
.section .blocJ .element .liensGal a img,
.section .blocB .element .liensGal a img,
.colItem .element .liensGal .likeA img,
.section .blocSection .element .liensGal .likeA img,
.section .blocJ .element .liensGal .likeA img,
.section .blocB .element .liensGal .likeA img {
  max-height: 20px;
  margin-right: 13px;
}

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

  .colItem .element .liensGal a img,
  .contenuCol .colRight .colItem.or .element .liensGal a img,
  .section .blocSection .element .liensGal a img,
  .section .blocJ .element .liensGal a img,
  .section .blocB .element .liensGal a img,
  .colItem .element .liensGal .likeA img,
  .section .blocSection .element .liensGal .likeA img,
  .section .blocJ .element .liensGal .likeA img,
  .section .blocB .element .liensGal .likeA img {
    margin-right: 0px;
  }
}

.colItem .topTitle,
.contenuCol .colLeft .colItem .topTitle,
.contenuCol .colRight .colItem .topTitle,
.section .blocSection .topTitle,
.section .blocJ .topTitle,
.section .blocB .topTitle {
  background-color: #76C8D4;
  height: 72px;
  position: relative;
  margin-bottom: 25px;
  z-index: 1;
  padding-left: 40px;
  padding-right: 40px;
}

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

  .colItem .topTitle,
  .contenuCol .colLeft .colItem .topTitle,
  .contenuCol .colRight .colItem .topTitle,
  .section .blocSection .topTitle,
  .section .blocJ .topTitle,
  .section .blocB .topTitle {
    padding-left: 20px;
    padding-right: 20px;
    height: 55px;
  }
}

.colItem .topTitle .agendaTitle,
.contenuCol .colRight .colItem.or .topTitle .agendaTitle,
.section .blocSection .topTitle .agendaTitle,
.section .blocJ .topTitle .agendaTitle,
.section .blocB .topTitle .agendaTitle {
  font-size: 16px;
  text-transform: uppercase;
  font-family: "Varela Round";
  font-weight: bold;
  position: absolute;
  right: 110px;
  top: 31px;
}

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

  .colItem .topTitle .agendaTitle,
  .contenuCol .colRight .colItem.or .topTitle .agendaTitle,
  .section .blocSection .topTitle .agendaTitle,
  .section .blocJ .topTitle .agendaTitle,
  .section .blocB .topTitle .agendaTitle {
    right: 90px;
    top: 25px;
  }
}

.colItem .topTitle .title .mini,
.section .blocSection .topTitle .title .mini,
.section .blocJ .topTitle .title .mini,
.section .blocB .topTitle .title .mini {
  font-size: 24px;
  text-transform: uppercase;
  font-family: "Varela Round";
}

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

  .colItem .topTitle .title .mini,
  .section .blocSection .topTitle .title .mini,
  .section .blocJ .topTitle .title .mini,
  .section .blocB .topTitle .title .mini {
    font-size: 15px;
  }
}

.colItem .topTitle a .plus:hover,
.section .blocSection .topTitle a .plus:hover,
.section .blocJ .topTitle a .plus:hover,
.section .blocB .topTitle a .plus:hover,
.colItem .topTitle .likeA .plus:hover,
.section .blocSection .topTitle .likeA .plus:hover,
.section .blocJ .topTitle .likeA .plus:hover,
.section .blocB .topTitle .likeA .plus:hover {
  background-color: #ffc600;
}

.colItem .topTitle a .plus,
.contenuCol .colRight .colItem.or .topTitle a .plus,
.section .blocSection .topTitle a .plus,
.section .blocJ .topTitle a .plus,
.section .blocB .topTitle a .plus,
.colItem .topTitle .likeA .plus,
.section .blocSection .topTitle .likeA .plus,
.section .blocJ .topTitle .likeA .plus,
.section .blocB .topTitle .likeA .plus {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  font-size: 12px;
  background-color: #F9D247;
  color: #423E60;
  height: 62px;
  width: 62px;
  cursor: pointer;
  border-radius: 50%;
  border: 6px solid #abe3e4;
}

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

  .colItem .topTitle a .plus,
  .contenuCol .colRight .colItem.or .topTitle a .plus,
  .section .blocSection .topTitle a .plus,
  .section .blocJ .topTitle a .plus,
  .section .blocB .topTitle a .plus,
  .colItem .topTitle .likeA .plus,
  .section .blocSection .topTitle .likeA .plus,
  .section .blocJ .topTitle .likeA .plus,
  .section .blocB .topTitle .likeA .plus {
    height: 50px;
    width: 50px;
    border: 4px solid #abe3e4;
  }
}

.colItem .topTitle a .plus i,
.contenuCol .colRight .colItem.or .topTitle a .plus i,
.section .blocSection .topTitle a .plus i,
.section .blocJ .topTitle a .plus i,
.section .blocB .topTitle a .plus i,
.colItem .topTitle .likeA .plus i,
.section .blocSection .topTitle .likeA .plus i,
.section .blocJ .topTitle .likeA .plus i,
.section .blocB .topTitle .likeA .plus i {
  cursor: pointer;
}

.colItem .topTitle a .cercle img,
.contenuCol .colRight .colItem.or .topTitle a .cercle img,
.section .blocSection .topTitle a .cercle img,
.section .blocJ .topTitle a .cercle img,
.section .blocB .topTitle a .cercle img,
.colItem .topTitle .likeA .cercle img,
.section .blocSection .topTitle .likeA .cercle img,
.section .blocJ .topTitle .likeA .cercle img,
.section .blocB .topTitle .likeA .cercle img {
  height: 66px;
  position: absolute;
  right: 50px;
}

.colItem .trigo,
.contenuCol .colLeft .colItem .trigo,
.contenuCol .colRight .colItem .trigo,
.section .blocSection .trigo,
.section .blocJ .trigo,
.section .blocB .trigo {
  background-color: #76C8D4;
  height: 54px;
  top: -50px;
  width: 100%;
  transform: skewY(1deg);
  position: relative;
}

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

  .colItem.login,
  .contenuCol .colLeft .login.colItem,
  .contenuCol .colRight .login.colItem,
  .section .login.blocSection,
  .section .login.blocJ,
  .section .login.blocB {
    padding-bottom: 0;
  }
}

.colItem.content,
.contenuCol .colLeft .content.colItem,
.contenuCol .colRight .content.colItem,
.section .content.blocSection,
.section .content.blocJ,
.section .content.blocB {
  margin-top: 15px;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  min-height: 150px;
  padding: 50px;
}

.contenuCol {
  margin-top: 20px;
}

@media screen and (max-width: 1000px) {
  .contenuCol {
    margin-bottom: 0;
  }
}

.contenuCol .colLeft {
  width: 326px;
  position: relative;
  margin-left: 20px;
}

.contenuCol .colLeft.fixed {
  float: left;
  position: fixed;
  bottom: 30px;
}

.contenuCol .colLeft .trigo1 {
  width: 100%;
  height: 70px;
  position: absolute;
  background-color: #ffc600;
  left: 0;
  top: 0;
  border-radius: 8px 8px 0 0;
}

.contenuCol .colLeft .trigo2 {
  background-color: #ffc600;
  height: 34px;
  width: 100%;
  transform: skewY(-4deg);
  position: absolute;
  top: 40px;
  left: 0;
}

.contenuCol .colLeft .resident.colItem,
.contenuCol .colLeft .section .resident.blocSection,
.section .contenuCol .colLeft .resident.blocSection,
.contenuCol .colLeft .section .resident.blocJ,
.section .contenuCol .colLeft .resident.blocJ,
.contenuCol .colLeft .section .resident.blocB,
.section .contenuCol .colLeft .resident.blocB {
  padding: 24px;
  background-color: #8E8EBA;
  color: #ffffff;
}

.contenuCol .colLeft .resident.colItem .photo img,
.contenuCol .colLeft .section .resident.blocSection .photo img,
.section .contenuCol .colLeft .resident.blocSection .photo img,
.contenuCol .colLeft .section .resident.blocJ .photo img,
.section .contenuCol .colLeft .resident.blocJ .photo img,
.contenuCol .colLeft .section .resident.blocB .photo img,
.section .contenuCol .colLeft .resident.blocB .photo img {
  border-radius: 50%;
  width: 138px;
  height: 138px;
  min-width: 138px;
  min-height: 138px;
  object-fit: cover;
}

.contenuCol .colLeft .or.colItem,
.contenuCol .colLeft .section .or.blocSection,
.section .contenuCol .colLeft .or.blocSection,
.contenuCol .colLeft .section .or.blocJ,
.section .contenuCol .colLeft .or.blocJ,
.contenuCol .colLeft .section .or.blocB,
.section .contenuCol .colLeft .or.blocB {
  padding: 24px;
  background-color: #F9D247;
  color: #423E60;
  padding-top: 15px;
  padding-bottom: 15px !important;
}

.contenuCol .colLeft .etab.colItem,
.contenuCol .colLeft .section .etab.blocSection,
.section .contenuCol .colLeft .etab.blocSection,
.contenuCol .colLeft .section .etab.blocJ,
.section .contenuCol .colLeft .etab.blocJ,
.contenuCol .colLeft .section .etab.blocB,
.section .contenuCol .colLeft .etab.blocB {
  border: 1px solid #232227;
  padding: 15px;
}

.contenuCol .colLeft .agendaFlow.colItem,
.contenuCol .colLeft .section .agendaFlow.blocSection,
.section .contenuCol .colLeft .agendaFlow.blocSection,
.contenuCol .colLeft .section .agendaFlow.blocJ,
.section .contenuCol .colLeft .agendaFlow.blocJ,
.contenuCol .colLeft .section .agendaFlow.blocB,
.section .contenuCol .colLeft .agendaFlow.blocB {
  border: 2px solid #8E8EBA;
}

.contenuCol .colLeft .colItem.resident,
.contenuCol .colLeft .colItem.or,
.contenuCol .colLeft .colItem,
.contenuCol .colLeft .section .blocSection,
.section .contenuCol .colLeft .blocSection,
.contenuCol .colLeft .section .blocJ,
.section .contenuCol .colLeft .blocJ,
.contenuCol .colLeft .section .blocB,
.section .contenuCol .colLeft .blocB {
  padding: 24px;
  border-radius: 8px;
}

@media screen and (max-width: 1000px) {
  .contenuCol .colLeft {
    display: none !important;
  }
}

.contenuCol .colRight {
  position: relative;
  width: 70%;
  left: 36px;
  float: left;
}

@media screen and (max-width: 1000px) {
  .contenuCol .colRight {
    margin-top: 10vh;
  }

  .contenuCol .colRight.mobile {
    margin-left: 2%;
    margin-right: 2%;
  }
}

.contenuCol .colRight .colItem,
.contenuCol .colRight .colItem.or,
.contenuCol .colRight .section .blocSection,
.section .contenuCol .colRight .blocSection,
.contenuCol .colRight .section .blocJ,
.section .contenuCol .colRight .blocJ,
.contenuCol .colRight .section .blocB,
.section .contenuCol .colRight .blocB {
  border: 1px solid #82d6d7;
  border-radius: 8px;
}

.contenuCol .colRight .agendaFlow.colItem,
.contenuCol .colRight .section .agendaFlow.blocSection,
.section .contenuCol .colRight .agendaFlow.blocSection,
.contenuCol .colRight .section .agendaFlow.blocJ,
.section .contenuCol .colRight .agendaFlow.blocJ,
.contenuCol .colRight .section .agendaFlow.blocB,
.section .contenuCol .colRight .agendaFlow.blocB {
  border: 2px solid #8E8EBA;
}

.contenuCol .colRight .profil.colItem,
.contenuCol .colRight .section .profil.blocSection,
.section .contenuCol .colRight .profil.blocSection,
.contenuCol .colRight .section .profil.blocJ,
.section .contenuCol .colRight .profil.blocJ,
.contenuCol .colRight .section .profil.blocB,
.section .contenuCol .colRight .profil.blocB {
  border: 0px solid;
}

.contenuCol .colRight .or.colItem,
.contenuCol .colRight .section .or.blocSection,
.section .contenuCol .colRight .or.blocSection,
.contenuCol .colRight .section .or.blocJ,
.section .contenuCol .colRight .or.blocJ,
.contenuCol .colRight .section .or.blocB,
.section .contenuCol .colRight .or.blocB {
  padding: 24px;
  background-color: #F9D247;
  color: #423E60;
  border: 1px solid #F9D247;
  padding-top: 15px;
  padding-bottom: 15px !important;
}

.contenuCol .colRight .profil {
  display: none;
  text-align: left;
  background-color: #8E8EBA;
}

@media screen and (max-width: 1000px) {
  .contenuCol .colRight .profil {
    display: block;
  }
}

.contenuCol .colRight .profil .profilLine {
  display: flex;
  padding: 10px;
}

.contenuCol .colRight .profil .photo {
  max-height: 100%;
  min-width: 20%;
}

.contenuCol .colRight .profil .photo img {
  border-radius: 50%;
  width: 138px;
  height: 138px;
  object-fit: cover;
  max-height: 100%;
}

.contenuCol .colRight .profil .coord {
  min-width: 40%;
  color: white;
  font-size: 17px;
  margin-top: 25px;
  margin-left: 20px;
}

.contenuCol .colRight .profil .coord .btnsCoord {
  margin-top: 25px;
}

.contenuCol .colRight .profil .coord .btnsCoord .btnLinestInv {
  margin-left: 0;
}

.contenuCol .colRight .profil .gal {
  min-width: 30%;
  text-align: center;
  margin-right: 15px;
}

@media screen and (max-width: 1000px) {
  .contenuCol .colRight .profil .gal {
    margin-right: 0;
    margin-right: 15px;
    margin-left: 25px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 10px;
  }

  .contenuCol .colRight .profil .gal .btnLinestInv {
    margin-left: 0;
  }
}

.contenuCol .colRight .profil.mobile {
  padding-bottom: 0;
}

.contenuCol .colRight .profil.etab {
  padding: 24px;
}

@media screen and (max-width: 1000px) {
  .contenuCol .colRight {
    width: 100%;
    left: 0;
  }
}

.btnLinestie {
  background-color: #3c3956 !important;
  color: white !important;
  border: none !important;
}

.btnLinestieInv {
  color: #3c3956 !important;
  background-color: white !important;
  border: none !important;
}

.btnLinestieInv.loading:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -.64285714em 0 0 -.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.15);
}

.btnLinestieInv.loading:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -.64285714em 0 0 -.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  -webkit-animation: button-spin .6s linear;
  animation: button-spin .6s linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #fff transparent transparent;
  border-style: solid;
  border-width: .2em;
  -webkit-box-shadow: 0 0 0 1px transparent;
  box-shadow: 0 0 0 1px transparent;
}

label {
  text-align: left;
  padding-left: 10px;
  color: #000000 !important;
}

.listNews {
  clear: left;
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.listNews .newsItem {
  width: 25%;
  background-color: white;
  border-radius: 5px;
  min-height: 190px;
  margin-left: 50px;
  display: block;
  position: relative;
  float: left;
  margin-top: 40px;
}

.listNews .newsItem .newsImg {
  min-height: 80px;
}

.listNews .newsItem .newsImg img {
  max-width: 100%;
}

.listNews .newsItem .newsText {
  padding: 24px;
}

.listNews .newsItem .newsText .newsTitle {
  text-align: left;
}

.listNews .newsItem .newsText .newsSubTitle {
  text-align: left;
  font-size: 13px;
}

.listNews .newsItem .newsText .newsContent {
  text-align: left;
  font-size: 15px;
  margin-bottom: 10px;
  min-height: 54px;
  max-height: 54px;
}

label {
  z-index: 1;
}

.agenda .miniInputs {
  display: flex;
  justify-content: center;
}

.agenda .miniInputs input {
  width: 63px;
  height: 40px;
  margin-top: 10px;
}

.agenda .title {
  padding-left: 10px;
  color: #000000;
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 25px;
}

.agenda .events {
  text-align: left;
  padding: 24px 40px 40px;
}

@media screen and (max-width: 1000px) {
  .agenda .events {
    padding: 24px 20px 20px;
  }
}

.agenda .events .titleTop {
  margin-top: 0;
  font-family: "Varela Round";
  font-size: 20px;
  font-weight: bold;
  padding-left: 0;
}

.agenda .events .event {
  margin-bottom: 30px;
}

.agenda .events .event .eventTop {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 30px;
}

.agenda .events .event .eventTop .btnLinest,
.agenda .events .event .eventTop .btnLinestInv,
.agenda .events .event .eventTop .topbarMenu .right .selecteurSs .sRight,
.topbarMenu .right .selecteurSs .agenda .events .event .eventTop .sRight {
  margin-top: 0;
  background-color: #8E8EBA;
  color: #ffffff !important;
}

.agenda .events .event .date,
.agenda .events .event .date a,
.agenda .events .event .date .likeA {
  line-height: 40px;
  margin-bottom: 5px;
  color: #76C8D4;
  font-size: 23px;
  font-family: "Varela Round";
}

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

  .agenda .events .event .date,
  .agenda .events .event .date a,
  .agenda .events .event .date .likeA {
    line-height: 26px;
    width: 60%;
  }
}

.agenda .events .event .date2 {
  font-weight: bold;
  border-bottom: 1px solid #000000;
  line-height: 35px;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.agenda .events .event .text {
  text-align: left;
}

.agenda .events .event .btnLinest,
.agenda .events .event .btnLinestInv,
.agenda .events .event .topbarMenu .right .selecteurSs .sRight,
.topbarMenu .right .selecteurSs .agenda .events .event .sRight {
  margin-left: 0;
}

.actus.withMargin {
  margin-top: 30px;
}

.actus.actusCenter {
  justify-content: space-around;
}

.actus {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 24px 12px;
  margin-top: -30px;
  padding-bottom: 0;
  padding-top: 0;
  margin-top: 15px;
}

@media screen and (min-width: 1370px) {
  .actus {
    justify-content: flex-start;
  }
}

@media screen and (max-width: 1066px) {
  .actus {
    justify-content: space-between;
  }
}

@media screen and (max-width: 1000px) {
  .actus {
    justify-content: center;
  }
}

.actus.actus_no {
  display: block;
  padding-top: 32px;
}

.actus .actu {
  width: 30%;
  max-width: 300px;
  min-width: 270px;
  margin-bottom: 30px;
  margin-left: 12px;
  margin-right: 12px;
}

@media screen and (max-width: 1000px) {
  .actus .actu {
    width: 100%;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
    max-width: max-content;
    min-width: auto;
  }
}

.actus .actu .image {
  border-left: 1px solid #d6d6d6;
  border-right: 1px solid #d6d6d6;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  border-radius: 3px 3px 0 0;
}

.actus .actu .image img {
  min-width: 100%;
  height: 200px;
  object-fit: cover;
}

.actus .actu .resume {
  border-radius: 0 0 3px 3px;
}

.actus .actu .resume .titre {
  margin-bottom: 10px;
  font-size: 16px;
  text-transform: uppercase;
  min-height: 40px;
}

.actus .actu .resume .dateCat {
  margin-bottom: 10px;
  font-size: 16px;
}

.actus .actu .resume .text {
  margin-bottom: 10px;
  text-align: left;
  min-height: 60px;
}

.actus .actu .resume .link {
  text-align: right;
}

.slick-container {
  width: 100%;
  max-height: 75vh;
}

.imgage.actuImg .slick-slide img {
  max-height: 50vh;
}

.slick-slide img {
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
  max-height: 50vh;
}

.slick-slide {
  height: inherit !important;
  text-align: center;
}

.slick-slide .btnClose:hover {
  background-color: rgba(204, 11, 11, 0.8);
  color: #ffffff;
}

.slick-slide .btnClose {
  position: absolute;
  margin-left: -85px;
  margin-top: 30px;
  background-color: rgba(204, 11, 11, 0.25);
  color: #ffffff;
}

.albums.withMargin {
  margin-top: 30px;
}

.albums.albumsCenter {
  justify-content: space-around;
}

.albums {
  display: flex;
  justify-content: flex-start;
  padding: 24px 12px;
  flex-wrap: wrap;
  margin-top: -30px;
}

@media screen and (max-width: 1000px) {
  .albums {
    justify-content: center;
    margin-bottom: 10px !important;
  }
}

.albums .album {
  width: 30%;
  max-width: 300px;
  min-width: 270px;
  margin-bottom: 30px;
  margin-left: 12px;
  margin-right: 12px;
}

@media screen and (max-width: 1000px) {
  .albums .album {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    min-width: auto;
  }
}

.albums .album .image img {
  min-width: 100%;
  border-radius: 3px 3px 0 0;
  height: 200px;
  object-fit: cover;
}

.albums .album .resume {
  border-radius: 0 0 3px 3px;
  font-size: 16px;
}

.albums .album .resume .titleResume {
  text-transform: uppercase;
  margin-bottom: 10px;
  min-height: 40px;
}

.albums .album .resume .right {
  min-width: 32%;
  padding-top: 5px;
}

.albums .album .resume .link {
  text-align: right;
}

.resume {
  text-align: left;
  padding: 18px 18px 18px 0;
  border-radius: 0 0 3px 3px;
  font-size: 16px;
}

@media screen and (max-width: 1000px) {
  .resume {
    padding: 18px 18px 18px 18px;
  }
}

.resume.noBorder {
  border: none;
}

.missions {
  display: flex;
  min-height: 240px;
}

@media screen and (max-width: 1000px) {
  .missions {
    display: block;
    min-height: 60px;
  }
}

.missions .left {
  width: calc(10% + 200px);
  min-width: calc(10% + 200px);
  background-color: #76C8D4;
}

@media screen and (max-width: 1200px) {
  .missions .left {
    width: calc(5% + 200px);
    min-width: calc(5% + 200px);
  }
}

@media screen and (max-width: 1000px) {
  .missions .left {
    width: 100%;
    min-width: 100%;
    padding-top: 26px;
    padding-bottom: 30px;
  }
}

.missions .left .textLeft {
  width: 100%;
  text-align: left;
  position: relative;
  margin-top: 70px;
}

@media screen and (max-width: 1000px) {
  .missions .left .textLeft {
    margin-top: 0;
  }
}

.missions .left .textLeft .mini {
  font-family: "Varela Round";
  font-size: 20px;
}

@media screen and (max-width: 1000px) {
  .missions .left .textLeft .mini {
    font-size: 12px;
  }
}

.missions .left .textCenter {
  width: 100%;
  text-align: left;
  position: relative;
  line-height: 53px;
}

@media screen and (max-width: 1000px) {
  .missions .left .textCenter {
    line-height: 35px;
  }
}

.missions .left .textCenter .maxi {
  font-family: "Varela Round";
  font-size: 68px;
}

@media screen and (max-width: 1000px) {
  .missions .left .textCenter .maxi {
    font-size: 40px;
  }
}

.missions .right {
  width: 80%;
  background-color: white;
  display: flex;
  padding-right: 3%;
  padding-top: 20px;
  padding-bottom: 30px;
  padding: 50px;
  text-align: left;
  color: #423E60;
  position: relative;
}

@media screen and (max-width: 1000px) {
  .missions .right {
    width: 100%;
  }
}

@media screen and (max-width: 1000px) {
  .missions .right {
    display: block;
    padding-bottom: 1px;
  }
}

.missions .right .children {
  width: 33%;
  text-align: left;
  padding-left: 20px;
}

@media screen and (max-width: 1000px) {
  .missions .right .children {
    width: 100%;
  }
}

.missions .right .children img {
  height: 57px;
}

.missions .right .children .bloc {
  padding-left: 10px;
  border-left: 4px solid #76C8D4;
  margin-top: 18px;
}

@media screen and (max-width: 1000px) {
  .missions .right .children .bloc {
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 35px;
  }
}

.missions .right .children .bloc .title {
  color: #76C8D4;
  font-size: 19px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.missions .right .children .bloc .title img {
  display: none;
}

@media screen and (max-width: 1000px) {
  .missions .right .children .bloc .title img {
    display: block;
    margin-right: 20px;
  }
}

.missions .right .children .bloc .text {
  font-size: 16px;
}

.notreMission {
  background-color: #76C8D4;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
}

.notreMission .title {
  font-family: "Varela Round", sans-serif;
  color: #000000;
  font-size: 30px;
  padding-top: 30px;
  padding-bottom: 20px;
}

.notreMission .missions {
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  clear: left;
}

.notreMission .missions .mission {
  width: 33%;
  padding-left: 30px;
  padding-right: 30px;
  float: left;
  text-align: center;
}

@media screen and (max-width: 1000px) {
  .notreMission .missions .mission {
    width: 90%;
    padding-right: 0;
    padding-left: 0;
  }
}

.notreMission .missions .mission .title {
  font-family: "Varela Round", sans-serif;
  color: #000000;
  font-size: 22px;
  padding-top: 0;
  margin-bottom: 0;
  margin-top: 7px;
  min-height: 60px;
  padding-bottom: 0;
}

.notreMission .missions .mission .text {
  max-width: 300px;
  font-family: "Varela Round", sans-serif;
  color: #000000;
  font-size: 16px;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.notreMission .missions .mission img {
  max-width: 100px;
}

.notreMission .missions .mission:first-child {
  padding-left: 0;
}

.notreMission .missions .mission:last-child {
  margin-bottom: 40px;
  padding-right: 0;
}

@media screen and (max-width: 1000px) {
  .notreMission .missions .mission:not(:first-child) {
    padding-top: 30px;
  }
}

.footer {
  min-height: 100px;
  text-align: center;
  color: white;
  background-color: #2E304E;
}

.footer .bottomFooter {
  margin-top: 50px;
}

.footer .bottomFooter li a,
.footer .bottomFooter li .likeA {
  text-transform: inherit !important;
  font-weight: 200 !important;
  text-decoration: underline;
}

.footer .fTwice {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 1000px) {
  .footer .fTwice {
    flex-wrap: wrap;
  }
}

.footer .fTwice.fTss {
  flex-wrap: inherit;
}

.footer .fTwice.fTss .fTLeft {
  text-align: right;
  border-right: none;
  width: 40%;
}

@media screen and (max-width: 1000px) {
  .footer .fTwice.fTss .fTLeft {
    width: 30%;
  }
}

.footer .fTwice.fTss .fTLeft .fTlogoLinestie {
  width: 100px;
}

@media screen and (max-width: 1000px) {
  .footer .fTwice.fTss .fTLeft .fTlogoLinestie {
    width: 80px;
  }
}

.footer .fTwice.fTss .fTRight {
  width: 60%;
}

@media screen and (max-width: 1000px) {
  .footer .fTwice.fTss .fTRight {
    width: 70%;
  }
}

.footer .fTwice .fTLeft {
  box-sizing: content-box;
  width: 45%;
  padding-right: 5%;
}

@media screen and (max-width: 1000px) {
  .footer .fTwice .fTLeft {
    width: 100%;
  }
}

.footer .fTwice .fTSeparate {
  height: 80px;
  width: 1px;
  background-color: #ffffff;
}

@media screen and (max-width: 1000px) {
  .footer .fTwice .fTSeparate {
    display: none;
  }
}

.footer .fTwice .fTRight {
  box-sizing: content-box;
  width: 45%;
  padding-left: 5%;
  text-align: left;
}

@media screen and (max-width: 1000px) {
  .footer .fTwice .fTRight {
    width: 100%;
  }
}

.footer .fTwice .fTRight .fTRLink {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

@media screen and (max-width: 1000px) {
  .footer .fTwice .fTRight .fTRLink {
    text-align: center;
  }
}

.footer .fTwice .fTRight .fTRLink li {
  margin-bottom: 10px;
}

.footer .fTwice .fTRight .fTRLink li a,
.footer .fTwice .fTRight .fTRLink li .likeA {
  text-transform: inherit;
  font-weight: 200;
  text-decoration: underline;
}

.footer .fTwice .fTRight .fTRLink .fTRLRs {
  display: flex;
  margin-top: 10px;
}

@media screen and (max-width: 1000px) {
  .footer .fTwice .fTRight .fTRLink .fTRLRs {
    flex-wrap: wrap;
    text-align: center;
  }
}

.footer .fTwice .fTRight .fTRLink .fTRLRs .fTRLRTitle {
  font-family: "Varela Round";
  font-size: 22px;
}

@media screen and (max-width: 1000px) {
  .footer .fTwice .fTRight .fTRLink .fTRLRs .fTRLRTitle {
    width: 100%;
  }
}

.footer .fTwice .fTRight .fTRLink .fTRLRs .fTRLRsList {
  display: flex;
  margin-left: 20px;
}

@media screen and (max-width: 1000px) {
  .footer .fTwice .fTRight .fTRLink .fTRLRs .fTRLRsList {
    width: 100%;
    justify-content: center;
    margin-top: 20px;
  }
}

.footer .fTwice .fTRight .fTRLink .fTRLRs .fTRLRsList .fTRLRsLItem {
  margin-right: 10px;
}

.footer .fTwice .fTRight .fTRLink .fTRLRs .fTRLRsList .fTRLRsLItem a img,
.footer .fTwice .fTRight .fTRLink .fTRLRs .fTRLRsList .fTRLRsLItem .likeA img {
  max-width: 35px;
}

.footer .fTwice .fTRight .lineLinestie {
  font-family: "Varela Round";
  font-size: 25px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.footer .fTwice .fTRight .legalOpt {
  margin-left: 0;
}

.footer .fList {
  margin-top: 70px;
  display: flex;
  background-color: #ffffff;
  border-radius: 20px;
  align-items: center;
  justify-content: space-around;
}

@media screen and (max-width: 1000px) {
  .footer .fList {
    flex-wrap: wrap;
  }

  .footer .fList .fLItem {
    margin-bottom: 25px;
  }
}

.footer .elements {
  width: 100%;
  display: flex;
}

@media screen and (max-width: 1000px) {
  .footer .elements {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

.footer .elements .phoneParent {
  margin-top: 10px;
  margin-bottom: 5px;
}

.footer .elements .phone {
  font-size: 29px;
  color: #ffc600;
  cursor: pointer;
}

.footer .elements .contact {
  color: #423E60;
  background-color: #ffc600;
  padding-left: 20px;
  border-radius: 50px;
  padding-right: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  cursor: pointer;
  text-transform: none;
  font-weight: normal;
  text-decoration: underline;
}

.footer .elements .element_1 {
  background-color: #423E60;
  width: calc(10% + 200px);
  min-width: calc(10% + 200px);
  padding-bottom: 30px;
}

@media screen and (max-width: 1200px) {
  .footer .elements .element_1 {
    width: calc(5% + 200px);
    min-width: calc(5% + 200px);
  }
}

@media screen and (max-width: 1000px) {
  .footer .elements .element_1 {
    width: 100%;
    min-width: 100%;
    padding-bottom: 0;
  }
}

.footer .elements .element_1 img {
  max-width: 140px;
  margin-top: 33px;
  margin-bottom: 21px;
}

.footer .elements .element_1 .reseauSociaux {
  display: none;
}

@media screen and (max-width: 1000px) {
  .footer .elements .element_1 .reseauSociaux {
    display: flex;
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
  }
}

.footer .elements .element_1 .reseauSociaux.application_ {
  display: none;
}

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

  .footer .elements .element_1 .reseauSociaux.application_ .application li a img,
  .footer .elements .element_1 .reseauSociaux.application_ .application li .likeA img {
    margin-top: 20px !important;
  }
}

@media screen and (max-width: 1000px) {
  .footer .elements .element_1 .reseauSociaux.application_ {
    display: block;
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
    padding: 0;
  }
}

.footer .elements .element_2 {
  position: absolute;
  width: 100%;
  left: 0;
  padding-left: calc(10% + 200px);
}

@media screen and (max-width: 1200px) {
  .footer .elements .element_2 {
    padding-left: calc(5% + 200px);
  }
}

@media screen and (max-width: 1000px) {
  .footer .elements .element_2 {
    margin-top: 30px;
    width: initial;
    position: relative;
    display: none;
  }
}

@media screen and (max-width: 1000px) {
  .footer .elements .element_2 .reseauSociaux {
    display: none;
  }
}

.footer .elements .element_2 .rightBottom {
  background-color: #423E60;
  color: #ffffff;
  position: relative;
}

.footer .elements .element_2 .rightBottom ul {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  width: 98%;
  padding-right: 2%;
  padding-left: 2%;
}

@media screen and (max-width: 1000px) {
  .footer .elements .element_2 .rightBottom ul {
    margin-left: 0;
    margin-top: 40px;
    padding-left: 20%;
  }
}

.footer .elements .element_2 .rightBottom ul li {
  list-style: none;
  text-align: left;
  font-size: 16px;
  margin-bottom: 8px;
}

@media screen and (max-width: 1000px) {
  .footer .elements .element_2 .rightBottom ul li {
    width: 100%;
    float: none;
  }
}

.footer .elements .element_2 .rightBottom ul li a,
.footer .elements .element_2 .rightBottom ul li .likeA {
  color: #F9D247;
  text-transform: none;
}

.footer .elements .reseauSociaux {
  background-color: #232227;
  display: flex;
  height: 120px;
  padding: 51px;
  border-radius: 0 0 0 10px;
}

.footer .elements .reseauSociaux .socialNetwork {
  display: flex;
  padding: 0;
  margin: 0;
  align-items: center;
  margin-right: 50px;
}

.footer .elements .reseauSociaux .socialNetwork li {
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  list-style: none;
  width: 50px;
  height: 50px;
  padding-top: 11px;
  margin-left: 34px;
  cursor: pointer;
}

.footer .elements .reseauSociaux .socialNetwork li a,
.footer .elements .reseauSociaux .socialNetwork li .likeA {
  font-size: 27px;
  color: #FFFFFF;
}

.footer .elements .reseauSociaux .application {
  display: flex;
  padding: 0;
  margin: 0;
  align-items: center;
}

.footer .elements .reseauSociaux .application li {
  list-style: none;
  width: 130px;
  padding-top: 3px;
  height: 50px;
  margin-left: 34px;
  cursor: pointer;
}

.footer .elements .reseauSociaux .application li a,
.footer .elements .reseauSociaux .application li .likeA {
  font-size: 27px;
  color: #656568;
}

.footer .elements .reseauSociaux .application li a img,
.footer .elements .reseauSociaux .application li .likeA img {
  border-radius: 10px;
}

.contenuCenter {
  margin-top: 30px;
}

@media screen and (max-width: 1000px) {
  .contenuCenter .colCenter {
    margin-top: 100px;
  }
}

.contenuCenter .colCenter .colItem .colAgenda,
.contenuCenter .colCenter .section .blocSection .colAgenda,
.section .contenuCenter .colCenter .blocSection .colAgenda,
.contenuCenter .colCenter .section .blocJ .colAgenda,
.section .contenuCenter .colCenter .blocJ .colAgenda,
.contenuCenter .colCenter .section .blocB .colAgenda,
.section .contenuCenter .colCenter .blocB .colAgenda {
  display: flex;
}

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

  .contenuCenter .colCenter .colItem .colAgenda,
  .contenuCenter .colCenter .section .blocSection .colAgenda,
  .section .contenuCenter .colCenter .blocSection .colAgenda,
  .contenuCenter .colCenter .section .blocJ .colAgenda,
  .section .contenuCenter .colCenter .blocJ .colAgenda,
  .contenuCenter .colCenter .section .blocB .colAgenda,
  .section .contenuCenter .colCenter .blocB .colAgenda {
    display: block;
  }
}

.contenuCenter .colCenter .colItem .colAgenda .leftAgenda,
.contenuCenter .colCenter .section .blocSection .colAgenda .leftAgenda,
.section .contenuCenter .colCenter .blocSection .colAgenda .leftAgenda,
.contenuCenter .colCenter .section .blocJ .colAgenda .leftAgenda,
.section .contenuCenter .colCenter .blocJ .colAgenda .leftAgenda,
.contenuCenter .colCenter .section .blocB .colAgenda .leftAgenda,
.section .contenuCenter .colCenter .blocB .colAgenda .leftAgenda {
  width: 35%;
}

.contenuCenter .colCenter .colItem .colAgenda .leftAgenda .options .titleOptionsAgenda,
.contenuCenter .colCenter .section .blocSection .colAgenda .leftAgenda .options .titleOptionsAgenda,
.section .contenuCenter .colCenter .blocSection .colAgenda .leftAgenda .options .titleOptionsAgenda,
.contenuCenter .colCenter .section .blocJ .colAgenda .leftAgenda .options .titleOptionsAgenda,
.section .contenuCenter .colCenter .blocJ .colAgenda .leftAgenda .options .titleOptionsAgenda,
.contenuCenter .colCenter .section .blocB .colAgenda .leftAgenda .options .titleOptionsAgenda,
.section .contenuCenter .colCenter .blocB .colAgenda .leftAgenda .options .titleOptionsAgenda {
  text-transform: uppercase;
}

.contenuCenter .colCenter .colItem .colAgenda .rightAgenda,
.contenuCenter .colCenter .section .blocSection .colAgenda .rightAgenda,
.section .contenuCenter .colCenter .blocSection .colAgenda .rightAgenda,
.contenuCenter .colCenter .section .blocJ .colAgenda .rightAgenda,
.section .contenuCenter .colCenter .blocJ .colAgenda .rightAgenda,
.contenuCenter .colCenter .section .blocB .colAgenda .rightAgenda,
.section .contenuCenter .colCenter .blocB .colAgenda .rightAgenda {
  width: 65%;
}

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

  .contenuCenter .colCenter .colItem .colAgenda .rightAgenda,
  .contenuCenter .colCenter .section .blocSection .colAgenda .rightAgenda,
  .section .contenuCenter .colCenter .blocSection .colAgenda .rightAgenda,
  .contenuCenter .colCenter .section .blocJ .colAgenda .rightAgenda,
  .section .contenuCenter .colCenter .blocJ .colAgenda .rightAgenda,
  .contenuCenter .colCenter .section .blocB .colAgenda .rightAgenda,
  .section .contenuCenter .colCenter .blocB .colAgenda .rightAgenda {
    width: 100%;
  }
}

.contenuCenter .colCenter .colItem .colAgenda.resume,
.contenuCenter .colCenter .section .blocSection .colAgenda.resume,
.section .contenuCenter .colCenter .blocSection .colAgenda.resume,
.contenuCenter .colCenter .section .blocJ .colAgenda.resume,
.section .contenuCenter .colCenter .blocJ .colAgenda.resume,
.contenuCenter .colCenter .section .blocB .colAgenda.resume,
.section .contenuCenter .colCenter .blocB .colAgenda.resume {
  margin-top: 0;
  display: flex;
}

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

  .contenuCenter .colCenter .colItem .colAgenda.resume,
  .contenuCenter .colCenter .section .blocSection .colAgenda.resume,
  .section .contenuCenter .colCenter .blocSection .colAgenda.resume,
  .contenuCenter .colCenter .section .blocJ .colAgenda.resume,
  .section .contenuCenter .colCenter .blocJ .colAgenda.resume,
  .contenuCenter .colCenter .section .blocB .colAgenda.resume,
  .section .contenuCenter .colCenter .blocB .colAgenda.resume {
    display: flex;
  }
}

.datepickerAu,
.datepickerDu {
  width: 100px;
  height: 30px;
  font-size: 12px;
}

input {
  margin: 0;
  max-width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  outline: 0;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  text-align: left;
  line-height: 1.21428571em;
  font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  padding: 0.67857143em 1em;
  background: #fff;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0.28571429rem;
  -webkit-transition: box-shadow 0.1s ease, border-color 0.1s ease;
  transition: box-shadow 0.1s ease, border-color 0.1s ease;
  box-shadow: none;
  font-weight: normal;
}

.inputs {
  display: flex;
  justify-content: space-around;
  margin-top: 11px;
  flex-wrap: wrap;
}

.inputs p {
  margin-bottom: 15px;
}

.btnOr {
  border-radius: 4px;
  background-color: #F9D247;
  border: none;
  color: #ffffff;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  margin-bottom: 40px;
}

.colContents.withOutMargin {
  margin-top: inherit;
}

.colContents {
  margin-top: -30px;
}

.colContents .topContents {
  padding: 20px;
  height: 100px;
}

@media screen and (max-width: 1000px) {
  .colContents .topContents {
    margin-bottom: 50px;
    padding: 0;
  }
}

.colContents .topContents .left {
  font-weight: bold;
  left: 0;
  position: absolute;
  padding-left: 32px;
  padding-right: 32px;
  text-transform: uppercase;
}

@media screen and (max-width: 1000px) {
  .colContents .topContents .left {
    position: relative;
    padding: 10px;
  }
}

.colContents .topContents .right {
  right: 0;
  position: absolute;
  padding-left: 32px;
  padding-right: 32px;
  text-transform: uppercase;
  display: flex;
  align-items: normal;
}

@media screen and (max-width: 1000px) {
  .colContents .topContents .right {
    display: block;
  }
}

.colContents .topContents .right .addContent {
  margin-left: 20px;
  margin-top: -25px;
}

.colContents .topContents .right select {
  text-transform: none;
}

@media screen and (max-width: 1000px) {
  .colContents .topContents .right {
    position: relative;
    padding: 10px 0;
  }
}

.colContents .topContents .right select {
  background-color: white;
  border: 1px solid #000000;
  border-radius: 0;
  height: 28px;
  margin-left: 10px;
  margin-top: -5px;
}

.colContents .actus {
  padding: 32px;
}

@media screen and (max-width: 1000px) {
  .colContents .actus {
    display: flex;
  }
}

.colContents .actus .actu {
  width: 30%;
  margin-bottom: 25px;
}

@media screen and (max-width: 1000px) {
  .colContents .actus .actu {
    width: 100%;
  }
}

.colContents .albums {
  padding: 32px;
}

.colContents .albums .album {
  width: 30%;
  margin-bottom: 25px;
}

@media screen and (max-width: 1000px) {
  .colContents .albums .album {
    width: 100%;
    margin-bottom: 30px;
  }
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 57px;
  clear: left;
}

.pagination .prec {
  cursor: pointer;
  padding: 24px 24px 24px 24px;
}

@media screen and (max-width: 1000px) {
  .pagination .prec {
    padding: 24px 20px 24px 24px;
  }
}

.pagination .prec span {
  color: #000000;
  font-weight: normal;
  font-size: 16px;
}

.pagination .next {
  cursor: pointer;
  padding: 24px 24px 24px 24px;
}

@media screen and (max-width: 1000px) {
  .pagination .next {
    padding: 24px 20px 24px 24px;
  }
}

.pagination .next span {
  color: #000000;
  font-weight: normal;
  font-size: 16px;
}

.pagination .numerotation ul {
  display: flex;
  padding: 0;
}

.pagination .numerotation ul li {
  list-style: none;
  padding: 6px;
  font-size: 16px;
  line-height: 20px;
  cursor: pointer;
}

.pagination .numerotation ul li span.active {
  color: #82d6d7;
  text-decoration: inherit;
  font-weight: bold;
  font-size: 16px;
}

.pagination .numerotation ul li span.noActive {
  color: #000000;
  text-decoration: underline;
  font-weight: normal;
  font-size: 16px;
}

.backTo {
  font-size: 16px;
  margin-bottom: 24px;
  margin-top: 20px;
}

.colAlbum {
  padding-top: 20px;
  padding-left: 32px;
  padding-right: 32px;
  padding-bottom: 20px;
  text-align: left;
  margin-top: -30px;
}

.colAlbum .titre {
  font-weight: bold;
  margin-bottom: 6px;
  padding-left: 15px;
}

.colAlbum .date {
  font-size: 16px;
  margin-bottom: 24px;
  padding-left: 15px;
  text-align: center;
}

.colAlbum .date span {
  margin-left: 10px;
}

.colAlbum .addAlbum {
  display: flex;
  align-items: center;
  margin-top: 32px;
}

.colAlbum .addAlbum .description {
  text-align: left;
  width: 689px;
  max-width: 100%;
  margin-bottom: 20px;
}

.colAlbum .backTo {
  padding-left: 15px;
}

.album.diap .resume {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
}

.album.diap .prec {
  margin-right: 24px;
}

.album.diap .next {
  margin-left: 24px;
}

.album.diap .full {
  color: #F9D247;
  position: absolute;
  right: 0;
  padding-right: 24px;
  margin-top: -18px;
  cursor: pointer;
}

.album.diap .full img {
  width: 30px;
  height: 30px;
}

.like {
  border-radius: 50%;
  background-color: #e05060;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0px;
  top: 0px;
}

.like img {
  width: 29px;
  height: 20px;
}

.navigationTab {
  display: flex;
  justify-content: center;
  margin-top: 54px;
  padding-bottom: 72px;
}

.navigationTab .left {
  text-align: right;
}

.navigationTab .left .info {
  margin-top: 5px;
}

.navigationTab .separator {
  margin-left: 30px;
  margin-right: 30px;
  border-left: 1px solid #cecece;
}

.navigationTab .right {
  text-align: left;
}

.navigationTab .right .info {
  margin-top: 5px;
}

.marginTopN {
  padding-top: 32px !important;
  padding-bottom: 50px !important;
}

.colActu {
  padding-left: 32px;
  padding-right: 32px;
  text-align: left;
  display: flex;
}
#conteneur > .clear {
  clear: both;
  height: 0; 
  overflow: hidden; 
}

@media screen and (max-width: 1000px) {
  .colActu {
    display: block;
  }
}

.colActu .left {
  width: 50%;
  position: relative;
}

@media screen and (max-width: 1000px) {
  .colActu .left {
    width: 100%;
    display: block;
    position: relative;
    left: 0;
  }
}

.colActu .right {
  width: 50%;
  padding-left: 24px;
  padding-right: 24px;
  position: relative;
}

@media screen and (max-width: 1000px) {
  .colActu .right {
    position: relative;
    width: 100%;
    left: 0;
    margin-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }
}

.colActu .right.margin {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  left: 0;
}

@media screen and (max-width: 1000px) {
  .colActu .right.margin {
    margin-top: 0;
  }
}

.colActu .topActu {
  display: flex;
  justify-content: space-between;
}

.colActu .topActu .like {
  font-size: 16px;
}

.colActu .topActu .titre {
  font-size: 35px;
  line-height: 39px;
  margin-bottom: 10px;
}

.colActu .topActu.mobile {
  display: none;
}

@media screen and (max-width: 1000px) {
  .colActu .topActu.mobile {
    display: flex;
  }
}

.colActu .textActu {
  text-align: left;
  margin-top: 20px;
  margin-bottom: 30px;
}

.colActu .textActu p {
  margin-bottom: 20px;
}

.colActu .navigationTab .right {
  padding-left: 0;
}

.colActu .slick-slide {
  height: 250px;
}

.colLogin {
  width: 100%;
}

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

  .colItem.etab,
  .contenuCol .colLeft .etab.colItem,
  .contenuCol .colRight .etab.colItem,
  .section .etab.blocSection,
  .section .etab.blocJ,
  .section .etab.blocB {
    padding-bottom: 40px;
    padding-top: 0;
  }

  .colItem.etab .titleEtab,
  .contenuCol .colRight .etab.colItem.or .titleEtab,
  .section .etab.blocSection .titleEtab,
  .section .etab.blocJ .titleEtab,
  .section .etab.blocB .titleEtab {
    margin-top: 30px;
  }
}

.colItem.etab .colEtab,
.contenuCol .colRight .etab.colItem.or .colEtab,
.section .etab.blocSection .colEtab,
.section .etab.blocJ .colEtab,
.section .etab.blocB .colEtab {
  margin-top: 80px;
  padding: 24px;
}

.topTitle .details {
  padding-top: 40px;
  color: #3c3955;
}

.next .ui-icon,
.next .ui-widget-content .ui-icon,
.prec .ui-icon,
.prec .ui-widget-content .ui-icon {
  background-image: none;
}

.inscriptions,
.inscriptions2 {
  color: #F9D247;
  cursor: pointer;
  line-height: 20px;
  margin-top: 7px;
  font-weight: bold;
  font-size: 16px;
}

.inscriptions.checked,
.checked.inscriptions2 {
  display: flex;
  align-items: center;
  color: #8E8EBA;
  justify-content: flex-end;
}

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

  .inscriptions.checked,
  .checked.inscriptions2 {
    min-width: 106px;
    font-size: 14px;
  }
}

.inscriptions.checked img,
.checked.inscriptions2 img {
  width: 20px;
  margin-right: 6px;
}

.inscriptions_.btnLinestInv {
  background-color: #8E8EBA;
  color: #ffffff !important;
}

.inscriptions_ {
  margin-top: 10px;
  margin-left: auto !important;
}

.inscriptions2 {
  font-size: 16px;
}

.colItem .top,
.contenuCol .colLeft .colItem .top,
.contenuCol .colRight .colItem .top,
.section .blocSection .top,
.section .blocJ .top,
.section .blocB .top,
.contenuCol .colLeft .colItem .top,
.contenuCol .colLeft .section .blocSection .top,
.section .contenuCol .colLeft .blocSection .top,
.contenuCol .colLeft .section .blocJ .top,
.section .contenuCol .colLeft .blocJ .top,
.contenuCol .colLeft .section .blocB .top,
.section .contenuCol .colLeft .blocB .top,
.contenuCol .colRight .colItem .top,
.contenuCol .colRight .section .blocSection .top,
.section .contenuCol .colRight .blocSection .top,
.contenuCol .colRight .section .blocJ .top,
.section .contenuCol .colRight .blocJ .top,
.contenuCol .colRight .section .blocB .top,
.section .contenuCol .colRight .blocB .top {
  position: absolute;
  width: 100%;
}

.btnLinest:hover,
.btnLinestInv:hover,
.topbarMenu .right .selecteurSs .sRight:hover {
  background-color: #8E8EBA;
}

.btnLinest.noTop,
.noTop.btnLinestInv,
.topbarMenu .right .selecteurSs .noTop.sRight {
  margin-top: 0;
}

.btnLinest,
.btnLinestInv,
.topbarMenu .right .selecteurSs .sRight {
  width: fit-content;
  color: #ffffff !important;
  text-decoration: underline;
  background-color: #423E60;
  border-radius: 50px;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  text-transform: initial !important;
  font-weight: normal !important;
  line-height: inherit !important;
  border: none;
}

.btnLinest.btnLinestMini,
.btnLinestMini.btnLinestInv,
.topbarMenu .right .selecteurSs .btnLinestMini.sRight {
  padding: 7px 20px;
  font-size: 15px;
}

.btnLinestInv:hover {
  background-color: #ffc600;
}

.btnLinestInv {
  background-color: #F9D247;
  color: #232227 !important;
  text-decoration: underline !important;
}

.btnLinestInv.noActive {
  background-color: #cccccc;
  opacity: 0.4;
}

.btnLinestInv.noActive:hover {
  background-color: #c3c3c3;
}

.topbarMenu {
  height: 80px;
  top: 0;
  clear: right;
  display: flex;
  flex-direction: row-reverse;
  color: white;
  z-index: 99 !important;
  width: 100%;
}

@media screen and (max-width: 1000px) {
  .topbarMenu {
    position: fixed;
  }
}

.topbarMenu.topbarHome {
  position: relative;
  height: 100px;
}

.topbarMenu.topbarHome.short {
  position: relative;
  height: 60px;
}

.topbarMenu .left.admin {
  background-color: #232227;
}

.topbarMenu .left.leftConnected {
  padding-left: 5%;
}

@media screen and (max-width: 1000px) {
  .topbarMenu .left.leftConnected {
    width: 100%;
    display: flex;
    align-items: center;
  }
}

.topbarMenu .left {
  background-color: #423E60;
  position: relative;
  /* width: calc(10% + 200px); */
  /* min-width: calc(10% + 200px); */
  /* padding-top: 16px; */
  padding-right: 5%;
  position: relative;
  text-align: left;
  display: flex;
  align-items: center;
  text-decoration: underline;
  text-align: left;
}

@media screen and (max-width: 1000px) {
  .topbarMenu .left {
    width: 25%;
    min-width: 25%;
    padding-left: 10%;
    text-decoration: none;
  }
}

.topbarMenu .left .text {
  margin-left: 35px;
  margin-top: 2px;
  float: left;
  font-size: 16px;
}

.topbarMenu .left .text a,
.topbarMenu .left .text .likeA {
  font-size: 13px;
}

.topbarMenu .left .text3 {
  margin-left: 35px;
  margin-top: 2px;
  float: left;
  font-size: 16px;
  cursor: pointer;
}

.topbarMenu .left .text4 {
  display: flex;
  margin-top: 4px;
  font-size: 13px;
}

.topbarMenu .left .text4 .btnDeco {
  margin-left: 5px;
  text-transform: capitalize;
}

.topbarMenu .left .text2 {
  margin-left: 13px;
  text-align: center;
  border-left: 1px solid white;
  float: right;
  padding-left: 16px;
  font-size: 13px;
  margin-right: 10%;
  color: white;
  text-transform: inherit;
  cursor: pointer;
}

.topbarMenu .left .text2 img {
  width: 17px;
}

.topbarMenu .left img.first {
  float: left;
  vertical-align: middle;
  padding-top: 3px;
}

@media screen and (max-width: 1000px) {
  .topbarMenu .right.rightConnected {
    display: none;
  }
}

.topbarMenu .right {
  position: relative;
  width: 100%;
  background-color: #423E60;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.topbarMenu .right .etabImg {
  width: 70px;
  margin-right: 15px;
  margin-left: 3%;
  padding-top: 10px;
}

@media screen and (max-width: 1000px) {
  .topbarMenu .right .etabImg {
    width: inherit;
    margin-left: 20px;
    margin-right: 25px;
  }
}

.topbarMenu .right .nomEtab {
  text-align: left;
  padding-left: 30px;
}

.topbarMenu .right .nomEtab .login {
  color: #ffd200;
  padding-left: 10px;
  font-size: 15px;
}

.topbarMenu .right .form_top_bar {
  display: flex;
  position: absolute;
  right: 0;
  top: 0;
  align-items: top;
  margin-top: 17px;
  margin-right: 22px;
}

.topbarMenu .right .form_top_bar .field {
  margin-left: 5px;
}

.topbarMenu .right .form_top_bar .field input {
  padding-top: 8px;
  padding-bottom: 8px;
}

.topbarMenu .right .form_top_bar .field .btnLinestInv {
  margin-top: 0;
  padding-top: 8px;
  padding-bottom: 8px;
}

.topbarMenu .right .selecteurSs .sLeft {
  text-transform: uppercase;
  float: left;
  margin-top: 24px;
  margin-left: 5%;
}

.topbarMenu .right .selecteurSs .sRight {
  float: left;
  margin-left: 15px;
}

.menuTop.active,
.active.menuTopHome,
.active.menuTopHomeLog {
  top: 70px;
  transition: top 1s ease;
  width: 80vw;
  border-radius: 0 0 10px 10px;
}

.menuTopHome.active,
.active.menuTopHomeLog {
  top: 70px;
  transition: top 1s ease;
  opacity: 1;
  display: block;
}

.menuTop,
.menuTopHome,
.menuTopHomeLog {
  position: fixed;
  background-color: #423E60;
  top: -339px;
  clear: right;
  width: 100%;
  display: flex;
  color: white;
  z-index: 98;
  transition: top 1s ease;
}

.menuTop .menuList,
.menuTopHome .menuList,
.menuTopHomeLog .menuList {
  display: flex;
  margin-left: 11%;
  text-align: left;
  width: 100%;
}

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

  .menuTop .menuList,
  .menuTopHome .menuList,
  .menuTopHomeLog .menuList {
    display: block;
  }

  .menuTop .menuList .left ul,
  .menuTopHome .menuList .left ul,
  .menuTopHomeLog .menuList .left ul {
    margin-bottom: 0px;
  }

  .menuTop .menuList .right ul,
  .menuTopHome .menuList .right ul,
  .menuTopHomeLog .menuList .right ul {
    margin-top: 0px;
  }
}

.menuTop .menuList ul,
.menuTopHome .menuList ul,
.menuTopHomeLog .menuList ul {
  list-style: none;
  padding-left: 0;
}

.menuTop .menuList ul li,
.menuTopHome .menuList ul li,
.menuTopHomeLog .menuList ul li {
  padding-top: 11px;
  padding-bottom: 11px;
}

.menuTop .menuList ul li a,
.menuTopHome .menuList ul li a,
.menuTopHomeLog .menuList ul li a,
.menuTop .menuList ul li .likeA,
.menuTopHome .menuList ul li .likeA,
.menuTopHomeLog .menuList ul li .likeA {
  text-transform: none;
  color: #ffffff;
}

.menuTop .menuList ul li form label,
.menuTopHome .menuList ul li form label,
.menuTopHomeLog .menuList ul li form label {
  color: #ffffff;
}

.menuTop .menuList ul li form button,
.menuTopHome .menuList ul li form button,
.menuTopHomeLog .menuList ul li form button {
  float: none;
  margin-top: 2px;
  border: none;
}

.menuTop .menuList .right,
.menuTopHome .menuList .right,
.menuTopHomeLog .menuList .right {
  margin-left: 10%;
}

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

  .menuTop .menuList .right,
  .menuTopHome .menuList .right,
  .menuTopHomeLog .menuList .right {
    margin-left: 5%;
  }
}

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

  .menuTop .menuList .right,
  .menuTopHome .menuList .right,
  .menuTopHomeLog .menuList .right {
    width: 80%;
    margin-left: 0;
  }
}

.menuTopHome,
.menuTopHomeLog {
  display: none;
  width: calc(10% + 200px) !important;
  min-width: calc(10% + 200px) !important;
  top: -54vh;
  opacity: 0;
}

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

  .menuTopHome,
  .menuTopHomeLog {
    width: calc(5% + 200px) !important;
    min-width: calc(5% + 200px) !important;
  }
}

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

  .menuTopHome,
  .menuTopHomeLog {
    width: 100% !important;
    min-width: 100% !important;
    height: 100%;
  }
}

.menuTopHomeLog {
  width: 38% !important;
}

.menuTopHomeLog .menuList ul li form {
  width: 300px !important;
  max-width: 100%;
}

@media screen and (max-width: 1000px) {
  .menuTopHomeLog .menuList ul li form {
    margin-left: 0;
    width: 100% !important;
  }
}

.ui.search .prompt {
  border-radius: 2px;
}

.contact {
  color: #423E60 !important;
  background-color: #ffc600;
  padding-left: 20px;
  border-radius: 50px;
  padding-right: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  cursor: pointer;
  text-transform: none;
  font-weight: normal;
  text-decoration: underline;
}

.section {
  position: relative;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
}

.section.sectionFlex {
  display: flex;
}

@media screen and (max-width: 1000px) {
  .section.sectionFlex {
    display: block;
  }
}

.section .photoSMobile {
  display: none;
}

@media screen and (max-width: 1000px) {
  .section .photoSMobile {
    display: block;
    width: 100%;
    max-width: 100%;
  }
}

.section .photoS {
  text-align: right;
  width: 100%;
  margin-top: 20px;
}

.section .photoS img {
  margin-left: auto;
}

@media screen and (max-width: 1000px) {
  .section .photoS img {
    display: none;
  }
}

.section .blocT {
  position: relative;
  text-align: left;
  padding-top: 60px;
  margin-top: 0;
  margin-left: 5%;
  width: 50%;
  padding-right: 10%;
}

.section .blocT.noPaddingRight {
  padding-right: 0;
}

.section .blocT.blocTCenter {
  text-align: center;
}

@media screen and (max-width: 1400px) {
  .section .blocT {
    margin-left: 5%;
  }
}

@media screen and (max-width: 1000px) {
  .section .blocT {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    padding-right: 0;
    min-height: inherit;
    padding-top: 40px;
    padding-bottom: 0px;
  }
}

.section .blocT .titleBlocT {
  width: max-content;
  width: fit-content;
  font-size: 69px;
  font-family: "Varela Round";
  color: #232227;
}

@media screen and (max-width: 1000px) {
  .section .blocT .titleBlocT {
    font-size: 40px;
  }
}

.section .blocT .titleBlocT .mini {
  font-size: 20px;
  font-family: "Varela Round";
  text-transform: uppercase;
}

@media screen and (max-width: 1000px) {
  .section .blocT .titleBlocT .mini {
    font-size: 14px;
  }
}

.section .blocT .titleBlocT .maxi {
  font-size: 69px;
  font-family: "Varela Round";
}

@media screen and (max-width: 1000px) {
  .section .blocT .titleBlocT .maxi {
    font-size: 40px;
  }
}

.section .blocT .titleBlocT .maxi .grey {
  color: #e7e7e7;
}

.section .blocT .text_1 {
  font-size: 19px;
  font-weight: bold;
  margin-top: 15px;
  text-align: left;
  color: #423E60;
}

@media screen and (max-width: 1000px) {
  .section .blocT .text_1 {
    font-size: 16px;
  }
}

.section .blocT .text_2 {
  font-size: 16px;
  color: #8f8f8f;
  text-align: left;
  margin-top: 28px;
}

@media screen and (max-width: 1000px) {
  .section .blocT .text_2 {
    font-size: 14px;
  }
}

.section .contenuSchema {
  margin-left: 5%;
  margin-right: 5%;
  color: #423E60;
  text-align: left;
  padding-bottom: 65px;
}

@media screen and (max-width: 1000px) {
  .section .contenuSchema {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    min-height: inherit;
  }
}

.section .contenuSchema img {
  margin-left: auto;
  margin-right: auto;
}

.section .contenuSchema .btns {
  text-align: center;
  margin-top: 40px;
}

.section .contenuSchema .btns .btnLinest,
.section .contenuSchema .btns .btnLinestInv,
.section .contenuSchema .btns .topbarMenu .right .selecteurSs .sRight,
.topbarMenu .right .selecteurSs .section .contenuSchema .btns .sRight {
  margin-top: 0;
  margin-left: 0;
  float: inherit;
}

.section .blocSection,
.section .blocJ,
.section .blocB {
  padding-bottom: 20px;
  width: 44%;
  max-width: 556px;
}

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

  .section .blocSection,
  .section .blocJ,
  .section .blocB {
    width: 94%;
    margin-left: 3%;
    margin-right: 3%;
    padding-bottom: 20px;
    max-width: 556px;
    margin-left: auto;
    margin-right: auto;
  }
}

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

  .section .blocSection,
  .section .blocJ,
  .section .blocB {
    width: 94%;
    max-width: 100%;
    margin-left: 3%;
    margin-right: 3%;
    padding-bottom: 20px;
  }
}

.section .blocSection .trigo1,
.section .blocJ .trigo1,
.section .blocB .trigo1 {
  width: 100%;
  height: 130px;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 8px 8px 0 0;
}

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

  .section .blocSection .trigo1,
  .section .blocJ .trigo1,
  .section .blocB .trigo1 {
    height: 56px;
  }
}

.section .blocSection .trigo2,
.section .blocJ .trigo2,
.section .blocB .trigo2 {
  height: 40px;
  width: 100%;
  transform: skewY(-4deg);
  position: absolute;
  top: 80px;
  left: 0;
}

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

  .section .blocSection .trigo2,
  .section .blocJ .trigo2,
  .section .blocB .trigo2 {
    height: 45px;
    transform: skewY(-3deg);
    top: 37px;
  }
}

.section .blocSection .titleB,
.section .blocJ .titleB,
.section .blocB .titleB {
  z-index: 1;
  position: relative;
}

.section .blocSection .titleB .top,
.section .blocJ .titleB .top,
.section .blocB .titleB .top {
  display: flex;
  align-items: center;
  margin-left: auto;
  font-size: 22px;
  margin-top: 7px;
}

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

  .section .blocSection .titleB .top,
  .section .blocJ .titleB .top,
  .section .blocB .titleB .top {
    font-size: 16px;
    margin-top: 7px;
  }
}

.section .blocSection .titleB .top img,
.section .blocJ .titleB .top img,
.section .blocB .titleB .top img {
  height: 110px;
}

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

  .section .blocSection .titleB .top img,
  .section .blocJ .titleB .top img,
  .section .blocB .titleB .top img {
    height: 70px;
  }
}

.section .blocSection .titleB .top .text,
.section .blocJ .titleB .top .text,
.section .blocB .titleB .top .text {
  margin-left: 15px;
  text-align: left;
}

.section .blocSection .titleB .top .text .important,
.section .blocJ .titleB .top .text .important,
.section .blocB .titleB .top .text .important {
  text-transform: uppercase;
  font-weight: bold;
}

.section .blocSection .contenuBloc,
.section .blocJ .contenuBloc,
.section .blocB .contenuBloc {
  position: relative;
  padding-top: 10px;
  padding-bottom: 0px;
}

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

  .section .blocSection .contenuBloc,
  .section .blocJ .contenuBloc,
  .section .blocB .contenuBloc {
    padding-top: 20px;
    padding-bottom: 0px;
  }
}

.section .blocSection .contenuBloc ul,
.section .blocJ .contenuBloc ul,
.section .blocB .contenuBloc ul {
  padding-left: 0;
}

.section .blocSection .contenuBloc ul li,
.section .blocJ .contenuBloc ul li,
.section .blocB .contenuBloc ul li {
  display: flex;
  align-items: center;
}

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

  .section .blocSection .contenuBloc ul li,
  .section .blocJ .contenuBloc ul li,
  .section .blocB .contenuBloc ul li {
    margin-bottom: 15px;
  }
}

.section .blocSection .contenuBloc ul li .btns,
.section .blocJ .contenuBloc ul li .btns,
.section .blocB .contenuBloc ul li .btns {
  height: 60px;
  display: flex;
  justify-content: center;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
}

.section .blocSection .contenuBloc ul li .btns .btnLinest,
.section .blocJ .contenuBloc ul li .btns .btnLinest,
.section .blocB .contenuBloc ul li .btns .btnLinest,
.section .blocSection .contenuBloc ul li .btns .btnLinestInv,
.section .blocJ .contenuBloc ul li .btns .btnLinestInv,
.section .blocB .contenuBloc ul li .btns .btnLinestInv,
.section .blocSection .contenuBloc ul li .btns .topbarMenu .right .selecteurSs .sRight,
.topbarMenu .right .selecteurSs .section .blocSection .contenuBloc ul li .btns .sRight,
.section .blocJ .contenuBloc ul li .btns .topbarMenu .right .selecteurSs .sRight,
.topbarMenu .right .selecteurSs .section .blocJ .contenuBloc ul li .btns .sRight,
.section .blocB .contenuBloc ul li .btns .topbarMenu .right .selecteurSs .sRight,
.topbarMenu .right .selecteurSs .section .blocB .contenuBloc ul li .btns .sRight {
  float: inherit;
  margin-left: auto;
  margin-right: auto;
  color: white;
}

.section .blocSection .contenuBloc ul li .number,
.section .blocJ .contenuBloc ul li .number,
.section .blocB .contenuBloc ul li .number {
  font-family: "Varela Round";
  font-size: 69px;
  width: 95px;
  min-width: 95px;
  margin-left: 10%;
}

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

  .section .blocSection .contenuBloc ul li .number,
  .section .blocJ .contenuBloc ul li .number,
  .section .blocB .contenuBloc ul li .number {
    margin-left: 5%;
  }
}

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

  .section .blocSection .contenuBloc ul li .number,
  .section .blocJ .contenuBloc ul li .number,
  .section .blocB .contenuBloc ul li .number {
    font-size: 40px;
    width: 53px;
    min-width: 53px;
    margin-left: 30px;
  }
}

.section .blocSection .contenuBloc ul li .text,
.section .blocJ .contenuBloc ul li .text,
.section .blocB .contenuBloc ul li .text {
  text-align: left;
  font-size: 16px;
  margin-right: 15%;
  margin-left: 30px;
}

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

  .section .blocSection .contenuBloc ul li .text,
  .section .blocJ .contenuBloc ul li .text,
  .section .blocB .contenuBloc ul li .text {
    margin-right: 8%;
  }
}

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

  .section .blocSection .contenuBloc ul li .text,
  .section .blocJ .contenuBloc ul li .text,
  .section .blocB .contenuBloc ul li .text {
    font-size: 14px;
    margin-right: 10%;
    margin-left: 20px;
  }
}

.section .blocSection .contenuBloc ul li .text a,
.section .blocJ .contenuBloc ul li .text a,
.section .blocB .contenuBloc ul li .text a,
.section .blocSection .contenuBloc ul li .text .likeA,
.section .blocJ .contenuBloc ul li .text .likeA,
.section .blocB .contenuBloc ul li .text .likeA {
  color: #000000;
  text-transform: none;
  font-size: 16px;
  font-weight: normal;
}

.section .blocSection .contenuBloc .more,
.section .blocJ .contenuBloc .more,
.section .blocB .contenuBloc .more {
  color: #ffffff;
  padding-top: 15px;
  padding-bottom: 20px;
}

.section .blocJ {
  background-color: #F9D247;
  position: absolute;
  top: 60px;
  right: 60px;
  border-radius: 8px;
}

@media screen and (max-width: 1400px) {
  .section .blocJ {
    right: 5%;
  }
}

@media screen and (max-width: 1000px) {
  .section .blocJ {
    position: relative;
    right: 0;
    top: 0;
    margin-top: 35px;
  }
}

.section .blocJ iframe {
  border-radius: 8px;
}

.section .blocJ .trigo1 {
  background-color: #ffc600;
  border-radius: 8px 8px 0 0;
}

.section .blocJ .trigo2 {
  background-color: #ffc600;
}

.section .blocJ .contenuBloc ul li .number {
  color: #ffea88;
}

.section .blocB {
  border-radius: 8px;
  padding-bottom: 0;
  background-color: #F9D247 !important;
  position: absolute;
  left: 10%;
}

@media screen and (max-width: 1200px) {
  .section .blocB {
    left: 5%;
  }
}

@media screen and (max-width: 1000px) {
  .section .blocB {
    position: relative;
    margin-top: 35px;
    left: 0;
    bottom: 0;
  }
}

.section .blocB .trigo1 {
  background-color: #76C8D4;
  border-radius: 8px 8px 0 0;
}

.section .blocB .trigo2 {
  background-color: #76C8D4;
  transform: skewY(4deg);
  height: 55px;
}

@media screen and (max-width: 1000px) {
  .section .blocB .trigo2 {
    transform: skewY(3deg);
  }
}

.section .blocB .contenuBloc ul li .number {
  color: #C0F4F5;
}

.section_1 {
  background-color: #ffffff;
}

.section_1 .photoS img {
  height: 90%;
}

.section_3 {
  background-color: #ffffff;
}

.section_3 .blocT {
  margin-bottom: 120px;
}

@media screen and (max-width: 1000px) {
  .section_3 .blocT {
    margin-bottom: 0;
    padding-top: 20px;
  }
}

.section_3 .blocT .titleBlocT {
  color: #232227;
  line-height: 35px;
}

.section_3 .blocT .titleBlocT .maxi .grey {
  margin-right: 15px;
}

.section_3 .blocB {
  top: 200px;
  width: 38%;
}

@media screen and (max-width: 1000px) {
  .section_3 .blocB {
    top: 0;
    width: 95%;
  }
}

.section_3 .blocB,
.section_3 .blocJ {
  text-align: left;
  padding-left: 30px;
  padding-right: 30px;
}

.section_3 .blocB .contenuBloc ul li .text,
.section_3 .blocJ .contenuBloc ul li .text {
  margin-left: 0;
  margin-right: 0;
  margin-top: 15px;
  line-height: 22px;
}

.section_3 .blocB .contenuBloc ul li .text .titleBloc,
.section_3 .blocJ .contenuBloc ul li .text .titleBloc {
  text-transform: uppercase;
  font-weight: bold;
}

.section_3 .blocJ {
  padding: 0;
  background-color: inherit;
}

.section_2 {
  background-color: #3a3850;
}

.section_2.sectionOr {
  background-color: #F9D247;
}

.section_2.sectionOr .ssSectionOr {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.section_2.sectionOr .blocT {
  color: #423E60;
}

.section_2.sectionPurple {
  background-color: #8E8EBA;
}

.section_2.sectionPurple .ssSectionOr {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.section_2.sectionPurple .blocT {
  color: #ffffff;
}

.section_2 .blocT {
  color: #ffffff;
}

.section_2 .blocT .titleBlocT {
  color: #232227;
  padding-bottom: 20px;
}

.section_2 .blocT .titleBlocT .maxi {
  line-height: 55px;
  padding-left: 0px;
  margin-top: 10px;
}

@media screen and (max-width: 1000px) {
  .section_2 .blocT .titleBlocT .maxi {
    line-height: 24px;
  }
}

.section_2 .blocT .text_2 {
  color: #ffffff;
}

@media screen and (max-width: 1000px) {
  .sectionPurple .contenu {
    padding-bottom: 0;
  }
}

.infoPlanning {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding-top: 40px;
  padding-bottom: 40px;
  color: #423E60;
}

@media screen and (max-width: 1000px) {
  .infoPlanning {
    flex-wrap: wrap;
    padding-bottom: 0px;
  }
}

.infoPlanning .iPBlocLeft {
  display: flex;
  align-items: center;
  width: 40%;
  margin-right: 3%;
}

@media screen and (max-width: 1000px) {
  .infoPlanning .iPBlocLeft {
    width: 100%;
    margin-right: 0;
  }
}

.infoPlanning .iPBlocLeft .iPSvg img {
  max-width: 100px;
  width: 100px;
}

@media screen and (max-width: 1000px) {
  .infoPlanning .iPBlocLeft .iPSvg img {
    max-width: 70px;
  }
}

.infoPlanning .iPBlocLeft .iPBLTitle {
  font-size: 16px;
  margin-left: 30px;
  text-align: left;
}

.infoPlanning .iPBlocLeft .iPBLTitle .big {
  font-size: 45px;
}

@media screen and (max-width: 1000px) {
  .infoPlanning .iPBlocLeft .iPBLTitle .big {
    font-size: 30px;
  }
}

.infoPlanning .iPBlocRight {
  text-align: left;
  color: #423E60;
  width: 50%;
}

@media screen and (max-width: 1000px) {
  .infoPlanning .iPBlocRight {
    margin-top: 40px;
    margin-left: 10%;
    margin-right: 10%;
    width: 80%;
  }
}

.infoPlanning .iPBlocRight a,
.infoPlanning .iPBlocRight .likeA {
  color: #423E60;
  text-transform: none;
  text-decoration: underline;
  font-weight: 200;
}

.ui.input input {
  border: 1px solid #423E60;
}

.marginContent {
  margin-top: 40px;
  padding-bottom: 20px;
}

.searchContent {
  float: right;
  margin-bottom: 10px;
}

.ui.form .field>label {
  text-transform: uppercase;
  padding-left: 0;
  font-size: 16px;
  margin-bottom: 9px;
}

input,
select,
.ui.fluid.dropdown,
.ui.selection.dropdown {
  border: 1px solid black !important;
  border-radius: inherit !important;
}

.colItem .topTitle .title,
.contenuCol .colRight .colItem.or .topTitle .title,
.section .blocSection .topTitle .title,
.section .blocJ .topTitle .title,
.section .blocB .topTitle .title {
  font-size: 33px;
}

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

  .colItem .topTitle .title,
  .contenuCol .colRight .colItem.or .topTitle .title,
  .section .blocSection .topTitle .title,
  .section .blocJ .topTitle .title,
  .section .blocB .topTitle .title {
    font-size: 27px;
  }
}

.colItem .topTitle .title .bigSize,
.section .blocSection .topTitle .title .bigSize,
.section .blocJ .topTitle .title .bigSize,
.section .blocB .topTitle .title .bigSize {
  text-align: left;
  font-size: 25px;
}

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

  .colItem .topTitle .title .bigSize,
  .section .blocSection .topTitle .title .bigSize,
  .section .blocJ .topTitle .title .bigSize,
  .section .blocB .topTitle .title .bigSize {
    font-size: 18px;
  }
}

.bigSize {
  text-align: left;
  font-size: 25px !important;
}

@media screen and (max-width: 1000px) {
  .bigSize {
    font-size: 18px !important;
  }
}

.bigSize .mini {
  text-transform: none !important;
}

.colItem .topTitle .title .mini,
.section .blocSection .topTitle .title .mini,
.section .blocJ .topTitle .title .mini,
.section .blocB .topTitle .title .mini {
  font-size: 18px;
}

.colItem .topTitle,
.contenuCol .colLeft .colItem .topTitle,
.contenuCol .colRight .colItem .topTitle,
.section .blocSection .topTitle,
.section .blocJ .topTitle,
.section .blocB .topTitle {
  height: 80px;
  border-radius: 8px 8px 0 0;
  color: #423E60;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.colItem .trigo,
.contenuCol .colLeft .colItem .trigo,
.contenuCol .colRight .colItem .trigo,
.section .blocSection .trigo,
.section .blocJ .trigo,
.section .blocB .trigo {
  height: 45px;
  top: 22px;
  position: absolute;
}

.colItem .topTitle a .plus,
.contenuCol .colRight .colItem.or .topTitle a .plus,
.section .blocSection .topTitle a .plus,
.section .blocJ .topTitle a .plus,
.section .blocB .topTitle a .plus,
.colItem .topTitle .likeA .plus,
.section .blocSection .topTitle .likeA .plus,
.section .blocJ .topTitle .likeA .plus,
.section .blocB .topTitle .likeA .plus {
  height: 50px;
  width: 50px;
}

.topTitle .details {
  padding-top: 24px;
  padding-top: 19px;
  font-size: 18px;
}

.bottomButtons {
  text-align: right;
  padding-right: 40px;
  padding-bottom: 30px;
}

.btnDeco:hover {
  text-decoration: underline;
}

.btnDeco {
  font-weight: bold;
  color: #FFD200;
  cursor: pointer;
  font-size: 16px;
}

.formEtabEdit {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.formEtabEdit .field {
  height: 55px;
}

.formEtabEdit .blocE {
  width: 33%;
  min-width: 289px;
  padding: 20px;
  border: 1px solid #dddddd;
}

.formEtabEdit .blocE .titleLa {
  text-align: center !important;
  margin-bottom: 30px !important;
  text-transform: none !important;
  font-weight: normal !important;
}

@media screen and (max-width: 1040px) {
  .formEtabEdit .blocE {
    padding-bottom: 40px;
  }
}

.colContents.pages {
  text-align: left;
  padding-bottom: 50px;
}

.colContents.pages .titleBT {
  font-weight: bold;
  text-transform: uppercase;
}

.colContents.pages .formEtabEdit {
  padding-left: 20px;
  padding-right: 20px;
}

.colContents.pages .formEtabEdit .blocE {
  width: 32%;
}

.colContents.pages .blocTexte {
  padding-left: 100px;
  padding-right: 100px;
}

@media screen and (max-width: 1000px) {
  .colContents.pages .blocTexte {
    padding-left: 4%;
    padding-right: 4%;
  }
}

.pro,
.proFlex {
  display: none !important;
}

.proFlex.active {
  display: flex !important;
}

.pro.active {
  display: block !important;
}

.red {
  color: #b94141;
}

.bottomBar {
  position: fixed !important;
  z-index: 99 !important;
}

.bottomBar .tab-bar__icon,
.bottomBar .tab-bar__label {
  color: white;
}

.bottomBar :checked+.tab-bar__button {
  color: #2C2B34;
}

.slick-dots {
  position: relative !important;
}

.slick-dots li button:before {
  font-size: 26px !important;
}

.linestieMessagerie section {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.linestieMessagerie section div.message {
  word-wrap: break-word;
  margin-bottom: 12px;
  line-height: 24px;
}

.linestieMessagerie section div.message:after {
  content: "";
  display: table;
  clear: both;
}

.linestieMessagerie .clear {
  clear: both;
}

.linestieMessagerie .from {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.linestieMessagerie .from.from-them {
  flex-direction: row-reverse;
  justify-content: space-around;
}

.linestieMessagerie .from.from-them .message {
  position: relative;
  margin-bottom: 30px;
  padding: 10px 20px;
  background: #423E60;
  border-radius: 15px;
  color: white;
  float: left;
  text-align: left;
  width: 85%;
  max-width: 85%;
}

@media screen and (max-width: 1000px) {
  .linestieMessagerie .from.from-them .message {
    width: 80%;
  }
}

.linestieMessagerie .from.from-them .message .btnLinestInv {
  position: absolute;
  right: 0;
  bottom: -25px;
  opacity: 0;
}

.linestieMessagerie .from.from-them .message:before {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: -2px;
  left: -7px;
  height: 20px;
  border-left: 20px solid #423E60;
  border-bottom-right-radius: 16px 14px;
  -webkit-transform: translate(0, -2px);
}

.linestieMessagerie .from.from-them .message:after {
  content: "";
  position: absolute;
  z-index: 3;
  bottom: -2px;
  left: 4px;
  width: 26px;
  height: 20px;
  background: white;
  border-bottom-right-radius: 10px;
  -webkit-transform: translate(-30px, -2px);
}

.linestieMessagerie .from.from-me .message {
  margin-bottom: 30px;
  position: relative;
  padding: 10px 20px;
  color: white;
  background: #6ac2ce;
  border-radius: 15px;
  width: 85%;
  max-width: 85%;
  text-align: left;
}

@media screen and (max-width: 1000px) {
  .linestieMessagerie .from.from-me .message {
    width: 80%;
  }
}

.linestieMessagerie .from.from-me .message .btnLinestInv {
  position: absolute;
  right: 0;
  bottom: -25px;
  opacity: 0;
}

.linestieMessagerie .from.from-me .message:before {
  content: "";
  position: absolute;
  bottom: -2px;
  right: -7px;
  height: 20px;
  border-right: 20px solid #6ac2ce;
  border-bottom-left-radius: 16px 14px;
  -webkit-transform: translate(0, -2px);
}

.linestieMessagerie .from.from-me .message:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: -2px;
  right: -56px;
  width: 26px;
  height: 20px;
  background: white;
  border-bottom-left-radius: 10px;
  -webkit-transform: translate(-30px, -2px);
  content: "";
  display: table;
  clear: both;
}

.linestieMessagerie .from-me,
.linestieMessagerie .from-them {
  position: relative;
}

.linestieMessagerie .from-me .messsage,
.linestieMessagerie .from-them .messsage {
  position: relative;
  transform: translateY(18px);
  -webkit-transform: translateY(18px);
  transition: all .5s;
}

.linestieMessagerie .from .icon-identity {
  width: 15%;
  padding-bottom: 25px;
  z-index: 3;
  display: flex;
}

.linestieMessagerie .from .icon-identity .iIRound {
  background-color: #8E8EBA;
  min-width: 50px;
  max-height: 50px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.linestieMessagerie .from .icon-identity .iIRound img {
  border-radius: 50%;
  display: flex;
  justify-content: center;
  overflow: hidden;
  width: 50px;
  height: 50px;
  object-fit: cover;
}

.linestieMessagerie .from .icon-identity .iIRound .initiale {
  color: white;
  font-weight: bold;
  font-size: 20px;
}

.linestieMessagerie .from.from-me .icon-identity {
  padding-left: 29px;
  justify-content: flex-end;
}

.linestieMessagerie .from.from-them .icon-identity {
  padding-right: 29px;
  justify-content: flex-start;
}

.linestieMessagerie .from-me .messsage p,
.linestieMessagerie .from-them .messsage p {
  margin: 0 !important;
}

.linestieMessagerie .from-me date,
.linestieMessagerie .from-them date {
  position: absolute;
  top: 10px;
  font-size: 14px;
  white-space: nowrap;
  vertical-align: middle;
  color: #8b8b90;
  opacity: 1;
  z-index: 4;
  top: -20px;
  left: auto;
  right: 0;
  font-size: 12px;
  opacity: 0;
}

.linestieMessagerie .from-me who {
  position: absolute;
  right: 0;
  bottom: -22px;
  font-size: 11px;
  white-space: nowrap;
  vertical-align: middle;
  color: #8b8b90;
}

.linestieMessagerie .from-me:hover .message {
  transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  transition: all .5s;
}

.linestieMessagerie .from-me:hover .message date {
  opacity: 1;
  transition: all .5s;
}

.linestieMessagerie .from-me:hover .message .btnLinestInv {
  opacity: 1;
  transition: all .5s;
}

.linestieMessagerie .from-them {
  position: relative;
  clear: both;
}

.linestieMessagerie .from-them who {
  position: absolute;
  right: 0;
  bottom: -22px;
  font-size: 11px;
  white-space: nowrap;
  vertical-align: middle;
  color: #8b8b90;
}

.linestieMessagerie .from-them .messsage {
  position: relative;
  transform: translateY(-18px);
  -webkit-transform: translateY(-18px);
  transition: all .5s;
}

.linestieMessagerie .from-them .messsage p {
  margin: 0 !important;
}

.linestieMessagerie .from-them date {
  position: absolute;
  top: 10px;
  font-size: 14px;
  white-space: nowrap;
  vertical-align: middle;
  color: #8b8b90;
  opacity: 0;
  z-index: 4;
  top: -20px;
  left: auto;
  right: 0;
  font-size: 12px;
}

.linestieMessagerie .from-them who {
  position: absolute;
  right: 0;
  bottom: -22px;
  font-size: 11px;
  white-space: nowrap;
  vertical-align: middle;
  color: #8b8b90;
}

.linestieMessagerie .from-them:hover .message {
  transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  transition: all .5s;
}

.linestieMessagerie .from-them:hover .message date {
  opacity: 1;
  transition: all .5s;
}

.linestieMessagerie .from-them:hover .message .btnLinestInv {
  opacity: 1;
  transition: all .5s;
}

.linestieMessagerie p {
  margin: 0 !important;
}

.linestieMessagerie .inputMessage,
.linestieMessagerie .inputMessageSearch {
  position: relative;
  clear: both;
}

.linestieMessagerie .inputMessage .messL,
.linestieMessagerie .inputMessageSearch .messL {
  width: 100% !important;
  padding: 15px !important;
  border: 1px solid #F9D247 !important;
  border-radius: 10px !important;
  outline: 0 !important;
  padding-right: 110px !important;
}

.linestieMessagerie .inputMessage .messL:focus,
.linestieMessagerie .inputMessageSearch .messL:focus {
  border: 1px solid #423E60 !important;
}

.linestieMessagerie .inputMessage .inputMessageBtn,
.linestieMessagerie .inputMessageSearch .inputMessageBtn {
  position: absolute;
  bottom: 16px;
  right: 10px;
  background-color: #6AC2CE !important;
  color: white !important;
  text-decoration: none !important;
  min-width: 101px;
}

.linestieMessagerie .inputMessageSearch .messL {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  padding-right: 15px !important;
}

.linestieMessagerie .headerConv {
  margin-bottom: 20px;
  color: #423E60;
  border: 1px solid #8E8EBA;
  margin-bottom: 10px;
  border-radius: 8px;
  padding: 10px;
}

.linestieMessagerie .headerConv .subTitle {
  font-size: 13px;
  color: #969696;
}

.linestieMessagerie .messagesList {
  display: block;
  height: 50vh;
  position: relative;
  overflow: auto;
  overflow-x: hidden;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-right: 25px;
}

.linestieMessagerie .messagesList.messagesList:hover {
  overflow-y: scroll;
  padding-right: 10px;
}

.linestieMessagerie .messagesList .moreMessages {
  font-size: 12px;
  color: #969696;
  text-decoration: underline;
  margin-bottom: 20px;
  cursor: pointer;
}

.linestieMessagerie .listContact {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  max-width: 400px;
  padding-top: 80px;
}

@media screen and (max-width: 1000px) {
  .linestieMessagerie .listContact {
    padding-top: 0px;
  }
}

.linestieMessagerie .listContact .listContactTitle {
  color: #423E60;
  margin-bottom: 25px;
  font-size: 20px;
  font-weight: bold;
}

.linestieMessagerie .listContact .listContactItems {
  display: block;
  height: 55vh;
  position: relative;
  overflow: auto;
  overflow-x: hidden;
  cursor: pointer;
}

.linestieMessagerie .listContact .listContactItems .noContact {
  margin-top: 20px;
  font-size: 15px;
  color: #423E60;
}

.linestieMessagerie .listContact .listContactItems .listContactTitle {
  margin-top: 10px;
}

.linestieMessagerie .listContact .listContactItems .listContactItem {
  margin-top: 20px;
  width: 100%;
  padding: 6px;
  border-radius: 10px;
  background-color: white;
  color: #8E8EBA;
  border: 1px solid #8E8EBA;
  position: relative;
}

.linestieMessagerie .listContact .listContactItems .listContactItem .subTitle {
  font-size: 12px;
}

.linestieMessagerie .listContact .listContactItems .listContactItem.active,
.linestieMessagerie .listContact .listContactItems .listContactItem:hover {
  background-color: #8E8EBA;
  color: white;
}

.notification_unread {
  background-color: red;
  padding: 5px;
  display: block;
  position: absolute;
  border-radius: 8px;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-weight: bold;
  right: -9px;
  top: -10px;
  font-size: 15px;
}

.notification_unreadMenu {
  background-color: red;
  padding: 5px;
  display: block;
  position: absolute;
  border-radius: 8px;
  width: 15px;
  height: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-weight: bold;
  right: 9px;
  top: 15px;
  font-size: 10px;
}

.notification_unreadMenu.menuMessage {
  right: 0px;
  top: -8px;
}

.listContactItemInv {
  margin-top: 20px;
  width: 100%;
  cursor: pointer;
  padding: 6px;
  border-radius: 10px;
  background-color: #8E8EBA;
  color: white;
  border: 1px solid #8E8EBA;
  max-width: 200px;
  position: absolute;
  right: 10%;
  top: 0;
}

@media screen and (max-width: 1000px) {
  .listContactItemInv {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    position: relative;
    top: inherit;
    right: inherit;
  }
}

.topBarMenuLogin {
  position: absolute;
  width: 300px;
  background-color: #F9D247;
  border-radius: 8px;
  right: 5vw;
  top: 20px;
  padding-left: 31px;
  border: 2px solid #423E60;
}

@media screen and (max-width: 1000px) {
  .topBarMenuLogin {
    display: none;
  }
}

.topBarMenuLogin .field.error {
  color: #232227;
  padding-top: 15px;
}

.topBarMenuLogin .field input {
  border-radius: 10px !important;
  border: none !important;
}

.topBarMenuLogin .btnLinest,
.topBarMenuLogin .btnLinestInv,
.topBarMenuLogin .topbarMenu .right .selecteurSs .sRight,
.topbarMenu .right .selecteurSs .topBarMenuLogin .sRight {
  margin-top: 0;
  margin-bottom: 20px;
}

.blocContent {
  background-color: #F9D247;
  width: 100%;
  height: 16px;
}

.contentF {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: -100px;
  margin-bottom: 40px;
}

@media screen and (max-width: 1000px) {
  .contentF {
    flex-wrap: wrap;
  }
}

.contentF .contentFLeft {
  width: 40%;
}

.contentF .contentFLeft .download {
  text-align: center;
}

.contentF .contentFLeft .download .application {
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 0;
  align-items: center;
  margin-top: 10px;
}

.contentF .contentFLeft .download .application li {
  list-style: none;
  width: 130px;
  padding-top: 3px;
  height: 50px;
  margin-left: 17px;
  margin-right: 17px;
  cursor: pointer;
}

.contentF .contentFLeft .download .application li a,
.contentF .contentFLeft .download .application li .likeA {
  font-size: 27px;
  color: #656568;
}

.contentF .contentFLeft .download .application li a img,
.contentF .contentFLeft .download .application li .likeA img {
  border-radius: 10px;
  border: 1px solid #423E60;
}

.contentF .contentFRight {
  width: 60%;
  margin-left: 5%;
  padding-top: 120px;
}

@media screen and (max-width: 1000px) {
  .contentF .contentFRight {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }
}

.contentF .contentFRight .contentFRightGrid {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}

.contentF .contentFRight .contentFRightGrid .contentFRItems {
  width: 50%;
  display: flex;
  text-align: left;
  margin-top: 40px;
  margin-bottom: 40px;
}

@media screen and (max-width: 1000px) {
  .contentF .contentFRight .contentFRightGrid .contentFRItems {
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
}

.contentF .contentFRight .contentFRightGrid .contentFRItems .contentFRItemsIcon {
  width: 50px;
}

.contentF .contentFRight .contentFRightGrid .contentFRItems .contentFRItemsIcon img {
  min-width: 50px;
  width: 50px;
}

.contentF .contentFRight .contentFRightGrid .contentFRItems .contentFRItem {
  margin-left: 20px;
  color: #423E60;
}

@media screen and (max-width: 1000px) {
  .contentF .contentFRight .contentFRightGrid .contentFRItems .contentFRItem {
    text-align: center;
    margin-left: 0;
    margin-top: 20px;
  }
}

.contentF .contentFRight .contentFRightGrid .contentFRItems .contentFRItem .contentFRTitle {
  font-size: 19px;
  font-weight: 800;
}

.contentF .contentFRight .contentFRightGrid .contentFRItems .contentFRItem .contentFRText {
  width: 80%;
}

@media screen and (max-width: 1000px) {
  .contentF .contentFRight .contentFRightGrid .contentFRItems .contentFRItem .contentFRText {
    margin-left: auto;
    margin-right: auto;
  }
}

.contentF .contentFRight .kit {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 30px;
}

.contentF .contentFRight .download {
  text-align: center;
}

.contentF .contentFRight .download .application {
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 0;
  align-items: center;
  margin-top: 10px;
}

.contentF .contentFRight .download .application li {
  list-style: none;
  width: 130px;
  padding-top: 3px;
  height: 50px;
  margin-left: 17px;
  margin-right: 17px;
  cursor: pointer;
}

.contentF .contentFRight .download .application li a,
.contentF .contentFRight .download .application li .likeA {
  font-size: 27px;
  color: #656568;
}

.contentF .contentFRight .download .application li a img,
.contentF .contentFRight .download .application li .likeA img {
  border-radius: 10px;
  border: 1px solid #423E60;
}

.contentF .contentFRight .btnLinestInv {
  float: inherit;
  margin: 0;
}

.listMenu {
  display: flex;
  align-items: center;
}

.listMenu .listMenuItem {
  margin-left: 50px;
}

.listMenu {
  display: flex;
  text-align: left;
}

.listMenu .listMenuItem {
  margin-left: 50px;
}

.soutiens {
  padding: 5%;
  padding-top: 40px;
  padding-bottom: 40px;
  color: #423E60;
}

@media screen and (max-width: 1000px) {
  .soutiens {
    padding-bottom: 20px;
  }
}

.soutiens .soutiensTitle {
  margin-bottom: 15px;
}

.soutiens .soutiensImg a,
.soutiens .soutiensImg .likeA {
  margin-left: 3%;
  margin-right: 3%;
}

.soutiens .soutiensImg a img,
.soutiens .soutiensImg .likeA img {
  max-height: 60px;
}

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

  .soutiens .soutiensImg a img,
  .soutiens .soutiensImg .likeA img {
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100%;
    object-fit: contain;
  }
}

.footer {
  padding: 5%;
  padding-top: 30px;
  padding-bottom: 30px;
}

.footer ul {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

@media screen and (max-width: 1000px) {
  .footer ul {
    padding-left: 0;
  }
}

.footer ul li {
  list-style: none;
}

@media screen and (max-width: 1000px) {
  .footer ul li {
    width: 100%;
    margin-bottom: 20px;
  }
}

.footer ul li a,
.footer ul li .likeA {
  color: #ffffff;
}

.footer ul li a:hover,
.footer ul li .likeA:hover {
  text-decoration: underline;
}

.footer .footerBottom {
  margin-top: 50px;
  margin-bottom: 20px;
}

.footer .footerBottom img {
  height: 70px;
}

.footer .reseauSociaux {
  display: flex;
  height: 50px;
  padding: 51px;
  border-radius: 0 0 0 10px;
  align-items: center;
  justify-content: center;
}

.footer .reseauSociaux .socialNetwork {
  display: flex;
  padding: 0;
  margin: 0;
  align-items: center;
  margin-right: 50px;
}

@media screen and (max-width: 1000px) {
  .footer .reseauSociaux .socialNetwork {
    margin-right: 35px;
  }
}

.footer .reseauSociaux .socialNetwork li {
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  list-style: none;
  width: 50px;
  height: 50px;
  padding-top: 11px;
  margin-left: 34px;
  cursor: pointer;
}

.footer .reseauSociaux .socialNetwork li a,
.footer .reseauSociaux .socialNetwork li .likeA {
  font-size: 27px;
  color: #FFFFFF;
}

.lesChiffres,
.presses .presse {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.lesChiffres .lesChiffres_,
.presses .presse .lesChiffres_ {
  position: relative;
  padding: 20px;
  padding-left: 40px;
  padding-right: 40px;
  height: 200px;
}

.lesChiffres .lesChiffres_ .lesChiffresTitle,
.presses .presse .lesChiffres_ .lesChiffresTitle {
  font-size: 40px;
  color: #423E60;
  margin-top: 30px;
}

.lesChiffres .lesChiffres_ .lesChiffresText,
.presses .presse .lesChiffres_ .lesChiffresText {
  color: #423E60;
  max-width: 215px;
}

.lesChiffres .lesChiffres_ .flashLinestie,
.presses .presse .lesChiffres_ .flashLinestie {
  position: absolute;
  left: 0;
  width: 50px;
}

.lesChiffres .lesChiffres_ .flashLinestieR,
.presses .presse .lesChiffres_ .flashLinestieR {
  position: absolute;
  right: 0;
  width: 50px;
  bottom: 10px;
  transform: rotate(180deg);
}

.presses {
  padding: 5%;
}

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

  .presses .presse a,
  .presses .presse .likeA {
    width: 50%;
  }
}

.presses .presse a img.logo,
.presses .presse .likeA img.logo {
  height: 80px;
}

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

  .presses .presse a img.logo,
  .presses .presse .likeA img.logo {
    width: 40%;
    object-fit: contain;
    margin-top: 20px;
  }
}

.presses .kit {
  text-align: center;
  margin-top: 70px;
}

@media screen and (max-width: 1000px) {
  .presses .kit {
    margin-top: 40px;
  }
}

.presses .kit .btnLinestInv {
  float: inherit;
  margin: 0;
}

#hamburger #wrapper img {
  width: 29px;
  margin-top: 4px;
  margin-left: -2px;
}

body.noScroll {
  overflow: hidden;
}

.blocT3 {
  margin-top: 10px;
  display: flex;
  align-items: center;
  padding-left: 10px;
  padding-right: 1px;
}

.blocT3 img {
  height: 50px;
  margin-top: 17px;
}

.blocT3 .blocT3Text {
  display: flex;
  align-items: center;
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 19px;
}

.chip {
  width: fit-content;
  padding: 5px;
  border-radius: 20px;
  font-size: 14px;
  color: #232227;
  padding-left: 10px;
  padding-right: 10px;
  width: fit-content;
  padding-left: 0;
  padding-top: 3px;
}

.chip.red {
  background-color: #bf6060;
}

.btnsRight {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.btnsRight .colItem,
.btnsRight .contenuCol .colLeft .colItem,
.contenuCol .colLeft .btnsRight .colItem,
.btnsRight .contenuCol .colRight .colItem,
.contenuCol .colRight .btnsRight .colItem,
.btnsRight .section .blocSection,
.section .btnsRight .blocSection,
.btnsRight .section .blocJ,
.section .btnsRight .blocJ,
.btnsRight .section .blocB,
.section .btnsRight .blocB {
  width: 48% !important;
  padding: 0;
  padding-top: 16px;
}

.btnsRight .liensGal {
  margin-left: 0px;
}

.btnsRight .liensGal a,
.btnsRight .liensGal .likeA {
  display: flex;
  align-items: center;
  font-size: 13px !important;
}

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

  .btnsRight .liensGal a,
  .btnsRight .liensGal .likeA {
    display: block;
    text-align: center;
    line-height: 7px;
  }
}

a .noMobile2,
.likeA .noMobile2 {
  text-decoration: underline;
}

.btnsActu {
  font-size: 13px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.btnsActu .btnLinest,
.btnsActu .btnLinestInv,
.btnsActu .topbarMenu .right .selecteurSs .sRight,
.topbarMenu .right .selecteurSs .btnsActu .sRight {
  padding: 7px 20px;
  font-size: 13px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 20px;
}

.btnsActu .btnLinest i,
.btnsActu .btnLinestInv i,
.btnsActu .topbarMenu .right .selecteurSs .sRight i,
.topbarMenu .right .selecteurSs .btnsActu .sRight i {
  margin-right: 5px;
}

.btnsActu .btnLinest.btnLinestLight,
.btnsActu .btnLinestLight.btnLinestInv,
.btnsActu .topbarMenu .right .selecteurSs .btnLinestLight.sRight,
.topbarMenu .right .selecteurSs .btnsActu .btnLinestLight.sRight {
  background-color: #8E8EBA;
}

.btnsActu .btnLinest.btnLinestLike,
.btnsActu .btnLinestLike.btnLinestInv,
.btnsActu .topbarMenu .right .selecteurSs .btnLinestLike.sRight,
.topbarMenu .right .selecteurSs .btnsActu .btnLinestLike.sRight {
  position: relative;
  padding-right: 15px;
  padding-left: 45px;
}

.btnsActu .btnLinest.btnLinestLike span,
.btnsActu .btnLinestLike.btnLinestInv span,
.btnsActu .topbarMenu .right .selecteurSs .btnLinestLike.sRight span,
.topbarMenu .right .selecteurSs .btnsActu .btnLinestLike.sRight span {
  display: flex;
  align-items: center;
}

.btnsActu .btnLinest.btnLinestLikeYet,
.btnsActu .btnLinestLikeYet.btnLinestInv,
.btnsActu .topbarMenu .right .selecteurSs .btnLinestLikeYet.sRight,
.topbarMenu .right .selecteurSs .btnsActu .btnLinestLikeYet.sRight {
  padding-left: 15px;
}

.breadcumb {
  padding-top: 29px;
  color: #423E60;
}

@media screen and (max-width: 1000px) {
  .breadcumb {
    display: none;
  }
}

.breadcumb ul {
  display: flex;
  margin: 0;
  padding: 0;
  padding-left: 32px;
  padding-right: 32px;
}

.breadcumb ul li {
  list-style: none;
  margin-right: 5px;
}

.breadcumb ul li a,
.breadcumb ul li .likeA {
  text-transform: none;
  color: #423E60;
}

.loading img {
  width: 50px;
}

.flexSpace {
  display: flex;
  justify-content: space-between;
}

.trierPar {
  padding-top: 30px;
  padding-bottom: 30px;
}

.pswp__img {
  object-fit: contain;
}

.grid {
  position: relative;
  /* Main CSS */
}

.grid img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  display: inline-block;
}

.grid .grid-wrapper>div {
  display: flex;
  justify-content: left;
  align-items: center;
  position: relative;
}

.grid .grid-wrapper>div .like {
  z-index: 9;
  padding: 0px;
  left: 4px;
  top: 4px;
  opacity: 0.5;
  cursor: pointer;
}

.grid .grid-wrapper>div .like:hover {
  opacity: 0.7;
}

.grid .grid-wrapper>div .like.active {
  opacity: 1;
}

.grid .grid-wrapper>div .like img {
  padding: 7px;
}

.grid .grid-wrapper>div>img {
  width: 300px !important;
  height: 100% !important;
  object-fit: cover;
  border-radius: 5px;
}

.grid .grid-wrapper {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-auto-rows: 200px;
  grid-auto-flow: dense;
}

.grid .grid-wrapper .wide {
  grid-column: span 2;
}

.grid .grid-wrapper .tall {
  grid-row: span 2;
}

.grid .grid-wrapper .big {
  grid-row: span 2;
}

.m-p-g {
  margin: 0 auto;
}

.m-p-g__thumbs-img {
  margin: 0;
  float: left;
  vertical-align: bottom;
  cursor: pointer;
  z-index: 1;
  position: relative;
  opacity: 1;
  filter: brightness(100%);
  -webkit-tap-highlight-color: transparent;
  will-change: opacity, transform;
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.m-p-g__thumbs-img.active {
  z-index: 50;
}

.m-p-g__thumbs-img.layout-completed {
  opacity: 1;
}

.m-p-g__thumbs-img.hide {
  opacity: 0;
}

.m-p-g__thumbs-img:hover {
  filter: brightness(110%);
}

.m-p-g__fullscreen {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  background: 0 0;
  visibility: hidden;
  transition: background .25s ease-out, visibility 10ms .5s linear;
  will-change: background, visibility;
  backface-visibility: hidden;
}

.m-p-g__fullscreen.active {
  transition: background .25s ease-out, visibility 10ms 0s linear;
  visibility: visible;
  background: rgba(0, 0, 0, 0.95);
}

.m-p-g__fullscreen-img {
  pointer-events: none;
  position: absolute;
  transform-origin: left top;
  top: 50%;
  left: 50%;
  max-height: 100vh;
  max-width: 100%;
  visibility: hidden;
  will-change: visibility;
  transition: opacity 0.5s ease-out;
}

.m-p-g__fullscreen-img.active {
  visibility: visible;
  opacity: 1 !important;
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.5s ease-out;
}

.m-p-g__fullscreen-img.almost-active {
  opacity: 0;
  transform: translate3d(0, 0, 0) !important;
}

.m-p-g__controls {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 200;
  height: 20vh;
  background: linear-gradient(to top, transparent 0, rgba(0, 0, 0, 0.55) 100%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.m-p-g__controls-arrow,
.m-p-g__controls-close {
  position: absolute;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: 0 0;
}

.m-p-g__controls.active {
  opacity: 1;
  visibility: visible;
}

.m-p-g__controls-arrow:focus,
.m-p-g__controls-close:focus {
  outline: 0;
}

.m-p-g__controls-arrow {
  z-index: 1;
  top: 0;
  width: 20%;
  height: 100vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  opacity: 1;
}

.m-p-g__controls-arrow:hover {
  opacity: 1;
}

.m-p-g__controls-arrow--prev {
  left: 0;
  padding-left: 3vw;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.m-p-g__controls-arrow--next {
  right: 0;
  padding-right: 3vw;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.m-p-g__controls-close {
  top: 3vh;
  right: 3vw;
  z-index: 5;
}

@media screen and (max-width: 1000px) {
  .m-p-g__controls-close {
    top: 100px;
    right: 3vw;
    z-index: 5;
  }
}

.m-p-g__btn {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.07);
  transition: all 0.25s ease-out;
}

.m-p-g__btn:hover {
  background: rgba(255, 255, 255, 0.15);
}

.m-p-g__alertBox {
  position: fixed;
  z-index: 999;
  max-width: 700px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 25px;
  border-radius: 3px;
  text-align: center;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
  color: grey;
}

.m-p-g__alertBox h2 {
  color: red;
}

.actuLeft {
  width: 30%;
}

@media screen and (max-width: 1000px) {
  .actuLeft {
    display: none;
  }
}

.actuRight {
  width: 68%;
  min-height: 90vh;
}

@media screen and (max-width: 1000px) {
  .actuRight {
    width: 100%;
  }
}

.ui.form textarea:not([rows]) {
  min-height: 49px;
  max-height: 10em;
  resize: none;
}

.backDiv {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: right;
}

.backDivActu {
  position: relative;
  text-align: left;
  padding-top: 29px;
  margin-right: 20px;
}

@media screen and (max-width: 1000px) {
  .backDivActu {
    width: 100%;
    text-align: right;
  }
}

.agendaLeft {
  width: 30%;
}

@media screen and (max-width: 1000px) {
  .agendaLeft {
    display: none;
  }
}

.agendaRight {
  width: 68%;
}

.agendaRight .contenuCenter {
  margin-left: 2%;
  margin-right: 0;
}

@media screen and (max-width: 1000px) {
  .agendaRight .contenuCenter {
    margin-left: 4%;
    margin-right: 4%;
  }
}

@media screen and (max-width: 1000px) {
  .agendaRight {
    width: 100%;
    text-align: right;
  }
}

.ui.top.left.popup {
  background-color: #8E8EBA;
}

.ui.top.left.popup .field {
  font-size: 14px;
  background-color: #8E8EBA;
  color: white;
}

.ui.top.left.popup:before {
  background-color: #8E8EBA;
}

.compteHeader {
  display: flex;
  background-color: #8E8EBA;
  border-radius: 8px;
  color: #232227;
  margin-bottom: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
}

@media screen and (max-width: 1000px) {
  .compteHeader {
    display: block;
  }
}

.compteHeader .cH_1 {
  width: 20%;
  padding: 2%;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
}

@media screen and (max-width: 1000px) {
  .compteHeader .cH_1 {
    width: 100%;
    padding-bottom: 20px;
  }
}

.compteHeader .cH_1 .photo {
  margin-bottom: 20px;
}

.compteHeader .cH_1 .photo img {
  border-radius: 50%;
  width: 138px;
  height: 138px;
  min-width: 138px;
  min-height: 138px;
  object-fit: cover;
}

.compteHeader .cH_2 {
  width: 50%;
  border-left: 1px solid #423E60;
  border-right: 1px solid #423E60;
  padding: 2%;
  padding-top: 0;
  padding-bottom: 0;
}

@media screen and (max-width: 1000px) {
  .compteHeader .cH_2 {
    width: 100%;
    padding-bottom: 20px;
  }
}

.compteHeader .cH_2 .photo {
  margin-bottom: 20px;
  text-align: center;
}

.compteHeader .cH_2 .photo img {
  height: 138px;
  min-height: 138px;
  object-fit: cover;
  border-radius: 8px;
}

.compteHeader .cH_3 {
  width: 30%;
  padding: 2%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 1000px) {
  .compteHeader .cH_3 {
    width: 100%;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
  }
}

.compteHeader .cH_3 .titleEtab {
  margin-bottom: 20px;
}

.compteHeader .info {
  margin-bottom: 10px;
}

.compteHeader .cHTwoBlocs {
  display: flex;
  width: 100%;
}

@media screen and (max-width: 1000px) {
  .compteHeader .cHTwoBlocs {
    display: block;
  }
}

.compteHeader .cHTwoBlocs .cHTwoBloc {
  padding-left: 20px;
  padding-right: 20px;
  width: 50%;
}

@media screen and (max-width: 1000px) {
  .compteHeader .cHTwoBlocs .cHTwoBloc {
    width: 100%;
  }
}

.compteHeader a,
.compteHeader .likeA {
  text-transform: inherit;
  color: white;
}

events .colItem.cat,
events .contenuCol .colLeft .cat.colItem,
.contenuCol .colLeft events .cat.colItem,
events .contenuCol .colRight .cat.colItem,
.contenuCol .colRight events .cat.colItem,
events .section .cat.blocSection,
.section events .cat.blocSection,
events .section .cat.blocJ,
.section events .cat.blocJ,
events .section .cat.blocB,
.section events .cat.blocB {
  border: 1px solid #82d6d7;
  padding: 0;
}

events .colItem.cat .events,
events .contenuCol .colRight .cat.colItem.or .events,
.contenuCol .colRight events .cat.colItem.or .events,
events .section .cat.blocSection .events,
.section events .cat.blocSection .events,
events .section .cat.blocJ .events,
.section events .cat.blocJ .events,
events .section .cat.blocB .events,
.section events .cat.blocB .events {
  padding: 24px;
}

events .colItem.cat .events .event .date,
events .section .cat.blocSection .events .event .date,
.section events .cat.blocSection .events .event .date,
events .section .cat.blocJ .events .event .date,
.section events .cat.blocJ .events .event .date,
events .section .cat.blocB .events .event .date,
.section events .cat.blocB .events .event .date,
events .colItem.cat .events .event .date a,
events .section .cat.blocSection .events .event .date a,
.section events .cat.blocSection .events .event .date a,
events .section .cat.blocJ .events .event .date a,
.section events .cat.blocJ .events .event .date a,
events .section .cat.blocB .events .event .date a,
.section events .cat.blocB .events .event .date a,
events .colItem.cat .events .event .date .likeA,
events .section .cat.blocSection .events .event .date .likeA,
.section events .cat.blocSection .events .event .date .likeA,
events .section .cat.blocJ .events .event .date .likeA,
.section events .cat.blocJ .events .event .date .likeA,
events .section .cat.blocB .events .event .date .likeA,
.section events .cat.blocB .events .event .date .likeA {
  font-size: 20px;
  text-transform: inherit;
}

events .colItem.cat .events .event .text a,
events .section .cat.blocSection .events .event .text a,
.section events .cat.blocSection .events .event .text a,
events .section .cat.blocJ .events .event .text a,
.section events .cat.blocJ .events .event .text a,
events .section .cat.blocB .events .event .text a,
.section events .cat.blocB .events .event .text a,
events .colItem.cat .events .event .text .likeA,
events .section .cat.blocSection .events .event .text .likeA,
.section events .cat.blocSection .events .event .text .likeA,
events .section .cat.blocJ .events .event .text .likeA,
.section events .cat.blocJ .events .event .text .likeA,
events .section .cat.blocB .events .event .text .likeA,
.section events .cat.blocB .events .event .text .likeA {
  color: black;
  text-transform: inherit;
  font-weight: inherit;
}

events .centered {
  text-align: center;
  margin-bottom: 20px;
  padding-top: 15px;
}

.footer_appli ul {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.footer_appli ul li {
  list-style: none;
}

.footer_appli ul li a,
.footer_appli ul li .likeA {
  text-transform: inherit;
  color: #232227;
  font-weight: inherit;
  text-decoration: underline;
  font-size: 15px;
}

.footer_appli .copyright {
  margin-top: 10px;
}

.contenuCol .colRightActu {
  position: relative;
  width: calc(100% - 405px);
  left: 32px;
}

.contenuCol .colRightActu.fixed {
  position: relative;
  width: calc(100% - 405px);
  left: 32px;
  float: left;
  margin-left: 347px;
}

.btnLinestAgendaFlow {
  margin-top: 0;
  background-color: #8E8EBA;
  color: #ffffff !important;
}

.centerText {
  text-align: center;
}

.btnAlbumCenter {
  margin-top: 40px;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
}

.formGuide {
  text-align: center;
  margin-top: 20px;
}

.formGuide input {
  border: none !important;
  border-bottom: 1px solid #423E60 !important;
  min-width: 50%;
  background-color: transparent;
}

.formGuide input::placeholder {
  color: #8E8EBA;
}

.sectionGuide {
  padding-bottom: 40px;
  background-color: #eeeef9;
}

.ssGuide {
  margin-left: 10%;
  margin-right: 10%;
  text-align: left;
  color: #8E8EBA;
  padding-bottom: 80px;
  font-size: 14px;
}

.sectionHistoire {
  margin-top: 0;
}

.preGuide {
  background-color: #eeeef9;
}

#errorGuide {
  color: #c54c4c;
  margin-top: 20px;
}

.messageInformation {
  text-align: center;
  margin-top: 20px;
  color: #423E60;
}

.formPassword {
  width: 100%;
  text-align: center;
  margin-top: 50px;
  color: #232227;
}

@media screen and (max-width: 1000px) {
  .formPassword {
    margin-top: 30px;
  }
}

.formPassword .legend {
  font-size: 12px;
  margin-top: -15px;
  margin-bottom: 20px;
  color: #383838;
}

.formPassword .forget {
  margin-top: 20px;
  font-size: 14px;
}

.formPassword .forget .link {
  text-decoration: underline;
  cursor: pointer;
}

.formPassword .two.fields {
  display: flex;
}

@media screen and (max-width: 1000px) {
  .formPassword .two.fields {
    width: 100%;
    display: block;
  }
}

.formPassword .two.fields .field {
  width: 48%;
}

@media screen and (max-width: 1000px) {
  .formPassword .two.fields .field {
    width: 100%;
  }

  .formPassword .two.fields .field .buttonOr {
    margin-bottom: 30px;
  }
}

.formPassword .two.fields .field:first-child {
  margin-right: 2%;
}

@media screen and (max-width: 1000px) {
  .formPassword .two.fields .field:first-child {
    margin-right: 0;
  }
}

.formPassword .two.fields .field:last-child {
  margin-left: 2%;
}

@media screen and (max-width: 1000px) {
  .formPassword .two.fields .field:last-child {
    margin-left: 0;
  }
}

.formPassword .two.fields .field.alone {
  margin-left: 0;
}

@media screen and (max-width: 1000px) {
  .formPassword .two.fields .field.alone {
    margin-left: 0;
  }
}

.formPassword .field {
  margin-bottom: 20px;
}

.formPassword .field .inputPen {
  position: relative;
}

@media screen and (max-width: 1000px) {
  .formPassword .field .inputPen {
    width: 100%;
  }
}

.formPassword .field .inputPen i {
  position: absolute;
  right: 0;
  top: 14px;
  right: 7px;
  color: #cccccc;
}

.formPassword .field select,
.formPassword .field textarea,
.formPassword .field input {
  padding: 10px;
  color: #232227;
  font-weight: 300;
  border: 1px solid #232227;
  font-size: 16px;
  border-radius: 5px;
  border-radius: 8px !important;
}

.formPassword .field select {
  height: 40px;
  width: calc(100% + 21px);
}

.formPassword .field textarea {
  min-height: 100px;
}

.formPassword .field textarea::placeholder,
.formPassword .field input::placeholder {
  color: #232227;
  opacity: 1;
}

.formPassword .field textarea:disabled,
.formPassword .field input:disabled {
  margin: 0;
  outline: 0;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  background: #fff;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: rgba(173, 173, 173, 0.87);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.formPassword .field .buttonOr.tiny {
  width: 100%;
}

.formPassword .field .buttonOr.tiny div {
  width: 80%;
}

.formPassword .field input[type="date"] {
  padding-top: 7px;
  padding-bottom: 7px;
  font-family: "Varela Round";
}

.formPassword .field .inputPassword {
  position: relative;
}

.formPassword .field .inputPassword input {
  padding-right: 25%;
}

@media screen and (max-width: 1000px) {
  .formPassword .field .inputPassword input {
    width: 85% !important;
    padding-right: 7%;
  }
}

.formPassword .field .inputPassword input.in2 {
  width: 71% !important;
}

@media screen and (max-width: 1000px) {
  .formPassword .field .inputPassword input.in2 {
    width: 45% !important;
  }
}

.formPassword .field .inputPassword .label,
.formPassword .field .inputPassword .labelPassword {
  width: 20%;
  color: #d0d0d0;
  position: absolute;
  top: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
  right: 8px;
  border-radius: 2px;
  font-size: 13px;
  cursor: pointer;
}

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

  .formPassword .field .inputPassword .label,
  .formPassword .field .inputPassword .labelPassword {
    right: 4%;
  }

}

.formPassword .field .inputPassword .labelPassword {
  background-color: #d0d0d0;
  width: 20%;
  color: white;
}

.formPassword .field .inputPassword .labelPassword:hover {
  background-color: #d0d0d0;
}

.formPassword .field.first {
  margin-bottom: 0px;
}

.formPassword .field.inputSelect {
  display: flex;
  justify-content: center;
}

.formPassword .field.inputSelect select {
  font-size: 15px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 1px solid #232227;
  border-radius: none;
  -webkit-border-radius: 0px;
  padding-left: 10px;
  padding-right: 14px;
  border-right: none;
  color: #232227;
  font-weight: 300;
}

.formPassword .optin {
  color: #232227;
  font-weight: 300;
  font-size: 15px;
  text-align: left;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 1000px) {
  .formPassword .optin input {
    width: 200px;
  }
}

.formPassword .optin div {
  margin-left: 20px;
}

.formPassword .optin a,
.formPassword .optin .likeA {
  text-transform: inherit;
}

.formPassword .optin a:hover,
.formPassword .optin .likeA:hover {
  text-decoration: underline;
}

.formPassword .message.error {
  color: red;
  margin-top: 5px;
  font-size: 15px;
}

.forgetPasswordContent {
  margin-bottom: 10px;
}

.forgetPasswordContent .forgetPasswordLink {
  color: #232227;
  text-transform: none;
  font-size: 12px;
}

.reservationFamily {
  color: #232227;
}

.reservationFamily .blue {
  color: #76C8D4;
}

.reservationFamily .messageReservation {
  border: 1px solid #8E8EBA;
  border-radius: 15px;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
}

.reservationFamily .trArrowMobile {
  position: relative;
  width: 80%;
  margin-bottom: 50px;
  margin-left: 10%;
  margin-right: 10%;
  display: none;
}

@media screen and (max-width: 1000px) {
  .reservationFamily .trArrowMobile {
    display: block;
  }
}

.reservationFamily .tabReservation {
  display: flex;
  justify-content: center;
}

.reservationFamily .tabReservation .tRArrowPrev,
.reservationFamily .tabReservation .tRArrowNext {
  display: flex;
  max-height: 60px;
  align-items: center;
}

.reservationFamily .tabReservation .tRArrowPrev.noMobile,
.reservationFamily .tabReservation .tRArrowNext.noMobile {
  display: flex;
}

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

  .reservationFamily .tabReservation .tRArrowPrev.noMobile,
  .reservationFamily .tabReservation .tRArrowNext.noMobile {
    display: none !important;
  }
}

.reservationFamily .tabReservation .tRArrowPrev.mobile,
.reservationFamily .tabReservation .tRArrowNext.mobile {
  display: none;
}

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

  .reservationFamily .tabReservation .tRArrowPrev.mobile,
  .reservationFamily .tabReservation .tRArrowNext.mobile {
    display: block;
  }
}

.reservationFamily .tabReservation .tRArrowPrev {
  justify-content: flex-end;
  margin-right: 25px;
}

.reservationFamily .tabReservation .tRArrowNext {
  justify-content: flex-start;
  margin-left: 25px;
}

.reservationFamily .tabReservation .tRArrowPrev,
.reservationFamily .tabReservation .tRArrowNext,
.reservationFamily .tabReservation .tRDay {
  width: 11%;
}

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

  .reservationFamily .tabReservation .tRArrowPrev,
  .reservationFamily .tabReservation .tRArrowNext,
  .reservationFamily .tabReservation .tRDay {
    width: 40%;
  }
}

.reservationFamily .tabReservation .tRArrowPrev .tRDayTop,
.reservationFamily .tabReservation .tRArrowNext .tRDayTop,
.reservationFamily .tabReservation .tRDay .tRDayTop {
  text-align: left;
  letter-spacing: 0px;
  color: #423E60;
  border-bottom: 1px solid #8E8EBA;
  padding-top: 10px;
  padding-bottom: 10px;
}

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

  .reservationFamily .tabReservation .tRArrowPrev .tRDayTop,
  .reservationFamily .tabReservation .tRArrowNext .tRDayTop,
  .reservationFamily .tabReservation .tRDay .tRDayTop {
    text-align: center;
  }
}

.reservationFamily .tabReservation .tRArrowPrev .tRDayTop .blue,
.reservationFamily .tabReservation .tRArrowNext .tRDayTop .blue,
.reservationFamily .tabReservation .tRDay .tRDayTop .blue {
  color: #6AC2CE;
}

.reservationFamily .tabReservation .tRArrowPrev .tRDSlots,
.reservationFamily .tabReservation .tRArrowNext .tRDSlots,
.reservationFamily .tabReservation .tRDay .tRDSlots {
  display: flex;
  flex-direction: column;
}

.reservationFamily .tabReservation .tRArrowPrev .tRDSlots .tRDSlot,
.reservationFamily .tabReservation .tRArrowNext .tRDSlots .tRDSlot,
.reservationFamily .tabReservation .tRDay .tRDSlots .tRDSlot {
  border: 1px solid #8E8EBA;
  border-radius: 12px;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  min-height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  break-inside: avoid;
  cursor: pointer;
}

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

  .reservationFamily .tabReservation .tRArrowPrev .tRDSlots .tRDSlot,
  .reservationFamily .tabReservation .tRArrowNext .tRDSlots .tRDSlot,
  .reservationFamily .tabReservation .tRDay .tRDSlots .tRDSlot {
    margin-left: 10px;
  }
}

.reservationFamily .tabReservation .tRArrowPrev .tRDSlots .tRDSlot .tRDSlotRoom,
.reservationFamily .tabReservation .tRArrowNext .tRDSlots .tRDSlot .tRDSlotRoom,
.reservationFamily .tabReservation .tRDay .tRDSlots .tRDSlot .tRDSlotRoom {
  color: #8E8EBA;
  font-size: 13px;
}

.reservationFamily .tabReservation .tRArrowPrev .tRDSlots .tRDSlot:hover,
.reservationFamily .tabReservation .tRArrowNext .tRDSlots .tRDSlot:hover,
.reservationFamily .tabReservation .tRDay .tRDSlots .tRDSlot:hover {
  background-color: #8d8db929;
}

.reservationFamily .tabReservation .tRArrowPrev .tRDSlots .tRDSlot.reserved,
.reservationFamily .tabReservation .tRArrowNext .tRDSlots .tRDSlot.reserved,
.reservationFamily .tabReservation .tRDay .tRDSlots .tRDSlot.reserved {
  background-color: #ABC441;
  color: #ffffff;
}

.reservationFamily .tabReservation .tRArrowPrev .tRDSlots .tRDSlot.reserved .tRDSlotRoom,
.reservationFamily .tabReservation .tRArrowNext .tRDSlots .tRDSlot.reserved .tRDSlotRoom,
.reservationFamily .tabReservation .tRDay .tRDSlots .tRDSlot.reserved .tRDSlotRoom {
  color: #423E60;
}

.reservationFamily .tabReservation .tRArrowPrev .tRDSlots .tRDSlot.preReserved,
.reservationFamily .tabReservation .tRArrowNext .tRDSlots .tRDSlot.preReserved,
.reservationFamily .tabReservation .tRDay .tRDSlots .tRDSlot.preReserved {
  background-color: #DACDE0;
}

.reservationFamily .tabReservation .tRArrowPrev .tRDSlots .tRDSlot.bloqued,
.reservationFamily .tabReservation .tRArrowNext .tRDSlots .tRDSlot.bloqued,
.reservationFamily .tabReservation .tRDay .tRDSlots .tRDSlot.bloqued {
  background-color: #e0e0e0;
  border: 1px solid #e0e0e0;
  color: #a9a9a9 !important;
}

.reservationFamily .tabReservation .tRArrowPrev .tRDSlots .tRDSlot.bloqued .tRDSlotRoom,
.reservationFamily .tabReservation .tRArrowNext .tRDSlots .tRDSlot.bloqued .tRDSlotRoom,
.reservationFamily .tabReservation .tRDay .tRDSlots .tRDSlot.bloqued .tRDSlotRoom {
  color: #8a8a8a !important;
}

.reservationFamily .tabReservation .tRArrowPrev .tRDSlots .tRDSlot.canceled,
.reservationFamily .tabReservation .tRArrowNext .tRDSlots .tRDSlot.canceled,
.reservationFamily .tabReservation .tRDay .tRDSlots .tRDSlot.canceled {
  background-color: #f19797;
}

.modalReservation {
  position: fixed;
  top: 0;
  z-index: 100;
  display: flex;
  justify-content: center;
  width: 90vw;
  height: 100vh;
  align-items: center;
}

.modalReservation .contentModal {
  padding: 30px;
  background-color: #423E60;
  color: #ffffff;
  border-radius: 24px;
  position: relative;
  min-width: 300px;
}

.modalReservation .contentModal select {
  color: #423E60;
}

.modalReservation .contentModal .closeModal {
  position: absolute;
  right: 15px;
  top: 10px;
  cursor: pointer;
}

.modalReservation .contentModal .btnLinestInv {
  margin-left: auto;
  margin-right: auto;
}

.rvTSelectFamily {
  text-align: center;
}

.rvTSelectFamily select {
  height: inherit !important;
  max-width: 250px;
  margin-left: auto;
  margin-right: auto;
  background-color: #F9D247 !important;
  border-radius: 30px !important;
  padding-right: 15px;
  border: 5px solid #F9D247 !important;
}

.print {
  display: none;
}

@media print {
  .print {
    display: block;
  }

  .noPrint {
    display: none !important;
  }

  .contenu {
    margin: 0;
  }

  .pageGlobal {
    margin-top: 0;
  }

  .footer {
    color: #423E60 !important;
    background-color: white !important;
  }

  .footer ul,
  .footer .reseauSociaux {
    display: none !important;
  }

  .tabReservation .tRArrowPrev,
  .tabReservation .tRArrowNext,
  .tabReservation .tRDay {
    width: 14%;
  }

  @page {
    size: landscape;
  }

  .tabReservation {
    margin-top: 10px;
  }
}

.blocReservationOn {
  color: #423E60;
  background-color: transparent;
  border: 1px solid #8E8EBA;
  padding: 30px;
  border-radius: 10px;
  margin-bottom: 20px;
}

.blocReservation {
  background-color: #8E8EBA;
  color: #ffffff;
  padding: 30px;
  border-radius: 10px;
  margin-bottom: 20px;
}

.blocReservation .reservChecked {
  color: #ABC441;
}

.content.twice {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 1000px) {
  .content.twice {
    flex-wrap: wrap;
  }
}

.content.twice .tL {
  width: 60%;
  display: flex;
  justify-content: flex-end;
}

@media screen and (max-width: 1000px) {
  .content.twice .tL {
    width: 100%;
    justify-content: center;
  }
}

.content.twice .tL img {
  max-width: 80%;
}

.content.twice .tR {
  width: 40%;
  text-align: left;
  color: #423E60;
  line-height: 30px;
  font-size: 18px;
}

@media screen and (max-width: 1000px) {
  .content.twice .tR {
    width: 100%;
    text-align: center;
  }
}

span.light {
  color: #8E8EBA;
}

.backG {
  margin-top: 50px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  align-items: center;
  font-size: 18px;
  background-color: #eeeef9;
}

@media screen and (max-width: 1000px) {
  .backG {
    font-size: 16px;
    justify-content: center;
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

.backG .bGSvg {
  display: none;
}

@media screen and (max-width: 1000px) {
  .backG .bGSvg {
    width: 35%;
    text-align: right;
    display: flex;
    justify-content: flex-end;
  }
}

.backG .bGL {
  width: 40%;
  text-align: right;
}

@media screen and (max-width: 1000px) {
  .backG .bGL {
    width: 60%;
    text-align: left;
    margin-left: 5%;
  }
}

.backG .bGR {
  padding-left: 40px;
  width: 60%;
  text-align: left;
}

@media screen and (max-width: 1000px) {
  .backG .bGR {
    padding-left: 0;
    text-align: center;
    margin-top: 40px;
  }
}

.titleBlocT21 {
  text-align: left;
  font-size: 69px;
  font-family: "Varela Round";
  color: #423E60;
}

@media screen and (max-width: 1000px) {
  .titleBlocT21 {
    font-size: 50px;
  }
}

.titleBlocT21 .mini {
  font-size: 20px;
  font-family: "Varela Round";
  text-transform: uppercase;
}

@media screen and (max-width: 1000px) {
  .titleBlocT21 .mini {
    font-size: 14px;
  }
}

.titleBlocT21 .maxi {
  font-size: 69px;
  font-family: "Varela Round";
}

@media screen and (max-width: 1000px) {
  .titleBlocT21 .maxi {
    font-size: 40px;
  }
}

.titleBlocT21 .maxi .grey {
  color: #e7e7e7;
}

.separationLine {
  width: 100%;
}

.merciFacteurBtn {
  width: fit-content;
  border-radius: 50px;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  text-transform: initial;
  font-weight: normal;
  line-height: inherit;
  border: none;
  background-color: #F9D247;
  color: #232227;
  text-decoration: underline;
  min-width: 277px;
}

.merciFacteurBtn:hover {
  background-color: #ffc600;
}

.merciFacteurBtn svg {
  display: none;
}

.merciFacteurBtn span {
  display: block;
}

.merciFacteurBtn.loading svg {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.merciFacteurBtn.loading span {
  display: none;
}

.merciFacteur svg path,
.merciFacteur svg rect {
  fill: #232227;
}

.merciFacteurBtn2 svg {
  display: none;
}

.merciFacteurBtn2 span {
  display: block;
}

.merciFacteurBtn2.loading svg {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.merciFacteurBtn2.loading span {
  display: none;
}

.merciFacteur svg path,
.merciFacteur svg rect {
  fill: #232227;
}

.blocReservation {
  display: flex;
  text-align: left;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

@media screen and (max-width: 1000px) {
  .blocReservation {
    text-align: center;
  }

  .blocReservation .merciFacteurBtn {
    margin-top: 25px;
  }

  .blocReservation div {
    width: 100%;
  }
}

.blocPostalCard {
  background-color: #423e60;
}

.actus .actu .image img {
  object-fit: contain;
  object-position: center;
}

.buttonDownload {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 10;
  margin: 5px;
  height: 22px;
  width: 22px;
}

.linkDownload {
  position: absolute;
  bottom: 5px;
  right: 5px;
  z-index: 10;
  font-size: 15px !important;
  padding: 5px 15px !important;
}

.spaceBeforeButton {
  height: 50px;
}

.linkMoreImage {
  text-decoration: underline;
  cursor: pointer;
}

.deleteFavorite {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #76C8D4;
  color: #FFF !important;
  z-index: 10;
  position: absolute;
  top: 5px;
  left: 5px;
}

.btnLinest.under {
  text-decoration: none;
}

.btnLinest.under span {
  text-decoration: underline;
}

.videoActu {
  position: relative;
  display: block;
  min-height: 302px;
  display: block;
  padding-bottom: 20;
  height: 340px;
}

.colActu .btnLinestInv {
  display: block;
}


/*# sourceMappingURL=style.css.map */