@charset "UTF-8";
:root {
  /*		var successBoxColor = "00c853"; // Background color for the success box
				var errorBoxColor = "f12e00"; // Background color for the success box
				var successBoxBorderStyle = "solid"; // Border Style  -  Example: solid, dotted, dashed, double
				var successBox_Border_Color = "00c853"; // Border color for success box
				var textColor = "fff"; // text color for success box
*/
  --color-box-success-bg: var(--_color---background--success, #00c853);
  --color-box-success-border: #00c853;
  --color-box-error-bg: #f12e00;
  --color-box-error-border: #f12e00;
  --color-box-success-text: #1d1d1d;
  --color-box-error-text: #fff;
  --color-error: var(--_color-system---error-dark, #FF2636);
  --color-success: var(--_color-system---success-dark, #25C696);

  --color-primary: var(--_color---background--primary, #7da3e8);
  --color-secondary: var(--_color---background--secondary, #d4ff94);
  --color-tertiary: var(--_color---background--tertiary, #0d6e4d);
  --color-dark: var(--_color---background--dark, #083b26);
  --color-light: var(--_color---neutral--light, #e1ebe7);
  --color-dull: var(--_color---neutral--base, #b9c5c0);
  --color-grey: var(--_color---neutral--dark, #737f7a);
  --color-white: var(--_color---neutral--white, #ffffff);
  --color-black: var(--_color---neutral--black, #0a291d);
  --color-accent:var(--_color---orange--base, #fa5e00);

  --font-base: var(--_typo---font-family--font-txt, "Open Sans", sans-serif);
  --font-alt: var(--_typo---font-family--font-title, "Oswald", sans-serif);
  --font-awesome: var(--_typo---font-family--font-icon, FontAwesome);

  --typo-size-regular: var(--_typo---font-size--regular, 1rem);
  --typo-size-medium: var(--_typo---font-size--medium, 1.15rem);
  --typo-size-small: var(--_typo---font-size--small, 0.85rem);
  --typo-size-large: var(--_typo---font-size--large, 1.5rem);
  --typo-size-tiny: var(--_typo---font-size--tiny, 0.75rem);
  --typo-size-h1: var(--_typo---font-size--h1, 2.5rem);
  --typo-size-h2: var(--_typo---font-size--h2, 2rem);
  --typo-size-h3: var(--_typo---font-size--h3, 1.75rem);
  --typo-size-h4: var(--_typo---font-size--h4, 1.5rem);
  --typo-size-h5: var(--_typo---font-size--h5, 1.25rem);
  --typo-size-h6: var(--_typo---font-size--h6, 1rem);
  --typo-size-display: var(--_typo---font-size--display, 3rem);
  --typo-size-menu: var(--_typo---font-size--menu, 1rem);
  --typo-size-submenu: var(--_typo---font-size--submenu, 0.9rem);
  --typo-size-topmenu: var(--_typo---font-size--topmenu, 1rem);
  --typo-size-button: var(--_typo---font-size--button, 1rem);

  --typo-line-regular: var(--_typo---line-height--regular, 1.5);
  --typo-line-medium: var(--_typo---line-height--medium, 1.4);
  --typo-line-small: var(--_typo---line-height--small, 1.3);
  --typo-line-large: var(--_typo---line-height--large, 1.6);
  --typo-line-tiny: var(--_typo---line-height--tiny, 1.2);
  --typo-line-h1: var(--_typo---line-height--h1, 1.2);
  --typo-line-h2: var(--_typo---line-height--h2, 1.3);
  --typo-line-h3: var(--_typo---line-height--h3, 1.3);
  --typo-line-h4: var(--_typo---line-height--h4, 1.4);
  --typo-line-h5: var(--_typo---line-height--h5, 1.4);
  --typo-line-h6: var(--_typo---line-height--h6, 1.4);
  --typo-line-display: var(--_typo---line-height--display, 1.1);
  --typo-line-menu: var(--_typo---line-height--menu, 1.3);
  --typo-line-submenu: var(--_typo---line-height--submenu, 1.3);
  --typo-line-topmenu: var(--_typo---line-height--topmenu, 1.3);
  --typo-line-button: var(--_typo---line-height--button, 1.3);

  --typo-weight-regular: var(--_typo---font-weight--font-text-regular, 400);
  --typo-weight-bold: var(--_typo---font-weight--font-text-bold, 700);
  --typo-weight-title: var(--_typo---font-weight--font-title-weight, 600);
  --typo-weight-menu: var(--_typo---font-weight--menu-weight, 500);
  --typo-weight-submenu: var(--_typo---font-weight--submenu-weight, 400);
  --typo-weight-topmenu: var(--_typo---font-weight--topmenu-weight, 500);
  --typo-weight-button: var(--_typo---font-weight--button-weight, 600);

  --border-radius: var(--box--border-radius, 1rem);


  --_color-bg-background-alternate: var(--_color---background--alternate, rgb(243.55, 243.55, 243.55));


  /* Auto-generated from bp.css */
  --color-ccc: #ccc;
  --color-263238: #263238;
  --color-0084cc: #0084cc;
  --color-00b6c9: #00b6c9;
  --color-ef5350: #ef5350;
  --color-404040: #404040;
  --color-rgb-bg: rgb(52, 124, 93.6);
  --color-rgb-bg-200: rgb(200.8357142857, 38.8714285714, 25.9142857143);
  --color-rgb-bg-73: rgb(73.25, 73.25, 73.25);
  --color-rgb-bg-209: rgb(209.2, 209.2, 209.2);
  --color-rgb-bg-146: rgb(146.44, 146.44, 146.44);
  --color-rgb-bg-245: rgb(245.84, 245.84, 245.84);
  --color-rgb-0-0-0: rgb(0, 0, 0);
  --color-rgba-255-border: rgba(255, 255, 255, 0);
  --color-rgba-26-26-26-0_1: rgba(26, 26, 26, 0.1);
  --color-rgba-26-26-26-0_55: rgba(26, 26, 26, 0.55);
  --color-rgba-0-0-0-0_5: rgba(0, 0, 0, 0.5);
  --color-rgba-255-border_1: rgba(255, 255, 255, 0.1);
  --color-rgba-26-26-26-0_3: rgba(26, 26, 26, 0.3);
  --color-rgba-255-border_2: rgba(255, 255, 255, 0.2);
  --color-rgba-255-border_7: rgba(255, 255, 255, 0.7);
  --color-rgba-255-border_9: rgba(255, 255, 255, 0.9);
  --color-rgba-$white-0_6: rgba($white, 0.6);
  --color-rgba-255-255-255-_2: rgba(255,255,255,.2);
  --color-rgba-0-0-0-1: rgba(0, 0, 0, 1);
  --color-rgba-255-border_8: rgba(255, 255, 255, 0.8);
  --color-rgba-239-83-80-0_7: rgba(239, 83, 80, 0.7);
  --color-rgba-33-150-243-0_7: rgba(33, 150, 243, 0.7);
  --color-rgba-38-50-56-0_8: rgba(38, 50, 56, 0.8);
  --color-rgba-26-26-26-0_5: rgba(26, 26, 26, 0.5);
  --color-rgba-26-26-26-0_2: rgba(26, 26, 26, 0.2);
  --color-rgba-26-26-26-0_8: rgba(26, 26, 26, 0.8);
  --color-rgba-26-26-26-0_4: rgba(26, 26, 26, 0.4);
}
.fa-2x {
  font-size: 1rem;
}
.directive {
  font-family: var(--font-base);
  font-size: var(--typo-size-regular);
  display: block;
}
.txt-petit {
  font-family: var(--font-base);
  font-size: var(--typo-size-small);
}
.link-show-choix {
  color:var(--color-accent);
  text-decoration: underline;
  cursor: pointer;
}
.link-show-choix:hover {
  color:var(--color-secondary);
}
.text-link {
  color: var(--color-primary);
  text-decoration: underline;
}
.text-link:hover{
  color: var(--color-tertiary);
  text-decoration: underline;
}
:focus, :active {
  outline: none !important;
}

section.nospacebottom .container {
  padding-bottom: 3em;
}

section.nospace .container {
  padding: 0;
}

#preloader {
  background-color: var(--color-white);
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

#preloader img {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 50%;
  right: auto;
  margin: -64px 0 0 -64px;
}

.container-wide {
  width: 100%;
  padding: 0;
  margin: 0;
}

.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
  transform: translate3d(0px, 0px, 0px);
  display: none;
  position: relative;
}

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoheight {
  transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
  float: left;
}

.owl-controls .owl-page, .owl-controls .owl-buttons div {
  cursor: pointer;
}

.owl-controls {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}

.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center;
}

.owl-theme .owl-controls .owl-buttons div {
  color: var(--color-white);
  display: inline-block;
  zoom: 1;
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  text-decoration: none;
}

.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
}

.owl-theme .owl-controls .owl-page span {
  opacity: 0.5;
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
}

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
  opacity: 1;
}

.headingIcon {
  display: block;
  margin: 10px auto;
  position: relative;
  min-width: 80px;
  text-align: center;
  padding: 0; /*0.65em;*/
  width: 80px;
  height: 80px;
  background: var(--color-white);
  font-size: 45px;
  border-radius: 80px;
  line-height: 0;
}
.headingIcon i, .headingIcon i.white {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: inherit !important;
  filter: alpha(opacity=70);
  color: var(--color-secondary);
}

.headingIcon i {
  margin: 0;
}

.headingIcon + h3 {
  margin-bottom: 1.5em;
}

.headingIcon.white i, section:hover .headingIcon.white i {
  color: var(--color-white);
}

.headingIcon.white::before, .headingIcon.white::after {
  background-color: var(--color-white);
}

section:hover .headingIcon i {
  opacity: 1;
}

.hex {
  display: inline-block;
  overflow: hidden;
  margin: 3em 0 1.5em;
  width: 14em;
  height: 12.124em;
  font-size: 1em;
}

.hex *, .hex *:before {
  display: block;
  width: inherit;
  height: inherit;
}

.hex-inner {
  position: relative;
  overflow: hidden;
}

.hex-inner:before {
  background-color: var(--color-rgba-255-border, rgba(255, 255, 255, 0));
  content: "";
}

.hex-inner span {
  display: block;
  font-size: 3.35em;
  margin: 0 auto;
  line-height: 3.15em;
}

.hex:first-child {
  margin-left: 0;
}

.hex-inner strong {
  display: block;
  font-size: 16px;
  padding: 0.45em 0.2em 0;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 5px;
}

.hex-inner span, .hex-inner strong, .hex.sm .hex-inner i {
  position: absolute;
  top: 0;
}

.hex.xs .hex-inner i {
  position: absolute;
  top: 50%;
  margin: 0;
  line-height: 0;
}

.hex-inner strong {
  position: absolute;
  top: 50%;
}

.hex.sm {
  border-radius: 50%;
  width: 7.65em;
  height: 7.65em;
  margin-top: 1em;
  margin-bottom: 0;
}

.hex.sm .hex-inner img {
  border-radius: 0;
  position: absolute;
  text-align: center;
  top: 17px;
  left: 34px;
  max-width: 60px;
  height: auto;
}

.hex.xs .hex-inner img {
  border-radius: 0;
  position: absolute;
  text-align: center;
  top: 12px;
  left: 20px;
  max-width: 30px;
  height: auto;
}

.hex.sm .hex-inner i {
  display: block;
  font-size: 3.65em;
  line-height: 2.15em;
  margin: 0 auto;
  top: 0;
  text-align: center;
}

.hex.xs {
  border-radius: 50%;
  width: 4.25em;
  height: 4.25em;
}

.hex.xs .hex-inner i {
  display: block;
  font-size: 30px;
  margin: 0 auto;
  text-align: center;
}

.hex-inner.second i, .hex-inner.prime i {
  color: var(--color-white);
}

.holder {
  top: auto;
  right: 0;
  bottom: 3em;
  left: 0;
  position: absolute;
  width: 2.5em;
  height: 4.35em;
  z-index: 99;
  margin: 0 auto;
  border: 2px solid var(--color-white);
}

.moreArrow {
  display: block;
  font-size: 1em;
  color: var(--color-white);
  text-align: center;
  margin: 0 auto;
}

/* ::-moz-selection {
  color: var(--color-white);
  background-color: var(--color-dark);
}

::selection {
  color: var(--color-white);
  background-color: var(--color-dark);
} */

ul.liste-date {
  margin: 3rem 0 0 0;
  padding: 0;
  text-align: center;
}

ul.liste-date li {
  list-style-type: none;
  display: inline-block;
  margin: 0 5px 2rem 0;
  padding: 0;
  width: 22%;
  font-size: 1.4rem;
  line-height: 1.6rem;
  text-align: center;
  color: var(--color-white);
  vertical-align: top;
}

ul.liste-date li .zonetxt {
  padding: 0 10px;
  color: var(--color-white);
  font-size: 1.4rem;
  line-height: 1.6rem;
  text-align: center;
  display: block;
}

ul.liste-date li .contour-date {
  background-color: var(--color-dark);
  color: var(--color-white);
  min-height: 115px;
  list-style-type: none;
  position: relative;
  padding: 20px 10px;
  font-size: 1.4rem;
  line-height: 1.6rem;
  text-align: center;
  margin-bottom: 1em;
  display: block;
  vertical-align: middle;
}

ul.liste-date li .contour-date:before {
  content: "\f0d7";
  font-family: "FontAwesome";
  font-size: 3rem;
  position: absolute;
  bottom: -0.9rem;
  left: 50%;
  margin-left: -0.28em;
  display: block;
  color: var(--color-dark);
}

/* ================================= */
/* ------------ COUNTER ------------ */
/* ================================= */
/*.styled {
	display: block;
	height: 100%;
	width: 100%;
	text-align: center;
}*/
/*
.styled div span {
	font-weight: 600;
}*/
/*.counter i {
	position: relative;
	margin: 0;
}*/
/* ================================= */
/* ----------- EVENT DATA --------- */
/* ================================= */
#event .hex.sm {
  float: left;
  margin-right: 1.5em;
}

#event .info {
  float: left;
}

#event h3, #event h2, #event p {
  margin: 0.35em 0;
  line-height: 1em;
  color: var(--color-white);
}

#event p {
  line-height: 1.5em;
  font-size: 1.3em;
}

/* ================================= */
/* ----------- FEATURE BOX --------- */
/* ================================= */
/*.featureBox {
	display: block;
	position: relative;
	overflow: hidden;
}*/
/* ================================= */
/* ----------- SCHEDULE ------------ */
/* ================================= */
/*
#schedule .carousel-inner {
	padding: 0 40px;
}*/
/*#schedule .carousel-indicators {
	//position: relative;
	//bottom: 0;
	//margin-left: 0;
	//left: auto;
	//width: 100%;
	//margin-bottom: 1.35em;
}*/
/*
#schedule .carousel-indicators li {
	background-color:  $white;
	border-radius:  0;
	position: relative;
	display: inline-block;
	border: 3px solid $white;
	margin: 0 0.35em 1em;
	width: 2.65em;
	min-height: 2.65em;
	text-indent: 0;
	padding: 0 0.15em 1.65em;
	font-size: 2.15em;
	text-align: center;
}


#schedule .carousel-indicators li.active::before {
	content: '\f0d7';
	font-family: 'FontAwesome';
	font-size: 1.5em;
	position: absolute;
	bottom: -0.65em;
	left: 50%;
	margin-left: -0.28em;
	display: block;
}
#schedule .carousel-indicators li span {
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
	position: absolute;
	font-weight: bold;
	text-align: center;
	padding: 0 3px;
	color: $white;
	max-width: 100%;
}
*/
#speakers .fiches-colonnes .item ul,
.speakers .fiches-colonnes .item ul {
  padding-right: 0;
  padding-left: 0;
}

#speakers .fiches-colonnes .item,
.speakers .fiches-colonnes .item {
  width: 49%;
  margin: 0 2% 1.8em 0;
  display: inline-block;
  vertical-align: top;
  padding: 0;
}
@media only screen and (min-width: 1200px) {
  #speakers .fiches-colonnes .item,
  .speakers .fiches-colonnes .item {
    float: left;
  }
  #speakers .fiches-colonnes .item:last-child,
  .speakers .fiches-colonnes .item:last-child {
    float: none;
    clear: both;
  }
  #speakers .fiches-colonnes .item:nth-child(odd),
  .speakers .fiches-colonnes .item:nth-child(odd) {
    clear: both;
  }
  #speakers .fiches-colonnes .item:nth-child(even),
  .speakers .fiches-colonnes .item:nth-child(even) {
    float: left;
    margin-right: 0;
    clear: none;
  }
}
#speakers .fiches-colonnes .item h4 .subtitle,
.speakers .fiches-colonnes .item h4 .subtitle {
  display: block;
  font-size: 14px;
  color: var(--color-secondary);
  text-transform: none;
  font-family: var(--font-base);
  font-weight: 400;
  letter-spacing: normal;
}

.block-vote {
  margin: 0;
  display: inline-block;
}
.block-vote i,
.block-vote em {
  margin-right: 0;
  margin-left: 4px;
}
#speakers .fiches-colonnes .item .block-vote .meta {
  font-size: 22px;
  color: var(--color-grey);
}
.block-vote .votebtn {
  margin: 0;
}

#speakers .fiches-colonnes .item .meta,
.speakers .fiches-colonnes .item .meta {
  color: var(--color-grey);
  font-size: 26px;
}

.list-col {
  text-align: left;
  margin: 3rem 0 0 0;
  padding: 0;
}

.list-col .item-list {
  display: inline-block;
  margin: 0 1% 2rem 1%;
  padding: 0;
  width: 22%;
  text-align: left;
  vertical-align: top;
}

@media only screen and (max-width: 1199px) {
  .list-col .item-list {
    width: 31%;
  }
  #speakers .fiches-colonnes .item,
  .speakers .fiches-colonnes .item {
    width: 48%;
    margin: 0 2% 1.7em 0;
  }
  #speakers .fiches-colonnes .item:nth-child(3n),
  .speakers .fiches-colonnes .item:nth-child(3n) {
    margin-right: 2%;
  }
  #speakers .fiches-colonnes .item:nth-child(2n),
  .speakers .fiches-colonnes .item:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .list-col .item-list {
    width: 100%;
    display: block;
    margin: 0 0 2rem 0;
  }
  #speakers .fiches-colonnes .item,
  .speakers .fiches-colonnes .item {
    width: 100%;
    display: block;
    margin: 0 0 1.5em 0;
  }
  #speakers .fiches-colonnes .item:nth-child(3n),
  .speakers .fiches-colonnes .item:nth-child(3n) {
    margin-right: 0;
  }
}
.speakerImg {
  text-align: center;
  line-height: 1.2em;
}

.speakerImg img {
  width: 55%;
  height: auto;
}

.speakerImg h6 {
  margin-bottom: 0;
}

.speakerImg span {
  opacity: 0.6;
  font-size: 12px;
  line-height: 1.35em;
  margin-top: 0.65em;
  display: block;
}

.segmentInfo {
  background-color: var(--color-white);
  display: block;
  position: relative;
  padding: 64px 50px 50px;
  margin: 1.5em 0;
  width: 70%;
  float: right;
}
@media screen and (min-width: 768px) {
  .segmentInfo {
    padding: 3em 3em 2.65em;
  }
}

.segmentInfo.BGprime h4,
.segmentInfo.BGprime h5,
.segmentInfo.BGprime strong,
.segmentInfo.BGprime p,
.segmentInfo.BGprime .time,
.segmentInfo.BGsecondary h4,
.segmentInfo.BGsecondary h5,
.segmentInfo.BGsecondary strong,
.segmentInfo.BGsecondary p,
.segmentInfo.BGsecondary .time,
.segment.lunch .hex.xs i,
.segment.day .hex.xs i,
.segment.eventend .hex.xs i,
.segment.day:hover .segmentInfo.BGprime .time {
  color: var(--color-white);
}

.segmentInfo div {
  padding: 0;
}

div.segmentInfo::before {
  content: "\f0d9";
  font-family: "FontAwesome";
  font-size: 3em;
  color: var(--color-white);
  position: absolute;
  top: 1.35em;
  left: -0.3em;
  display: block;
}

.segmentInfo h4 {
  margin-bottom: 3px;
}

.segmentInfo p {
  margin: 0.85em 0;
}

.vline {
  background-color: var(--color-white);
  top: 60px;
  right: auto;
  left: -5em;
  position: absolute;
  width: 7px;
  height: calc(100% + 60px);
}

.segment .round {
  position: absolute;
  z-index: 9;
  top: 3.65em;
  right: 1.85em;
}

.segment .hex.xs {
  margin: 0.65em 0;
}

.segment .hex.xs i, .galimg .hex.xs i, .carousel-control .hex.xs i, #map .hex.xs i {
  position: absolute;
  top: 50%;
}

.segment .round {
  height: 5.65em;
  width: 5.65em;
  text-align: center;
}

.segment .round::before {
  transition: background-color 0.3s ease;
  background-color: var(--color-white);
  position: absolute;
  height: 7px;
  width: 33px;
  top: 45%;
  right: 100%;
  content: "";
}

.segment:hover .round::before {
  background-color: var(--color-primary);
}

.segment .round::before {
  right: 100%;
}

.segment img.img-responsive {
  background-color: var(--color-white);
  border: 7px solid var(--color-white);
  margin: 2.55em auto 1em;
}

.no-responsive {
  background: var(--color-primary);
  position: relative;
  border: 7px solid var(--color-white);
  margin: 2.55em auto 1em;
  width: 55%;
  cursor: default;
  border-radius: 100px;
}
@media screen and (max-width: 767px) {
  .no-responsive {
    width: 110px;
    position: absolute;
    z-index: 1;
    top: -47px;
    left: calc(50% - 55px);
  }
}

.no-responsive:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.no-responsive-content {
  position: absolute;
  top: 50%;
  left: 0;
  bottom: 0;
  right: 0;
  font-size: 60px;
  line-height: 0;
}

.time {
  font-size: 1.35em;
}

.segment.lunch .round::before,
.segment.day .round::before {
  display: none;
}

/* ================================= */
/* ================================= */
#speakers .headingIcon i,
#speakers h3, .speakers .headingIcon i {
  color: var(--color-white);
}

#speakers .headingIcon::before,
#speakers .headingIcon::after,
.speakers .headingIcon::before,
.speakers .headingIcon::after {
  background: var(--color-white);
}

#speakers .item,
#participant_vote .espace-item,
.speakers .item,
.participant_vote .espace-item {
  background: var(--color-white);
  position: relative;
  text-align: center;
  margin: 0.5em 1em;
  padding: 1.85em 1.85em 5em;
  font-weight: 400;
}

.owl-carousel .item {
  cursor: url(../img/cursor.png), move;
}

#speakers .item img,
#participant_vote .espace-item img,
.speakers .item img,
.participant_vote .espace-item img {
  position: relative;
  border-width: 0px;
  border-style: solid;
  margin: 1.5em auto;
}

#speakers .item ul, #participant_vote .espace-item ul, .speakers .item ul, .participant_vote .espace-item ul {
  margin: 0;
  padding: 0.5em;
  cursor: auto;
  bottom: 0;
  overflow: hidden;
  list-style-position: inside;
}

