/*** ***/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

.gt_float_switcher {
  font-size: 16px !important;
}

.gt_float_switcher img {
  width: 26px !important;
}

.gt_float_switcher .gt-selected .gt-current-lang {
  padding: 5px 10px !important;
}

/***  ***/
html
  {
  scroll-behavior: smooth;
  }
  body
    {
    font-family: "Roboto", sans-serif;
    margin: 0;
    top:0 !important;
    }
div, span, object, iframe, h1, h2, h3, h4, h5, h6,
p, a, em, img, fieldset, strong, ol, ul, li, dl, dt, dd,
form, label, table, tr, th, td
  {
  margin: 0;
  }
#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
.goog-te-gadget-icon {background-image:url(//gtranslate.net/flags/gt_logo_19x19.gif) !important;background-position:0 0 !important;}
.goog-te-gadget-simple {height:20px;line-height:20px;}
.VIpgJd-ZVi9od-ORHb-OEVmcd {display:none !important; }

#CookiebotWidget {
  display: none !important;
}

#bandeautop
  {
  height: 45px;
  background-color: #6EC6D5;
  line-height: 45px;
  padding:0 25px;
  }
#bandeautop .bandeautopleft
  {
  width: 50%;
  height: 45px;
  float: left;
  line-height:45px;
  }
#bandeautop .bandeautopright
  {
  display: flex;
  justify-content: right;
  align-items: center;
  width: 50%;
  height: 45px;
  float: right;
  line-height: 45px;
  }
.minibtnreseau
  {
  display: block;
  float: right;
  width: 26px;
  height: 26px;
  line-height: 45px;
  }
.minibtnreseau img
  {
  width: 26px;
  height: 26px;
  opacity: 1;
  border-radius: 800px 800px 800px 800px;
  overflow: hidden;
  }
.minibtnreseau a:hover img
  {
  opacity: 0.6;
  }
a.minilien
  {
  text-decoration:none;
  color:#FFFFFF;
  font-size:12pt;
  }
a.minilien:hover
  {
  text-decoration: underline;
  }
a.minilienblack
  {
  text-decoration: none;
  color: #000000;
  font-size: 11pt;
  font-weight: bold;
  }
a.minilienblack:hover
  {
  text-decoration: underline;
  }
a.lien
  {
  color: #000000;
  }
a.lien:hover
  {
  text-decoration: none;
  }
.navheader
  {
  width: 100%;
  min-width: 1100px;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  margin: 20px auto 0 auto;
  }


#logoevenement
  {
  display: flex;
  width: 150px;
  height: 59px;
  margin: 20px auto;
  }

#logommenubloc
  {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  }
#logommenubloc .logo
  {
  width: 250px;
  height: 99px;
  margin-left: auto;
  margin-right: auto;
  }
#logommenubloc .logoevent
  {
  width: 250px;
  height: auto;
  margin-left: 105px;
  }
#logommenubloc .logoevent img
  {
  width: 250px;
  height: auto;
  }
#logommenubloc #mainmenu
  {
  width: auto;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  }
#logommenubloc #mainmenu ul
  {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  }
#logommenubloc #mainmenu li
  {
  display: inline-block;
  position: relative;
  }
#logommenubloc #mainmenu li a.lienoveraccueil
  {
  float: right;
  padding: 0;
  margin: 0;
  font-size: 14pt;
  font-weight: 800;
  padding: 0 20px;
  color: #FFFFFF;
  text-decoration: none;
  cursor: pointer;
  font-family: "Roboto", sans-serif;  letter-spacing: 2px;
  transition: all .4s ease-in-out;
  text-transform: uppercase;
  text-shadow: black 0.1em 0.1em 0.2em;
  }
#logommenubloc #mainmenu li a.lienoveraccueil:hover
  {
  color: #6EC6D5;
  text-shadow: black 0.1em 0.1em 0.2em;
  }
#logommenubloc #mainmenu li a
  {
  float: right;
  padding: 0;
  margin: 0;
  font-size: 14pt;
  font-weight: 800;
  padding: 0 20px;
  color: #313131;
  text-decoration: none;
  cursor: pointer;
  font-family: "Roboto", sans-serif;
  transition: all .4s ease-in-out;
  text-transform: uppercase;
  text-shadow: none;
  }
#logommenubloc #mainmenu li a:hover
  {
  color: #6EC6D5;
  }
#logommenubloc #mainmenu li a.lienoverbilletterie
  {
  float: right;
  padding: 0;
  margin: 0;
  font-size: 14pt;
  font-weight: 800;
  padding: 5px 20px;
  color: #FFFFFF;
  background-color: #FF8811;
  text-decoration: none;
  cursor: pointer;
  font-family: "Roboto", sans-serif;
  transition: all .4s ease-in-out;
  text-transform: uppercase;
  text-shadow: none;
  }
#logommenubloc #mainmenu li a.lienoverbilletterie:hover
  {
  background-color: #FFAC59;
  }
#logommenubloc #mainmenu li a.lienoveraccueil:after
  {
  content: '';
  display: block;
  margin: auto;
  height: 2px;
  width: 0;
  background: transparent;
  transition: width .5s ease, background-color .5s ease;
  }
#logommenubloc #mainmenu li a.lienoveraccueil:hover:after
  {
  width: 90%;
  background: #6EC6D5;
  }
#logommenubloc #mainmenu li a.lienoversection:after
  {
  content: '';
  display: block;
  margin: auto;
  height: 2px;
  width: 0;
  background: transparent;
  transition: width .5s ease, background-color .5s ease;
  }
#logommenubloc #mainmenu li a.lienoversection:hover:after
  {
  width: 90%;
  background: #6EC6D5;
  }

#logommenubloc #mainmenu li ul
  {
  position: absolute;
  box-shadow: 0px 1px 2px #ccc;
  background-color: white;
  left: -999em;
  text-align: left;
  z-index: 1000;
  }
#logommenubloc #mainmenu li ul li a
  {
  padding: 10px;
  color: #000000;
  text-shadow: none;
  }
#logommenubloc #mainmenu li ul li a:hover
  {
  text-shadow: none;
  }
#logommenubloc #mainmenu li ul li a.liensousoveraccueil
  {
  padding: 10px;
  color: #000000;
  text-shadow: none;
  }
#logommenubloc #mainmenu li ul li a.liensousoveraccueil:hover
  {
  text-shadow: none;
  color: #6EC6D5;
  }
#logommenubloc #mainmenu li:hover ul
  {
  left: auto;
  top: 25px;
  }

#google_translate_element
  {
  position: absolute;
  top: 10px;
  right: 175px;
  }

.mainheader
  {
  margin: 15px 0 0 0;
  width: 100%;
  height: auto;
  }
.mainheaderpc
  {
  width: 100%;
  height: auto;
  position: relative;
  }

.videofirst
  {
  margin: 15px 0 0 0;
  width: 100%;
  height: auto;
  }
.videofirstpc
  {
  width: 100%;
  height: auto;
  position: relative;
  }
#videoBGpc
  {
  z-index: 50;
      width:100%;
    height: auto;
  }
@media (min-aspect-ratio: 16/9)
  {
  #videoBGpc
    {
    width:100%;
    height: auto;
    }
  }


#videoBG
  {
  z-index: 50;
  }
@media (min-aspect-ratio: 16/9)
  {
  #videoBG
    {
    width:100%;
    height: auto;
    }
  }
@media (max-aspect-ratio: 16/9)
  {
  #videoBG
    {
    width:auto;
    height: 100%;
    }
  }

.maintitlesectionevent
  {
  width: 65%;
  height: auto;
  background-color: #D9F0F4;
  border: 1px solid #6EC6D5;
  padding: 10px 0;
  text-align: center;
  margin: 135px auto 35px auto;
  -webkit-border-top-left-radius: 25px;
  -webkit-border-bottom-right-radius: 25px;
  -moz-border-radius-topleft: 25px;
  -moz-border-radius-bottomright: 25px;
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
  }
.maintitlesectionevent span
  {
  font-family: "Roboto", sans-serif;
  font-size: 3.5rem;
  color: #000000;
  }

.titlesection
  {
  text-align: center;
  padding: 10px 0 0 0;
  }
.titlesection span
  {
  font-family: "Roboto", sans-serif;
  font-size: 4.5rem;
  color: #000000;
  }

.ligne-main-filtre
  {
  max-width: 1280px;
  margin: 15px auto;
  padding: 0 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  }
.ligne-main-filtre .filtre-thematique
  {
  width: 55%;
  height: auto;
  }
.ligne-main-filtre .filtre-thematique select
  {
  width: 100%;
  height: 55px;
  font-family: inherit;
  font-size: 20pt;
  font-weight: bold;
  padding: 0 0 0 10px;
  cursor: pointer;
  color: #283389;
  }

.ligne-filtres
  {
  max-width: 1280px;
  margin: 15px auto;
  padding: 0 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  }
.ligne-filtres .filtre-date
  {
  width: 32%;
  height: auto;
  }
.ligne-filtres .filtre-date select
  {
  width: 100%;
  height: 35px;
  font-family: "Roboto", sans-serif;
  font-size: 12pt;
  font-weight: bold;
  padding: 0 0 0 10px;
  cursor: pointer;
  }
.ligne-filtres .filtre-categorie
  {
  width: 32%;
  height: auto;
  }
.ligne-filtres .filtre-categorie select
  {
  width: 100%;
  height: 35px;
  font-family: "Roboto", sans-serif;
  font-size: 12pt;
  font-weight: bold;
  padding: 0 0 0 10px;
  cursor: pointer;
  }
.ligne-filtres .filtre-invite
  {
  width: 32%;
  height: auto;
  }
.ligne-filtres .filtre-invite select
  {
  width: 100%;
  height: 35px;
  font-family: "Roboto", sans-serif;
  font-size: 12pt;
  font-weight: bold;
  padding: 0 0 0 10px;
  cursor: pointer;
  margin-left: auto;
  }

.title-date-deb
  {
  text-align: center;
  margin: 55px 0 25px 0;
  }
.title-date-deb span
  {
  font-family: inherit;
  font-size: 36pt;
  font-weight: bold;
  }

.main-container-animations
  {
  max-width: 1280px;
  margin: auto;
  padding: 0 60px;
  }
.main-container-animations a.main-card-animation
  {
  width: 100%;
  height: 100%;
  min-height: 200px;
  display: flex;
  flex-flow: row nowrap;
  border: none;
  border-radius: 10px;
  font-size: 12pt;
  background-color: #FFFFFF;
  text-decoration: none;
  color: #000000;
  margin-bottom: 15px;
  padding: 0;
  }
.main-container-animations .main-card-animation .col-infos-animation
  {
  width: 235px;
  background-color: #283389;
  padding: 20px;
  color: #FFFFFF;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  }

.main-container-animations .main-card-animation .col-main-animation
  {
  width: calc(100% - 244px);
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 30px;
  }

.main-container-animations-thematiques
  {
  max-width: 1280px;
  margin: auto;
  padding: 0 60px;
  }
.main-container-animations-thematiques a.main-card-animation-thematiques
  {
  width: 100%;
  height: 100%;
  min-height: 200px;
  display: flex;
  flex-flow: row nowrap;
  border: none;
  border-radius: 10px;
  font-size: 12pt;
  background-color: #FFFFFF;
  text-decoration: none;
  color: #000000;
  margin-bottom: 15px;
  padding: 0;
  }
.main-container-animations-thematiques .main-card-animation-thematiques .col-infos-animation-thematiques
  {
  width: 235px;
  background-color: #BD264B;
  padding: 20px;
  color: #FFFFFF;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  }

.main-container-animations-thematiques .main-card-animation-thematiques .col-main-animation-thematiques
  {
  width: calc(100% - 244px);
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 30px;
  }

.infos-date-lieu
  {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: baseline;
  font-weight: bold;
  }
.infos-date-lieu div
  {
  display: flex;
  width: 100%;
  flex-flow: row nowrap;
  align-items: center;
  margin-bottom: 20px;
  }
.title-animation
  {
  font-family: inherit;
  width: calc(100% - 35px);
  font-size: 24pt;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 35px;
  }
.thematique-animation
  {
  flex: 1;
  line-height: 1.5;
  margin-bottom: 20px;
  }
.thematique-animation span
  {
  font-size: 10pt;
  font-weight: bold;
  font-style: italic;
  }

.thematique-animation-thematiques
  {
  flex: 1;
  line-height: 1.5;
  margin-bottom: 20px;
  }
.thematique-animation-thematiques span
  {
  font-family: inherit;
  font-size: 18pt;
  font-weight: bold;
  font-style: italic;
  color: #283389;
  }

.description-animation
  {
  flex: 1;
  line-height: 1.5;
  margin-bottom: 20px;
  font-weight: bold;
  text-align: justify;
  }

.website-animation
  {
  flex: 1;
  line-height: 1.5;
  margin-bottom: 10px;
  }
.website-animation i
  {
  font-size: 10pt;
  }
.website-animation span
  {
  font-weight: bold;
  }
.website-animation a
  {
  font-weight: bold;
  text-decoration: none;
  color: #000000;
  }
.website-animation a:hover
  {
  text-decoration: underline;
  }

.mail-animation
  {
  flex: 1;
  line-height: 1.5;
  margin-bottom: 20px;
  }
.mail-animation i
  {
  font-size: 10pt;
  }
.mail-animation span
  {
  font-weight: bold;
  }
.mail-animation a
  {
  font-weight: bold;
  text-decoration: none;
  color: #000000;
  }
.mail-animation a:hover
  {
  text-decoration: underline;
  }

.separate-element-all-animations
  {
  width: 100%;
  height: 2px;
  overflow: hidden;
  font-size: 0;
  border-style: solid none none none;
  border-width: 1px;
  border-image: linear-gradient(0.25turn, #FFFFFF, #959595, #FFFFFF) 1;
  }
.separate-element-one-animation
  {
  width: 100%;
  height: 2px;
  overflow: hidden;
  font-size: 0;
  border-style: solid none none none;
  border-width: 1px;
  border-image: linear-gradient(0.25turn, #F0F0F0, #959595, #F0F0F0) 1;
  }

.intervenants-animation
  {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  margin-right: 0 !important;
  margin-top: 15px;
  margin-bottom: 15px;
  white-space: pre-line;
  }
.intervenants-animation .item-intervenant
  {
  width: 100%;
  max-width: 100%;
  margin-right: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  margin-right: 30px;
  max-width: calc(33.33% - 60px);
  text-decoration: none;
  color: initial;
  }
@media (min-width: 480px) {
.intervenants-animation .item-intervenant
  {
  max-width: 40%;
  }
}

.intervenants-animation .item-intervenant .item-intervenant-picture
  {
  width: 65px;
  min-width: 65px;
  height: 65px;
  min-height: 65px;
  margin: 0.5em 0.5em 0.5em 0;
  border-radius: 50%;
  position: relative;
  }
.intervenants-animation .item-intervenant .item-intervenant-picture .item-intervenant-laphoto
  {
  width: 100%;
  object-fit: cover;
  border-radius: 50%;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  }
.intervenants-animation .item-intervenant .item-intervenant-details
  {
  font-weight: bold;
  }
.intervenants-animation .item-intervenant .item-intervenant-details .item-intervenant-name
  {
  margin-bottom: 10px;
  }
.intervenants-animation .item-intervenant .item-intervenant-details .item-intervenant-name span
  {
  font-size: 12pt;
  }
.intervenants-animation .item-intervenant .item-intervenant-details .item-intervenant-job span
  {
  font-size: 10pt;
  }

.clock
  {
  font-size: 12pt;
  }

.infos-supp-animation
  {
  flex: 1;
  padding: 5px 10px;
  background-color: #FF8000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  line-height: 20px;
  }
@media (max-width: 450px) {
.infos-supp-animation
  {
  text-align: justify;
  padding: 10px;
  }
}
.infos-supp-animation i
  {
  color: #FFFFFF;
  font-size: 10pt;
  }
.infos-supp-animation span
  {
  color: #FFFFFF;
  font-size: 10pt;
  font-weight: bold;
  }

@media (max-width: 1280px) {
.intervenants-animation .item-intervenant
  {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 5px;
  }
.intervenants-animation .item-intervenant:first-child
  {
  margin:0;
  }
}

@media (max-width: 1050px) {
.ligne-main-filtre
  {
  width: 100%;
  }
.ligne-main-filtre .filtre-thematique
  {
  width: 80%;
  }
.ligne-filtres
  {
  width: 100%;
  }
.ligne-filtres .filtre-date
  {
  width: 33%;
  }
.ligne-filtres .filtre-categorie
  {
  width: 33%;
  }
.ligne-filtres .filtre-invite
  {
  width: 33%;
  }
}

@media (max-width: 850px) {
.ligne-main-filtre
  {
  padding: 0 20px;
  }
.ligne-filtres
  {
  padding: 0 20px;
  }
.main-container-animations
  {
  padding: 0 20px;
  }
.main-container-animations a.main-card-animation
  {
  flex-flow: column nowrap;
  }
.main-container-animations .main-card-animation .col-infos-animation
  {
  width: 100%;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  }
.main-container-animations .main-card-animation .col-main-animation
  {
  width: 100%;
  }

.main-container-animations-thematiques
  {
  padding: 0 20px;
  }
.main-container-animations-thematiques a.main-card-animation-thematiques
  {
  flex-flow: column nowrap;
  }
.main-container-animations-thematiques .main-card-animation-thematiques .col-infos-animation-thematiques
  {
  width: 100%;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  }
.main-container-animations-thematiques .main-card-animation-thematiques .col-main-animation-thematiques
  {
  width: 100%;
  }
.title-date-deb span
  {
  font-size: 34pt;
  }
}

@media (max-width: 750px) {
.ligne-main-filtre
  {
  flex-flow: column nowrap;
  }
.ligne-main-filtre .filtre-thematique
  {
  width: 100%;
  }
.ligne-filtres
  {
  flex-flow: column nowrap;
  }
.ligne-filtres .filtre-date
  {
  width: 100%;
  margin: 0 0 15px 0;
  }
.ligne-filtres .filtre-categorie
  {
  width: 100%;
  margin: 0 0 15px 0;
  }
.ligne-filtres .filtre-invite
  {
  width: 100%;
  }
.title-date-deb span
  {
  font-size: 28pt;
  }
}

.bloc-container-no-result
  {
  width: 100%;
  height:90px;
  margin: 15px auto;
  line-height:90px;
  background-color: #FFFFFF;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-align:center;
  }
.bloc-container-no-result span
  {
  font-family: inherit;
  font-size: 24pt;
  font-weight: bold;
  }

.main-container-elem-animation
  {
  max-width: 1080px;
  margin: 25px auto;
  padding: 0 60px;
  }
.main-container-elem-animation .main-card-elem-animation
  {
  width: 100%;
  height: 100%;
  min-height: 200px;
  display: flex;
  flex-flow: column nowrap;
  border: none;
  padding: 0;
  border-radius: 10px;
  font-size: 12pt !important;
  background-color: #F0F0F0;
  text-decoration: none;
  color: #000000;
  margin-bottom: 15px;
  }
.main-container-elem-animation .main-card-elem-animation .col-infos-elem-animation
  {
  background-color: #283389;
  padding: 20px;
  color: #FFFFFF;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  }

.main-container-elem-animation .main-card-elem-animation .col-main-elem-animation
  {
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 30px;
  }

.main-container-elem-animation-thematiques
  {
  max-width: 1080px;
  margin: 25px auto;
  padding: 0 60px;
  }
.main-container-elem-animation-thematiques .main-card-elem-animation-thematiques
  {
  width: 100%;
  height: 100%;
  min-height: 200px;
  display: flex;
  flex-flow: column nowrap;
  border: none;
  padding: 0;
  border-radius: 10px;
  font-size: 12pt !important;
  background-color: #F0F0F0;
  text-decoration: none;
  color: #000000;
  margin-bottom: 15px;
  }
.main-container-elem-animation-thematiques .main-card-elem-animation-thematiques .col-infos-elem-animation-thematiques
  {
  background-color: #BD264B;
  padding: 20px;
  color: #FFFFFF;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  }

.main-container-elem-animation-thematiques .main-card-elem-animation-thematiques .col-main-elem-animation-thematiques
  {
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 30px;
  }


.elem-infos-date-lieu
  {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: baseline;
  font-weight: bold;
  }
.elem-infos-date-lieu div
  {
  display: flex;
  width: 100%;
  flex-flow: row nowrap;
  align-items: center;
  margin-bottom: 20px;
  }
.elem-title-animation
  {
  font-family: inherit;
  width: calc(100% - 35px);
  font-size: 24pt;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 35px;
  }
.elem-thematique-animation
  {
  line-height: 1.5;
  margin-bottom: 20px;
  flex: 1;
  }
.elem-thematique-animation span
  {
  font-size: 10pt;
  font-weight: bold;
  font-style: italic;
  }

.elem-thematique-animation-thematiques
  {
  line-height: 1.5;
  margin-bottom: 20px;
  flex: 1;
  }
.elem-thematique-animation-thematiques span
  {
  font-family: inherit;
  font-size: 18pt;
  font-weight: bold;
  font-style: italic;
  color: #283389;
  }

.elem-description-animation
  {
  line-height: 1.5;
  margin-bottom: 20px;
  flex: 1;
  font-weight: bold;
  text-align: justify;
  }
.elem-intervenants-animation
  {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  margin-right: 0 !important;
  margin-top: 15px;
  margin-bottom: 15px;
  white-space: pre-line;
  }
.elem-intervenants-animation a.elem-item-intervenant
  {
  width: 100%;
  max-width: 100%;
  margin-right: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  margin-right: 30px;
  max-width: calc(33.33% - 60px);
  text-decoration: none;
  color: initial;
  }
@media (min-width: 480px) {
.elem-intervenants-animation .elem-item-intervenant
  {
  max-width: 40%;
  }
}

.elem-intervenants-animation .elem-item-intervenant .elem-item-intervenant-picture
  {
  position: relative;
  width: 95px;
  min-width: 95px;
  height: 95px;
  min-height: 95px;
  margin: 0.5em 0.5em 0.5em 0;
  border-radius: 50%;
  }
.elem-intervenants-animation .elem-item-intervenant .elem-item-intervenant-picture .elem-item-intervenant-laphoto
  {
  object-fit: cover;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  }
.elem-intervenants-animation .elem-item-intervenant .elem-item-intervenant-details
  {
  font-weight: bold;
  }
.elem-intervenants-animation .elem-item-intervenant .elem-item-intervenant-details .elem-item-intervenant-name
  {
  margin-bottom: 10px;
  }
.elem-intervenants-animation .elem-item-intervenant .elem-item-intervenant-details .elem-item-intervenant-name span
  {
  font-size: 12pt;
  }
.elem-intervenants-animation .elem-item-intervenant .elem-item-intervenant-details .elem-item-intervenant-job span
  {
  font-size: 10pt;
  }

.elem-clock
  {
  font-size: 12pt;
  }

@media (max-width: 1280px) {
.elem-intervenants-animation .elem-item-intervenant
  {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 5px;
  }
.elem-intervenants-animation .elem-item-intervenant:first-child
  {
  margin:0;
  }
}

@media (max-width: 850px) {
.main-container-elem-animation
  {
  padding: 0 20px;
  }
.main-container-elem-animation .main-card-elem-animation .col-main-elem-animation
  {
  width: 100%;
  }

.main-container-elem-animation-thematiques
  {
  padding: 0 20px;
  }
.main-container-elem-animation-thematiques .main-card-elem-animation-thematiques .col-main-elem-animation-thematiques
  {
  width: 100%;
  }
}


.blocbackgrdcolor
  {
  margin-top: 45px;
  background-color: #E8E8E8;
  }
.blocbackgrdcolor .bloctopbackgrdcolor
  {
  background-image: url('../img/top.svg');
  background-size: 100% 100px;
  top: 0;
  height: 100px;
  z-index: 1;
  }
.blocbackgrdcolor .blocbottombackgrdcolor
  {
  background-image: url('../img/bottom.svg');
  background-size: 100% 100px;
  bottom: 0;
  height: 100px;
  z-index: 1;
  }

#presentation
  {
  width: 100%;
  height: auto;
  position: relative;
  }
#presentation-mobile
  {
  margin: 35px auto;
  width: 100%;
  height: auto;
  }
.img-textepresentation
  {
  margin: 0 auto;
  width: 100%;
  }
.copyright-element
  {
  position: absolute;
  right: 10px;
  bottom: 10px;
  }
.copyright-element span
  {
  font-size: 9pt;
  color: #FFFFFF;
  }
.img-textepresentation .img-texte
  {
  position: relative;
  }
.img-textepresentation .img-texte img
  {
  display: block;
  width: 100%;
  height: auto;
  }
@media screen and (min-width: 1201px) {
.img-textepresentation .textepresentation
  {
  max-width: 390px;
  right: 10%;
  position: absolute;
  padding: 20px;
  background-color: #FFFFFF;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 5px;
  line-height: 25px;
  border-color: #F9B233;
  border-width: 2px;
  border-style: none solid none none;
  box-shadow: 0 2px 3px 0 #D2D2D2;
  }
}
.img-textepresentation .textepresentation .titleapropos
  {
  display: inline-block;
  width: 100%;
  font-size: 16pt;
  text-transform: uppercase;
  line-height: 25px;
  }
.img-textepresentation .textepresentation .texteapropos
  {
  display: inline-block;
  width: 100%;
  margin-top: 10px;
  font-size: 11pt;
  font-weight: bold;
  text-align: justify;
  }
.img-textepresentation .textepresentation  .contactus
  {
  margin: 25px 0 15px 0;
  text-align: center;
  }
.img-textepresentation .textepresentation  .contactus a
  {
  display: block;
  width: 100%;
  background-color: #6EC6D5;
  text-decoration: none;
  color: #FFFFFF;
  transition: all .3s ease-in-out;
  padding: 8px 0;
  text-transform: uppercase;
  font-size: 10pt;
  font-weight: bold;
  letter-spacing: 2px;
  }
.img-textepresentation .textepresentation  .contactus a:hover
  {
  background-color: #8F8F8F;
  }

.maincontentevents
  {
  max-width: 1140px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  border: 0;
  outline: 0;
  min-width: 0;
  min-height: 0;
  box-sizing: border-box;
  vertical-align: baseline;
  z-index: 5;
  }
.maincontentevents .sectionevents
  {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: -30px;
  margin-top: 20px;
  }
.maincontentevents .sectionevents>*
  {
  margin-top: 30px;
  margin-left: 30px;
  width: calc(100% / 3 - 30px);
  text-decoration: none;
  }
[data-item="elem-event"] .elem-hover-image
  {
  padding-top: 75%;
  position: relative;
  }
.elem-hover-image img
  {
  display: block;
  max-width: 100%;
  max-height: 100%;
  border-style: none;
  }
img.elem-image
  {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  }

[data-item="elem-event"] .elem-savoirplus
  {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(0,0,0,0.75);
  color: #fff;
  font-size: 14pt;
  font-weight: bold;
  text-shadow: 0px 1px 2px rgb(0 0 0 / 20%);
  opacity: 0;
  transition: all 200ms ease-in-out;
  z-index: 55;
  }
[data-item="elem-event"]:hover .elem-savoirplus
  {
  opacity: 1;
  }
[data-item="elem-event"] .elem-savoirplus:before
  {
  content: "\0024D8";
  font-weight: 300;
  font-size: 20pt;
  font-weight: bold;
  margin-bottom: 10px;
  }
[data-item="elem-event"] .elem-sticker
  {
  position: absolute;
  top: 0;
  right: 0;
  width: 95px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  text-transform: uppercase;
  background-color: #6EC6D5;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
  z-index: 8;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.78);
  }
[data-item="elem-event"] .elem-sticker span
  {
  font-size: 9pt;
  font-weight: bold;
  color: #FFFFFF;
  }
[data-item="elem-event"] .elem-sticker-date
  {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 105px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  background-color: #6EC6D5;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
  z-index: 8;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.78);
  }
[data-item="elem-event"] .elem-sticker-date span
  {
  font-size: 9pt;
  font-weight: bold;
  color: #FFFFFF;
  }
.maincontentevents .sectionevents a .elem-texte
  {
  text-align: center;
  padding: 15px;
  background: #f2f2f2;
  }
.maincontentevents .sectionevents a .elem-texte .elem-title
  {
  font-size: 1.2em;
  font-weight: 600;
    overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #000000;
  }
.maincontentevents .sectionevents a .elem-texte>*:nth-child(n+2)
  {
  margin-top: 5px;
  }
.maincontentevents .sectionevents a .elem-texte .elem-presentation
  {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  height: 75px;
  line-height: 25px;
  overflow: hidden;
  color: #000000;
  }

.buttonbilletterie
  {
  margin: 0 auto;
  text-align: center;
  display: block;
  width: 250px;
  }
.buttonbilletterie a
  {
  display: block;
  width: 250px;
  background-color: #BAE3EB;
  text-decoration: none;
  color: #000000;
  transition: all .3s ease-in-out;
  padding: 8px 0;
  text-transform: uppercase;
  font-size: 14pt;
  font-weight: bold;
  letter-spacing: 2px;
  }
.buttonbilletterie a:hover
  {
  background-color: #6EC6D5;
  }

.buttonactiongopage
  {
  margin: 25px auto 15px auto;
  text-align: center;
  display: block;
  width: 290px;
  }
.buttonactiongopage a
  {
  display: block;
  width: 290px;
  background-color: #BAE3EB;
  text-decoration: none;
  color: #000000;
  transition: all .3s ease-in-out;
  padding: 8px 10px;
  text-transform: uppercase;
  font-size: 14pt;
  font-weight: bold;
  letter-spacing: 2px;
  }
.buttonactiongopage a:hover
  {
  background-color: #6EC6D5;
  }

.buttondevenirexposant
  {
  margin: 35px auto 0 auto;
  text-align: center;
  display: block;
  width: 300px;
  line-height: 25px;
  }
.buttondevenirexposant a
  {
  display: block;
  width: 300px;
  background-color: #BAE3EB;
  text-decoration: none;
  color: #000000;
  transition: all .3s ease-in-out;
  padding: 10px 0;
  text-transform: uppercase;
  font-size: 14pt;
  font-weight: bold;
  letter-spacing: 2px;
  }
.buttondevenirexposant a:hover
  {
  background-color: #6EC6D5;
  }

.buttonaction
  {
  margin: 45px auto 0 auto;
  text-align: center;
  }
.buttonaction a
  {
  display: inline-block;
  background-color: #BAE3EB;
  text-decoration: none;
  color: #000000;
  transition: all .3s ease-in-out;
  text-transform: uppercase;
  font-size: 14pt;
  font-weight: bold;
  letter-spacing: 2px;
  padding: 15px 25px;
  }
.buttonaction a:hover
  {
  background-color: #6EC6D5;
  }

.sectionguests
  {
  width: 90%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 25px auto 45px auto;
  }
.sectionguests .card-element
  {
  width: 25%;
  height: auto;
  padding: 20px;
  background-color: #FFFFFF;
  -webkit-border-top-left-radius: 50px;
  -webkit-border-bottom-right-radius: 50px;
  -moz-border-radius-topleft: 50px;
  -moz-border-radius-bottomright: 50px;
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  margin: 15px;
  }
.sectionguests .card-element-img
  {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  }
.sectionguests .card-element-img  img
  {
  width: 50%;
  height: auto;
  border-radius: 125px;
  box-shadow: 0 6px 26px 6px rgba(0, 0, 0, 0.25);
  }
.sectionguests .card-element-title
  {
  text-align: center;
  margin-top: 15px;
  }
.sectionguests .card-element-title span
  {
  font-size: 14pt;
  font-weight: bold;
  }
.sectionguests .card-element-description
  {
  font-size: 10pt;
  font-weight: bold;
  margin-top: 15px;
  line-height: 20px;
  text-align: justify;
  }
.sectionguests .card-element-button
  {
  display: flex;
  justify-content: center;
  text-align: center;
  margin-top: 15px;
  }
.sectionguests .card-element-button a
  {
  display: block;
  width: 80%;
  background-color: #BAE3EB;
  text-decoration: none;
  color: #000000;
  transition: all .3s ease-in-out;
  padding: 8px 0;
  text-transform: uppercase;
  font-size: 9pt;
  font-weight: bold;
  letter-spacing: 2px;
  }
.sectionguests .card-element-button a:hover
  {
  background-color: #6EC6D5;
  }

.mainsectionguests
  {
  width: 90%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  margin: 25px auto 45px auto;
  }
.mainsectionguests *
   {
   box-sizing: border-box;
   }
.mainsectionguests :where(.card-guest-element, .card-guest-element-img)
  {
  display: flex;
  align-items: center;
  }
.mainsectionguests .card-guest-element
  {
  width: 25%;
  height: auto;
  padding: 20px;
  background-color: #FFFFFF;
  border-radius: 8px;
  margin: 15px;
  flex-direction: column;
  justify-content: start;
  }
.mainsectionguests .card-guest-info-top
  {
  text-align: center;
  }
.mainsectionguests .card-guest-info-top span
  {
  color: #6A6D78;
  font-size: 1.31rem;
  font-weight: bold;
  }
.mainsectionguests .card-guest-element-img
  {
  width: 168px;
  height: 168px;
  background: #6EC6D5;
  border-radius: 50%;
  margin: 15px 0 0 0;
  justify-content: center;
  }
.mainsectionguests .card-guest-element-img  img
  {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  object-fit: cover;
  border: 4px solid #FFFFFF;
  }
.mainsectionguests .card-guest-element-title
  {
  text-align: center;
  margin-top: 15px;
  }
.mainsectionguests .card-guest-element-title span
  {
  font-size: 1.56rem;
  font-weight: bold;
  }
.mainsectionguests .card-guest-element-description
  {
  height: auto;
  margin-top: 15px;
  line-height: 20px;
  text-align: justify;
  flex: 1 1 auto;
  }
.mainsectionguests .card-guest-element-description span
  {
  color: #6A6D78;
  font-size: 0.85rem;
  font-weight: bold;
  }
.mainsectionguests .card-guest-element-button
  {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-top: 15px;
  }
.mainsectionguests .card-guest-element-button a
  {
  display: block;
  width: 90%;
  background-color: #BAE3EB;
  text-decoration: none;
  color: #000000;
  transition: all .3s ease-in-out;
  padding: 8px 0;
  text-transform: uppercase;
  font-size: 9pt;
  font-weight: bold;
  letter-spacing: 2px;
  }
.mainsectionguests .card-guest-element-button a:hover
  {
  background-color: #6EC6D5;
  }

.mainsectionexposants
  {
  width: 90%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  margin: 25px auto 45px auto;
  }
.mainsectionexposants *
   {
   box-sizing: border-box;
   }
.mainsectionexposants :where(.card-exposant-element, .card-exposant-element-img)
  {
  display: flex;
  align-items: center;
  }
.mainsectionexposants .card-exposant-element
  {
  width: 25%;
  height: auto;
  padding: 20px;
  background-color: #FFFFFF;
  border-radius: 8px;
  margin: 15px;
  flex-direction: column;
  justify-content: start;
  }
.mainsectionexposants .card-exposant-element-img
  {
  width: 168px;
  height: 168px;
  background: #6EC6D5;
  border-radius: 50%;
  margin: 15px 0 0 0;
  justify-content: center;
  }
.mainsectionexposants .card-exposant-element-img  img
  {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  object-fit: cover;
  border: 4px solid #FFFFFF;
  }
.mainsectionexposants .card-exposant-element-title
  {
  text-align: center;
  margin-top: 15px;
  }
.mainsectionexposants .card-exposant-element-title span
  {
  font-size: 1.56rem;
  font-weight: bold;
  }
.mainsectionexposants .card-exposant-element-description
  {
  height: auto;
  margin-top: 15px;
  line-height: 20px;
  text-align: justify;
  flex: 1 1 auto;
  }
.mainsectionexposants .card-exposant-element-description span
  {
  color: #6A6D78;
  font-size: 0.85rem;
  font-weight: bold;
  }
.mainsectionexposants .card-exposant-element-button
  {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-top: 15px;
  }
.mainsectionexposants .card-exposant-element-button a
  {
  display: block;
  width: 90%;
  background-color: #BAE3EB;
  text-decoration: none;
  color: #000000;
  transition: all .3s ease-in-out;
  padding: 8px 0;
  text-transform: uppercase;
  font-size: 9pt;
  font-weight: bold;
  letter-spacing: 2px;
  }
.mainsectionexposants .card-exposant-element-button a:hover
  {
  background-color: #6EC6D5;
  }

.bandeauactu
  {
  width: 70%;
  height: auto;
  margin: 35px auto;
  }
.bandeauactu .bandeauactu-date
  {
  display: flex;
  justify-content: left;
  align-items: center;
  padding-bottom: 20px;
  margin-bottom: 10px;
  border-bottom: 2px solid;
  display: inline-block;
  }
.bandeauactu .bandeauactu-date span
  {
  font-size: 24pt;
  }
.bandeauactu .bandeauactu-title
  {
  width: 100%;
  height: auto;
  text-align: left;
  margin-top: 25px;
  }
.bandeauactu .bandeauactu-title span
  {
  font-size: 16pt;
  font-weight: bold;
  }
.bandeauactu .bandeauactu-description
  {
  width: 100%;
  height: auto;
  text-align: justify;
  margin-top: 25px;
  line-height: 20px;
  }
.bandeauactu .bandeauactu-description span
  {
  font-size: 10pt;
  }
.bandeauactu .bandeauactu-img
  {
  width: auto;
  height: auto;
  margin-top: 25px;
  }
.bandeauactu .bandeauactu-img img
  {
  width: 100%;
  height: auto;
  border-radius: 10px;
  box-shadow: 0 6px 26px 6px rgb(0 0 0 / 25%);
  }

.bandeauevent
  {
  width: 70%;
  height: auto;
  margin: 115px auto;
  }
.bandeauevent .bandeauevent-date
  {
  display: flex;
  justify-content: left;
  align-items: center;
  padding-bottom: 20px;
  margin-top: 35px;
  border-bottom: 2px solid;
  display: inline-block;
  line-height: 35px;
  }
.bandeauevent .bandeauevent-date span
  {
  font-size: 20pt;
  }

/* NOUVEAU CSS POUR LA MISE EN PAGE DE L'ÉVÈNEMENT */

.bloc-event-img
  {
  width: 70%;
  height: auto;
  margin: 155px auto 0 auto;
  }
.bloc-event-img img
  {
  width: 100%;
  height: auto;
  border-radius: 10px;
  box-shadow: 0 6px 26px 6px rgb(0 0 0 / 25%);
  }
.bloc-event-date
  {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
  margin-top: 35px;
  line-height: 35px;
  }
.bloc-event-date:before
  {
  position: absolute;
  bottom: 0;
  width: 260px;
  height: 2px;
  content: "";
  background-color: #000000;
  left: 50%;
  margin-left: -132px;
  }
.bloc-event-date span
  {
  font-size: 20pt;
  }

h1
  {
  position: relative;
  padding: 0;
  margin: 0;
  font-family: inherit;
  font-weight: 300;
  font-size: 40px;
  color: #080808;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  }
h1 em
  {
  font-style: normal;
  font-weight: 600;
  }
.bloc-event-title
  {
  margin-top: 35px;
  }
.bloc-event-title h1
  {
  text-transform: uppercase;
  text-align: center;
  font-family: inherit;
  letter-spacing: 2px;
  font-size: 4.5rem;
  padding-bottom: 10px;
  }
.bloc-event-title h1:before
  {
  position: absolute;
  bottom: 0;
  width: 160px;
  height: 2px;
  content: "";
  background-color: #BD264B;
  left: 50%;
  margin-left: -79px;
  }

.bloc-event-description-main
  {
  max-width: 1280px;
  display: flex;
  flex-flow: row nowrap;
  margin: 25px auto 65px auto;
  padding: 0 20px;
  }
.bloc-event-description-img
  {
  width: 50%;
  flex: 1;
  }
.bloc-event-description-img img
  {
  width: 100%;
  height: auto;
  }
.bloc-event-description-txt
  {
  width: 50%;
  flex: 1;
  text-align: justify;
  padding-right: 30px;
  }
.bloc-event-description-txt span
  {
  font-size: 12pt;
  line-height: 25px;
  }

@media screen and (max-width: 1200px) {
.bloc-event-description-txt span
  {
  font-size: 10pt;
  line-height: 20px;
  }
}

@media screen and (max-width: 800px) {
.bloc-event-description-main
  {
  flex-flow: column nowrap;
  }
.bloc-event-description-img
  {
  width: 100%;
  margin-top: 25px;
  }
.bloc-event-description-txt
  {
  width: 100%;
  }
}

.social-media-event
  {
  width: 100%;
  flex-flow: column nowrap;
  padding: 65px 0px 70px 0px;
  }
.social-media-event h2
  {
  display: flex;
  justify-content: center;
  text-align: center;
  padding: 0 20px;
  font-weight: bold;
  font-size: 25px;
  letter-spacing: 3px;
  }
.social-media-event:nth-child(2)
  {
  margin-top: 50px;
  }
.social-media-event:nth-child(2n+1)
  {
  background-color: #fff;
  }
.social-media-event:nth-child(2n+1) h2
  {
  color: #212121;
  }
.social-media-event .button-social-media
  {
  margin-top: 35px;
  display: flex;
  justify-content: center;
  }
.social-media-event a:last-child
  {
  margin-right: 0px;
  }
.social-media-event a
  {
  text-decoration: none !important;
  color: #fff;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  margin-right: 20px;
  font-size: 25px;
  overflow: hidden;
  position: relative;
  }
.social-media-event a i
  {
  position: relative;
  z-index: 3;
  }
.social-media-event a.fb
  {
  background-color: #3b5998;
  }
.social-media-event a.tw
  {
  background-color: #00aced;
  }
.social-media-event a.g-plus
  {
  background-color: #dd4b39;
  }
.social-media-event a.dribbble
  {
  background-color: #ea4c89;
  }
.social-media-event a.pinterest
  {
  background-color: #cb2027;
  }
.social-media-event a.insta
  {
  background-color: #bc2a8d;
  }
.social-media-event a.in
  {
  background-color: #007bb6;
  }
.social-media-event a.vimeo
  {
  background-color: #1ab7ea;
  }
.social-media-event.forme-rond a
  {
  transition: border-top-left-radius 0.1s linear 0s, border-top-right-radius 0.1s linear 0.1s, border-bottom-right-radius 0.1s linear 0.2s, border-bottom-left-radius 0.1s linear 0.3s;
  }
.social-media-event.forme-rond a:hover
  {
  border-radius: 50%;
  }

.wrapper-grille
  {
  max-width: 1280px;
  margin: 25px auto;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 15px;
  padding: 0 10px;
  }
.wrapper-grille a.elem-bloc
  {
  width: calc(33.33% - 10px);
  height: auto;
  text-decoration: none;
  position: relative;
  cursor: pointer;
  }
.wrapper-grille a.elem-bloc .elem-bloc-img
  {
  display: block;
  width: 100%;
  height: auto;
  }
.elem-bloc-title
  {
  position: absolute;
  left: 0;
  bottom: 45px;
  width: auto;
  height: auto;
  background-color: #283389;
  padding: 5px 20px;
  }
.elem-bloc-title span
  {
  font-family: inherit;
  font-size: 34pt;
  font-weight: bold;
  color: #FFFFFF;
  letter-spacing: 5px;
  }
.elem-bloc-overlay
  {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA;
  }
.wrapper-grille a.elem-bloc:hover .elem-bloc-overlay
  {
  opacity: 1;
  }
.elem-bloc-text
  {
  color: white;
  font-size: 14pt;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  line-height: 25px;
  }
@media screen and (max-width: 980px) {
.wrapper-grille
  {
  gap: 10px;
  }
.wrapper-grille a.elem-bloc
  {
  width: calc(50% - 5px);
  }
}
@media screen and (max-width: 640px) {
.wrapper-grille
  {
  gap: 15px 0;
  }
.wrapper-grille a.elem-bloc
  {
  width: 100%;
  }
.elem-bloc-text
  {
  font-size: 13pt;
  line-height: 20px;
  }
}

.bloc-event-infos-supp
  {
  max-width: 1280px;
  display: flex;
  flex-flow: row nowrap;
  margin: 95px auto 25px auto;
  padding: 0 20px;
  }
.bloc-event-infos-supp-img
  {
  width: 50%;
  flex: 1;
  }
.bloc-event-infos-supp-img img
  {
  width: 100%;
  height: auto;
  }
.bloc-event-infos-supp-txt
  {
  width: 50%;
  flex: 1;
  text-align: justify;
  padding-left: 30px;
  }
.bloc-event-infos-supp-txt span
  {
  font-size: 12pt;
  font-weight: bold;
  line-height: 25px;
  }

@media screen and (max-width: 1200px) {
.bloc-event-infos-supp-txt span
  {
  font-size: 10pt;
  line-height: 20px;
  }
}

@media screen and (max-width: 800px) {
.bloc-event-infos-supp
  {
  flex-flow: column nowrap;
  }
.bloc-event-infos-supp-img
  {
  width: 100%;
  }
.bloc-event-infos-supp-txt
  {
  width: 100%;
  margin-top: 25px;
  padding-left: 0;
  }
}



/* FIN NOUVEAU CSS POUR LA MISE EN PAGE DE L'ÉVÈNEMENT */

.bandeauevent .bandeauevent-description
  {
  width: 100%;
  height: auto;
  text-align: justify;
  margin-top: 25px;
  line-height: 20px;
  }
.bandeauevent .bandeauevent-description span
  {
  font-size: 10pt;
  font-weight: bold;
  }
.bandeauevent .bandeauevent-img
  {
  width: 100%;
  height: auto;
  }
.bandeauevent .bandeauevent-img img
  {
  width: 100%;
  height: auto;
  border-radius: 10px;
  box-shadow: 0 6px 26px 6px rgb(0 0 0 / 25%);
  }

.bandeauplans
  {
  width: 70%;
  height: auto;
  margin: 35px auto;
  }
.bandeauplans img
  {
  width: 100%;
  height: auto;
  border-radius: 10px;
  box-shadow: 0 6px 26px 6px rgb(0 0 0 / 25%);
  }


#bandeaupartenaires
  {
  display: flex;
  justify-content: space-around;
  margin: 25px 0;
  width: 100%;
  height: auto;
  }
.btnblocpartenaire
  {
  width: 15%;
  height: auto;
  }
.btnblocpartenaire a:hover
  {
  opacity: 0.6;
  transition: opacity 400ms;
  }
.btnblocpartenaire img
  {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 800px 800px 800px 800px;
  overflow: hidden;
  margin: auto;
  }

#bandeaulespartenaires
  {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 25px 0;
  width: 100%;
  height: auto;
  }
.btnbloclepartenaire
  {
  width: 10%;
  height: auto;
  margin: 0 45px 0 0;
  }
.btnbloclepartenaire a:hover
  {
  opacity: 0.6;
  transition: opacity 400ms;
  }
.btnbloclepartenaire img
  {
  display: block;
  width: 100%;
  height: auto;
  margin: auto;
  }

#img-groupe-la-source
  {
  width: 225px;
  height: 77px;
  margin: 65px auto 15px auto;
  }
#img-groupe-la-source:hover
  {
  opacity: 0.6;
  transition: opacity 400ms;
  }
#img-by-groupe-la-source
  {
  width: 250px;
  height: 21px;
  margin: 0 auto 35px auto;
  }

.btnenvoimessage
  {
  width: 310px;
  height: 50px;
  line-height: 50px;
  margin: 35px auto 0 auto;
  float: right;
  }
.btnenvoimessage a
  {
  display: block;
  width: 310px;
  height: 50px;
  background-color: #6EC6D5;
  font-size: 16pt;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  line-height: 50px;
  text-align: center;
  transition: all .4s ease-in-out;
  letter-spacing: 3px;
  }
.btnenvoimessage a:hover
  {
  background-color: #8F8F8F;
  color: #FFFFFF;
  }

#contactbloc
  {
  width: 80%;
  height: 100%;
  margin: 0 auto;
  }
#contactbloc #leftbloccontact
  {
  width: 20%;
  height: auto;
  float: left;
  }
#contactbloc #leftbloccontact .iconecenter
  {
  margin: 0 auto 10px auto;
  width: 60px;
  transition: transform 300ms ease 0ms;
  text-align: center;
  }
#contactbloc #leftbloccontact .iconecenter span
  {
  display: inline-block;
  position: relative;
  max-width: 100%;
  }
#contactbloc #leftbloccontact .textecenter
  {
  width: 100%;
  height: auto;
  text-align: center;
  margin-bottom: 10px;
  line-height: 16pt;
  }
#contactbloc #leftbloccontact .textecenter span
  {
  font-weight: bold;
  }
#contactbloc #rightbloccontact
  {
  width: 75%;
  height: auto;
  float: right;
  }
#contactbloc #rightbloccontact .mainsstitle { width: 100%; height: 100%; font-size: 15pt; font-weight: bold; text-align: left; color: #D72519; }
#contactbloc #rightbloccontact .frmchampleft
  {
  float: left;
  width: 48%;
  height: auto;
  margin-top: 15px;
  }
#contactbloc #rightbloccontact .frmchampright
  {
  float: right;
  width: 48%;
  height: auto;
  margin-top: 15px;
  }
#contactbloc #rightbloccontact .frmcaptcha
  {
  width: 303px;
  margin: 15px auto 0 auto;
  float: left;
  }

#reseauxsociaux
  {
  display: flex;
  justify-content: center;
  width: 80%;
  height: auto;
  margin: 125px auto 0 auto;
  gap: 25px;
  }
#reseauxsociaux .btnreseau
  {
  width: 60px;
  height: 60px;
  }
#reseauxsociaux .btnreseau img
  {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity 400ms;
  transition-delay: 0ms;
  border-radius: 800px 800px 800px 800px;
  overflow: hidden;
  margin: auto;
  }
#reseauxsociaux .btnreseau a:hover img
  {
  opacity: 0.6;
  }

#imgtel
  {
  display: none;
  }
#imgteltablette
  {
  display: none;
  }
a.lienontel:hover
  {
  opacity: 0.6;
  }
.mentionsobligatoires
  {
  width: 100%;
  height: auto;
  margin: 10px 0;
  text-align: center;
  }
.btnsubmit
  {
  width: 180px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: 25px auto 20px auto;
  }
.btnsubmit a
  {
  display: block;
  width: 180px;
  height: 40px;
  background-color: #FFFFFF;
  border: 2px solid #C99E67;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #C99E67;
  text-decoration: none;
  font-size: 14pt;
  font-weight: bold;
  }
.btnsubmit a:hover
  {
  background-color: #C99E67;
  color: #FFFFFF;
  }
.blocConfirme
  {
  width: 30%;
  height: auto;
  margin: 15px auto;
  border: 1px solid #008000;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  padding: 10px;
  background-color: #F2FFF2;
  text-align: center;
  }
.blocConfirme span
   {
   color: #008000;
   font-weight: bold;
   font-size: 14pt;
   }
.blocErreur
  {
  width: 45%;
  height: auto;
  margin: 20px auto;
  border: 2px solid #E60000;
  background-color: #F5F5F5;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  text-align: center;
  padding: 10px;
  line-height: 20px;
  }
.blocErreur span
  {
  color: #E60000;
  font-weight: bold;
  font-size: 12pt;
  }

.sectionnotregroupe
  {
  width: 90%;
  height: auto;
  display: flex;
  justify-content: space-around;
  margin: 0 auto;
  }
.sectionnotregroupe .card-element
  {
  width: 20%;
  height: auto;
  padding: 20px;
  background: rgb(243,243,243);
  background: linear-gradient(45deg, rgba(243,243,243,1) 0%, rgba(241,241,241,1) 50%, rgba(221,221,221,1) 100%);
  -webkit-border-top-left-radius: 50px;
  -webkit-border-bottom-right-radius: 50px;
  -moz-border-radius-topleft: 50px;
  -moz-border-radius-bottomright: 50px;
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  }
.sectionnotregroupe .card-element-img
  {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  }
.sectionnotregroupe .card-element-img  img
  {
  width: 50%;
  height: auto;
  border-radius: 95px;
  box-shadow: 0 6px 26px 6px rgba(0, 0, 0, 0.25);
  }
.sectionnotregroupe .card-element-title
  {
  text-align: center;
  margin-top: 15px;
  }
.sectionnotregroupe .card-element-title span
  {
  font-size: 14pt;
  font-weight: bold;
  }
.sectionnotregroupe .card-element-description
  {
  font-size: 10pt;
  font-weight: bold;
  margin-top: 15px;
  }
.sectionnotregroupe .card-element-button
  {
  display: flex;
  justify-content: center;
  text-align: center;
  margin-top: 15px;
  }
.sectionnotregroupe .card-element-button a
  {
  display: block;
  width: 80%;
  background-color: #D7D5EE;
  text-decoration: none;
  color: #000000;
  transition: all .3s ease-in-out;
  padding: 8px 0;
  text-transform: uppercase;
  font-size: 9pt;
  font-weight: bold;
  letter-spacing: 2px;
  }
.sectionnotregroupe .card-element-button a:hover
  {
  background-color: #BAB6E4;
  }

#tbfaq
  {
  width: 80%;
  height: auto;
  margin: 0 auto;
  }
#tbfaq .firstcol
  {
  width: 35px;
  height: 70px;
  text-align: center;
  vertical-align: middle;
  font-size: 50pt;
  font-weight: bold;
  line-height: 50px;
  }
#tbfaq a.lienonfaq
  {
  text-decoration: none;
  color: #000000;
  cursor: pointer;
  }
#tbfaq .secondcol
  {
  width: auto;
  height: 70px;
  text-align: justify;
  vertical-align: middle;
  font-size: 16pt;
  font-weight: 900;
  padding: 0 10px;
  line-height: 50px;
  }
#tbfaq .maincolrep
  {
  width: auto;
  height: auto;
  text-align: justify;
  vertical-align: middle;
  font-size: 14pt;
  font-weight: bold;
  line-height: 35px;
  padding: 0 6px 15px 6px;
  }
#tbfaq .lignemobile
  {
  display: table-row;
  width: auto;
  height: 1px;
  }
#tbfaq .lignemobile>td
  {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #000000;
  }

.frm-ask-exposant
  {
  width: 70%;
  height: auto;
  margin: 15px auto;
  }
.frm-ask-exposant-libelle
  {
  width: 100%;
  height: auto;
  margin-bottom: 5px;
  }
.frm-ask-exposant-libelle span
  {
  font-size: 12pt;
  font-weight: bold;
  }
.frm-ask-exposant-input input
  {
  width: 100%;
  height: 45px;
  border: 0;
  font-size: 12pt;
  font-weight: bold;
  background-color: #F3F3F3;
  margin-bottom: 15px;
  }

.btn-submit-frm
  {
  display: block;
  width: 320px;
  text-align: center;
  background-color: #6EC6D5;
  color: #FFFFFF;
  font-family: "Roboto", sans-serif;
  letter-spacing: 3px;
  font-size: 16pt;
  font-weight: bold;
  cursor: pointer;
  border: none;
  margin: 35px auto 0 auto;
  padding: 15px;
  line-height: 30px;
  }
.btn-submit-frm:hover
  {
  background-color: #8F8F8F;
  }

.msg-confirmation-ok
  {
  width: 70%;
  height: auto;
  margin: 25px auto;
  border: 1px solid #454545;
  padding: 10px;
  background-color: #CEFFCE;
  }
.msg-confirmation-ok .first-info
  {
  color: #008000;
  font-weight: bold;
  font-size: 16pt;
  text-align: center;
  }
.msg-confirmation-ok .others-info
  {
  color:#464646;font-weight:bold;font-size:11pt;text-align:center;
  }

.bloc-selectprogramme
  {
  display: flex;
  justify-content: center;
  align-items : center;
  padding: 0 15px;
  margin: 0 0 35px 0;
  }
input[type="radio"].selectprogramme
  {
  display: none;
  }
input[type="radio"].selectprogramme + label
  {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.5;
  border-radius: 0.3rem;
  color: #fff;
  border: 1px solid transparent;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
  margin: 0 15px 0 0;
  }
input[type="radio"].selectprogramme + label:last-child
  {
  margin: 0;
  }

input[type="radio"].selectprogramme.selectprogrammeall + label
  {
  background-color: #10D2FC;
  }
input[type="radio"].selectprogramme.selectprogrammeall:hover + label
  {
  background-color: #FFFFFF;
  color: #10D2FC;
  border-color: #10D2FC;
  }
input[type="radio"].selectprogramme.selectprogrammeall:checked + label
  {
  background-color: #FFFFFF;
  color: #10D2FC;
  border-color: #10D2FC;
  }

input[type="radio"].selectprogramme.selectprogrammeconf + label
  {
  background-color: #0078F0;
  }
input[type="radio"].selectprogramme.selectprogrammeconf:hover + label
  {
  background-color: #FFFFFF;
  color: #0078F0;
  border-color: #0078F0;
  }
input[type="radio"].selectprogramme.selectprogrammeconf:checked + label
  {
  background-color: #FFFFFF;
  color: #0078F0;
  border-color: #0078F0;
  }

input[type="radio"].selectprogramme.selectprogrammeatelier + label
  {
  background-color: #004080;
  }
input[type="radio"].selectprogramme.selectprogrammeatelier:hover + label
  {
  background-color: #FFFFFF;
  color: #004080;
  border-color: #004080;
  }
input[type="radio"].selectprogramme.selectprogrammeatelier:checked + label
  {
  background-color: #FFFFFF;
  color: #004080;
  border-color: #004080;
  }

.bloc-videoguests
  {
  width: 70%;
  height: auto;
  margin: 35px auto;
  }
.bloc-videoguests #videoguests
  {
  z-index: 50;
  width: 100%;
  height: auto;
  }
@media (min-aspect-ratio: 16/9)
  {
  .bloc-videoguests #videoguests
    {
    width: 100%;
    height: auto;
    }
  }

@media screen and (max-width: 800px) {
  .bloc-videoguests {
    width: 80%;
  }
}

@media screen and (max-width: 640px) {
  .bloc-videoguests {
    width: 100%;
  }
}

#footer
  {
  width: 100%;
  height: auto;
  margin: 30px auto 35px auto;
  text-align: center;
  font-size: 12pt;
  color: #000000;
  font-weight: bold;
  line-height: 25px;
  }
#footer a
  {
  color: #373736;
  text-decoration: none;
  }
#footer a:hover
  {
  text-decoration: underline;
  }
#mentionslegales
  {
  max-width: 1140px;
  height: auto;
  margin: 0 auto;
  text-align: justify;
  font-size: 12pt;
  margin-top: 55px;
  }
#mentionslegales .titlesschapitres
  {
  font-size: 14pt;
  font-weight: bold;
  text-align: left;
  color: #D72519;
  }
#scrollUp
  {
  position: fixed;
  bottom : 20px;
  right: -100px;
  opacity: 0.5;
  z-index: 99999;
  }

#logoerreur404
  {
  display: flex;
  width: 150px;
  height: 59px;
  margin: 30px auto 15px auto;
  }

/* Animation */

@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

.animatedFadeInUp {
    opacity: 0
}

.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@-moz-keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-100px);
        -moz-transform: translatex(-100px);
        -o-transform: translatex(-100px);
        transform: translatex(-100px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
.in-left {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-duration:1s;
    animation-delay: 1s;
}

@keyframes fadeInLeftMiOpacity {
    from {
        opacity:0;
        -webkit-transform: translatex(-100px);
        -moz-transform: translatex(-100px);
        -o-transform: translatex(-100px);
        transform: translatex(-100px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
.in-left-mi-opacity {
    -webkit-animation-name: fadeInLeftMiOpacity;
    -moz-animation-name: fadeInLeftMiOpacity;
    -o-animation-name: fadeInLeftMiOpacity;
    animation-name: fadeInLeftMiOpacity;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-duration:1s;
    animation-delay: 1s;
}


.clear { clear: both; }
@media only screen and (min-width: 1201px)
  {
  #mobilenav, #logomobile, #logomobileevent, #imgtelfixetablette, nav, .videofirst, .mainheader, .btnbilletteriemobile, .btnbilletterietablette { display: none; }
  }