#speakers .item ul li, .speakers .item ul li {
  padding: 0;
}

#speakers .item ul li a, .speakers .item ul li a {
  color: var(--color-white);
  font-size: 1.35em;
  padding: 0.65em;
}

.owl-theme .owl-controls .owl-buttons div {
  font-family: "FontAwesome";
}

#speakers .item:hover, .speakers .item:hover {
  box-shadow: 0 3px 3px 0 var(--color-rgba-26-26-26-0_1, rgba(26, 26, 26, 0.1));
}

#photoG, #videoG {
  position: relative;
  margin: 3em 0 1em;
}

#photoG .carousel-inner, #videoG .carousel-inner {
  margin: -0.5em auto 0;
  width: 100%;
}

.galimg {
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  margin: 0.5%;
  float: left;
}

.galimg.half {
  width: 49%;
  overflow: hidden;
  height: 552px;
}

.galimg.quarter {
  width: 24%;
  overflow: hidden;
  height: 270px;
}

.galimg img {
  width: 100%;
}

.galimg img {
  transform: scaleY(1);
  transition: all 0.7s ease-in-out;
}

.galimg:hover img {
  transform: scale(1.08);
  opacity: 1;
}

.galimg a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.galimg a:hover {
  background-color: var(--color-rgba-26-26-26-0_55, rgba(26, 26, 26, 0.55));
}

.galimg a .link {
  opacity: 0;
  transform: translate3d(0px, -100%, 0px);
  transition: all 0.5s linear;
  position: absolute;
  color: var(--color-white);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  visibility: hidden;
  width: 7em;
  height: 10em;
  line-height: 7em;
  text-align: center;
  margin: auto;
}

.galimg:hover .link {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}

.galimg .link .hex.xs i {
  color: var(--color-white);
}

.carousel-control.left, .carousel-control.right {
  background-color: none;
  display: none;
  width: auto;
  top: 35%;
  bottom: auto;
  text-shadow: none;
}

.carousel-control {
  font-size: 1em;
}



.subscribe {
  display: block;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.subscribe h2, .subscribe p {
  color: var(--color-white);
}

#subscribeForm,
#mc-embedded-subscribe-form {
  position: relative;
  margin-top: 1.5em;
}

.subscribe input[type=submit] {
  background-color: transparent;
  border: 0;
  top: 0.15em;
  right: 0.65em;
  bottom: auto;
  left: auto;
  position: absolute;
  font-family: "FontAwesome", Montserrat Alternates, Arial;
  font-size: 2.55em;
}

#subscribeForm input[type=text], #subscribeForm input[type=email],
#mc-embedded-subscribe-form input[type=text], #mc-embedded-subscribe-form input[type=email] {
  color: var(--color-rgba-0-0-0-0_5, rgba(0, 0, 0, 0.5));
  font-size: 1.15em;
  padding-right: 0;
  padding-left: 6em;
  width: 100%;
}

#subscribeForm i.email,
#mc-embedded-subscribe-form i.email {
  position: absolute;
  top: 0.65em;
  padding: 0.35em 0.85em;
  left: 0.65em;
  right: auto;
  border-right: 1px solid var(--color-ccc, #ccc);
  font-size: 1.65em;
}

.panel-default > .panel-heading {
  position: relative;
  padding: 0;
}

.panel-default > .panel-heading h4 {
  padding: 0.65em 0.65em 0.65em 3em;
}

.panel-default > .panel-heading h4.active {
  background-color: var(--color-white);
}

.panel-default > .panel-heading h4 a {
  display: block;
  padding: 0.5em;
  font-weight: 400;
  text-transform: none;
}

.panel-default > .panel-heading h4 a:before {
  content: "\f055";
  font-family: "FontAwesome";
  font-size: 14px;
  top: 1.2em;
  right: auto;
  bottom: auto;
  left: 0.65em;
  position: absolute;
  width: 2.85em;
  height: 2.85em;
  text-align: center;
  line-height: 2.65em;
  margin: 0;
  z-index: 9;
}

.panel-default > .panel-heading h4.active a:before {
  content: "\f056";
}

.panel-group .panel {
  background-color: transparent;
  box-shadow: none;
  margin-bottom: 1.35em;
  margin-top: 3px;
}

.panel-body {
  background-color: var(--color-white);
  border: none;
  padding: 1.15em 1.65em 1.15em 3.95em;
}

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
  border: 0;
}

#quotes {
  position: relative;
}



.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}


#register .hex.sm, #subscribe .hex.sm, #vote .hex.sm {
  float: left;
  margin-right: 1.5em;
}

#register .info {
  width: 65%;
  float: left;
}

#register .info {
  width: 58%;
  float: left;
}

#register h3, #register h2, #register p {
  margin: 0.35em 0;
  line-height: 1em;
  color: var(--color-white);
}

#register p {
  line-height: 1.5em;
}

#register .btn,
#vote .btn {
  margin: 0;
  padding: 1em 1.5em;
}

span.error {
  top: 45px;
  right: 0.5em;
  bottom: auto;
  left: auto;
  position: absolute;
  font-size: 1.65em;
}
.form_checkbox span.error {
  top: -3px;
  left: -40px;
  bottom: auto;
  right: auto;
}
.has-error .form_checkbox-label {
  color: var( --color-error, #d9534f);
}

.codeP .error.help-block {
  display: none !important;
}
.codeP span.error {
  z-index: 3;
  top: -3px;
}



.social, .social li {
  margin: 0;
}

.social li a i {
  background-color: var(--color-rgba-255-border_2, rgba(255, 255, 255, 0.2));
  color: var(--color-rgba-255-border_7, rgba(255, 255, 255, 0.7));
  font-size: 1.55em;
  width: 2.15em;
  height: 2.15em;
  line-height: 2.15em;
  text-align: center;
  margin: 0;
}

.social li a:hover i {
  color: var(--color-rgba-255-border_9, rgba(255, 255, 255, 0.9));
}

/*.btn-secondary{
	border: solid 1px var(--color-263238, #263238);
    color: var(--color-263238, #263238)!important;
    text-transform:none;
	&:hover{
		color:$white!important;
	}
}*/
/* ================================= */
/* ------ COPYRIGHT ------ */
/* ================================= */
/*
 #social-footer{}

.plateforme-lien a {
	color: var(--color-rgba-$white-0_6, rgba($white, 0.6));

	&:hover{color:$color-1;}
}*/
/*#copyright p strong, #copyright a {
	color: $white;
	margin: 0;
}*/
/*#copyright a:hover, #copyright p a:hover strong { color:var(--color-0084cc, #0084cc);}*/
/*#copyright p {
	margin: 0;
}*/
/* FONT WEIGHT IN SAFARI */
/*@media screen and (-webkit-min-device-pixel-ratio: 0) {
// Safari-Opera specific declarations here 
html, body, div, p, table, tr, td, th, tbody, tfoot, ul, li, ol, dl, dd, dt, fieldset, blockquote, cite, input, select, textarea, button, a, section, article, aside, header, footer, nav, #slides .slide .slide-caption .container h3, #testimonial p, .features p {
	font-weight: normal;
}
}*/
/* ================================= */
/* --------- TRANSITION CSS --------- */
/* ================================= */
/*a, .navbar-nav li a, .navbar-nav li a i, .navbar-nav li, ul li:before, .social ul li a i, .btn, .social li i, .owl-theme .owl-controls .owl-buttons div, #pricing p, #pricing .package, #pricing .package .inner, .segment img.img-responsive, .segment i, .segment .time, .segment .segmentInfo, #speakers .item, .speakers .item, #speakers .item img, .speakers .item img, .speakers .meta, #speakers .meta, section .headingIcon i, #pricing .package li, .segment .no-responsive {
	transition: all 0.3s ease-in-out;
}*/
.moving {
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(0.35em);
  }
  100% {
    opacity: 1;
    transform: translateY(1.85em);
  }
}
.moreArrow {
  animation-name: fadeInDown;
}

/* ================================= */
/* -------- RESPONSIVE CSS --------- */
/* ================================= */
/*@media screen and (min-width: $lg-screen){
	.navbar-collapse, .navbar .container-fluid {
		padding: 0;
	}
	header {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 999;
	}
}
@media only screen and (min-width: $xl-screen) and (max-width: 1399px) {
}
// iPads (landscape) ----------- 
@media only screen and (min-width: 990px) and (max-width: 1199px) and (orientation: landscape) {
}
// iPads (portrait and landscape) ----------- 
@media screen and (min-width: $md-screen) and (max-width: 1023px) and (orientation: portrait) {
	header .logo {
		position: relative;
		width: 100%;
	}
	.navbar-collapse, .navbar .container-fluid {
		padding: 0;
	}
	.navbar-nav li {
		float: none;
	}
	.styled {
		text-align: center;
		padding-left: 0;
		padding-right: 0;
	}
	.segmentInfo .topics {
		display: block;
		border-top: 1px solid var(--color-light);
		margin-top: 0.85em;
		padding-top: 0.85em;
	}

	.segmentInfo .time {
		display: block;
		border: none;
		border-style:none;
		text-align: left;
		//margin-top: 0.35em;
		//padding-bottom: 10px;
		//margin-bottom: 10px;
	}
	#subscribe .row > div:first-child {
		text-align: center;
	}
}
@media screen AND (min-width:992px){
	footer .footer-city-address{
		> div{
			display:inline-block;
			margin-left:15px;
			&:first-child{
				border-right:solid 1px var(--color-rgba-255-255-255-_2, rgba(255,255,255,.2));
				margin-left:0;
				padding-right:15px;
			}
		}
	}
}*/
/*@media screen and (min-width: $md-screen) and (max-width: 991px) and (orientation: portrait) {
	footer .row > div {
		text-align: center;
		margin-bottom: 1.55em;
	}
}*/
/* iPads (portrait and landscape) ----------- */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .styled div span {
    font-size: 4.15em;
  }
  .phone a {
    font-size: 1.35em;
    color: var(--color-white);
  }
  /*header .logo {
  	display: block;
  	text-align: center;
  }*/
  /*header .logo img {
  	margin: 0 auto;
  }*/
  .carousel-control.left, .carousel-control.right {
    opacity: 1;
    display: block;
  }
  #slides .absShape {
    top: 26%;
  }
  .hex {
    width: 9em;
    height: 7.65em;
    margin-top: 1em;
    margin-bottom: 0;
  }
  .hex .hex-inner span {
    font-size: 2.65em;
    line-height: 2.55em;
  }
  .hex-inner strong {
    font-size: 14px;
    letter-spacing: 1px;
  }
  #event .row div {
    text-align: center;
  }
  #event .hex.sm {
    float: none;
    margin: 0;
  }
  #event .info, #register .info, #subscribe .info {
    width: 100%;
  }
  .segmentInfo {
    width: 58%;
  }
  .segment .speaker {
    width: 42%;
  }
  .galimg.half {
    width: 32%;
    overflow: hidden;
    height: 200px;
  }
  .galimg.quarter {
    width: 32%;
    overflow: hidden;
    height: 200px;
  }
  #register .hex.sm, #subscribe .hex.sm {
    float: none;
    margin: 0;
  }
  .subscribe input[type=submit] {
    right: 0;
  }
  .featureBox, .subscribe {
    background-size: 150%;
    background-attachment: scroll;
    background-position: center center;
  }
  #map .row .contactInfo {
    top: 37%;
  }
}
/* iPads (portrait and landscape) ----------- */
@media screen and (min-width: 768px) and (max-width: 1023px) and (orientation: landscape) {
  #slides .absShape {
    top: 35%;
  }
  .styled {
    padding: 1.35em 0;
  }
  #map .row > div {
    width: 100%;
  }
  .subscribe .row > div {
    width: 80%;
    text-align: center;
    margin: 0 auto;
    display: block;
    float: none;
  }
}
@media only screen and (max-width: 996px) {
  #schedule .container {
    width: 100%;
  }
  .carousel-control.left, .carousel-control.right {
    opacity: 1;
    display: block;
  }
  #pricing .package.whatuget {
    display: none;
  }
  #pricing .package, #pricing .package.one {
    width: 45%;
    margin: 2%;
  }
  #pricing .package ul li {
    text-align: right;
    padding-right: 1.65em;
  }
  #pricing .package ul li:before {
    display: block;
    top: 0;
    right: auto;
    bottom: 0;
    left: 1.5em;
    position: absolute;
    padding: 1em 0;
    content: attr(data-title);
    font-size: 1.35em;
    font-family: var(--font-base);
  }
  #pricing .package ul li:hover:before {
    color: var(--color-white);
  }

  .holder {
    display: none;
  }
  header .logo {
    display: block;
    text-align: center;
  }
  header .logo img {
    margin: 0 auto;
  }
  .featureBox, .subscribe {
    background-size: 150%;
    background-attachment: scroll;
    background-position: center center;
  }
}
/* Desktops, Large Screen and laptops ----------- */
@media only screen and (max-width: 767px) {
  ul.liste-date li {
    display: block;
    margin: 0 0 2rem 0;
    padding: 0;
    width: 100%;
  }
  ul.liste-date li .contour-date {
    min-height: inherit;
  }
  #sponsors .logo-agence .item {
    display: block;
    margin: 0 0 1em 0;
    width: 100%;
  }
  #pricing .package, #pricing .package.one {
    width: 96%;
    margin: 1% 2%;
  }
  header .logo {
    position: relative;
    width: 100%;
  }
  header {
    position: relative;
    height: auto;
  }
  header .row div {
    padding: 0;
  }
  .styled {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }
  .hex {
    width: 9em;
    height: 7.65em;
    margin-top: 1em;
    margin-bottom: 0;
  }
  .hex .hex-inner span {
    font-size: 2.65em;
    line-height: 2.55em;
  }
  .hex-inner strong {
    font-size: 14px;
    letter-spacing: 1px;
  }
  .hex.xs .hex-inner i {
    font-size: 26px;
  }
  .hex.sm .hex-inner img {
    max-width: 50px;
  }
  .hex.xs .hex-inner img {
    max-width: 24px;
  }
  #slides {
    padding: 0 0 3em;
  }
  #slides img {
    margin-bottom: 3em;
  }
  #slides .absShape {
    position: relative;
  }
  .navbar-nav, header .row {
    margin: 0;
  }
  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none;
  }
  .navbar-nav li {
    display: block;
    padding: 0;
  }
  .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li.active > a {
    padding: 0.85em 0;
    border-top: 1px solid var(--color-light);
    border-bottom: none;
  }
  .navbar-nav li .sub-nav {
    background-color: transparent;
    box-shadow: none;
    opacity: 1;
    transform: none;
    visibility: visible;
    position: relative;
    width: 100%;
    top: -13px;
    left: 0;
    border-top: none;
  }
  .navbar-nav li .sub-nav li a {
    text-transform: none;
    padding-top: 7px;
    padding-bottom: 7px;
    min-height: 36px;
  }
  .navbar-nav li .sub-nav li {
    text-align: center;
  }
  .navbar-nav li .sub-nav li:hover a {
    background-color: transparent;
  }
  .navbar-header {
    text-align: center;
  }
  .galimg.half {
    width: 48%;
    overflow: hidden;
    height: 150px;
  }
  .galimg.quarter {
    width: 48%;
    overflow: hidden;
    height: 150px;
  }
  /*.segment, .segmentInfo .time{
  	text-align: center;
  }*/
  .segmentInfo, .segment .speaker {
    width: 100%;
    margin-bottom: 1.5em;
  }
  .segment .round::before {
    display: none;
  }
  .segment .round {
    position: relative;
    margin: 1.55em auto 0;
    /*display: block;*/
    top: 0;
    right: 0;
    display: none;
  }
  .speakerImg img {
    width: auto;
  }
  .segmentInfo .topics {
    display: block;
    border-top: 1px solid var(--color-light);
    margin-top: 0.85em;
    padding-top: 0.85em;
  }
  .segmentInfo .time {
    display: block;
    border: none; /* 1px solid var(--color-light);*/
    border-style: none; /*none none solid none;*/
    /*padding-bottom: 10px;
    margin-bottom: 10px;*/
  }
  div.segmentInfo::before {
    content: "\f0d8";
    left: 50%;
    top: -0.33em;
    font-size: 5em;
    margin-left: -0.33em;
    display: none;
  }
  #event .row > div, #register .row > div {
    margin: 1.35em 0;
  }
  #map .row .contactInfo {
    top: 37%;
  }
  footer .row > div {
    text-align: center;
    margin-bottom: 1.55em;
  }
  .featureBox, .subscribe {
    background-size: cover;
  }
}
@media only screen and (min-width: 320px) and (max-width: 569px) and (orientation: portrait) {


  #event .row > div, #register .row > div, #register .info {
    width: 100%;
    text-align: center;
  }
  #event .hex.sm, #register .hex.sm, #subscribe .hex.sm {
    display: block;
    margin: 3em 0;
    float: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  #event .info {
    text-align: center;
    float: none;
  }
  #map .row .contactInfo {
    position: relative;
    width: auto;
  }
}
/* iPhone 4 & 5 (portrait & landscape)----------- */
@media only screen and (min-width: 320px) and (max-width: 569px) {

  #slides h1 small {
    font-size: 16px;
  }
  .social li {
    margin: 0.35em 0;
  }
  .styled div span {
    font-size: 2.85em;
  }
  .styled div strong {
    font-size: 12px;
    letter-spacing: 0;
  }
  .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    font-size: 1em;
  }
}
@media only screen and (max-width: 996px) and (orientation: landscape) {
  header {
    height: auto;
  }
  .navbar-nav li .sub-nav {
    /*min-width: 100px;
    left:0;*/
  }
  header .logo, .navbar-nav {
    position: relative;
    width: 100%;
    padding: 0;
    text-align: center;
    top: -7px;
  }
  .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover {
    font-size: 15px;
    padding: 7px 0;
    /*border: none;*/
  }
}
/* ====== IE CSS ====== */
.ie9 .hex *, .ie9 .hex *:before, .ie9 .hex-inner {
  max-width: 100%;
}

.ie9 .hex-inner span, .ie9 .hex-inner strong, .ie9 .hex.sm .hex-inner i {
  max-width: 100%;
  max-height: 100%;
}

.ie9 .hex.xs .hex-inner i {
  line-height: 0; /*1.65em;*/
}

.ie9 .carousel-control.left, .ie9 .carousel-control.right {
  filter: none;
}

#participant_vote .votebtn {
  display: none;
  background-color: var(--color-00b6c9, #00b6c9);
}

/*
.ribbon {
  position: absolute;
  left: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: var(--color-white);
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
  background: $color-2;
  background: linear-gradient($color-2 0%, $color-2 100%);
  box-shadow: 0 3px 10px -5px var(--color-rgba-0-0-0-1, rgba(0, 0, 0, 1));
  position: absolute;
  top: 19px; left: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid $color-2;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid $color-2;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid $color-2;
  border-bottom: 3px solid transparent;
  border-top: 3px solid $color-2;
}*/
@media screen and (min-width: 830px) and (max-width: 1023px) {
  .segment .round::before {
    width: 55px;
  }
}
@media (min-width: 1200px) {
  .segment .round::before {
    width: 55px;
  }
}

/* fin */
.segmentInfo .time {
  margin-top: 10px;
}

/* CSS Document 
Author Name: Saptarang
Author URI: http://www.saptarang.org
Themeforest: http://themeforest.net/user/saptarang?ref=saptarang
Creation Date: 8 April, 2015
Description: A default stylesheet for ProConf Event Landing Page Template, Designed & Developed By Saptarang.

------------ TABLE OF CONTENT ------------

- PRIMARY COLOR
- SECONDARY
- LIGHT
- DARK GREY

*/
/* ======================= */
/* ========= PRIMARY ======== */
/* ======================= */
/*
a,
i.prime,
ul.list-default li:before,
.hex-inner strong,
.topics,
.navbar-default .navbar-nav > li > a i,
.segment:hover .hex.xs i,
.segment:hover .time,
.subscribe input[type="submit"],
.panel-default > .panel-heading h4.active a,
.panel-default > .panel-heading h4.active a::before,
#schedule .carousel-indicators li.active::before,
#pricing .package .fa-check, .pri {
	color: $black;
}*/
#schedule .carousel-indicators li.active,
#schedule .carousel-indicators li:hover,
.segment:hover img.img-responsive {
  border-color: var(--color-primary);
}

.navbar-default .navbar-nav > li.active > a:after,
.navbar-default .navbar-nav > li > a:hover:after {
  opacity: 1;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background: var(--color-white);
}

.pri {
  color: var(--color-secondary);
}

.segment .pri {
  color: var(--color-white);
  transition: color 0.3s ease;
}

.segment:hover .no-responsive {
  border-color: var(--color-primary);
  background: var(--color-white);
}
.segment:hover .no-responsive .pri {
  color: var(--color-primary);
}

.segment:hover .round:before {
  background: var(--color-primary);
}
.segment:hover .round .hex.xs i {
  color: var(--color-secondary);
}

/* == Background PRIMARY == */
.btn-dark:hover,
#schedule .carousel-indicators li.active span,
.eventend .hex-inner::before,
#schedule .carousel-indicators li:hover span,
#speakers .item ul li:hover a,
.social li:hover a i,
.hex-inner.prime::before {
  background-color: var(--color-dark);
}

.navbar-default .navbar-nav > li > .sub-nav li a:hover {
  background: var(--color-white);
  color: var(--color-secondary);
}

.BGprime,
.day .hex-inner::before {
  background: var(--color-primary);
}

a.top {
  background: var(--color-dark);
  color: var(--color-white) !important;
}

.BGprime {
  background: url("../img/theme-client/repeat-dark-blue.png") var(--color-primary) repeat-x bottom center;
  background-size: 649px 290px;
  color: var(--color-white);
}
.BGprime h1, .BGprime h2, .BGprime h3, .BGprime h4, .BGprime h5, .BGprime h6 {
  color: var(--color-white);
}
.BGprime p {
  color: var(--color-white);
}
.BGprime a {
  color: var(--color-white);
}
.BGprime a:hover {
  color: var(--color-rgba-255-border_8, rgba(255, 255, 255, 0.8));
}
.BGprime a.btn {
  color: var(--color-white);
}
.BGprime a.btn:hover {
  color: var(--color-white);
}

.segmentInfo.BGprime {
  background-image: none;
  background-color: var(--color-primary);
}

.segmentInfo h4 {
  color: var(--color-secondary);
}

.segment.day .segmentInfo h4 {
  color: var(--color-white);
}

.segment.day .hex.xs i.fa {
  color: var(--color-white);
}

div.segmentInfo.BGprime:before {
  color: var(--color-primary);
}

/*
a:hover{
	color: $color-1;
}*/
/*
.btn-primary{
	&,
	&:focus{
		background-color: linear-gradient(top, var(--color-ef5350, #ef5350), $black);
	}
	&:hover{
		background-color: linear-gradient(top,  var(--color-404040, #404040), var(--color-dark));
	}
}*/
.btn-primary {
  /*background-color: $black;*/
  /*&,
  &:focus{
  	background-color: linear-gradient(top, var(--color-ef5350, #ef5350), $black);
  }
  &:hover{
  	background-color: linear-gradient(top,  var(--color-404040, #404040), var(--color-dark));
  }*/
}
.btn-primary {
  background: var(--color-dark);
  color: var(--color-white) !important;
}
.btn-primary:hover {
  background: var(--color-dark);
  color: var(--color-white) !important;
}


.overlayP {
  background-color: var(--color-rgba-239-83-80-0_7, rgba(239, 83, 80, 0.7));
}

/* ======================= */
/* ======= SECONDARY ======= */
/* ======================= */
.sec,
div.segmentInfo.BGsecondary::before,
#pricing .package .fa-close {
  color: var(--color-secondary);
}

.error.sec {
  color: var(--color-error);
}

.slide,
#speakers .item:hover img {
  border-color: var(--color-primary);
}

.slide {
  border-color: var(--color-dark);
}

/* == Background SECONDARY == */
.BGsecondary,
#testimonial .carousel-indicators li.active,
.owl-theme .owl-controls .owl-page span,
.lunch .hex-inner::before,
.galimg .link .hex-inner::before,
#map .hex-inner::before,
.hex-inner.second::before,
.segmentInfo.BGsecondary {
  background-color: var(--color-secondary);
}

.BGsecondary h4,
.BGsecondary h5,
.BGsecondary ul,
.BGsecondary li {
  color: var(--color-white);
}

.btn-default {
  background: var(--color-secondary);
}
.btn-default[disabled] {
  background: var(--color-dark);
}

.overlayS {
  background-color: var(--color-rgba-33-150-243-0_7, rgba(33, 150, 243, 0.7));
}

/* ======================= */
/* =====  DARK GREY  ===== */
/* ======================= */

a.white:hover {
  color: var(--color-white);
  text-decoration: underline;
}

/* == Background Color4 == */
html,
.BGdark,
.galleryImg,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li:hover > a,
#pricing .package li:hover,
#pricing .package li:nth-child(even):hover,
#pricing .package.whatuget li:hover {
  background: var(--color-dark);
}

.overlayD {
  background-color: var(--color-rgba-38-50-56-0_8, rgba(38, 50, 56, 0.8));
}

.btn:hover {
  background: var(--color-rgb-bg, rgb(52, 124, 93.6));
  color: var(--color-white);
  border-color: var(--color-rgba-255-border, rgba(255, 255, 255, 0));
}

.btn-dark {
  background-color: linear-gradient(to bottom, var(--color-rgb-bg-200, rgb(200.8357142857, 38.8714285714, 25.9142857143)), var(--color-primary));
}
.btn-dark:hover {
  background-color: linear-gradient(to bottom, var(--color-rgb-bg-73, rgb(73.25, 73.25, 73.25)), var(--color-dark));
}

/* ======================= */
/* ====== Dull GREY ======= */
/* ======================= */
.topics strong,
.time, #map h5,
#map i,
#pricing .package .heading .price strong,
#speakers .meta,
#subscribeForm i.email,
.segment .hex.xs i,
#testimonial span {
  color: var(--color-dark);
}

/* == Background LIGHT == */
.BGdull,
.headingIcon::before,
.headingIcon::after,
#schedule-carousel .carousel-indicators li span {
  background-color: var(--color-dull);
}

/* ======================= */
/* ====== LIGHT ======= */
/* ======================= */
/* == Background LIGHT == */
.BGlight, .panel-default > .panel-heading {
  background-color: var(--color-light);
}

#speakers .item img {
  border-color: var(--color-light);
}

.text-white {
  color: var(--color-white);
}
.text-white label {
  color: var(--color-white);
}

/* multiple choix */
/* --boutons--*/
.button-primary.btn-vote-preferentiel, .button-primary.btn-vote-preferentiel:focus,
.button-primary.btn-close-containerMultiChoix, .button-primary.btn-close-containerMultiChoix:focus {
  border-radius: var(--border-radius);
  position: absolute;
  z-index: 999;
  bottom: 0;
  margin: 0;
  padding: 0;
  line-height: 1.2;
  height: 60px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: none;
}

.button-primary.btn-vote-preferentiel, .button-primary.btn-vote-preferentiel:focus {
  width: 76%;
  left: 0;
  transition: color 0.5s ease, background-color 0.5s ease;
  background-color: var(--color-accent);
  color: var(--color-white);
  font-size: 0.85rem;
  margin-left:10px;
  margin-bottom:10px;
}
.button-primary.btn-vote-preferentiel:hover, .button-primary.btn-vote-preferentiel:focus:hover {
  background-color: var(--color-tertiary);
  color: var(--color-white);
}
.button-primary.btn-vote-preferentiel[disabled], .button-primary.btn-vote-preferentiel:focus[disabled] {
  color: var(--color-dark);
  background-color: var(--color-dull);
  opacity: 0.5;
}
.closed .button-primary.btn-vote-preferentiel, .closed .button-primary.btn-vote-preferentiel:focus {
  display: none;
}

.button-primary.btn-close-containerMultiChoix, .button-primary.btn-close-containerMultiChoix:focus {
  transition: color 0.3s ease, background-color 0.3s ease, width 0.3s ease;
  background: var(--color-dark);
  width: 16%;
  color: var(--color-white);
  right: 0;
  margin-bottom: 10px;
  margin-right:10px;
}
.closed .button-primary.btn-close-containerMultiChoix, .closed .button-primary.btn-close-containerMultiChoix:focus {
  width: 60px;
  margin-bottom: 0px;
  margin-right:0px;
}
.closed .button-primary.btn-close-containerMultiChoix:hover, .closed .button-primary.btn-close-containerMultiChoix:focus:hover {
  color: var(--color-white);
  background-color: var(--color-dark);
}
.button-primary.btn-close-containerMultiChoix .fa, .button-primary.btn-close-containerMultiChoix:focus .fa {
  line-height: inherit;
  margin: 0;
}
.button-primary.btn-close-containerMultiChoix:hover, .button-primary.btn-close-containerMultiChoix:focus:hover {
  color: var(--color-white);
}

button.button-primary-small.btn-votez {
  border-radius: 6px;
  background-color: var(--color-rgb-bg-209, rgb(209.2, 209.2, 209.2));
  color: var(--color-white);
  margin-bottom: 30px;
  margin-top: 15px;
}
button.button-primary-small.btn-votez:hover {
  background-color: var(--color-rgb-bg-146, rgb(146.44, 146.44, 146.44));
  color: var(--color-white);
}

button.button-primary.btn-close-form-vote {
  border-radius: 6px;
  background: var(--color-black);
  color: var(--color-white);
  width: 100%;
  min-height: 60px;
  margin: 30px 0;
  font-size: 22px;
  position: relative;
}
button.button-primary.btn-close-form-vote:before {
  content: "\f00d";
  font-family: var(--font-awesome);
  padding-right: 10px;
  font-size: 28px;
  font-weight: 400;
}
button.button-primary.btn-close-form-vote:hover {
  background: var(--color-black);
  color: var(--color-rgb-bg-209, rgb(209.2, 209.2, 209.2));
}

/* -------------- */
.itemProjet {
  padding: 0 50px 0 83px;
  height: 78px;
  width: 100%;
  float: left;
  position: relative;
  min-height: 1px;
  font-family: var(--font-base);
}
.itemProjet:before {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 35px);
  height: 100%;
  left: 35px;
  top: 0;
  z-index: 1;
  cursor: default;
}
.itemProjet .number {
  background-color: var(--color-primary);
  border-radius: 30px;
  font-family: var(--font-base);
  color: var(--color-black);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  float: none;
  font-size: 14px;
  font-weight: 700;
  height: 30px;
  line-height: 1;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 30px;
  position: absolute;
  top: 50%;
  left: 40px;
  transform: translateY(-50%);
}

.empty .number {
  background-color: var(--color-dull);
  color: var(--color-white);
}

.moveProjetContainer {
  background-color: var(--_color-bg-background-alternate, rgb(243.55, 243.55, 243.55));
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 100%;
  text-align: center;
}
.moveProjetContainer hr {
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  top: 50%;
  width: 75%;
  margin: 0;
  left: 50%;
  border-bottom: 1px;
  border-color: var(--color-dull);
}

.move-up, .move-down {
  transition: color 0.3s ease;
  display: block;
  position: absolute;
  cursor: pointer;
  color: var(--color-dark);
  width: 100%;
  height: 38px;
  line-height: 38px;
  font-size: 15px;
  left: 0;
}
.move-up .fa, .move-down .fa {
  line-height: inherit;
  margin: 0;
}
.move-up:hover, .move-down:hover {
  color: var(--color-primary);
}

.empty .move-up, .empty .move-down {
  cursor: default;
}

.move-up {
  top: 0;
}

.move-down {
  bottom: 0;
}

.removeChoice {
  transform: translateY(-50%);
  background-color: var(--color-white);
  color: var(--color-primary);
  border: solid 1px var(--color-dull);
  font-size: 20px;
  position: absolute;
  top: 50%;
  right: 15px;
  z-index: 1;
  cursor: pointer; 
  padding: 0;
  line-height: 0;
  width: 30px;
  height: 30px;
  text-align: center;
}
.removeChoice[disabled] {
  color: var(--color-dull);
  border: solid 1px var(--color-dull);
}
.removeChoice:before, .removeChoice[id^=rmv_partip_]:before {
  content: "\f00c";
  font-family: var(--font-awesome);
}

.empty .removeChoice {
  background-color: var(--color-light);
  border: solid 1px var(--color-dull);
  cursor: default;
}

.choix-counter {
  box-shadow: var(--color-rgba-0-0-0-0_5, rgba(0, 0, 0, 0.5)) 0 0 2px 0px;
  background-color: var(--color-accent);
  border-radius: 100%;
  display: none;
  position: absolute;
  z-index: 1000;
  top: -10px;
  left: -10px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  color: var(--color-white);
  font-weight: 700;
  font-size: 14px;
  font-family: var(--font-base);
}
.closed .choix-counter {
  display: inline-block;
}

.choice-sortable,
.btn-vote-preferentiel {
  opacity: 1;
}
.closed .choice-sortable,
.closed .btn-vote-preferentiel {
  opacity: 0;
}

.choice-sortable {
  transition: opacity 0.3s ease 0.2s;
}

.btn-vote-preferentiel {
  transition: opacity 0.3s ease;
}

.contentMultiChoix {
  transition: transform 0.3s ease;
  transform-origin: 100% 100%;
  transform: scale(1);
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.contentMultiChoix h3 {
  background: var(--color-dark);
  padding: 16px 15px;
  font-size: 1.25rem;
  margin: 0;
  color: var(--color-white);
  text-align: center;
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}
.contentMultiChoix h4 {
  margin: 10px;
  font-size: 18px;
  font-family: inherit;
}
.closed .contentMultiChoix {
  transform: scale(0);
}

#containerMultiChoix {
  transition: width 0.3s ease, height 0.3s ease;
  transform-origin: 100% 100%;
  background-color: var(--color-white);
  box-shadow: var(--color-rgba-26-26-26-0_5, rgba(26, 26, 26, 0.5)) 0 0 2px 0px;
  position: fixed;
  right: 15px;
  bottom: 15px;
  max-width: 460px;
  width: calc(100% - 30px);
  height: 400px;
  border-radius: var(--border-radius);
  z-index: 99;
}
#containerMultiChoix .form-control[readonly] {
  background-color: var(--color-white);
  box-shadow: none;
  border: none;
  float: left;
  font-size: 15px;
  line-height: 1.2;
  height: 100%;
  margin: 0;
  min-height: inherit;
  overflow: hidden;
  padding: 20px 0 0;
  resize: none;
  width: 100%;
  border-radius: var(--border-radius);
  
}
#containerMultiChoix .empty .form-control[readonly] {
  height: 30px;
  margin: 24px 0 0 0;
  padding: 0;
  background-color: var(--_color-bg-background-alternate, rgb(243.55, 243.55, 243.55));
  border-radius: var(--border-radius);
}
#containerMultiChoix .alert-error {
  color: var(--color-white);
}
#containerMultiChoix.closed {
  width: 60px;
  height: 60px;
}
#containerMultiChoix.form-vote-active {
  background-color: var(--color-dark);
  color: var(--color-white);
  position: fixed;
  overflow-y: auto;
  overflow-x: hidden;
  max-width: inherit;
  width: 100vw;
  height: 100vh;
  bottom: 0;
  right: 0;
  padding: 80px 30px 30px;
  /*.button-secondary{
  	background-color: $white;
  	&:hover{
  		background-color: $black;
  	}
  }*/
}
@media print, screen and (min-width: 48em) {
  #containerMultiChoix.form-vote-active {
    position: absolute;
    padding-top: 30px;
  }
}
#containerMultiChoix.form-vote-active #vote {
  color: inherit;
  /*p.txt-input-required{
  	select + &{
  		padding: 0 0 $paragraph-margin-bottom 0;
  		margin: -$paragraph-margin-bottom 0 0 0;
  	}
  }*/
  /*a, a:focus, a:active{

  	&:hover{

  	}
  }*/
}
#containerMultiChoix.form-vote-active #vote .txt-statistique {
  font-family: var(--font-base);
  font-size: var(--typo-size-tiny);
  color: var(--color-white);
  display: block;
  position: relative;
  margin-bottom: 20px;
}
#containerMultiChoix.form-vote-active #vote .input {
  position: relative;
}
#containerMultiChoix.form-vote-active #vote .input input {
  padding-right: 38px;
}
#containerMultiChoix.form-vote-active #vote .input span.error {
  position: absolute;
  bottom: 6px;
  top: initial;
  right: 6px;
}
#containerMultiChoix.form-vote-active #vote .input label span.error {
  top: initial !important;
}
#containerMultiChoix.form-vote-active #vote label {
  color: inherit;
  font-weight: 700;
  font-family: var(--font-base);
  font-size: 16px;
  padding-top: 12px;
}
#containerMultiChoix.form-vote-active #vote .alert {
  padding: 20px 15px;
  margin: 10px 0 20px;
  line-height: 1.3;
  border-radius: 6px;
}
#containerMultiChoix.form-vote-active #vote .alert.alert-error {
  background-color: var(--color-error);
}
@media print, screen and (min-width: 48em) {
  #containerMultiChoix.form-vote-active {
    position: fixed;
    /*height: 605px;*/
    height: 85vh;
    max-width: 460px;
    top: auto;
    bottom: 15px;
    right: 15px;
    padding-bottom: 0;
  }
}
@media print, screen and (min-width: 64em) {
  #containerMultiChoix.form-vote-active {
    height: 85vh;
    /*height: 700px;*/
  }
}
#containerMultiChoix.success-form {
  padding-bottom: 60px;
}

#voteConfirmation {
  height: 100%;
  position: relative;
}
#voteConfirmation h3 {
  background-color: var(--color-secondary);
  padding: 10px 15px;
  font-size: 1.25rem;
  margin: 0 -15px;
  color: var(--color-white);
  text-align: center;
}
#voteConfirmation p {
  margin: 10px -5px;
  font-size: 1.1em;
}
#voteConfirmation .button-secondary, #voteConfirmation .button-secondary:focus,
#voteConfirmation .button-primary, #voteConfirmation .button-primary:focus {
  border-radius: 0;
  position: absolute;
  height: 60px;
  line-height: 60px;
  bottom: 0;
  margin: 0;
  padding: 0;
}
#voteConfirmation .button-secondary, #voteConfirmation .button-secondary:focus {
  left: 0;
  width: 30%;
}
#voteConfirmation .button-primary, #voteConfirmation .button-primary:focus {
  right: 0;
  width: 70%;
}

.item-thumbnails {
  box-shadow: var(--color-dark) 0 0 5px -2px;
  background-color: var(--color-rgb-bg-209, rgb(209.2, 209.2, 209.2));
  border-radius: 0;
  position: relative;
  display: inline-block;
  width: 70%;
  font-size: 12px;
  text-align: center;
  padding: 10px 10px 20px;
  margin-top: 5px;
  overflow: hidden;
  cursor: default;
}
.item-thumbnails p, .item-thumbnails p.gray-area {
  margin: 0 0 10px !important;
}
.item-thumbnails h5 {
  font-size: 0.8em;
}
.item-thumbnails .fake-text-sm,
.item-thumbnails .fake-text-md,
.item-thumbnails .fake-text-lg {
  background-color: var(--color-primary);
  display: inline-block;
  height: 8px;
  vertical-align: middle;
}
.item-thumbnails .fake-text-sm {
  width: 30%;
}
.item-thumbnails .fake-text-md {
  width: 50%;
}
.item-thumbnails .fake-text-lg {
  width: 70%;
}
.item-thumbnails .gray-area {
  background-color: var(--color-light);
  display: block;
  width: 100%;
  height: 5px;
}
.item-thumbnails .gray-area + .gray-area {
  margin-top: 5px;
}
.item-thumbnails .fake-img {
  border-radius: 0;
  overflow: hidden;
  width: 70%;
  height: 60px;
  display: inline-block;
  border: var(--color-dark) 1px solid;
}
.item-thumbnails .fake-img:before {
  background-color: var(--color-dark);
  transform: rotate(-45deg);
  content: "";
  display: block;
  width: 100%;
  height: 100%;
}
.item-thumbnails .colored-area {
  display: block;
  height: 15px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.item-thumbnails.general .fake-img,
.item-thumbnails.general .colored-area {
  background-color: var(--color-rgba-26-26-26-0_2, rgba(26, 26, 26, 0.2));
}
.item-thumbnails.young .fake-img,
.item-thumbnails.young .colored-area {
  background-color: var(--color-rgb-bg-209, rgb(209.2, 209.2, 209.2));
}
@media print, screen and (min-width: 48em) {
  .item-thumbnails {
    width: 48%;
  }
}

.form-vote-active .contentMultiChoix,
.form-vote-active .button-primary.btn-vote-preferentiel, .form-vote-active .button-primary.btn-vote-preferentiel:focus,
.form-vote-active .button-primary.btn-close-containerMultiChoix, .form-vote-active .button-primary.btn-close-containerMultiChoix:focus, .confirmation-vote-active .contentMultiChoix,
.confirmation-vote-active .button-primary.btn-vote-preferentiel, .confirmation-vote-active .button-primary.btn-vote-preferentiel:focus,
.confirmation-vote-active .button-primary.btn-close-containerMultiChoix, .confirmation-vote-active .button-primary.btn-close-containerMultiChoix:focus {
  display: none;
}

@media print, screen and (min-width: 64em) {
  .txt-input-required {
    font-size: 80%;
  }
}

/*
#vote{	
	.field-wrapper{		
	}	
}*/
#containerMultiChoix .alert {
  border-radius: 0;
}

#success.alert-success {
  background-color: var(--color-success);
  border: none;
  color: var(--color-white);
  margin-bottom: 60px;
}




#voteForm input, #voteForm select, #voteForm textarea {
 background-color: var(  --color-white);
 color: var(--color-dark);
}
#voteForm span.error {
  color: var(--color-error);
  top: 40px;
  right: 25px;
}

html.form-vote-active {
  overflow: hidden;
  width: 100vw !important;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
}
html.form-vote-active:before {
  background-color: var(--color-rgba-26-26-26-0_8, rgba(26, 26, 26, 0.8));
  content: "";
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
}
html.form-vote-active header, html.form-vote-active .scrollhide-nav, html.form-vote-active .header-container {
  z-index: 9 !important;
}
html.form-vote-active .header-container.hidden {
  transform: translateY(0);
  display: block;
}
html.form-vote-active #containerMultiChoix {
  z-index: 11;
}

/* counter -------- */
.countdown.styled, .countdown.votes {
  text-align: left;
  padding: 0;
  margin: 50px 0 0px;
  height: initial;
}
.countdown.styled .hex, .countdown.votes .hex {
  padding: 0 10px 10px 0;
  margin: 0;
  height: initial;
  width: initial;
  float: initial;
}
@media print, screen and (min-width: 48em) {
  .countdown.styled .hex, .countdown.votes .hex {
    padding: 0 30px 30px 0;
  }
}
.countdown.styled .hex:last-of-type, .countdown.votes .hex:last-of-type {
  padding-right: 0;
}
.countdown.styled .hex .hex-inner, .countdown.votes .hex .hex-inner {
  display: inline-flex;
  flex-wrap: wrap;
  width: 60px;
  height: initial;
  min-height: 60px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5px;
  margin: 0;
  position: relative;
  overflow: visible;
  text-align: center;
}
@media screen and (min-width: 22.5em) {
  .countdown.styled .hex .hex-inner, .countdown.votes .hex .hex-inner {
    width: 70px;
    min-height: 70px;
  }
}
@media screen and (min-width: 36em) {
  .countdown.styled .hex .hex-inner, .countdown.votes .hex .hex-inner {
    width: 100px;
    min-height: 100px;
  }
}
@media print, screen and (min-width: 48em) {
  .countdown.styled .hex .hex-inner, .countdown.votes .hex .hex-inner {
    width: 150px;
    min-height: 150px;
  }
}
.countdown.styled .hex .hex-inner:before, .countdown.votes .hex .hex-inner:before {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  background-color: var(--color-dark);
  border-radius: 6px;
}
.countdown.styled .hex .hex-inner span, .countdown.styled .hex .hex-inner strong, .countdown.votes .hex .hex-inner span, .countdown.votes .hex .hex-inner strong {
  white-space: nowrap;
  color: var(--color-white);
  position: relative;
  line-height: 1.2;
  display: block;
  padding: 0;
  margin: 0;
  transform: none;
  top: initial;
  left: initial;
  right: initial;
  bottom: initial;
  height: initial;
  width: 100%;
  letter-spacing: 0;
}
.countdown.styled .hex .hex-inner span, .countdown.votes .hex .hex-inner span {
  font-size: 24px;
  font-weight: 700;
}
@media screen and (min-width: 22.5em) {
  .countdown.styled .hex .hex-inner span, .countdown.votes .hex .hex-inner span {
    font-size: 26px;
  }
}
@media screen and (min-width: 36em) {
  .countdown.styled .hex .hex-inner span, .countdown.votes .hex .hex-inner span {
    font-size: 30px;
  }
}
@media print, screen and (min-width: 48em) {
  .countdown.styled .hex .hex-inner span, .countdown.votes .hex .hex-inner span {
    font-size: 50px;
  }
}
.countdown.styled .hex .hex-inner strong, .countdown.votes .hex .hex-inner strong {
  font-size: 10px;
  font-weight: 700;
}
@media screen and (min-width: 36em) {
  .countdown.styled .hex .hex-inner strong, .countdown.votes .hex .hex-inner strong {
    font-size: 12px;
    letter-spacing: 1px;
  }
}
@media print, screen and (min-width: 48em) {
  .countdown.styled .hex .hex-inner strong, .countdown.votes .hex .hex-inner strong {
    font-size: 14px;
  }
}

/*------------- */
/* ruban gagnant - projets
.ribbon {
  position: absolute;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 700;
  color: var(--color-white);
  font-family: var(--font-base);
  padding: 10px 0;
  text-transform: uppercase;
  text-align: center;
  transform: rotate(-45deg);
  width: 160px;
  display: block;
  background: var(--color-rgb-bg-209, rgb(209.2, 209.2, 209.2));
  background: linear-gradient(var(--color-rgb-bg-209, rgb(209.2, 209.2, 209.2)) 0%, var(--color-rgb-bg-209, rgb(209.2, 209.2, 209.2)) 100%);
  box-shadow: 0 3px 10px -5px var(--color-rgb-0-0-0, rgb(0, 0, 0));
  position: absolute;
  top: 18px;
  left: -45px;
} */

/* modules projet --- voter  */
.votebtn{
  font-size: var(--typo-size-small);
}

a.votebtn.button-primary-tiny.choixSelected, a.votebtn.button-primary-tiny:focus.choixSelected {
  background-color: var(--color-rgb-bg-209, rgb(209.2, 209.2, 209.2));
  color: var(--color-white);
}
a.votebtn.button-primary-tiny.choixSelected:hover, a.votebtn.button-primary-tiny:focus.choixSelected:hover {
  background-color: var(--color-dark);
  color: var(--color-rgb-bg-209, rgb(209.2, 209.2, 209.2));
}

.projets-grid-x p {
  margin-bottom: 0;
  padding-bottom: 1rem;
}
.projets-grid-x .cell {
  position: relative;
  z-index: 1;
  border-radius: 6px;
  display: block;
  background-color: var(--color-light);
  overflow: hidden;
  margin-bottom: 30px;
}
.bg-sobre .projets-grid-x .cell {
  background-color: var(--color-white);
  box-shadow: var(--color-rgba-26-26-26-0_1, rgba(26, 26, 26, 0.1)) 0 0 40px;
}
.bg-dark .projets-grid-x .cell {
  background-color: var(--color-rgba-26-26-26-0_4, rgba(26, 26, 26, 0.4));
}
.projets-grid-x .cell .cell {
  border-radius: initial;
  background-color: var(--color-rgba-255-border, rgba(255, 255, 255, 0));
  margin-bottom: 0;
  overflow: visible;
  box-shadow: none;
}
.projets-grid-x .projets-photo {
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  background-position: center center;
  padding-top: 52.78%;
  height: 0;
}
.projets-grid-x .projets-txt {
  padding: 24px 24px 70px 24px;
  display: block;
}
.projets-grid-x .txt-moyen {
  display: block;
}
.projets-grid-x .contenu-scroll {
  position: relative;
  display: block;
  padding-bottom: 1rem;
  /*width: 100%;
  max-height: 300px;
  overflow-Y: auto;*/
}
.projets-grid-x a.button-primary-tiny, .projets-grid-x a.button-primary-tiny:focus {
  z-index: 2;
  position: absolute;
  bottom: 24px;
  left: 24px;
  margin: 0;
  min-width: 100px;
  padding-left: 20px;
  padding-right: 20px;
  max-width: calc(100% - 95px);
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  font-family: var(--font-alt);
  font-weight: 600;
  white-space: nowrap;
}
@media screen and (min-width: 576px) and (max-width: 600px) {
  .projets-grid-x a.button-primary-tiny, .projets-grid-x a.button-primary-tiny:focus {
    font-size: 12px;
  }
}

/* projets bouton partager rond */
.projet-share-absolute {
  z-index: 2;
  position: absolute;
  bottom: 24px;
  right: 24px;
}
.projet-share-absolute a.button-dark-tiny, .projet-share-absolute a.button-dark-tiny:focus {
  margin: 0;
  display: inline-flex;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
}
.projet-share-absolute a.button-dark-tiny:before, .projet-share-absolute a.button-dark-tiny:focus:before {
  content: "\e808";
  font-family: fontello;
}

.projet-share-txt {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(100%, -50%);
  font-size: 10px;
  font-weight: 700;
  color: var(--color-dark);
  opacity: 0.5;
  text-transform: uppercase;
  font-family: var(--font-alt);
  writing-mode: vertical-rl;
  margin-right: -2px;
  display: none;
}

/* formulaire de dépot */
em.error.help-block {
  color: var(--color-error);
  font-size: 14px;
}

.alert.alert-success {
  padding: 20px;
  background-color: var(--color-box-success-bg);
  border:var(--color-box-success-border) 1px solid;
  font-size: 1rem;
  border-radius: 6px;
  color: var(--color-box-success-text);
}
@media print, screen and (min-width: 48em) {
  .alert.alert-success {
    padding: 40px;
  }
}
.alert.alert-success h5 {
  font-family: var(--font-base);
  font-weight: 600;
  text-transform: none;
  line-height: 1.4;
  font-size: 18px;
}
@media print, screen and (min-width: 48em) {
  .alert.alert-success h5 {
    font-size: 20px;
  }
}
.alert.alert-error {
  padding: 20px;
  background-color: var(--color-box-error-bg);
  border:var(--color-box-error-border) 1px solid;
  font-size: 1rem;
  border-radius: 6px;
    color: var(--color-box-error-text);
}
@media print, screen and (min-width: 48em) {
  .alert.alert-error {
    padding: 40px;
  }
}
.alert.alert-error h5 {
  font-family: var(--font-base);
  font-weight: 600;
  text-transform: none;
  line-height: 1.4;
  font-size: 18px;
}
@media print, screen and (min-width: 48em) {
  .alert.alert-error h5 {
    font-size: 20px;
  }
}
.checkboxline {
  position: relative;
  padding-bottom: 20px;
  display: block;
}
.checkboxline span.error {
  position: absolute;
  top: 0;
  left: 0px;
  display: inline-block;
  font-size: 16px;
  padding-right: 2px;
  transform: translateX(-100%);
}
@media print, screen and (min-width: 48em) {
  .checkboxline span.error {
    padding-right: 10px;
    font-size: 20px;
  }
}
.checkboxline em.error {
  padding-left: 30px;
}

label.input-tri-cocher + em.error.help-block {
  display: block;
  position: relative;
}

.bp-pos-erreur {
  position: relative;
  margin-bottom: 1rem;
}
.bp-pos-erreur span.error {
  top: 0;
  right: 10px;
  bottom: initial;
  left: initial;
  position: absolute;
  font-size: 1.65em;
}
.bp-pos-erreur input, .bp-pos-erreur textarea {
  margin-bottom: 0;
  padding-right: 40px;
}

.hidden {
  display: none;
}

textarea {
  min-height: 150px;
}

.form-special-marge {
  width: 500px;
  max-width: 100%;
}
@media print, screen and (min-width: 64em) {
  .form-special-marge {
    width: 680px;
  }
}

.form-special-marge-content {
  width: 800px;
  max-width: 100%;
  margin-left: 0;
  margin-right: auto;
}

.form-box-marge {
  padding-bottom: 50px;
}

.titre-form {
  font-size: 1rem;
  font-weight: 700;
  font-family: var(--font-base);
  margin: 0;
  padding: 0 0 5px 0;
}

input.button-primary.submit[type=submit] {
  border-radius: 0;
}

.bp-marge-bottom {
  padding-bottom: 30px;
}

.code-postal-width {
  width: 130px;
}

[type=checkbox] + .input-tri-cocher, [type=radio] + .input-tri-cocher {
  display: block;
  padding: 2px 0 0 30px;
  background-color: var(--color-rgba-255-border, rgba(255, 255, 255, 0));
  cursor: pointer;
  position: relative;
  border: none;
  margin: 0 15px 3px 0;
  min-height: 26px;
  font-weight: 400;
}
[type=checkbox] + .input-tri-cocher:before, [type=radio] + .input-tri-cocher:before {
  transition: color 0.3s ease, background-color 0.3s ease, border 0.3s ease;
  background-color: var(--color-rgba-255-border, rgba(255, 255, 255, 0));
  border: 2px solid var(--color-rgba-26-26-26-0_4, rgba(26, 26, 26, 0.4));
  color: var(--color-rgba-255-border, rgba(255, 255, 255, 0));
  font-family: var(--font-awesome);
  content: "\f00c";
  width: 20px;
  height: 20px;
  border-radius: 6px;
  display: block;
  left: 0;
  top: 5px;
  position: absolute;
  text-align: center;
  padding-top: 8px;
  line-height: 0;
  font-size: 14px;
  font-weight: 400;
}
[type=checkbox] + .input-tri-cocher:hover:before, [type=radio] + .input-tri-cocher:hover:before {
  color: var(--color-rgba-255-border, rgba(255, 255, 255, 0));
  border-color: var(--color-dark);
}
[type=checkbox]:checked + .input-tri-cocher:before, [type=radio]:checked + .input-tri-cocher:before {
  border: 2px solid var(--color-dark);
  color: var(--color-rgb-bg-209, rgb(209.2, 209.2, 209.2));
  background-color: var(--color-white);
}


#voteForm .w-checkbox input[type="checkbox"]:checked ~ .icon_fa.is-checkbox {
  display: block;
}
#voteForm .w-checkbox input[type="checkbox"]:checked ~ .w-checkbox-input--inputType-custom  {
 background-color: var(--_color---orange--base);
}