@import 'bootstrap-theme.css';

@import 'bootstrap-playtime.css';

@import 'playtimestyle.css';
/*
*{ border: 1px dashed rgba(0,0,0,0.3);}
*/
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  box-shadow: none !important;
  margin: 5px 3px;
}
.owl-theme .owl-controls .owl-page span {
  box-shadow: none !important;
  margin: 5px 3px;
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list {
  background: #ffffff url('ajax-loader.gif') center center no-repeat;
}
/* Icons */
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url('slick.eot');
  src: url('slick.eot?#iefix') format('embedded-opentype'), url('slick.woff') format('woff'), url('slick.ttf') format('truetype'), url('slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25;
}
.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: -25px;
}
[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto;
}
.slick-prev:before {
  content: '←';
}
[dir='rtl'] .slick-prev:before {
  content: '→';
}
.slick-next {
  right: -25px;
}
[dir='rtl'] .slick-next {
  right: auto;
  left: -25px;
}
.slick-next:before {
  content: '→';
}
[dir='rtl'] .slick-next:before {
  content: '←';
}
/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 25px;
  margin: 0 1px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
  transition: all 300ms ease;
}
.slick-dots li button:before {
  font-family: 'Asap', helvetica, Arial;
  font-size: 35px;
  line-height: 0px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: 0.6;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: all 300ms ease;
}
.slick-dots li.slick-active button:before {
  opacity: 1;
  color: white;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
#btn_up {
  position: fixed;
  right: 15px;
  bottom: 23px;
  z-index: 1100;
  font-size: 15px;
  background-color: rgba(255, 255, 255, 0.7);
  color: #BBB;
  cursor: pointer;
  display: none;
  padding: 3px 6px;
  border-radius: 6px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
#btn_up:hover {
  background-color: #ffffff;
  color: #888;
}
.otherstradeshow-newcont {
  position: fixed;
  bottom: 0px;
}
.otherstradeshow-newlinks {
  display: inline-block;
  background: #ccc;
  border-radius: 6px;
  text-align: center;
  font-size: 14px;
  color: white;
  font-weight: 700;
  margin-left: 1px;
  font-family: 'Asap', helvetica, arial;
  opacity: 0.9;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  cursor: pointer;
  padding: 4px 8px;
  width: 100px;
}
.otherstradeshow-newlinks:hover,
.otherstradeshow-newlinks:active {
  color: #fff;
  opacity: 1;
  transition: all ease 500ms;
  -webkit-transition: all ease 500ms;
}
.getyourpass-newlinks {
  position: fixed;
  background: #E85355;
  color: #fff;
  top: 0px;
  right: 15px;
  border-radius: 0px 0px 16px 16px;
  -webkit-border-radius: 0px 0px 16px 16px;
  text-align: center;
  padding: 12px 13px;
  font-size: 20px;
  font-family: 'Asap', Helvetica, Arial;
  font-weight: 700;
  line-height: 20px;
  cursor: pointer;
  transition: all ease 300ms;
  opacity: 0.9;
  z-index: 1050;
}
.getyourpass-newlinks:hover,
.getyourpass-newlinks:active {
  color: #FFF;
  opacity: 1;
}
#friends-slide-left-arrow {
  display: block;
  opacity: 0.5;
}
#friends-slide-right-arrow {
  display: block;
  opacity: 0.5;
}
#friends-slide-left-arrow:hover {
  display: block;
  opacity: 1;
}
#friends-slide-right-arrow:hover {
  display: block;
  opacity: 1;
}
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */

  -webkit-user-select: none;
  /* Chrome/Safari/Opera */

  -khtml-user-select: none;
  /* Konqueror */

  -moz-user-select: none;
  /* Firefox */

  -ms-user-select: none;
  /* Internet Explorer/Edge */

  user-select: none;
  /* Non-prefixed version, currently
                                  not supported by any browser */

}
.m3-a {
  transition: all ease 500ms;
}
.m2-a {
  transition: all ease 500ms;
}
.m1-a {
  transition: all ease 500ms;
}
.m3-test {
  margin-top: 300px;
  opacity: 1;
  transition: all ease 500ms;
}
.m2-test {
  transform: rotate(-40deg);
  margin-top: -10px;
  transition: all ease 500ms;
}
.m1-test {
  transform: rotate(40deg);
  margin-top: 10px;
  transition: all ease 500ms;
}
.nextedit-imgtradeshow {
  position: relative;
  height: 140px;
  background: red;
  width: 140px;
  overflow: hidden;
  border-radius: 100px;
  margin: auto;
}
/*.nexted-logo-global-container{margin-top:-100px;}*/
::-moz-selection {
  background: #38d8d3;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #38d8d3;
  color: #fff;
  text-shadow: none;
}
.forprofessionals {
  display: inline-block;
  margin: 8px 0px 8px 0px;
  background: white;
  padding: 1px 6px;
  color: #86c5cc;
  font-weight: bold;
  font-family: 'Asap', helvetica, arial;
  font-size: 12px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.double-triangle-container {
  vertical-align: bottom;
  display: inline-block;
  background: none;
  height: 25px;
  width: 40px;
  overflow: hidden;
}
.double-triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 0 20px;
  border-color: #ffe0ea transparent transparent;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.double-triangle-bis {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.friends-triangle-container {
  vertical-align: bottom;
  display: inline-block;
  background: none;
  height: 25px;
  width: 40px;
  overflow: hidden;
}
.friends-double-triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 0 20px;
  border-color: #fcc2d5 transparent transparent;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.friends-double-triangle-bis {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.trait-boule {
  background: rgba(255, 255, 255, 0.4);
  height: 1px;
  width: 100%;
  margin: auto;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.trait-boule-bis {
  background: rgba(255, 255, 255, 0.8);
  height: 10px;
  width: 10px;
  margin: auto;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.special-transition-container {
  position: absolute;
  display: block;
  height: 150px;
  width: 100%;
  overflow: hidden;
  margin-top: -75px;
  vertical-align: middle;
  text-align: center;
}
.special-transition-100-100 {
  border-radius: 50px;
  display: inline-block;
  height: 100px;
  width: 100px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-attachment: fixed ;
  background-position: center center;
  background-size: cover;
}
.special-transition-50-50 {
  border-radius: 50px;
  display: inline-block;
  height: 50px;
  width: 50px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-attachment: fixed ;
  background-position: center center;
  background-size: cover;
}
.special-transition-50-150 {
  border-radius: 50px;
  display: inline-block;
  height: 150px;
  width: 50px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-attachment: fixed ;
  background-position: center center;
  background-size: cover;
}
.special-transition-30-150 {
  border-radius: 50px;
  display: inline-block;
  height: 150px;
  width: 30px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-attachment: fixed ;
  background-position: center center;
  background-size: cover;
}
.special-transition-10-100 {
  border-radius: 50px;
  display: inline-block;
  height: 100px;
  width: 10px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-attachment: fixed ;
  background-position: center center;
  background-size: cover;
}
.spectranz-bleu {
  background-image: url('../cssimg/home-1-lg.jpg');
}
.spectranz-jaune {
  background-image: url('../cssimg/home-2-lg.jpg');
}
.spectranz-vert {
  background-image: url('../cssimg/home-3-lg.jpg');
}
/*
@background-visitors:rgba(0, 172, 187,0.05);
@background-exhibitors:rgba(250, 191, 59,0.05);
@background-medias:rgba(231, 71, 110, 0.05);
@background-goodies:rgba(234, 222, 86, 0.3);
*/
.background-footer {
  background: url(../cssimg/bandes-footer/repeat-pink.jpg) repeat;
}
.background-legal {
  background: url(../images/legal/legal-repeat.jpg) repeat;
}
.bandeau-du-dessus {
  width: 100%;
  height: 250px;
}
.bandeau-du-dessous {
  width: 100%;
  height: 450px;
}
/*
.ombre-du-dessous{  
  -webkit-box-shadow: 0 20px 0px 0px rgba(0, 0, 0, 0.2) inset;
  box-shadow:0 20px 0px 0px rgba(0, 0, 0, 0.2) inset;
}
*/
.ombre-du-dessous {
  -webkit-box-shadow: 0 50px 40px 0 rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 50px 40px 0 rgba(0, 0, 0, 0.1) inset;
}
.separationCatTop {
  /*border-top: 10px solid #FEFEFE;*/
}
.separationCatTopBis {
  /*border-top: 10px solid #FEFEFE;*/
}
.separationCatBottom {
  /*border-bottom: 10px solid #FEFEFE;*/
}
.mycover {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.maincolor-visitors {
  color: #50b2b1;
}
.maincolor-exhibitors {
  color: #f2be33;
}
.maincolor-medias {
  color: #e85556;
}
.maincolor-goodies {
  color: #5b47f1;
}
.maincolor-special {
  color: #5b47f1;
}
.secondcolor-visitors {
  color: #38d8d3;
}
.secondcolor-exhibitors {
  color: #ffd800;
}
.secondcolor-medias {
  color: #ff4059;
}
.secondcolor-goodies {
  color: #a99eff;
}
.secondcolor-admin {
  color: #74707f;
}
.secondcolor-special {
  color: #74707f;
}
.maincolorBG-visitors {
  background-color: #50b2b1;
}
.maincolorBG-exhibitors {
  background-color: #f2be33;
}
.maincolorBG-medias {
  background-color: #e85556;
}
.maincolorBG-goodies {
  background-color: #5b47f1;
}
.maincolorBG-special {
  background-color: #5b47f1;
}
.secondcolorBG-visitors {
  background-color: #38d8d3;
}
.secondcolorBG-exhibitors {
  background-color: #ffd800;
}
.secondcolorBG-medias {
  background-color: #ff4059;
}
.secondcolorBG-goodies {
  background-color: #a99eff;
}
.secondcolorBG-admin {
  background-color: #74707f;
}
.secondcolorBG-special {
  background-color: #74707f;
}
.ny-colorA {
  color: #1298d7;
}
.ny-colorB {
  color: #006db5;
}
.ny-colorC {
  color: #145e96;
}
.tokyo-colorA {
  color: #e42137;
}
.tokyo-colorB {
  color: #c21c26;
}
.tokyo-colorC {
  color: #a11c32;
}
.paris-colorA {
  color: #e2007a;
}
.paris-colorB {
  color: #e560a7;
}
.paris-colorC {
  color: #f276b8;
}
.survolopacity {
  opacity: 0.95;
}
.zerotop {
  padding-top: 0px;
}
.zeropad {
  padding: 0px;
}
.lien-pointille {
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
}
.playtimalert {
  margin-top: 30px;
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.8);
  border: 3px solid white;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
a:focus {
  outline: none;
}
@keyframes myfadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes myfadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes myfadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media (min-width: 10px) and (max-width: 767px) {
  .titre-trooop-long {
    font-size: 25px;
  }
}
@media screen and (min-width: 10px) and (max-width: 992px) {
  .leftcenter {
    text-align: center;
  }
  .rightcenter {
    text-align: center;
  }
}
@media screen and (min-width: 993px) {
  .leftcenter {
    text-align: left;
  }
  .rightcenter {
    text-align: right;
  }
}
.header-rubrick {
  height: 70px;
  margin-top: -100px;
  margin: auto;
}
.header-rubrik-visitors {
  height: 70px;
  margin-top: -100px;
  margin: auto;
  background-color: #50b2b1;
}
.header-rubrik-exhibitors {
  height: 70px;
  margin-top: -100px;
  margin: auto;
  background-color: #f2be33;
}
.header-rubrik-more {
  height: 70px;
  margin-top: -100px;
  margin: auto;
  background-color: #e85556;
}
.header-rubrik-goodies {
  height: 70px;
  margin-top: -100px;
  margin: auto;
  background-color: #5b47f1;
}
.header-rubrik-visitors h1,
.header-rubrik-exhibitors h1,
.header-rubrik-more h1,
.header-rubrik-goodies h1 {
  line-height: 0.45;
}
.bandeauvisitors {
  width: 100%;
  height: 250px;
  /*border-top: 10px solid #FEFEFE;*/
  background: url(../cssimg/home-1-lg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.bandeauvisitors2 {
  width: 100%;
  height: 450px;
  /*border-bottom: 10px solid #FEFEFE;*/
  background: url(../cssimg/home-1-lg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-box-shadow: 0 50px 40px 0 rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 50px 40px 0 rgba(0, 0, 0, 0.1) inset;
}
.bandeauexhibitors {
  width: 100%;
  height: 250px;
  background: #000000 url(../cssimg/home-2-lg.jpg) no-repeat center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.bandeauexhibitors2 {
  width: 100%;
  height: 450px;
  /*border-bottom: 10px solid #FEFEFE;*/
  background: url(../cssimg/home-2-lg.jpg) no-repeat center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-box-shadow: 0 50px 40px 0 rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 50px 40px 0 rgba(0, 0, 0, 0.1) inset;
}
.bandeauabout {
  width: 100%;
  height: 250px;
  background: url(../cssimg/home-3-lg.jpg) no-repeat center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.bandeauabout2 {
  width: 100%;
  height: 450px;
  /*border-bottom: 10px solid #FEFEFE;*/
  background: url(../cssimg/home-3-lg.jpg) no-repeat center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-box-shadow: 0 50px 40px 0 rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 50px 40px 0 rgba(0, 0, 0, 0.1) inset;
}
.bandeaugoodies {
  width: 100%;
  height: 250px;
  background: url(../cssimg/home-4-lg.jpg) no-repeat center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.bandeaugoodies2 {
  width: 100%;
  height: 450px;
  background: url(../cssimg/home-4-lg.jpg) no-repeat center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-box-shadow: 0 50px 40px 0 rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 50px 40px 0 rgba(0, 0, 0, 0.1) inset;
}
.bandeaunexteditions {
  width: 100%;
  height: 250px;
  background: url(../cssimg/home-4-lg.jpg) no-repeat center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-box-shadow: 0 25px 15px -5px rgba(0, 0, 0, 0.3) inset;
  box-shadow: 0 20px 15px -5px rgba(0, 0, 0, 0.2) inset;
}
.bandeaufriends {
  width: 100%;
  height: 80px;
  background: url(../cssimg/w14-1752x692-60.jpg) no-repeat center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.h3-homepage {
  text-transform: uppercase;
  margin-bottom: 4px;
}
h3.home-sous-menu-visiteurs {
  color: #377e7d;
  text-transform: uppercase;
  margin-bottom: 4px;
  -webkit-transition: all 10s ease;
  -moz-transition: all 10s ease;
  -ms-transition: all 10s ease;
  -o-transition: all 10s ease;
  transition: all 10s ease;
  cursor: default;
}
p.home-sous-menu-visiteurs {
  font-size: 15px;
  color: #204949;
  -webkit-transition: all 10s ease;
  -moz-transition: all 10s ease;
  -ms-transition: all 10s ease;
  -o-transition: all 10s ease;
  transition: all 10s ease;
  cursor: default;
}
h3.home-sous-menu-visiteurs-hover {
  color: #38d8d3;
  text-transform: uppercase;
  margin-bottom: 4px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  cursor: default;
}
p.home-sous-menu-visiteurs-hover {
  font-size: 15px;
  color: #38d8d3;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  cursor: default;
}
h3.home-sous-menu-exposants {
  color: #cc980d;
  text-transform: uppercase;
  margin-bottom: 4px;
  -webkit-transition: all 10s ease;
  -moz-transition: all 10s ease;
  -ms-transition: all 10s ease;
  -o-transition: all 10s ease;
  transition: all 10s ease;
  cursor: default;
}
p.home-sous-menu-exposants {
  font-size: 15px;
  color: #846208;
  -webkit-transition: all 10s ease;
  -moz-transition: all 10s ease;
  -ms-transition: all 10s ease;
  -o-transition: all 10s ease;
  transition: all 10s ease;
  cursor: default;
}
h3.home-sous-menu-exposants-hover {
  color: #ffd800;
  text-transform: uppercase;
  margin-bottom: 4px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  cursor: default;
}
p.home-sous-menu-exposants-hover {
  font-size: 15px;
  color: #ffd800;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  cursor: default;
}
h3.home-sous-menu-more {
  color: #d41d1e;
  text-transform: uppercase;
  margin-bottom: 4px;
  -webkit-transition: all 10s ease;
  -moz-transition: all 10s ease;
  -ms-transition: all 10s ease;
  -o-transition: all 10s ease;
  transition: all 10s ease;
  cursor: default;
}
p.home-sous-menu-more {
  font-size: 15px;
  color: #901414;
  -webkit-transition: all 10s ease;
  -moz-transition: all 10s ease;
  -ms-transition: all 10s ease;
  -o-transition: all 10s ease;
  transition: all 10s ease;
  cursor: default;
}
h3.home-sous-menu-more-hover {
  color: #ff4059;
  text-transform: uppercase;
  margin-bottom: 4px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  cursor: default;
}
p.home-sous-menu-more-hover {
  font-size: 15px;
  color: #ff4059;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  cursor: default;
}
h3.home-sous-menu-goodies {
  color: #2811db;
  text-transform: uppercase;
  margin-bottom: 4px;
  -webkit-transition: all 10s ease;
  -moz-transition: all 10s ease;
  -ms-transition: all 10s ease;
  -o-transition: all 10s ease;
  transition: all 10s ease;
  cursor: default;
}
p.home-sous-menu-goodies {
  font-size: 15px;
  color: #1b0b94;
  -webkit-transition: all 10s ease;
  -moz-transition: all 10s ease;
  -ms-transition: all 10s ease;
  -o-transition: all 10s ease;
  transition: all 10s ease;
  cursor: default;
}
h3.home-sous-menu-goodies-hover {
  color: #a99eff;
  text-transform: uppercase;
  margin-bottom: 4px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  cursor: default;
}
p.home-sous-menu-goodies-hover {
  font-size: 15px;
  color: #a99eff;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  cursor: default;
}
h3.sous-nexteditions {
  text-transform: uppercase;
  color: white;
  text-shadow: 0 1px 2px rgba(17, 103, 56, 0.45);
}
p.sous-nexteditions {
  color: #116738;
  /*text-shadow: 0px 2px 0px rgba(255, 255, 255, 0.25);*/
}
.homevisitors {
  background: rgba(255, 255, 255, 0.34);
}
.homeexhibitors {
  background: rgba(255, 255, 255, 0.34);
}
.homemedias {
  background: rgba(255, 255, 255, 0.34);
}
.homegoodies {
  background: rgba(255, 255, 255, 0.34);
}
.nexteditions {
  background: #ffa8c6;
  border-top: 10px solid #FFFFFF;
  cursor: pointer;
}
.nexteditions:hover {
  opacity: 0.95;
}
.friends {
  background: #aadde2;
  cursor: pointer;
}
.friends:hover {
  /*.survolopacity*/
}
.stayconnected {
  background: #9bd4db;
  cursor: default;
}
.homecontact {
  background: #86c5cc;
  color: #358a93;
  border-bottom: none;
  cursor: default;
}
.homefooter {
  background: url(../cssimg/bandes-footer/repeat-pink.jpg) repeat;
}
.homefooter2 {
  background: url(../images/legal/legal-repeat.jpg) repeat;
}
.btnrotate720 {
  transform: rotate(720deg);
  -webkit-transform: rotate(720deg);
}
.boutonrond-homepage {
  border: 40px solid rgba(255, 255, 255, 0);
  -webkit-transition: all 600ms ease-in-out;
  -moz-transition: all 600ms ease-in-out;
  -o-transition: all 600ms ease-in-out;
  transition: all 600ms ease-in-out;
}
.bouton-survol {
  background-color: #50b2b1;
  border: 40px solid rgba(255, 255, 255, 0);
  -webkit-transition: all 600ms ease-in-out;
  -moz-transition: all 600ms ease-in-out;
  -o-transition: all 600ms ease-in-out;
  transition: all 600ms ease-in-out;
}
.bouton-survol:hover {
  background-color: #38d8d3;
  border: 5px solid rgba(255, 255, 255, 0);
  transform: rotate(720deg);
  -webkit-transform: rotate(720deg);
}
.bouton-survol-exhibit {
  background-color: #f2be33;
  border: 40px solid rgba(255, 255, 255, 0);
  -webkit-transition: all 600ms ease-in-out;
  -moz-transition: all 600ms ease-in-out;
  -o-transition: all 600ms ease-in-out;
  transition: all 600ms ease-in-out;
}
.bouton-survol-exhibit:hover {
  background-color: #ffd800;
  border: 5px solid rgba(255, 255, 255, 0);
  transform: rotate(720deg);
  -webkit-transform: rotate(720deg);
}
.bouton-survol-more {
  background-color: #e85556;
  border: 40px solid rgba(255, 255, 255, 0);
  -webkit-transition: all 600ms ease-in-out;
  -moz-transition: all 600ms ease-in-out;
  -o-transition: all 600ms ease-in-out;
  transition: all 600ms ease-in-out;
}
.bouton-survol-more:hover {
  background-color: #ff4059;
  border: 5px solid rgba(255, 255, 255, 0);
  transform: rotate(720deg);
  -webkit-transform: rotate(720deg);
}
.bouton-survol-goodies {
  background-color: #5b47f1;
  border: 40px solid rgba(255, 255, 255, 0);
  -webkit-transition: all 600ms ease-in-out;
  -moz-transition: all 600ms ease-in-out;
  -o-transition: all 600ms ease-in-out;
  transition: all 600ms ease-in-out;
}
.bouton-survol-goodies:hover {
  background-color: #a99eff;
  border: 5px solid rgba(255, 255, 255, 0);
  transform: rotate(720deg);
  -webkit-transform: rotate(720deg);
}
#specialdates {
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: nexteddatesbis;
}
#carouselh3-bande1 {
  color: #fff;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.1);
  background: #e75555;
}
#carouselh3-bande2 {
  color: #fff;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.1);
  background: #188aa7;
}
#carouselh3-bande3 {
  color: #fff;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.1);
  background: #6ebdbc;
}
#carouselh3-bande4 {
  color: #fff;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.1);
  background: #f29133;
}
#carouselh3-bande5 {
  color: #fff;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.1);
  background: #08254c;
}
#bar {
  width: 1%;
  max-width: 100%;
  height: 4px;
  background: #50b2b1;
}
#progressBar {
  width: 100%;
  height: 4px;
  background: #377e7d;
}
.car-h3base {
  text-align: center;
  color: white;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
}
.h3span-base {
  font-weight: normal;
  color: rgba(255, 255, 255, 0.6);
}
.chevron-base {
  padding: 0px;
  text-align: center;
  color: white;
}
.rca-base {
  background: none;
  padding: 0px;
  margin: 0;
}
@media (min-width: 10px) and (max-width: 480px) {
  .carousel-text h3 {
    text-align: center;
    color: white;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    padding-top: 3px;
    padding-bottom: 1px;
    font-size: 13px;
    line-height: 10px;
  }
  .carousel-text h3 span {
    font-weight: normal;
    color: rgba(255, 255, 255, 0.6);
    font-size: 8px;
  }
  .chevron-anime {
    padding: 0px;
    text-align: center;
    color: white;
    font-size: 15px;
  }
  .row-chevron-anime {
    background: none;
    padding: 0px;
    margin: 0;
    height: 20px;
    margin-top: -21px;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .carousel-text h3 {
    text-align: center;
    color: white;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    padding-top: 5px;
    padding-bottom: 3px;
    font-size: 18px;
    line-height: 14px;
  }
  .carousel-text h3 span {
    font-weight: normal;
    color: rgba(255, 255, 255, 0.6);
    font-size: 10px;
  }
  .chevron-anime {
    padding: 0px;
    text-align: center;
    color: white;
    font-size: 20px;
  }
  .row-chevron-anime {
    background: none;
    padding: 0px;
    margin: 0;
    height: 30px;
    margin-top: -31px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .carousel-text h3 {
    text-align: center;
    color: white;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    padding-top: 7px;
    padding-bottom: 5px;
    font-size: 22px;
    line-height: 17px;
  }
  .carousel-text h3 span {
    font-weight: normal;
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
  }
  .chevron-anime {
    padding: 0px;
    text-align: center;
    color: white;
    font-size: 30px;
  }
  .row-chevron-anime {
    background: none;
    padding: 0px;
    margin: 0;
    height: 40px;
    margin-top: -41px;
  }
}
@media (min-width: 993px) and (max-width: 1200px) {
  .carousel-text h3 {
    text-align: center;
    color: white;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    padding-top: 10px;
    padding-bottom: 7px;
    font-size: 25px;
    line-height: 19px;
  }
  .carousel-text h3 span {
    font-weight: normal;
    color: rgba(255, 255, 255, 0.6);
    font-size: 16px;
  }
  .chevron-anime {
    padding: 0px;
    text-align: center;
    color: white;
    font-size: 45px;
  }
  .row-chevron-anime {
    background: none;
    padding: 0px;
    margin: 0;
    height: 100px;
    margin-top: -101px;
  }
}
@media (min-width: 1201px) {
  .carousel-text h3 {
    text-align: center;
    color: white;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    padding-top: 16px;
    padding-bottom: 10px;
    font-size: 30px;
    line-height: 23px;
  }
  .carousel-text h3 span {
    font-weight: normal;
    color: rgba(255, 255, 255, 0.6);
    font-size: 18px;
  }
  .chevron-anime {
    padding: 0px;
    text-align: center;
    color: white;
    font-size: 65px;
  }
  .row-chevron-anime {
    background: none;
    padding: 0px;
    margin: 0;
    height: 140px;
    margin-top: -141px;
  }
}
.carousel-text a h3:hover {
  cursor: pointer;
  opacity: 0.85;
  text-decoration: none;
}
.chevron-anime a {
  color: rgba(255, 255, 255, 0.7);
}
.chevron-anime a:hover {
  color: #ffffff;
}
.chevron-anime a:focus {
  outline: none;
}
.chevron-anime {
  animation: animationFrames linear 4s;
  animation-iteration-count: infinite;
  -webkit-animation: animationFrames linear 4s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation: animationFrames linear 4s;
  -moz-animation-iteration-count: infinite;
  -o-animation: animationFrames linear 4s;
  -o-animation-iteration-count: infinite;
  -ms-animation: animationFrames linear 4s;
  -ms-animation-iteration-count: infinite;
}
@keyframes animationFrames {
  0% {
    left: 0px;
    top: 0px;
    opacity: 1;
    transform: rotate(0deg) scaleX(1) scaleY(1);
  }
  3% {
    top: -25px;
  }
  6% {
    top: 0px;
  }
  10% {
    top: -15px;
  }
  13% {
    top: 0px;
  }
  17% {
    top: -5px;
  }
  20% {
    top: 0px;
  }
  100% {
    left: 0px;
    top: 0px;
    opacity: 1;
    transform: rotate(0deg) scaleX(1) scaleY(1);
  }
}
@-moz-keyframes animationFrames {
  0% {
    left: 0px;
    top: 0px;
    opacity: 1;
    -moz-transform: rotate(0deg) scaleX(1) scaleY(1);
  }
  3% {
    top: -25px;
  }
  6% {
    top: 0px;
  }
  10% {
    top: -15px;
  }
  13% {
    top: 0px;
  }
  17% {
    top: -5px;
  }
  20% {
    top: 0px;
  }
  100% {
    left: 0px;
    top: 0px;
    opacity: 1;
    -moz-transform: rotate(0deg) scaleX(1) scaleY(1);
  }
}
@-webkit-keyframes animationFrames {
  0% {
    left: 0px;
    top: 0px;
    opacity: 1;
    -webkit-transform: rotate(0deg) scaleX(1) scaleY(1);
  }
  3% {
    top: -25px;
  }
  6% {
    top: 0px;
  }
  10% {
    top: -15px;
  }
  13% {
    top: 0px;
  }
  17% {
    top: -5px;
  }
  20% {
    top: 0px;
  }
  100% {
    left: 0px;
    top: 0px;
    opacity: 1;
    -webkit-transform: rotate(0deg) scaleX(1) scaleY(1);
  }
}
@-o-keyframes animationFrames {
  0% {
    left: 0px;
    top: 0px;
    opacity: 1;
    -o-transform: rotate(0deg) scaleX(1) scaleY(1);
  }
  3% {
    top: -25px;
  }
  6% {
    top: 0px;
  }
  10% {
    top: -15px;
  }
  13% {
    top: 0px;
  }
  17% {
    top: -5px;
  }
  20% {
    top: 0px;
  }
  100% {
    left: 0px;
    top: 0px;
    opacity: 1;
    -o-transform: rotate(0deg) scaleX(1) scaleY(1);
  }
}
@-ms-keyframes animationFrames {
  0% {
    left: 0px;
    top: 0px;
    opacity: 1;
    -ms-transform: rotate(0deg) scaleX(1) scaleY(1);
  }
  3% {
    top: -25px;
  }
  6% {
    top: 0px;
  }
  10% {
    top: -15px;
  }
  13% {
    top: 0px;
  }
  17% {
    top: -5px;
  }
  20% {
    top: 0px;
  }
  100% {
    left: 0px;
    top: 0px;
    opacity: 1;
    -ms-transform: rotate(0deg) scaleX(1) scaleY(1);
  }
}
.lefichierdulogoplaytime {
  background: url(../cssimg/logosvg-paris-W17.svg) no-repeat;
  height: 100%;
  display: block;
  margin-top: 0px;
  z-index: 1090;
}
.lehoverdulogo {
  margin-top: 10px;
  transform-origin: 50% 50%;
  transform: scale(1.2);
}
.mainlogoContainerCommuns {
  position: absolute;
  z-index: 1000;
}
@media (min-width: 10px) and (max-width: 480px) {
  #mainlogoContainer {
    top: 5px;
    width: 50%;
    height: 22%;
    margin-left: 25%;
    margin-right: 25%;
    position: absolute;
    z-index: 1000;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  #mainlogoContainer {
    top: 70px;
    width: 45%;
    height: 22%;
    margin-left: 27.5%;
    margin-right: 27.5%;
    position: absolute;
    z-index: 1000;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  #mainlogoContainer {
    top: 80px;
    width: 40%;
    height: 22%;
    margin-left: 30%;
    margin-right: 30%;
    position: absolute;
    z-index: 1000;
  }
}
@media (min-width: 993px) and (max-width: 1200px) {
  #mainlogoContainer {
    top: 90px;
    width: 33.3333%;
    height: 22%;
    margin-left: 33.33333333%;
    margin-right: 33.33333333%;
    position: absolute;
    z-index: 1000;
  }
}
@media (min-width: 1201px) {
  #mainlogoContainer {
    top: 100px;
    width: 33.3333%;
    height: 22%;
    margin-left: 33.33333333%;
    margin-right: 33.33333333%;
    position: absolute;
    z-index: 1000;
  }
}
@media (min-width: 1601px) {
  #mainlogoContainer {
    top: 100px;
    width: 33.3333%;
    height: 33%;
    margin-left: 33.33333333%;
    margin-right: 33.33333333%;
    position: absolute;
    z-index: 1000;
  }
}
@media (min-width: 1901px) {
  #mainlogoContainer {
    top: 100px;
    width: 33.3333%;
    height: 43%;
    margin-left: 33.33333333%;
    margin-right: 33.33333333%;
    position: absolute;
    z-index: 1000;
  }
}
#mainlogo {
  margin: auto;
  padding: auto;
  left: auto;
  width: 100%;
  background: url(../cssimg/logosvg-paris-W17.svg) no-repeat;
  height: 100%;
  display: block;
  margin-top: 0px;
  z-index: 1090;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
#logocontainer-lg-home {
  position: fixed;
  top: -400px;
  width: 20%;
  height: 120px;
  margin-left: 40%;
  margin-right: 40%;
  z-index: 1090;
}
#lienLogoHome-lg-home {
  position: relative;
  margin: auto;
  width: 240px;
  background: url(../cssimg/logosvg-paris-W17.svg) no-repeat;
  height: 100%;
  display: block;
  margin-top: 0px;
  z-index: 1090;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
#lienLogoHome-lg-home:hover {
  margin-top: 10px;
  transform-origin: 50% 50%;
  transform: scale(1.2);
}
#logocontainer-md-home {
  position: fixed;
  top: -400px;
  width: 20%;
  height: 100px;
  margin-left: 40%;
  margin-right: 40%;
  z-index: 1090;
}
#lienLogoHome-md-home {
  position: relative;
  margin: auto;
  width: 200px;
  background: url(../cssimg/logosvg-paris-W17.svg) no-repeat;
  height: 100%;
  display: block;
  margin-top: 0px;
  z-index: 1090;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
#lienLogoHome-md-home:hover {
  margin-top: 10px;
  transform-origin: 50% 50%;
  transform: scale(1.2);
}
#logocontainer-sm-home {
  position: fixed;
  top: -400px;
  width: 20%;
  height: 75px;
  margin-left: 40%;
  margin-right: 40%;
  z-index: 1090;
}
#lienLogoHome-sm-home {
  position: relative;
  margin: auto;
  width: 150px;
  background: url(../cssimg/logosvg-paris-W17.svg) no-repeat;
  height: 100%;
  display: block;
  margin-top: 0px;
  z-index: 1090;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
#lienLogoHome-sm-home:hover {
  margin-top: 10px;
  transform-origin: 50% 50%;
  transform: scale(1.2);
}
#logocontainer-xs-home {
  position: fixed;
  top: -400px;
  width: 50%;
  height: 55px;
  margin-left: 25%;
  margin-top: 0px;
  z-index: 1090;
}
#lienLogoHome-xs-home {
  position: relative;
  margin: auto;
  width: 100px;
  background: url(../cssimg/logosvg-paris-W17.svg) no-repeat;
  height: 100%;
  display: block;
  margin-top: 0px;
  z-index: 1090;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
#lienLogoHome-xs-home:hover {
  margin-top: 10px;
  transform-origin: 50% 50%;
  transform: scale(1.2);
}
#logocontainer-lg {
  position: fixed;
  top: 0px;
  width: 20%;
  height: 120px;
  margin-left: 40%;
  margin-right: 40%;
  z-index: 1090;
}
#lienLogoHome-lg {
  position: relative;
  margin: auto;
  width: 240px;
  background: url(../cssimg/logosvg-paris-W17.svg) no-repeat;
  height: 100%;
  display: block;
  margin-top: 0px;
  z-index: 1090;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
#lienLogoHome-lg:hover {
  margin-top: 10px;
  transform-origin: 50% 50%;
  transform: scale(1.2);
}
#logocontainer-md {
  position: fixed;
  top: 0px;
  width: 20%;
  height: 100px;
  margin-left: 40%;
  margin-right: 40%;
  z-index: 1090;
}
#lienLogoHome-md {
  position: relative;
  margin: auto;
  width: 200px;
  background: url(../cssimg/logosvg-paris-W17.svg) no-repeat;
  height: 100%;
  display: block;
  margin-top: 0px;
  z-index: 1090;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
#lienLogoHome-md:hover {
  margin-top: 10px;
  transform-origin: 50% 50%;
  transform: scale(1.2);
}
#logocontainer-sm {
  position: fixed;
  top: 0px;
  width: 20%;
  height: 75px;
  margin-left: 40%;
  margin-right: 40%;
  z-index: 1090;
}
#lienLogoHome-sm {
  position: relative;
  margin: auto;
  width: 150px;
  background: url(../cssimg/logosvg-paris-W17.svg) no-repeat;
  height: 100%;
  display: block;
  margin-top: 0px;
  z-index: 1090;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
#lienLogoHome-sm:hover {
  margin-top: 10px;
  transform-origin: 50% 50%;
  transform: scale(1.2);
}
#logocontainer-xs {
  position: fixed;
  top: 0px;
  width: 20%;
  height: 50px;
  margin-left: 40%;
  margin-right: 40%;
  z-index: 1090;
}
#lienLogoHome-xs {
  position: relative;
  margin: auto;
  width: 100px;
  background: url(../cssimg/logosvg-paris-W17.svg) no-repeat;
  height: 100%;
  display: block;
  margin-top: 0px;
  z-index: 1090;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
#lienLogoHome-xs:hover {
  margin-top: 10px;
  transform-origin: 50% 50%;
  transform: scale(1.2);
}
#otherstradeshow {
  position: fixed;
  width: 300px;
  height: 90px;
  right: 20px;
  top: 0px;
  z-index: 1100;
}
.otherstradeshowcommon {
  position: absolute;
  width: 150px;
  height: 90px;
  transition: all 800ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -webkit-transition: all 800ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -moz-transition: all 800ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -o-transition: all 800ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
}
#lienNY {
  position: absolute;
  width: 150px;
  height: 90px;
  transition: all 800ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -webkit-transition: all 800ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -moz-transition: all 800ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -o-transition: all 800ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  background: url(../cssimg/sprite.png) no-repeat -650px 0px;
}
#lienTKY {
  position: absolute;
  width: 150px;
  height: 90px;
  transition: all 800ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -webkit-transition: all 800ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -moz-transition: all 800ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -o-transition: all 800ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  margin-left: 150px;
  background: url(../cssimg/sprite.png) no-repeat -800px 0px;
}
#lienNY:hover {
  background: url(../cssimg/sprite.png) no-repeat -650px -250px;
}
#lienTKY:hover {
  background: url(../cssimg/sprite.png) no-repeat -800px -250px;
}
#stayconnected h2 {
  color: #4ca1aa;
}
.commun-stayconnected {
  display: inline-block;
  width: 65px;
  height: 75px;
  transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -webkit-transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -moz-transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -o-transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
}
#home-lienfacebook {
  display: inline-block;
  width: 65px;
  height: 75px;
  transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -webkit-transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -moz-transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -o-transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  background: url(../cssimg/sprite.png) no-repeat 0px 0px;
}
#home-lienfacebook:hover {
  background: url(../cssimg/sprite.png) no-repeat 0px -75px;
}
#home-lientwitter {
  display: inline-block;
  width: 65px;
  height: 75px;
  transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -webkit-transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -moz-transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -o-transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  background: url(../cssimg/sprite.png) no-repeat -75px 0px;
}
#home-lientwitter:hover {
  background: url(../cssimg/sprite.png) no-repeat -75px -75px;
}
#home-lienpinterest {
  display: inline-block;
  width: 65px;
  height: 75px;
  transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -webkit-transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -moz-transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -o-transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  background: url(../cssimg/sprite.png) no-repeat -150px 0px;
}
#home-lienpinterest:hover {
  background: url(../cssimg/sprite.png) no-repeat -150px -75px;
}
#home-lientumblr {
  display: inline-block;
  width: 65px;
  height: 75px;
  transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -webkit-transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -moz-transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -o-transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  background: url(../cssimg/sprite.png) no-repeat -225px 0px;
}
#home-lientumblr:hover {
  background: url(../cssimg/sprite.png) no-repeat -225px -75px;
}
#home-lieninstagram {
  display: inline-block;
  width: 65px;
  height: 75px;
  transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -webkit-transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -moz-transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -o-transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  background: url(../cssimg/sprite.png) no-repeat -300px 0px;
}
#home-lieninstagram:hover {
  background: url(../cssimg/sprite.png) no-repeat -300px -75px;
}
#home-lienvimeo {
  display: inline-block;
  width: 65px;
  height: 75px;
  transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -webkit-transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -moz-transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -o-transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  background: url(../cssimg/sprite.png) no-repeat -375px 0px;
}
#home-lienvimeo:hover {
  background: url(../cssimg/sprite.png) no-repeat -375px -75px;
}
#home-lienandroid {
  display: inline-block;
  width: 65px;
  height: 75px;
  transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -webkit-transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -moz-transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -o-transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  background: url(../cssimg/sprite.png) no-repeat -375px -150px;
}
#home-lienandroid:hover {
  background: url(../cssimg/sprite.png) no-repeat -375px -225px;
}
#home-lienapple {
  display: inline-block;
  width: 65px;
  height: 75px;
  transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -webkit-transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -moz-transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -o-transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  background: url(../cssimg/sprite.png) no-repeat -300px -150px;
}
#home-lienapple:hover {
  background: url(../cssimg/sprite.png) no-repeat -300px -225px;
}
#friends-slide-right-arrow i {
  font-size: 3em;
  line-height: 2em;
  color: #ffffff;
}
#friends-slide-left-arrow i {
  font-size: 3em;
  line-height: 2em;
  color: #ffffff;
}
#friends-slide {
  transition: 200ms all ease;
  -webkit-transition: 50ms all ease;
}
.afriends {
  margin-left: 0px;
  width: 140px;
}
.friendslink-sample {
  opacity: 0.9;
}
.friendslink {
  padding: 5px;
  padding-top: 15px;
  opacity: 0.95;
  transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.friendslink:hover {
  transition: all 200ms ease;
  opacity: 1;
  padding: 5px;
  padding-top: 15px;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.friends h2 {
  color: #fcc2d5;
}
.btn-friends:hover,
.btn-friends:focus,
.btn-friends:active,
.btn-friends.active,
.open .dropdown-toggle.btn-friends {
  color: #aadde2;
  background-color: white;
}
.friendsrow .tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ff72a1;
  text-align: center;
  text-decoration: none;
  background-color: #FFFFFF;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
.friends-slide-left-arrow {
  color: rgba(255, 255, 255, 0.85);
}
.friends-slide-right-arrow {
  color: #ffffff;
}
.friends-slide-left-arrow:hover {
  color: rgba(255, 255, 255, 0.85);
}
.friends-slide-right-arrow:hover {
  color: #ffffff;
}
.next-edit-cache {
  position: absolute;
  width: 100%;
  height: 75px;
  margin-top: -75px;
  margin-left: -15px;
  z-index: 200;
  background: url(../cssimg/nexteditcache.png) repeat-x;
}
#nexteditions2 {
  background: #fc9cbc;
}
.nexted-round p {
  font-size: 25px;
  line-height: 95px;
  color: #fc9cbc;
  cursor: default;
}
.nexted-quest-commun {
  background: rgba(255, 255, 255, 0.5);
  padding: 8px 13px;
  color: #fc9cbc;
  font-weight: bold;
  font-family: 'Asap', Helvetica, Arial;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
#nexted-quest-paris {
  background: rgba(255, 255, 255, 0.5);
  padding: 8px 13px;
  color: #fc9cbc;
  font-weight: bold;
  font-family: 'Asap', Helvetica, Arial;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
#nexted-quest-paris:hover {
  background: #e560a7;
  color: #FFFFFF;
}
#nexted-quest-tokyo {
  background: rgba(255, 255, 255, 0.5);
  padding: 8px 13px;
  color: #fc9cbc;
  font-weight: bold;
  font-family: 'Asap', Helvetica, Arial;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
#nexted-quest-tokyo:hover {
  background: #c21c26;
  color: #FFFFFF;
}
#nexted-quest-newyork {
  background: rgba(255, 255, 255, 0.5);
  padding: 8px 13px;
  color: #fc9cbc;
  font-weight: bold;
  font-family: 'Asap', Helvetica, Arial;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
#nexted-quest-newyork:hover {
  background: #006db5;
  color: #FFFFFF;
}
#nextedbloc-paris h2 {
  color: #e560a7;
}
#nextedbloc-paris .nexted-dates {
  color: #e2007a;
}
#nextedbloc-paris .glyphicon-map-marker {
  color: #e2007a;
  font-size: 15px;
}
#nextedbloc-paris .nexted-lieux a {
  color: #f276b8;
}
#nextedbloc-tokyo h2 {
  color: #c21c26;
}
#nextedbloc-tokyo .nexted-dates {
  color: #e42137;
}
#nextedbloc-tokyo .glyphicon-map-marker {
  color: #e42137;
  font-size: 15px;
}
#nextedbloc-tokyo .nexted-lieux a {
  color: #a11c32;
}
#nextedbloc-ny h2 {
  color: #006db5;
}
#nextedbloc-ny .nexted-dates {
  color: #1298d7;
}
#nextedbloc-ny .glyphicon-map-marker {
  color: #1298d7;
  font-size: 15px;
}
#nextedbloc-ny .nexted-lieux a {
  color: #145e96;
}
.nexted-logo-global-container {
  width: 100%;
  margin-bottom: 10px;
}
.nexted-newlogo-paris {
  width: 250px;
  height: 130px;
  background: url(../cssimg/sprite.png) no-repeat -10px -380px;
  margin: auto;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.nexted-newlogo-tokyo {
  width: 250px;
  height: 130px;
  background: url(../cssimg/sprite.png) no-repeat -530px -380px;
  margin: auto;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.nexted-newlogo-ny {
  width: 250px;
  height: 130px;
  background: url(../cssimg/sprite.png) no-repeat -270px -380px;
  margin: auto;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
/*
.nexted-newlogo-paris:hover{width:250px;height:130px;background: url(../cssimg/sprite.png)no-repeat -10px -510px;margin:auto;.easesimple(@vitesserapide);}
.nexted-newlogo-tokyo:hover{width:250px;height:130px;background: url(../cssimg/sprite.png)no-repeat -530px -510px;margin:auto;.easesimple(@vitesserapide);}
.nexted-newlogo-ny:hover{width:250px;height:130px;background: url(../cssimg/sprite.png)no-repeat -270px -510px;margin:auto;.easesimple(@vitesserapide);}
*/
.nexteditions h2 {
  color: #ffe0ea;
}
.btn-nexted {
  width: 36px;
  height: 36px;
  color: #ffa8c6;
  background-color: #ffe0ea;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  margin-right: 15px;
  margin-top: -6px;
}
.btn-nexted:hover,
.btn-nexted:focus,
.btn-nexted:active,
.btn-nexted.active,
.open .dropdown-toggle.btn-nexted {
  color: #ffe0ea;
  background-color: #FFF;
}
.btn-nexted:active,
.btn-nexted.active,
.open .dropdown-toggle.btn-nexted {
  background-image: none;
}
.btn-nexted.disabled,
.btn-nexted[disabled],
fieldset[disabled] .btn-nexted,
.btn-nexted.disabled:hover,
.btn-nexted[disabled]:hover,
fieldset[disabled] .btn-nexted:hover,
.btn-nexted.disabled:focus,
.btn-nexted[disabled]:focus,
fieldset[disabled] .btn-nexted:focus,
.btn-nexted.disabled:active,
.btn-nexted[disabled]:active,
fieldset[disabled] .btn-nexted:active,
.btn-nexted.disabled.active,
.btn-nexted[disabled].active,
fieldset[disabled] .btn-nexted.active {
  background-color: rgba(255, 224, 234, 0.5);
}
#contact2 {
  background: #aadde2;
}
.contact2panes {
  text-align: center;
}
.contact2panes h4 {
  color: #3c9ca6;
}
.contact2panes p {
  color: #43adb8;
}
.contactpane4-link {
  color: #8cced5;
  border-bottom: 1px dotted #8cced5;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.contactpane4-link:hover {
  color: #fff;
  border-bottom: 1px dotted #fff;
}
.home-liencontacts {
  display: inline-block;
  width: 65px;
  height: 75px;
  cursor: pointer;
  border: none;
  transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -webkit-transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -moz-transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -o-transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
}
.home-lienmail-deselect {
  background: url(../cssimg/sprite.png) no-repeat 0px -150px;
}
.home-lientelephone-deselect {
  background: url(../cssimg/sprite.png) no-repeat -75px -150px;
}
.home-lienskype-deselect {
  background: url(../cssimg/sprite.png) no-repeat -150px -150px;
}
.home-lienmapoffice-deselect {
  background: url(../cssimg/sprite.png) no-repeat -225px -150px;
}
.home-lienmail-deselect:hover {
  background: url(../cssimg/sprite.png) no-repeat 0px -225px;
}
.home-lientelephone-deselect:hover {
  background: url(../cssimg/sprite.png) no-repeat -75px -225px;
}
.home-lienskype-deselect:hover {
  background: url(../cssimg/sprite.png) no-repeat -150px -225px;
}
.home-lienmapoffice-deselect:hover {
  background: url(../cssimg/sprite.png) no-repeat -225px -225px;
}
.home-lienmail-select {
  background: url(../cssimg/sprite.png) no-repeat 0px -225px;
}
.home-lientelephone-select {
  background: url(../cssimg/sprite.png) no-repeat -75px -225px;
}
.home-lienskype-select {
  background: url(../cssimg/sprite.png) no-repeat -150px -225px;
}
.home-lienmapoffice-select {
  background: url(../cssimg/sprite.png) no-repeat -225px -225px;
}
/*#home-lienmapofficeClose:hover{background: url(../cssimg/sprite.png)no-repeat -225px -225px;}*/
.home-lienskype-disabled {
  background: url(../cssimg/sprite.png) no-repeat -150px -150px;
}
.home-liencontacts-disabled {
  display: inline-block;
  width: 65px;
  height: 75px;
  border: none;
  transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -webkit-transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -moz-transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -o-transition: all 200ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
}
#map-office {
  height: 320px;
  border-top: 10px solid #8E1A18;
  border-bottom: 10px solid #211811;
}
#map-office-iphone {
  border-top: 10px solid #8E1A18;
  border-bottom: 10px solid #211811;
}
.homefooter p {
  text-align: left;
  font-size: 11px;
  color: #4ca1aa;
  cursor: default;
}
.homefooter p a {
  color: #6cb5bd;
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}
.homefooter p a:hover {
  color: #8fc7cd;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}
.homefooter h4 {
  text-align: left;
  color: #6cb5bd;
  font-size: 15px;
  cursor: default;
}
.homefooter h4 strong {
  color: #8fc7cd;
  font-size: 17px;
}
#home-lienlegal {
  padding: 0;
  color: #47979f;
  border: none;
  border-bottom: 1px dotted #a99eff;
  background: none;
}
#home-lienlegal:hover {
  color: #3c8087;
  border-bottom: 1px dotted #d6d1ff;
}
.homefooter2 p {
  text-align: left;
  font-size: 13px;
  color: #b2d9dd;
}
.homefooter2 p a {
  color: #8fc7cd;
  text-decoration: none;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}
.homefooter2 p a:hover {
  color: #b2d9dd;
}
.homefooter2 h4 {
  text-align: center;
  color: #e85556;
  font-size: 18px;
  cursor: default;
}
.homefooter2 h5 {
  color: #f2be33;
  opacity: 0.8;
  font-size: 16px;
}
.homefooter2 h6 {
  color: #ccad00;
  opacity: 1;
  font-size: 15px;
}
#pagesvues {
  padding: 4px;
  cursor: default;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.01);
  font-size: 8px;
  color: rgba(255, 255, 255, 0.01);
}
#pagesvues:hover {
  color: #f276b8;
  background: rgba(255, 255, 255, 0.8);
}
#close-legal {
  margin: auto;
  width: 70px;
  height: 35px;
  background: white;
  padding: 0px;
  border-bottom-left-radius: 70px;
  border-bottom-right-radius: 70px;
  color: #2e7880;
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  cursor: pointer;
}
#close-legal:hover {
  cursor: pointer;
}
#close-legal a {
  cursor: pointer;
  color: #2e7880;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}
#close-legal a span {
  cursor: pointer;
}
#close-legal a:hover {
  cursor: pointer;
  color: #53b7c1;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}
#map-office {
  height: 320px;
  border-top: 10px solid #8E1A18;
  border-bottom: 10px solid #211811;
}
#map-office-iphone {
  border-top: 10px solid #8E1A18;
  border-bottom: 10px solid #211811;
}
.aselected {
  background: rgba(232, 93, 142, 0.5);
}
.catselected1 {
  color: #50b2b1 !important;
}
.catselected2 {
  color: #f2be33 !important;
}
.catselected3 {
  color: #e85556 !important;
}
.catselected4 {
  color: #5b47f1 !important;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  padding: 10px 0;
  margin: 2px 0 0;
  font-size: 14px;
  list-style: none;
  background-color: #f8f8f8;
  border-radius: 8px;
  -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}
#langchoice {
  cursor: pointer;
  padding-right: 15px;
  padding-left: 15px;
}
.nav > li > a {
  padding-left: 1px;
  padding-right: 1px;
}
.dropdown-menu > li > .nav-specialink {
  color: #e7443f;
}
.dropdown-menu > li > a {
  color: #e1007a;
  border-bottom: 1px solid rgba(255, 255, 255, 0);
  -webkit-transition: background 500ms ease-out;
  -moz-transition: background 500ms ease-out;
  -o-transition: background 500ms ease-out;
  transition: background 500ms ease-out;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background: #e85d8e;
  border-bottom: 1px solid #e2306f;
  color: #ffffff;
  -webkit-transition: background 0s ease-out;
  -moz-transition: background 0s ease-out;
  -o-transition: background 0s ease-out;
  transition: background 0s ease-out;
}
a > #menuHome-1,
#menuHome-2,
#menuHome-3,
#menuHome-4,
#menuHome-5 {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 5px 8px;
}
.navbar-default .navbar-nav > .active > a > #menuHome-1,
.navbar-default .navbar-nav > .active > a:hover > #menuHome-1,
.navbar-default .navbar-nav > .active > a:focus > #menuHome-1 {
  background: #ffffff;
  color: #50b2b1;
  padding: 5px 8px;
  animation: myfadein 1s 1 linear;
  -moz-animation: myfadein 1s 1 linear;
  -webkit-animation: myfadein 1s 1 linear;
  -o-animation: myfadein 1s 1 linear;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.navbar-default .navbar-nav > .active > a > #menuHome-2,
.navbar-default .navbar-nav > .active > a:hover > #menuHome-2,
.navbar-default .navbar-nav > .active > a:focus > #menuHome-2 {
  background: #ffffff;
  color: #f2be33;
  padding: 5px 8px;
  animation: myfadein 1s 1 linear;
  -moz-animation: myfadein 1s 1 linear;
  -webkit-animation: myfadein 1s 1 linear;
  -o-animation: myfadein 1s 1 linear;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.navbar-default .navbar-nav > .active > a > #menuHome-3,
.navbar-default .navbar-nav > .active > a:hover > #menuHome-3,
.navbar-default .navbar-nav > .active > a:focus > #menuHome-3 {
  background: #ffffff;
  color: #e85556;
  padding: 5px 8px;
  animation: myfadein 1s 1 linear;
  -moz-animation: myfadein 1s 1 linear;
  -webkit-animation: myfadein 1s 1 linear;
  -o-animation: myfadein 1s 1 linear;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.navbar-default .navbar-nav > .active > a > #menuHome-4,
.navbar-default .navbar-nav > .active > a:hover > #menuHome-4,
.navbar-default .navbar-nav > .active > a:focus > #menuHome-4 {
  background: #efedfe;
  color: #5b47f1;
  padding: 5px 8px;
  animation: myfadein 1s 1 linear;
  -moz-animation: myfadein 1s 1 linear;
  -webkit-animation: myfadein 1s 1 linear;
  -o-animation: myfadein 1s 1 linear;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.navbar-default .navbar-nav > .active > a > #menuHome-5,
.navbar-default .navbar-nav > .active > a:hover > #menuHome-5,
.navbar-default .navbar-nav > .active > a:focus > #menuHome-5 {
  background: #c4e6ea;
  color: #358a93;
  padding: 5px 8px;
  animation: myfadein 1s 1 linear;
  -moz-animation: myfadein 1s 1 linear;
  -webkit-animation: myfadein 1s 1 linear;
  -o-animation: myfadein 1s 1 linear;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.lang-shadow {
  -webkit-box-shadow: 0 0 10px #323232;
  -moz-box-shadow: 0 0 10px #323232;
  box-shadow: 0 0 10px #323232;
}
.langdisabled a {
  color: #fbe3f0;
}
.langdisabled img {
  opacity: 0.5;
  border: 2px solid #f3b8d8;
}
.langactivated img {
  border: 2px solid #e560a7;
}
.langnormal img {
  border: 2px solid #f3b8d8;
}
.navbar-nav > li > a {
  padding-top: 15px;
  padding-bottom: 10px;
}
.lang-circle {
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
}
.navbar-default .navbar-toggle {
  border: none;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #dbdbdb;
  box-shadow: 0px 1px 1px #c2c2c2 inset;
}
.navbar-toggle .icon-bar {
  border-radius: 4px;
  display: block;
  height: 4px;
  width: 30px;
}
.mybreadcrumb {
  height: 25px;
  padding: 5px 3px 5px 10px;
  margin-top: -25px;
}
.mybreadcrumb p {
  cursor: default;
  text-align: left;
  color: #999999;
  font-weight: bold;
  font-family: "Asap", Helvetica, Arial;
  font-size: 11px;
  text-transform: uppercase;
}
.mybreadcrumb p a {
  color: #FFF;
  font-weight: normal;
  font-family: "Asap", Helvetica, Arial;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .mybreadcrumb {
    height: 40px;
    padding: 4px;
    padding-left: 5px;
    margin-top: -40px;
  }
  .mybreadcrumb p {
    text-align: center;
    color: #999999;
    font-weight: bold;
    font-family: "Asap", Helvetica, Arial;
    font-size: 12px;
    text-transform: uppercase;
  }
  .mybreadcrumb p a {
    color: #FFF;
    font-weight: normal;
    font-family: "Asap", Helvetica, Arial;
    text-transform: uppercase;
  }
}
.mybreadcrumb-visitors {
  background-color: rgba(32, 73, 73, 0.8);
}
.mybreadcrumb-visitors:hover {
  background: rgba(32, 73, 73, 0.9);
}
.mybreadcrumb-visitors p a:hover {
  color: #50b2b1;
}
.mybreadcrumb-exhibitors {
  background-color: rgba(132, 98, 8, 0.8);
}
.mybreadcrumb-exhibitors:hover {
  background: rgba(132, 98, 8, 0.9);
}
.mybreadcrumb-exhibitors p a:hover {
  color: #f2be33;
}
.mybreadcrumb-medias {
  background-color: rgba(144, 20, 20, 0.8);
}
.mybreadcrumb-medias:hover {
  background: rgba(144, 20, 20, 0.9);
}
.mybreadcrumb-medias p a:hover {
  color: #e85556;
}
.mybreadcrumb-goodies {
  background-color: rgba(27, 11, 148, 0.8);
}
.mybreadcrumb-goodies:hover {
  background: rgba(27, 11, 148, 0.9);
}
.mybreadcrumb-goodies p a:hover {
  color: #5b47f1;
}
.mybreadcrumb-admin {
  background-color: rgba(27, 11, 148, 0.8);
}
.mybreadcrumb-admin:hover {
  background: rgba(27, 11, 148, 0.9);
}
.mybreadcrumb-admin p a:hover {
  color: #5b47f1;
}
.mybreadcrumb-special {
  background-color: rgba(27, 11, 148, 0.8);
}
.mybreadcrumb-special:hover {
  background: rgba(27, 11, 148, 0.9);
}
.mybreadcrumb-special p a:hover {
  color: #5b47f1;
}
.titleRubBoxShad {
  box-shadow: 0 20px 50px rgba(255, 255, 255, 0.3) inset;
}
.title-rubrik-visitors {
  box-shadow: 0 20px 50px rgba(255, 255, 255, 0.3) inset;
  margin-top: -100px;
  margin: auto;
  background-color: #50b2b1;
}
.title-rubrik-visitors h1 {
  line-height: 1;
  text-shadow: 0 3px 0 rgba(0, 0, 0, 0.05);
}
.title-rubrik-exhibitors {
  box-shadow: 0 20px 50px rgba(255, 255, 255, 0.3) inset;
  margin-top: -100px;
  margin: auto;
  background-color: #f2be33;
}
.title-rubrik-exhibitors h1 {
  line-height: 1;
  text-shadow: 0 3px 0 rgba(0, 0, 0, 0.05);
}
.title-rubrik-medias {
  box-shadow: 0 20px 50px rgba(255, 255, 255, 0.3) inset;
  margin-top: -100px;
  margin: auto;
  background-color: #e85556;
}
.title-rubrik-medias h1 {
  line-height: 1;
  text-shadow: 0 3px 0 rgba(0, 0, 0, 0.05);
}
.title-rubrik-goodies {
  box-shadow: 0 20px 50px rgba(255, 255, 255, 0.3) inset;
  margin-top: -100px;
  margin: auto;
  background-color: #5b47f1;
}
.title-rubrik-goodies h1 {
  line-height: 1;
  text-shadow: 0 3px 0 rgba(0, 0, 0, 0.05);
}
.title-rubrik-admin {
  box-shadow: 0 20px 50px rgba(255, 255, 255, 0.3) inset;
  margin-top: -100px;
  margin: auto;
  background-color: #5b47f1;
}
.title-rubrik-admin h1 {
  line-height: 1;
  text-shadow: 0 3px 0 rgba(0, 0, 0, 0.05);
}
.title-rubrik-special {
  box-shadow: 0 20px 50px rgba(255, 255, 255, 0.3) inset;
  margin-top: -100px;
  margin: auto;
  background-color: #5b47f1;
}
.title-rubrik-special h1 {
  line-height: 1;
  text-shadow: 0 3px 0 rgba(0, 0, 0, 0.05);
}
.bande-bkg-white {
  background: white;
}
.nouvelle-alerte-visitors {
  background: white;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #50b2b1;
}
.nouvelle-alerte-visitors span {
  color: #38d8d3;
}
.fin-nouvelle-alerte-visitors {
  position: absolute;
  height: 10px;
  width: 100%;
  background: url(../cssimg/fin-nouvelle-alerte-visitors.png) repeat-x;
}
/*#listof-triangleCss{width: 0px;height: 0px;z-index:1600;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent rgba(255,255,255,0.95) transparent;margin:auto;margin-top: -8px;visibility: hidden;}*/
.openmodalboxMail {
  color: #8de9e6;
  font-size: 16px;
  cursor: pointer;
}
.openmodalboxPrint {
  color: #8de9e6;
  font-size: 20px;
  margin-left: 10px;
}
.openmodalboxMail:hover {
  color: #50b2b1;
}
.openmodalboxPrint:hover {
  color: #50b2b1;
}
.newlistof-advancedsearch-bkg {
  cursor: default;
  background-color: #38d8d3;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.newlistof-advancedsearch-bkg:hover {
  cursor: pointer;
  background-color: rgba(56, 216, 211, 0.85);
}
.listof-search-bkg {
  cursor: default;
  background-color: #38d8d3;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.listof-search-bkg:hover {
  background-color: rgba(56, 216, 211, 0.95);
}
.listof-maliste-bkg {
  background-color: rgba(56, 216, 211, 0.7);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.listof-maliste-bkg:hover {
  background-color: rgba(56, 216, 211, 0.65);
}
.listof-all-bkg {
  background-color: rgba(56, 216, 211, 0.6);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.listof-all-bkg:hover {
  background-color: rgba(56, 216, 211, 0.55);
}
.listof-search-bkg .form-control {
  border-color: #24b9b4;
}
.listof-search-bkg .form-control:focus {
  border-color: #1c8e8b;
  outline: 0;
  -webkit-box-shadow: 0 0 10px #8de9e6;
  box-shadow: 0 0 10px #8de9e6;
}
.listof-noresult {
  background: none repeat scroll 0 0 #FFFFFF;
  border-radius: 11px;
  box-shadow: 0 0 6px #696969;
  -webkit-box-shadow: 0 0 6px #696969;
  color: #CC0000;
  height: 21px;
  left: 150px;
  position: absolute;
  text-align: center;
  top: 10px;
  width: 85px;
  opacity: 0;
  animation-iteration-count: 1;
  -webkit-animation: disparition 5s 1 ease;
  -moz-animation: disparition 5s 1 ease;
  -o-animation: disparition 5s 1 ease;
  animation: disparition 5s 1 ease;
}
@-webkit-keyframes disparition {
  from {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes disparition {
  from {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-o-keyframes disparition {
  from {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.miniCateg {
  display: inline-block;
  margin-top: 3px;
  width: 24px;
  height: 24px;
  background: #38d8d3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
}
.listnoms {
  color: #b8f1ef;
  text-align: justify;
}
.listnoms a {
  color: #1c8e8b;
  font-size: 12px;
}
.listnoms a:hover {
  color: #0b3937;
  border-bottom: 1px dotted #620134;
}
.listof-searchproduct-bkg h4,
.listof-laliste-bkg h4,
.listof-maliste-bkg h4 {
  color: white;
  font-size: 14px;
}
.pageEnCoursDiv {
  color: white;
}
.listof-mylist-brands {
  position: relative;
  top: 1px;
  left: 6px;
  text-align: left;
  line-height: 10px;
  width: 120px;
  border: #d9d9d9 none 0px ;
  font-size: 11px;
  text-indent: 5px;
  -webkit-border-radius: 8px 3px 3px 8px;
  -moz-border-radius: 8px 3px 3px 8px;
  border-radius: 8px 3px 3px 8px;
}
.listof-mylist-blocs {
  background: rgba(255, 255, 255, 0.3);
  margin-bottom: 10px;
  margin-right: 10px;
  width: 150px;
  height: 27px;
  float: left;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
}
.vignette-list #A img:hover {
  opacity: 1;
}
.listof-website a {
  color: #696969;
  font-size: 11px;
}
.listof-website a:hover {
  color: #50b2b1;
}
.listof-stand {
  position: absolute;
  top: 272px;
  margin: auto;
  width: 300px;
  font-size: 12px;
  color: #696969;
  background: none;
  border-radius: 3px;
  padding: 2px;
  text-align: right;
}
.listof-resumbrands {
  width: 260px;
  height: 40px;
  top: 4px;
  left: 10px;
  position: absolute;
  border: none;
  font-size: 10px;
  line-height: 13px;
  overflow: visible;
  color: #696969;
}
.listof_pagesnum a {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 2px;
  margin-top: 5px;
  background: rgba(255, 255, 255, 0.6);
  color: #63e0dc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-family: 'Asap', Helvetica, Arial;
  font-size: 11px;
  font-weight: 700;
  line-height: 24px;
  -webkit-box-shadow: 0px 1px 10px rgba(50, 50, 50, 0.05);
  -moz-box-shadow: 0px 1px 10px rgba(50, 50, 50, 0.05);
  box-shadow: 0px 1px 10px rgba(50, 50, 50, 0.05);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.listof_pagesnum a:hover {
  color: #50b2b1;
  background: rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 0px 1px 10px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 1px 10px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 1px 10px rgba(50, 50, 50, 0.2);
}
.listof_pagesnum .listof_pagesnum_selected {
  color: #38d8d3;
  background: white;
}
.listof_prevnext {
  text-align: center;
  font-size: 24px;
}
.listof_prevnext a {
  color: #E6D9E0;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.listof_prevnext a:hover {
  color: #FFF;
}
.list-add-mylist {
  display: block;
  -webkit-border-radius: 0px 0px 7px 7px;
  -moz-border-radius: 0px 0px 7px 7px;
  border-radius: 0px 0px 7px 7px;
  text-align: center;
  width: 300px;
  height: 30px;
  background: rgba(64, 176, 229, 0.35);
  color: #0E487F;
  line-height: 30px;
  font-size: 13px;
  font-weight: 700;
}
.list-remove-mylist {
  display: block;
  -webkit-border-radius: 0px 0px 7px 7px;
  -moz-border-radius: 0px 0px 7px 7px;
  border-radius: 0px 0px 7px 7px;
  text-align: center;
  width: 300px;
  height: 30px;
  background: rgba(64, 176, 229, 0.1);
  color: #0E487F;
  line-height: 30px;
  font-size: 13px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .anulpadbottom {
    padding-bottom: 0px;
  }
  .anulpadtop {
    padding-top: 0px;
  }
}
.col-list {
  padding-right: 5px;
  padding: 0px;
}
.vignette-list-fiche {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.8);
  margin: auto;
  width: 308px;
  height: 430px;
  padding: 3px;
  border: rgba(255, 255, 255, 0.1) solid 1px;
  display: block;
  -webkit-box-shadow: 0px 1px 5px rgba(20, 99, 97, 0.3);
  -moz-box-shadow: 0px 1px 5px rgba(20, 99, 97, 0.3);
  box-shadow: 0px 1px 5px rgba(20, 99, 97, 0.3);
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.vignette-list-fiche-img {
  -webkit-border-radius: 7px 7px 0px 0px;
  -moz-border-radius: 7px 7px 0px 0px;
  border-radius: 7px 7px 0px 0px;
  border-bottom: 3px solid rgba(20, 99, 97, 0.2);
  overflow: hidden;
  width: 300px;
  height: 250px;
  position: absolute;
  margin-top: 0px;
  margin-left: 0px;
  display: block;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.list-marques {
  font-family: 'Asap', Helvetica, Arial;
  font-size: 14px;
  font-weight: 700;
  position: absolute;
  margin-top: 258px;
  color: #696969;
}
.vignette-list-fiche:hover > .list-marques {
  color: #000000;
}
.vignette-list-fiche:hover > .listof-resumbrands {
  color: #000000;
  font-size: 14px;
}
.vignette-list-fiche > #A > #addF {
  opacity: 0.8;
}
.vignette-list-fiche:hover > #A > #addF {
  opacity: 1;
}
.vignette-list-fiche > #affProd {
  opacity: 0.6;
}
.vignette-list-fiche:hover > #affProd {
  opacity: 1;
}
.vignette-list-fiche > #reseaux {
  opacity: 0.6;
}
.vignette-list-fiche:hover > #reseaux {
  opacity: 1;
}
.vignette-list-fiche:hover > .vignette-list-fiche-img {
  border-bottom: 3px solid #50b2b1;
}
.vignette-list-fiche:hover {
  background: #ffffff;
  -webkit-box-shadow: 0px 1px 10px rgba(3, 14, 14, 0.5);
  -moz-box-shadow: 0px 1px 10px rgba(3, 14, 14, 0.5);
  box-shadow: 0px 1px 10px rgba(3, 14, 14, 0.5);
}
.vignette-list-fiche > .vignette-list-fiche-img {
  opacity: 0.9;
}
.vignette-list-fiche:hover > .vignette-list-fiche-img {
  opacity: 1;
}
@media (min-width: 10px) and (max-width: 480px) {
  .vignette-list {
    width: 100%;
    /*height:450px;*/
    padding: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .vignette-list-fiche-fleche-gauche {
    position: absolute;
    opacity: 0;
    margin-top: 10px;
    margin-left: -4%;
    display: none;
    z-index: 10;
    cursor: pointer;
  }
  .vignette-list-fiche-fleche-droite {
    position: absolute;
    opacity: 0;
    top: 10px;
    margin-left: 26%;
    display: none;
    z-index: 10;
    cursor: pointer;
  }
  .listof-row {
    padding-top: 0px;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .vignette-list {
    width: 100%;
    /*height:450px;*/
    padding: 5px;
    padding-top: 15px;
    padding-bottom: 5px;
  }
  .vignette-list-fiche-fleche-gauche {
    position: absolute;
    opacity: 0;
    top: 10px;
    margin-left: -4%;
    display: none;
    z-index: 10;
    cursor: pointer;
  }
  .vignette-list-fiche-fleche-droite {
    position: absolute;
    opacity: 0;
    top: 10px;
    margin-left: 26%;
    display: none;
    z-index: 10;
    cursor: pointer;
  }
  .listof-row {
    padding-top: 20px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .vignette-list {
    width: 100%;
    /*height:460px;*/
    padding: 5px;
    padding-top: 15px;
    padding-bottom: 25px;
  }
  .vignette-list-fiche-fleche-gauche {
    position: absolute;
    top: 10px;
    left: 10px;
    display: none;
    z-index: 10;
    cursor: pointer;
  }
  .vignette-list-fiche-fleche-droite {
    position: absolute;
    top: 10px;
    left: 216px;
    display: none;
    z-index: 10;
    cursor: pointer;
  }
  .listof-row {
    padding-top: 0px;
  }
}
@media (min-width: 993px) and (max-width: 1200px) {
  .vignette-list {
    width: 100%;
    /*height:425px;*/
    padding: 5px;
    padding-top: 15px;
    padding-bottom: 0px;
  }
  .vignette-list-fiche-fleche-gauche {
    position: absolute;
    top: 10px;
    left: 10px;
    display: none;
    z-index: 10;
    cursor: pointer;
  }
  .vignette-list-fiche-fleche-droite {
    position: absolute;
    top: 10px;
    left: 160px;
    display: none;
    z-index: 10;
    cursor: pointer;
  }
  .listof-row {
    padding-top: 0px;
  }
}
@media (min-width: 1201px) {
  .vignette-list {
    width: 100%;
    /*height:475px;*/
    padding: 5px;
    padding-top: 15px;
    padding-bottom: 50px;
  }
  .vignette-list-fiche-fleche-gauche {
    position: absolute;
    top: 10px;
    left: 18px;
    display: none;
    z-index: 10;
    cursor: pointer;
  }
  .vignette-list-fiche-fleche-droite {
    position: absolute;
    top: 10px;
    left: 223px;
    display: none;
    z-index: 10;
    cursor: pointer;
  }
  .listof-row {
    padding-top: 40px;
  }
}
.heartbeat {
  background: rgba(255, 255, 255, 0.5);
  width: 19px;
  height: 19px;
  text-align: center;
  font-size: 14px;
  line-height: 17px;
  border-radius: 10px;
  color: rgba(224, 29, 159, 0.99);
  animation: heart 2s infinite linear;
  -moz-animation: heart 2s infinite linear;
  -webkit-animation: heart 2s infinite linear;
  -o-animation: heart 2s infinite linear;
}
@keyframes heart {
  0% {
    color: rgba(224, 29, 159, 0.99);
  }
  50% {
    color: rgba(224, 29, 159, 0.29);
  }
  100% {
    color: rgba(224, 29, 159, 0.99);
  }
}
@-webkit-keyframes heart {
  0% {
    color: rgba(224, 29, 159, 0.99);
  }
  50% {
    color: rgba(224, 29, 159, 0.29);
  }
  100% {
    color: rgba(224, 29, 159, 0.99);
  }
}
@-moz-keyframes heart {
  0% {
    color: rgba(224, 29, 159, 0.99);
  }
  50% {
    color: rgba(224, 29, 159, 0.29);
  }
  100% {
    color: rgba(224, 29, 159, 0.99);
  }
}
#forme_label_send {
  border: none;
  background: #93D3F0;
  color: white;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  line-height: 26px;
  cursor: pointer;
  width: 100px;
  height: 26px;
  font-family: 'Asap', Arial, Helvetica;
  font-size: 13px;
  text-align: center;
  padding: 0px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
#forme_label_send:hover {
  background: #50b2b1;
  color: #ffffff;
}
.listof-mail-formcontrol:focus {
  border-color: #50b2b1;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(147, 211, 240, 0.8);
}
.new-expo-main {
  font-size: 0;
  letter-spacing: normal;
  word-spacing: normal;
  text-rendering: auto;
  background: #1c8e8b;
}
.new-expo-container {
  height: 250px;
  width: 25%;
  float: left;
  /*display: inline-block;*/

  position: relative;
  overflow: hidden;
}
@media (min-width: 10px) and (max-width: 450px) {
  .new-expo-container {
    width: 100%;
  }
  .new-expo-img {
    width: 100%;
  }
}
@media (min-width: 450px) and (max-width: 600px) {
  .new-expo-container {
    width: 50%;
  }
}
@media (min-width: 600px) and (max-width: 900px) {
  .new-expo-container {
    width: 33.3333%;
  }
}
@media (min-width: 900px) and (max-width: 1200px) {
  .new-expo-container {
    width: 25%;
  }
}
@media (min-width: 1200px) and (max-width: 1500px) {
  .new-expo-container {
    width: 20%;
  }
}
@media (min-width: 1500px) and (max-width: 1800px) {
  .new-expo-container {
    width: 16.666%;
  }
}
@media (min-width: 1800px) and (max-width: 2100px) {
  .new-expo-container {
    width: 14.2857%;
  }
}
@media (min-width: 2100px) and (max-width: 2400px) {
  .new-expo-container {
    width: 12.5%;
  }
}
@media (min-width: 2400px) and (max-width: 2700px) {
  .new-expo-container {
    width: 11.1%;
  }
}
@media (min-width: 2700px) {
  .new-expo-container {
    width: 10%;
  }
}
.new-expo-img-container {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 250px;
}
.new-expo-overlay {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 250px;
  position: absolute;
  margin-top: -250px;
  z-index: 100;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  opacity: 0;
  cursor: pointer;
}
.new-expo-overlay:hover {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  opacity: 1;
  cursor: pointer;
  /*border: 30px solid rgba(0, 0, 0, 0.02);*/

}
.first-timer-petit {
  background: #38d8d3;
  margin: 0;
  margin-top: 210px;
  padding: 3px;
  padding-top: 2px;
  font-size: 10px;
  height: 16px;
  color: white;
  opacity: 0.8;
}
.new-miniCateg {
  background: #38d8d3 none repeat scroll 0 0;
  top: 0px;
  margin-right: 1px;
  border-radius: none;
  display: inline-block;
  height: 16px;
  margin-top: 1px;
  text-align: center;
  width: 16px;
}
.new-bigCateg {
  background: #38d8d3 none repeat scroll 0 0;
  top: 0px;
  margin-left: 5px;
  border-radius: none;
  display: inline-block;
  height: 25px;
  margin-top: 3px;
  width: 25px;
}
.new-close-overlay {
  display: inline-block;
  text-align: right;
  width: 80px;
  height: 80px;
  background: url('../fr/les-exposants/media/moins.png');
  cursor: pointer;
}
.bt-overlay-titre {
  position: absolute;
  margin-top: 0px;
  margin-left: 0px;
  height: 250px;
  width: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+27,0.9+99 */

  background: rgba(0, 0, 0, 0);
}
.roulette-reglages {
  font-size: 15px;
  height: 17px;
  width: 17px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.advenced-closed {
  opacity: 0.5;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.roulette-reglages-open {
  transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.advenced-open {
  opacity: 1;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.favorites-open {
  opacity: 1;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
#advenced-bt {
  background-color: #28cec9;
  cursor: pointer;
}
#advenced-bt:hover {
  background-color: #38d8d3;
  cursor: pointer;
}
.booth-titre {
  background: #696969;
  margin: 0;
  padding: 0px;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 2px;
  font-size: 10px;
  line-height: 16px;
  height: 16px;
  color: white;
  text-align: right;
  font-weight: 700;
  font-family: 'Asap', Helvetica, Arial;
}
.booth-number {
  background: #DDD;
  margin: 0;
  padding: 3px;
  padding-top: 2px;
  font-size: 12px;
  height: 16px;
  color: #696969;
  text-align: right;
  font-weight: 700;
  font-family: 'Asap', Helvetica, Arial;
}
.overlay-h2 {
  font-size: 25px;
  color: #444;
}
.overlay-texte-marque {
  font-size: 14px;
  color: #888888;
}
.overlay-texte-marque a {
  font-size: 22px;
  color: #444;
  font-weight: 700;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.overlay-texte-marque a:hover {
  font-size: 22px;
  color: #63e0dc;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.overlay-texte-marque-playologie {
  font-size: 22px;
  color: #41164c;
}
.overlay-texte-marque-playologie a {
  font-size: 22px;
  color: #632174;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.overlay-texte-marque-playologie a:hover {
  font-size: 22px;
  color: #852d9b;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.overlay-reseaux a img {
  width: 40px;
  height: 40px;
}
@media (min-width: 0px) and (max-width: 768px) {
  .overlay-reseaux a img {
    width: 30px;
    height: 30px;
  }
}
.overlay-boothnumber {
  display: inline-block;
  background: #eee;
  font-size: 15px;
  line-height: 25px;
  height: 25px;
  margin-top: 3px;
  padding: 3px 10px;
  margin-right: 8px;
  color: #bbb;
  font-family: 'Asap', Helvetica, Arial;
  font-weight: 700;
}
.overlay-firsttimer {
  color: rgba(255, 255, 255, 0.8);
  display: inline-block;
  background: #38d8d3;
  font-size: 15px;
  line-height: 25px;
  height: 25px;
  margin-top: 3px;
  margin-right: 0px;
  padding: 0px 7px;
  font-family: 'Asap', Helvetica, Arial;
  font-weight: 700;
}
.overlay-degrad-img {
  position: relative;
  height: 50px;
  margin-top: -50px;
  z-index: 990;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.2+100 */

  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.2)));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#33000000', GradientType=0);
  /* IE6-9 */

}
.imgzoomsurvol {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  transform: scale(1.5);
  -webkit-transform: scale(1.5);
  /*
	filter: brightness(0.8) grayscale(1) blur(2px);
	-moz-filter: brightness(0.8) grayscale(1) blur(2px);
	-webkit-filter: brightness(0.8) grayscale(1) blur(2px);
	*/

  filter: blur(1px) grayscale(0.2);
  -moz-filter: blur(1px) grayscale(0.2);
  -webkit-filter: blur(1px) grayscale(0.2);
}
.blocBT-overlay-contacts {
  padding-top: 8px;
  padding-bottom: 0px;
  background: #EEE;
}
.blocBT-overlay-contacts:hover {
  padding-top: 8px;
  padding-bottom: 0px;
  background: #E8E8E8;
  cursor: pointer;
}
.blocBT-overlay-contacts-actif {
  padding-top: 8px;
  padding-bottom: 0px;
  background: #E0E0E0;
}
.bloc-overlay-contacts {
  font-size: 15px;
  background: #E0E0E0;
}
.wait-anime {
  display: block;
  background: #ccc;
  height: 20px;
  width: 250px;
  border-radius: 10px;
  margin-left: -180px;
  animation: waitanim 1s infinite;
  -webkit-animation: waitanim 1s infinite;
}
@keyframes waitanim {
  0% {
    margin-left: -180px;
    opacity: 1;
  }
  25% {
    opacity: 0.3;
  }
  50% {
    margin-left: 220px;
    opacity: 1;
  }
  75% {
    opacity: 0.3;
  }
  100% {
    margin-left: -180px;
    opacity: 1;
  }
}
@-webkit-keyframes waitanim {
  0% {
    margin-left: -180px;
    opacity: 1;
  }
  25% {
    opacity: 0.3;
  }
  50% {
    margin-left: 220px;
    opacity: 1;
  }
  75% {
    opacity: 0.3;
  }
  100% {
    margin-left: -180px;
    opacity: 1;
  }
}
@-moz-keyframes waitanim {
  0% {
    margin-left: -180px;
    opacity: 1;
  }
  25% {
    opacity: 0.3;
  }
  50% {
    margin-left: 220px;
    opacity: 1;
  }
  75% {
    opacity: 0.3;
  }
  100% {
    margin-left: -180px;
    opacity: 1;
  }
}
.wait-anime-finish {
  display: block;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1ee889+0,07ed98+55,71e8b0+100 */

  background: #1ee889;
  /* Old browsers */

  background: -moz-linear-gradient(top, #1ee889 0%, #07ed98 55%, #71e8b0 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1ee889), color-stop(55%, #07ed98), color-stop(100%, #71e8b0));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #1ee889 0%, #07ed98 55%, #71e8b0 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #1ee889 0%, #07ed98 55%, #71e8b0 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #1ee889 0%, #07ed98 55%, #71e8b0 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #1ee889 0%, #07ed98 55%, #71e8b0 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1ee889', endColorstr='#71e8b0', GradientType=0);
  /* IE6-9 */

  height: 20px;
  width: 50px;
  border-radius: 10px;
  margin-left: 0px;
  animation: waitanimfinish 500ms;
  -webkit-animation: waitanimfinish 500ms;
}
@keyframes waitanimfinish {
  0% {
    width: 50px;
    opacity: 1;
  }
  100% {
    width: 300px;
    opacity: 1;
  }
}
@-webkit-keyframes waitanimfinish {
  0% {
    width: 50px;
    opacity: 1;
  }
  100% {
    width: 300px;
    opacity: 1;
  }
}
@-moz-keyframes waitanimfinish {
  0% {
    width: 50px;
    opacity: 1;
  }
  100% {
    width: 300px;
    opacity: 1;
  }
}
.wait-anime-finish2 {
  display: block;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1ee889+0,07ed98+55,71e8b0+100 */

  background: #1ee889;
  /* Old browsers */

  background: -moz-linear-gradient(top, #1ee889 0%, #07ed98 55%, #71e8b0 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1ee889), color-stop(55%, #07ed98), color-stop(100%, #71e8b0));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #1ee889 0%, #07ed98 55%, #71e8b0 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #1ee889 0%, #07ed98 55%, #71e8b0 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #1ee889 0%, #07ed98 55%, #71e8b0 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #1ee889 0%, #07ed98 55%, #71e8b0 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1ee889', endColorstr='#71e8b0', GradientType=0);
  /* IE6-9 */

  height: 20px;
  width: 300px;
  border-radius: 10px;
  margin-left: 0px;
}
#favoritebouton {
  background: #c61047;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  cursor: pointer;
}
#favoritebouton:hover {
  background: #f14b7d;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  cursor: pointer;
}
.favorites-bkg {
  background: #970c36;
}
.favshareall {
  display: inline-block;
  height: 40px;
  width: 40px;
}
.favshare1 {
  background: url(../cssimg/share-ALL.png) 0px 0px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.favshare1:hover {
  background: url(../cssimg/share-ALL.png) 0px -100px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.favshare2 {
  background: url(../cssimg/share-ALL.png) -40px 0px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.favshare2:hover {
  background: url(../cssimg/share-ALL.png) -40px -100px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.favshare3 {
  background: url(../cssimg/share-ALL.png) -80px 0px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.favshare3:hover {
  background: url(../cssimg/share-ALL.png) -80px -100px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.favshare4 {
  background: url(../cssimg/share-ALL.png) -120px 0px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.favshare4:hover {
  background: url(../cssimg/share-ALL.png) -120px -100px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.list-coeur-fav {
  transform: scale(0.01);
  -webkit-transform: scale(0.01);
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  margin-top: 4px;
  margin-left: 0px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.list-coeur-fav-hover {
  transform: scale(1);
  -webkit-transform: scale(1);
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  margin-top: 4px;
  margin-left: 0px;
  opacity: 0.5;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.list-coeur-fav-actif {
  transform: scale(1);
  -webkit-transform: scale(1);
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  margin-top: 8px;
  margin-left: 0px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.addedtofav-container {
  position: absolute;
  border: 0px solid black;
  height: 50px;
  width: 100%;
  overflow: hidden;
}
.addedtofav {
  position: absolute;
  margin-left: -300px;
  margin-top: 50px;
  width: 25%;
  height: 50px;
  padding: 10px 20px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,6d0019+100;Brown+Red+3D */

  background: #a90329;
  /* Old browsers */

  background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a90329), color-stop(44%, #8f0222), color-stop(100%, #6d0019));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #a90329 0%, #8f0222 44%, #6d0019 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a90329', endColorstr='#6d0019', GradientType=0);
  /* IE6-9 */

}
.addedtofavin {
  position: absolute;
  margin-left: 0px;
  margin-top: 55px;
  width: 25%;
  height: 50px;
  padding: 10px 20px;
  background: #de124f;
  -webkit-animation: addedanim 3s 1;
  animation: addedanim 3s 1;
}
@-webkit-keyframes addedanim {
  0% {
    margin-top: 55px;
  }
  15% {
    margin-top: 0px;
  }
  20% {
    margin-top: 5px;
  }
  50% {
    margin-top: 5px;
  }
  95% {
    margin-top: 0px;
  }
  100% {
    margin-top: 55px;
  }
}
@keyframes addedanim {
  0% {
    margin-top: 55px;
  }
  15% {
    margin-top: 0px;
  }
  20% {
    margin-top: 5px;
  }
  50% {
    margin-top: 5px;
  }
  95% {
    margin-top: 0px;
  }
  100% {
    margin-top: 55px;
  }
}
.addedtofav p {
  display: inline-block;
  font-family: 'Asap', Helvetica, Arial;
  font-size: 18px;
  color: white;
  font-weight: 700;
  text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.2);
  text-align: right;
  width: 100%;
}
.addedtofavin p {
  display: inline-block;
  font-family: 'Asap', Helvetica, Arial;
  font-size: 18px;
  color: white;
  font-weight: 700;
  text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.2);
  text-align: right;
  width: 100%;
}
.notificationResultatsContainer {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 0px;
  height: 45px;
  overflow: hidden;
}
.notificationResultatsContainerActif {
  width: 220px;
}
.notificationResultBlocMoove {
  position: absolute;
  width: 200px;
  overflow: hidden;
  right: -250px;
}
.notificationResultatsBloc {
  position: absolute;
  left: 45px;
  top: 0px;
  padding-left: 10px;
  padding-right: 10px;
  height: 45px;
  width: 180px;
  background-color: #fff;
}
.notificationResultatsBlocTriangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 45px 45px;
  border-color: transparent transparent #ffffff ;
  -webkit-transform: rotate(360deg);
}
.notificationResultatsBlocVisible {
  animation: notifresult 2s;
  -webkit-animation: notifresult 2s;
}
@keyframes notifresult {
  0% {
    right: -250px;
  }
  5% {
    right: -35px;
  }
  10% {
    right: -20px;
  }
  75% {
    right: -20px;
  }
  85% {
    right: 0px;
  }
  100% {
    right: -250px;
  }
}
@-webkit-keyframes notifresult {
  0% {
    right: -250px;
  }
  5% {
    right: -35px;
  }
  10% {
    right: -20px;
  }
  75% {
    right: -20px;
  }
  85% {
    right: 0px;
  }
  100% {
    right: -250px;
  }
}
@-moz-keyframes notifresult {
  0% {
    right: -250px;
  }
  5% {
    right: -35px;
  }
  10% {
    right: -20px;
  }
  75% {
    right: -20px;
  }
  85% {
    right: 0px;
  }
  100% {
    right: -250px;
  }
}
.notificationResultatsSpan {
  display: block;
  margin: auto;
  text-align: left;
  line-height: 45px;
  font-size: 16px;
  font-weight: 700;
  font-family: 'Asap', Helvetica, Arial;
  color: #38d8d3;
}
.new-form-control {
  border: none;
  border-bottom: 1px solid #28cec9;
  outline: 0;
  background: #20a39f;
  color: #4ddcd8;
}
.new-form-control:hover {
  border: none;
  border-bottom: 1px solid #38d8d3;
  outline: 0;
  background: #20a39f;
  color: #78e5e1;
}
.new-form-control:focus {
  border: none;
  border-bottom: 1px solid #a3edeb;
  outline: 0;
  background: #20a39f;
  color: #e3f9f9;
}
#searchName input::-webkit-input-placeholder {
  color: #4ddcd8;
}
#searchName input:-webkit-input-placeholder {
  color: #4ddcd8;
}
#searchName input:-moz-placeholder {
  color: #4ddcd8;
}
#searchName input::-moz-placeholder {
  color: #4ddcd8;
}
.bt-fulllist {
  background: #8de9e6;
  color: #1c8e8b;
  border: medium none;
  margin-left: 2px;
  margin-top: 2px;
  outline: 0 none;
  padding: 2px 10px;
}
.bt-fulllist:hover {
  background: #b8f1ef;
  color: #1c8e8b;
  border: medium none;
  margin-left: 2px;
  margin-top: 2px;
  outline: 0 none;
  padding: 2px 10px;
}
.bt-fulllist:active {
  background: #63e0dc;
  color: #24b9b4;
  border: medium none;
  margin-left: 2px;
  margin-top: 2px;
  outline: 0 none;
  padding: 2px 10px;
}
.fulllist-miniletter {
  display: inline-block;
  margin-left: 2px;
  font-weight: 400;
  padding: 2px 8px;
  background: #146461;
  color: #8de9e6;
}
/*
.btAlphabet{
  	display:inline-block;
  	margin-top:3px;width:25px;height:23px;
  	background:darken(@secondcolor-visitors,10%);
  	font-size: 15px;line-height:23px;  text-align:center;color:#ffffff;text-transform: uppercase;
	.myradius(@petitradius);
  	cursor:pointer;
  	.easesimple(@vitesserapide);
  	border:none;
  	outline:0;
  	&:hover{background:darken(@secondcolor-visitors,20%);color:#ffffff;}
}

.btAlphabetActif{background:darken(@secondcolor-visitors,20%);color:#ffffff;border:none;outline:0;}



.btAlphabetRefresh{background:darken(@secondcolor-visitors,20%);&:hover{background:darken(@secondcolor-visitors,30%);}}
*/
.btAlphabet-search {
  display: inline-block;
  width: 23px;
  height: 26px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: url(../cssimg/searchloupe2.png) 0px 5px;
  opacity: 0.65;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.btAlphabet-search:hover {
  opacity: 0.99;
  background: url(../cssimg/searchloupe2.png) 0px 3px;
}
.advancedtab-bkg {
  background: #20a39f;
  border-bottom: 5px solid #28cec9;
}
.listof-sectors-bkg {
  background: #28cec9;
}
.listof-searchproduct-bkg {
  background: #28cec9;
}
.listof-laliste-bkg {
  background: #28cec9;
}
.listof-laliste-bkg:hover {
  background: #28cec9;
}
.new-btTab {
  display: inline-block;
  width: 60px;
  height: 40px;
  background: #24b9b4;
  font-size: 15px;
  line-height: 23px;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  /*.myradius(@petitradius);*/

  cursor: pointer;
  -webkit-transition: all 800ms ease;
  -moz-transition: all 800ms ease;
  -ms-transition: all 800ms ease;
  -o-transition: all 800ms ease;
  transition: all 800ms ease;
  border: none;
  outline: 0;
}
.new-btTab:hover {
  background: #63e0dc;
  color: #ffffff;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.new-btTab img {
  opacity: 0.5;
}
.new-btTabActif {
  background: #28cec9;
  color: #ffffff;
  border: none;
  outline: 0;
}
.new-btTabActif img {
  opacity: 1;
}
.new-btAlphabet {
  display: inline-block;
  width: 3.5714285%;
  height: 40px;
  background: #28cec9;
  font-size: 15px;
  line-height: 23px;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  /*.myradius(@petitradius);*/

  cursor: pointer;
  -webkit-transition: all 800ms ease;
  -moz-transition: all 800ms ease;
  -ms-transition: all 800ms ease;
  -o-transition: all 800ms ease;
  transition: all 800ms ease;
  border: none;
  outline: 0;
}
.new-btAlphabet:hover {
  background: #63e0dc;
  color: #ffffff;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.new-btAlphabetActif {
  background: #78e5e1;
  color: #ffffff;
  border: none;
  outline: 0;
}
.new-btCateg {
  display: inline-block;
  width: 35px;
  height: 40px;
  background: #28cec9;
  font-size: 15px;
  line-height: 23px;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  /*.myradius(@petitradius);*/

  cursor: pointer;
  -webkit-transition: all 800ms ease;
  -moz-transition: all 800ms ease;
  -ms-transition: all 800ms ease;
  -o-transition: all 800ms ease;
  transition: all 800ms ease;
  border: none;
  outline: 0;
  padding: 5px 5px;
}
.new-btCateg:hover {
  background: #63e0dc;
  color: #ffffff;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.new-btCategActif {
  background: #78e5e1;
  color: #ffffff;
  border: none;
  outline: 0;
}
.new-btCateg img {
  width: 25px;
  height: 25px;
  margin-top: -5px;
}
/*
.new-btAlphabetRefresh{background:darken(@secondcolor-visitors,20%);&:hover{background:darken(@secondcolor-visitors,30%);}}
.new-btAlphabet-search{
  	display:inline-block;
  	width:23px;height:26px;
	.myradius(@petitradius);
  	background:url(../cssimg/searchloupe2.png) 0px 5px;
  	opacity:0.65;
	.easesimple(@vitesserapide)
	&:hover{opacity:0.99;background:url(../cssimg/searchloupe2.png) 0px 3px;}
}
*/
@media (min-width: 10px) and (max-width: 768px) {
  .new-btAlphabet {
    width: 14.2857142%;
  }
}
@media (min-width: 600px) and (max-width: 900px) {
  .new-btAlphabet {
    width: 7.1428571%;
  }
}
@media (min-width: 900px) and (max-width: 1200px) {
  .new-btAlphabet {
    width: 3.5714285%;
  }
}
.btSectors {
  display: inline-block;
  margin-top: 3px;
  height: 32px;
  background: #24b9b4;
  padding: 5px 15px;
  color: white;
  font-weight: bold;
  font-family: asap;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.btSectors:hover {
  color: rgba(255, 255, 255, 0.5);
  background: #24b9b4;
  /*padding-top:2px;*/
  -webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1);
}
.btSectorsActif {
  background: #1c8e8b;
  /*padding-top:2px*/
  -webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1);
}
.btCateg {
  display: inline-block;
  margin-top: 3px;
  width: 32px;
  height: 32px;
  background: #24b9b4;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.btCateg:hover {
  background: #1c8e8b;
  padding-top: 2px;
  -webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1);
}
.btCategActif {
  background: #1c8e8b;
  padding-top: 2px;
  -webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1);
}
.hiddenDiv {
  visibility: visible;
  margin: auto;
  overflow: auto;
  z-index: 100;
  height: 35px;
  width: 100%;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  text-align: right;
  text-indent: 8px;
  margin-top: -30px;
}
.currentDiv {
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
  border-radius: 8px;
  color: #a9d9d8;
  cursor: default;
  display: inline-block;
  font-size: 13px;
  height: auto;
  line-height: 10px;
  margin: 6px 3px;
  overflow: auto;
  padding: 3px 10px;
  text-align: center;
  width: auto;
  text-indent: 0px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.currentDiv:hover {
  color: #38d8d3;
  background-color: white;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.newlist_contact_send {
  background: #696969;
  color: white;
  width: 100%;
  border-radius: 0px;
  margin-top: 10px;
  border: 2px solid #DDD;
  height: 35px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.newlist_contact_send:hover {
  background: #38d8d3;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.joke-return {
  -webkit-transition: all 800ms ease;
  -moz-transition: all 800ms ease;
  -ms-transition: all 800ms ease;
  -o-transition: all 800ms ease;
  transition: all 800ms ease;
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
}
.joke-mini {
  transform: scale(0.4);
  transform-origin: center top;
  -webkit-transform: scale(0.4);
  -webkit-transform-origin: center top;
}
.triangle-myselection {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 40px 0 40px;
  border-color: #38d8d3 transparent transparent transparent;
  -webkit-transform: rotate(360deg);
}
.idd-zoom {
  position: relative;
  overflow: visible;
  z-index: 1;
  font-size: 0;
  width: 100%;
}
.idd-zoom img {
  width: 100%;
}
.idd-zoom-fade {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFF;
  opacity: 0.2;
  z-index: 90;
}
.idd-zoom-mag {
  display: none;
  box-sizing: border-box;
  position: absolute;
  overflow: hidden;
  cursor: none;
  border-radius: 50%;
  background-repeat: no-repeat;
  border: 6px solid #FFF;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  z-index: 100;
}
.idd-zoom-mag img {
  position: absolute;
  width: auto !important;
  height: auto !important;
}
.downloadleplan {
  text-align: center;
  margin: auto;
  display: block;
  width: 200px;
  padding: 10px;
  margin-bottom: 40px;
  background: rgba(255, 255, 255, 0.5);
  color: #38d8d3;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
}
.downloadleplan:hover {
  background: #ffffff;
  color: #24b9b4;
}
.downloadleplan:visited {
  background: #ffffff;
  color: #63e0dc;
}
.wait-list-rotate {
  animation: waitlistrotateanim linear 12s infinite;
  -webkit-animation: waitlistrotateanim linear 12s infinite;
}
@keyframes waitlistrotateanim {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(3590deg);
  }
}
@-webkit-keyframes waitlistrotateanim {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(3590deg);
  }
}
@-moz-keyframes waitlistrotateanim {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(3590deg);
  }
}
.ev4-filtreencours-container {
  background: #63e0dc;
  height: 35px;
  margin-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  box-shadow: 0px 12px 0px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 12px 0px rgba(0, 0, 0, 0.05);
}
#ev4-filtreencours {
  display: block;
  color: white;
  font-size: 20px;
  font-family: 'Asap', Arial, Helvetica;
  font-weight: 700;
  text-transform: uppercase;
}
.ev4-pointCommun {
  display: inline-block;
  height: 15px;
  width: 15px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
}
.ev4-point-opacity1 {
  display: inline-block;
  height: 15px;
  width: 15px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  animation: pointopacitya linear 300ms infinite;
  -webkit-animation: pointopacitya linear 300ms infinite;
}
.ev4-point-opacity2 {
  display: inline-block;
  height: 15px;
  width: 15px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  animation: pointopacityb linear 300ms infinite;
  -webkit-animation: pointopacityb linear 300ms infinite;
}
.ev4-point-opacity3 {
  display: inline-block;
  height: 15px;
  width: 15px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  animation: pointopacityc linear 300ms infinite;
  -webkit-animation: pointopacityc linear 300ms infinite;
}
.ev4-point-opacity1-anim {
  animation: pointopacitya linear 300ms infinite;
  -webkit-animation: pointopacitya linear 300ms infinite;
}
.ev4-point-opacity2-anim {
  animation: pointopacityb linear 300ms infinite;
  -webkit-animation: pointopacityb linear 300ms infinite;
}
.ev4-point-opacity3-anim {
  animation: pointopacityc linear 300ms infinite;
  -webkit-animation: pointopacityc linear 300ms infinite;
}
@keyframes pointopacitya {
  0% {
    background: #ffffff;
  }
  32% {
    background: #ffffff;
  }
  33% {
    background: rgba(255, 255, 255, 0.6);
  }
  65% {
    background: rgba(255, 255, 255, 0.6);
  }
  66% {
    background: rgba(255, 255, 255, 0.3);
  }
  100% {
    background: rgba(255, 255, 255, 0.3);
  }
}
@-webkit-keyframes pointopacitya {
  0% {
    background: #ffffff;
  }
  32% {
    background: #ffffff;
  }
  33% {
    background: rgba(255, 255, 255, 0.6);
  }
  65% {
    background: rgba(255, 255, 255, 0.6);
  }
  66% {
    background: rgba(255, 255, 255, 0.3);
  }
  100% {
    background: rgba(255, 255, 255, 0.3);
  }
}
@-moz-keyframes pointopacitya {
  0% {
    background: #ffffff;
  }
  32% {
    background: #ffffff;
  }
  33% {
    background: rgba(255, 255, 255, 0.6);
  }
  65% {
    background: rgba(255, 255, 255, 0.6);
  }
  66% {
    background: rgba(255, 255, 255, 0.3);
  }
  100% {
    background: rgba(255, 255, 255, 0.3);
  }
}
@keyframes pointopacityb {
  0% {
    background: rgba(255, 255, 255, 0.3);
  }
  32% {
    background: rgba(255, 255, 255, 0.3);
  }
  33% {
    background: #ffffff;
  }
  65% {
    background: #ffffff;
  }
  66% {
    background: rgba(255, 255, 255, 0.6);
  }
  100% {
    background: rgba(255, 255, 255, 0.6);
  }
}
@-webkit-keyframes pointopacityb {
  0% {
    background: rgba(255, 255, 255, 0.3);
  }
  32% {
    background: rgba(255, 255, 255, 0.3);
  }
  33% {
    background: #ffffff;
  }
  65% {
    background: #ffffff;
  }
  66% {
    background: rgba(255, 255, 255, 0.6);
  }
  100% {
    background: rgba(255, 255, 255, 0.6);
  }
}
@-moz-keyframes pointopacityb {
  0% {
    background: rgba(255, 255, 255, 0.3);
  }
  32% {
    background: rgba(255, 255, 255, 0.3);
  }
  33% {
    background: #ffffff;
  }
  65% {
    background: #ffffff;
  }
  66% {
    background: rgba(255, 255, 255, 0.6);
  }
  100% {
    background: rgba(255, 255, 255, 0.6);
  }
}
@keyframes pointopacityc {
  0% {
    background: rgba(255, 255, 255, 0.6);
  }
  32% {
    background: rgba(255, 255, 255, 0.6);
  }
  33% {
    background: rgba(255, 255, 255, 0.3);
  }
  65% {
    background: rgba(255, 255, 255, 0.3);
  }
  66% {
    background: #ffffff;
  }
  100% {
    background: #ffffff;
  }
}
@-webkit-keyframes pointopacityc {
  0% {
    background: rgba(255, 255, 255, 0.6);
  }
  32% {
    background: rgba(255, 255, 255, 0.6);
  }
  33% {
    background: rgba(255, 255, 255, 0.3);
  }
  65% {
    background: rgba(255, 255, 255, 0.3);
  }
  66% {
    background: #ffffff;
  }
  100% {
    background: #ffffff;
  }
}
@-moz-keyframes pointopacityc {
  0% {
    background: rgba(255, 255, 255, 0.6);
  }
  32% {
    background: rgba(255, 255, 255, 0.6);
  }
  33% {
    background: rgba(255, 255, 255, 0.3);
  }
  65% {
    background: rgba(255, 255, 255, 0.3);
  }
  66% {
    background: #ffffff;
  }
  100% {
    background: #ffffff;
  }
}
.ev4-radius {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  margin-left: 5px;
}
.ev4-new-btCateg {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #26c1bc;
  font-size: 15px;
  line-height: 23px;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  /*.myradius(@petitradius);*/

  cursor: pointer;
  -webkit-transition: all 800ms ease;
  -moz-transition: all 800ms ease;
  -ms-transition: all 800ms ease;
  -o-transition: all 800ms ease;
  transition: all 800ms ease;
  border: none;
  border-bottom: 5px solid rgba(0, 0, 0, 0.03);
  outline: 0;
  padding: 5px 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  margin-left: 5px;
}
.ev4-new-btCateg:hover {
  background: #63e0dc;
  color: #ffffff;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  border-bottom: 7px solid #63e0dc;
}
.ev4-new-btCateg img {
  width: 25px;
  height: 25px;
  margin-top: 0px;
}
.ev4-new-btCategActif {
  background: #63e0dc;
  color: #ffffff;
  border: none;
  outline: 0;
  border-bottom: 7px solid #63e0dc;
}
.ev4-new-expo-main {
  font-size: 0;
  letter-spacing: normal;
  word-spacing: normal;
  text-rendering: auto;
  background: none;
}
.ev4-new-expo-container {
  height: 560px;
  float: left;
  /*display: inline-block;*/

  position: relative;
}
/*
@media (min-width:10px) and (max-width: 450px){.ev4-new-expo-container{width: 100%; }.ev4-new-expo-img{width:100%;}}
@media (min-width:450px) and (max-width: 600px){.ev4-new-expo-container{width: 50%; }}
@media (min-width:600px) and (max-width: 900px){.ev4-new-expo-container{width: 50%; }}
@media (min-width:900px) and (max-width: 1200px){.ev4-new-expo-container{width:33.3333%; }}
@media (min-width:1200px) {.ev4-new-expo-container{width: 33.3333%; }}
*/
.ev4-container {
  padding-top: 25px;
}
@media (min-width: 10px) and (max-width: 800px) {
  .ev4-new-expo-container {
    width: 100%;
  }
  .ev4-container {
    width: 100%;
  }
  .ev4-new-expo-img {
    width: 100%;
  }
}
@media (min-width: 800px) and (max-width: 1080px) {
  .ev4-new-expo-container {
    width: 50%;
  }
  .ev4-container {
    width: 800px;
    max-width: 800px !important;
  }
}
@media (min-width: 1080px) and (max-width: 1240px) {
  .ev4-new-expo-container {
    width: 33.3333%;
  }
  .ev4-container {
    width: 1060px;
    max-width: 1060px !important;
  }
}
@media (min-width: 1240px) and (max-width: 1560px) {
  .ev4-new-expo-container {
    width: 33.3333%;
  }
  .ev4-container {
    width: 1220px;
    max-width: 1220px !important;
  }
}
@media (min-width: 1560px) and (max-width: 1800px) {
  .ev4-new-expo-container {
    width: 25%;
  }
  .ev4-container {
    width: 1550px;
    max-width: 1550px !important;
  }
}
@media (min-width: 1800px) {
  .ev4-new-expo-container {
    width: 20%;
  }
  .ev4-container {
    width: 1800px;
    max-width: 1800px !important;
  }
}
.ev4-new-expo-img-container {
  overflow: hidden;
  position: relative;
  width: 340px;
  height: 480px;
  margin: auto;
}
.ev4-div-infos {
  position: relative;
  width: 340px;
  margin: auto;
  height: 60px;
}
.ev4-div-infos-titre {
  color: #444444;
  margin: 0px;
  padding-top: 4px;
  font-size: 20px;
  text-transform: uppercase;
  height: 30px;
}
.ev4-div-infos-categ {
  float: left;
  display: inline-block;
  margin-top: 0px;
  width: 70%;
  height: 30px;
  padding: 0px;
}
.ev4-div-infos-playo {
  float: left;
  display: inline-block;
  width: 30%;
  text-align: right;
  padding: 0px;
}
.ev4-new-miniCateg {
  background: #38d8d3 none repeat scroll 0 0;
  top: 0px;
  margin-right: 4px;
  border-radius: none;
  display: inline-block;
  height: 24px;
  margin-top: 0px;
  text-align: center;
  width: 24px;
  border: 2px solid #38d8d3;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
}
.ev4-new-expo-overlay {
  height: 480px;
  margin: -480px auto auto;
  position: absolute;
  width: 100%;
  z-index: 500;
}
.ev4-bt-inner {
  display: block;
  margin: auto;
  width: 340px;
  height: 480px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.6);
}
.ev4-vm1 {
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
  margin: auto;
  display: block;
  height: 150px;
  width: 150px;
  line-height: 150px;
  color: #EEE;
  font-size: 18px;
  font-family: 'Raleway', Arial, Helvetica;
  font-weight: 400;
  -webkit-border-radius: 150px;
  -moz-border-radius: 150px;
  border-radius: 150px;
  border: 20px solid #EEE;
  opacity: 0.1;
  filter: blur(5px);
}
.ev4-vm2 {
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
  filter: none;
  opacity: 1;
  border: 2px solid #EEE;
}
.ev4-imgzoomsurvol {
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
  transform: scale(2);
  -webkit-transform: scale(2);
  /*
	filter: brightness(0.8) grayscale(1) blur(2px);
	-moz-filter: brightness(0.8) grayscale(1) blur(2px);
	-webkit-filter: brightness(0.8) grayscale(1) blur(2px);
	*/

  filter: blur(5px) grayscale(0.9);
  -moz-filter: blur(5px) grayscale(0.9);
  -webkit-filter: blur(5px) grayscale(0.9);
}
.ev4-first-timer-petit {
  font-size: 13px;
  vertical-align: top;
  color: #38d8d3;
}
.ev4-boothnumber {
  font-size: 13px;
  vertical-align: top;
  color: #787878;
}
#ev4-alphabet {
  position: absolute;
  right: 6px;
  width: 35px;
  opacity: 0;
}
#ev4-alphabet ul {
  text-align: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
#ev4-alphabet ul li {
  cursor: pointer;
  color: #444444;
  margin-top: 4px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
#ev4-alphabet ul li:hover {
  cursor: pointer;
  color: #444444;
  background: #DDD;
}
#ev4-alphabet ul .ev4-alphadeselected {
  cursor: default;
  color: #cacaca;
}
#ev4-alphabet ul .ev4-alphadeselected:hover {
  cursor: default;
  color: #cacaca;
  background: none;
}
#ev4-alphabet ul .ev4-alphaselected {
  cursor: default;
  animation: ev4a linear 5000ms 1;
  -webkit-animation: ev4a linear 5000ms 1;
}
.ev4-alphadeselected-anim {
  animation: ev4a linear 5000ms 1;
  -webkit-animation: ev4a linear 5000ms 1;
}
@keyframes ev4a {
  0% {
    background: #38d8d3;
    color: #ffffff;
  }
  80% {
    background: #38d8d3;
    color: #ffffff;
  }
  100% {
    background: rgba(255, 255, 255, 0);
    color: #696969;
  }
}
@-webkit-keyframes ev4a {
  0% {
    background: #38d8d3;
    color: #ffffff;
  }
  80% {
    background: #38d8d3;
    color: #ffffff;
  }
  100% {
    background: rgba(255, 255, 255, 0);
    color: #696969;
  }
}
@-moz-keyframes ev4a {
  0% {
    background: #38d8d3;
    color: #ffffff;
  }
  80% {
    background: #38d8d3;
    color: #ffffff;
  }
  100% {
    background: rgba(255, 255, 255, 0);
    color: #696969;
  }
}
#thisistheend {
  height: 600px;
}
#thisistheend div {
  width: 100%;
  text-align: center;
}
#thisistheend div a {
  color: #DDD;
}
#thisistheend div a:hover {
  color: #63e0dc;
}
.ev4brands-pastilleimg-container {
  position: relative;
  width: 100%;
  height: 50px;
  border: 0px solid red;
  margin-top: -50px;
  z-index: 1000;
  text-align: center;
}
.ev4brands-pastilleimg {
  height: 25px;
  width: 25px;
  background: white;
  display: inline-block;
  margin: 2px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  border: 10px solid white;
}
.ev4brands-pastilleimg-desactive {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  height: 25px;
  width: 25px;
  background: rgba(255, 255, 255, 0.2) !important;
  display: inline-block;
  margin: 2px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  border: 10px solid rgba(255, 255, 255, 0.2) !important;
}
.ev4brands-pastilleimg-desactive:hover {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  cursor: pointer;
  height: 25px;
  width: 25px;
  background: rgba(255, 255, 255, 0.7) !important;
  display: inline-block;
  margin: 2px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  border: 10px solid rgba(255, 255, 255, 0.7) !important;
}
.ev4brands-pastilleimg-desactive:active {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  transform: translateY(5px);
  cursor: pointer;
  height: 25px;
  width: 25px;
  background: rgba(255, 255, 255, 0.5) !important;
  display: inline-block;
  margin: 2px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  border: 10px solid rgba(255, 255, 255, 0.7) !important;
}
.ev4-fulllist-miniletter {
  color: #26c1bc;
  display: inline-block;
  font-family: 'Raleway', Arial, Helvetica;
  font-size: 28px;
  height: 50px;
  text-align: center;
  width: 50px;
}
.ev4-bt-fulllist {
  background: rbga(0, 0, 0, 0);
  color: #177572;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  border: none;
  display: inline-block;
}
.ev4-bt-fulllist:hover {
  background: rbga(0, 0, 0, 0.2);
  color: #0e4a48;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  border: none;
  display: inline-block;
}
.ev4-bt-fulllist-separate {
  background: #DDD;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 12px;
  margin-right: 12px;
  vertical-align: -2px;
}
.onglets-transition {
  transition: all 200ms cubic-bezier(0.44, 0.09, 0.27, 0.93);
  -webkit-transition: all 200ms cubic-bezier(0.44, 0.09, 0.27, 0.93);
  -moz-transition: all 200ms cubic-bezier(0.44, 0.09, 0.27, 0.93);
  -o-transition: all 200ms cubic-bezier(0.44, 0.09, 0.27, 0.93);
}
.onglets-survol-actif {
  background-color: rgba(255, 255, 255, 0.4);
  border: 1px solid rgba(255, 255, 255, 0);
  transition: all 200ms cubic-bezier(0.44, 0.09, 0.27, 0.93);
  -webkit-transition: all 200ms cubic-bezier(0.44, 0.09, 0.27, 0.93);
  -moz-transition: all 200ms cubic-bezier(0.44, 0.09, 0.27, 0.93);
  -o-transition: all 200ms cubic-bezier(0.44, 0.09, 0.27, 0.93);
}
.onglets-survol {
  opacity: 0.6;
  background-color: rgba(255, 255, 255, 0.1);
  border: 20px solid rgba(255, 255, 255, 0);
  transition: all 200ms cubic-bezier(0.44, 0.09, 0.27, 0.93);
  -webkit-transition: all 200ms cubic-bezier(0.44, 0.09, 0.27, 0.93);
  -moz-transition: all 200ms cubic-bezier(0.44, 0.09, 0.27, 0.93);
  -o-transition: all 200ms cubic-bezier(0.44, 0.09, 0.27, 0.93);
}
.onglets-survol:hover {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.3);
  border: 1px solid rgba(255, 255, 255, 0);
}
.onglets-h3-actif {
  opacity: 1;
}
.onglets-h3 {
  opacity: 0.5;
}
.infos-bkg {
  background: rgba(80, 178, 177, 0.2);
}
.infos-bkg2 {
  background: rgba(56, 216, 211, 0.2);
}
.infos-sous-titre {
  font-family: Asap;
  font-weight: 700;
  font-size: 20px;
  color: #38d8d3;
}
h6.infos-sous-titre {
  font-family: Asap;
  font-weight: 700;
  font-size: 15px;
  color: #50b2b1;
  height: 30px;
}
.iconIP {
  color: #50b2b1;
  opacity: 1;
  font-size: 100px;
  cursor: default;
}
.onglets-infos {
  color: #fff;
  background: #38d8d3;
}
.text3icones {
  font-family: Asap;
  font-weight: 700;
  font-size: 20px;
  color: #306c6c;
}
.text3acces {
  font-family: Imprima;
  font-weight: normal;
  font-size: 14px;
  color: #1c8e8b;
}
.infostransports h5 {
  font-family: Asap;
  font-weight: 700;
  font-size: 20px;
  color: #38d8d3;
}
.infostransports p {
  font-family: Imprima;
  font-weight: normal;
  font-size: 14px;
  color: #306c6c;
}
.infostransports p a {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  color: #24b9b4;
}
.infostransports p a:hover {
  color: #63e0dc;
}
#map-infos {
  height: 400px;
  border-top: 10px solid #38d8d3;
  border-bottom: 10px solid #50b2b1;
}
#map-infos-iphone {
  border-top: 10px solid #38d8d3;
  border-bottom: 10px solid #50b2b1;
}
.encart-blanc {
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}
.encart-blanc:hover {
  background-color: rgba(255, 255, 255, 0.8);
}
.hotel-encart-blanc {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 12px;
}
.infos-metro-hotels {
  background: url(../cssimg/infos-metro-hotels.png);
  display: inline-block;
  height: 16px;
  width: 16px;
}
.infos-metro-puce {
  height: 16px;
  width: 16px;
  display: inline-block;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center;
  line-height: 15px;
}
.infos-bkg {
  background: rgba(80, 178, 177, 0.1);
}
.infos-bkg2 {
  background: rgba(56, 216, 211, 0.2);
}
.infos-hotel-lien-map {
  color: #696969;
}
.infos-hotel-lien-map:hover {
  color: #055B91;
}
.practicalbandeau1 {
  height: 250px;
  background: url(../cssimg/infos-1.jpg);
  background-size: 100% auto;
}
.infos-hotel-tarifs {
  font-family: Asap;
  font-weight: 700;
  font-size: 15px;
  color: #007950;
}
.infos-tarifs {
  color: #007950;
  font-size: 17px;
}
.infos-tarifs-note-icone {
  color: #00ac72;
  font-size: 13px;
}
.infos-tarifs-note {
  color: #00ac72;
  font-style: italic;
  font-size: 12px;
}
.infos-tarifs-note-icone-red {
  color: #ff4921;
  font-size: 13px;
}
.infos-tarifs-note-red {
  color: #ff4921;
  font-style: italic;
  font-size: 12px;
}
.infos-hotel-lien {
  display: block;
  font-family: Asap;
  font-weight: 700;
  color: #3f908f;
  padding: 4px;
  padding-left: 3px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.infos-hotel-lien:hover {
  background-color: rgba(80, 178, 177, 0.2);
  color: #285b5a;
}
.infos-hotel-lieu {
  font-family: Asap;
  font-size: 11px;
  font-weight: 700;
}
.infos-hotel-star {
  font-size: 12px;
  vertical-align: super;
}
.infos-hotel-img {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.infos-img-resp {
  padding-top: 25px;
}
@media (max-width: 767px) {
  .infos-hotel-img {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
  }
  .infos-img-resp {
    padding-top: 0px;
  }
}
.usefullinktransition {
  transition: all 400ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -webkit-transition: all 400ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -moz-transition: all 400ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -o-transition: all 400ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
}
#infos-slidoors-1 {
  display: inline-block;
  width: 160px;
  height: 100px;
  background: url(../cssimg/utils-slidoors.png) no-repeat -25px 0px;
  transition: all 400ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -webkit-transition: all 400ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -moz-transition: all 400ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -o-transition: all 400ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
}
#infos-slidoors-1:hover {
  background: url(../cssimg/utils-slidoors.png) no-repeat -25px -300px;
}
#infos-slidoors-2 {
  display: inline-block;
  width: 155px;
  height: 100px;
  background: url(../cssimg/utils-slidoors.png) no-repeat -230px 0px;
  transition: all 400ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -webkit-transition: all 400ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -moz-transition: all 400ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -o-transition: all 400ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
}
#infos-slidoors-2:hover {
  background: url(../cssimg/utils-slidoors.png) no-repeat -230px -300px;
}
#infos-slidoors-3 {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: url(../cssimg/utils-slidoors.png) no-repeat -400px 0px;
  transition: all 400ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -webkit-transition: all 400ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -moz-transition: all 400ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -o-transition: all 400ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
}
#infos-slidoors-3:hover {
  background: url(../cssimg/utils-slidoors.png) no-repeat -400px -300px;
}
#infos-slidoors-4 {
  display: inline-block;
  width: 140px;
  height: 100px;
  background: url(../cssimg/utils-slidoors.png) no-repeat -630px 0px;
  transition: all 400ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -webkit-transition: all 400ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -moz-transition: all 400ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -o-transition: all 400ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
}
#infos-slidoors-4:hover {
  background: url(../cssimg/utils-slidoors.png) no-repeat -630px -300px;
}
#infos-slidoors-5 {
  display: inline-block;
  width: 170px;
  height: 100px;
  background: url(../cssimg/utils-slidoors.png) no-repeat -825px 0px;
  transition: all 400ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -webkit-transition: all 400ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -moz-transition: all 400ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
  -o-transition: all 400ms cubic-bezier(0.56, -0.39, 0.16, 1.62);
}
#infos-slidoors-5:hover {
  background: url(../cssimg/utils-slidoors.png) no-repeat -825px -300px;
}
.leadcrea {
  font-size: 17px;
  color: #285b5a;
}
.crea-sous-titre {
  color: #3f908f;
  font-family: Asap;
  font-size: 20px;
  font-weight: 700;
  padding: 0px;
  padding-left: 5px;
  padding-bottom: 10px;
  margin: 0px;
}
.crealinks {
  text-align: right;
  padding-right: 5px;
}
.crealinks a {
  font-size: 15px;
  color: #50b2b1;
}
.crealinks a:hover {
  color: #38d8d3;
}
.crea-encart-blanc {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 12px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin-bottom: 7px;
}
.crea-table {
  font-family: Asap;
  font-weight: 700;
  font-size: 17px;
  color: #285b5a;
}
.crea-img {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin-top: 33px;
}
.crea-lien-map {
  font-size: 13px;
  color: #FF7200;
  border-bottom: 1px dotted #ff7200;
}
.h6crea {
  font-family: Asap;
  font-weight: 700;
  font-size: 17px;
  color: #055B91;
}
.creapad {
  padding-top: 0px;
  padding-left: 5px;
  padding-right: 5px;
}
.creapara {
  margin-bottom: 7px;
}
.creapara2 {
  margin-bottom: 0px;
}
@media (min-width: 10px) and (max-width: 480px) {
  .crea-sous-titre {
    color: #3f908f;
    font-family: Asap;
    font-size: 16px;
    font-weight: 700;
    padding: 0px;
    padding-left: 5px;
    padding-bottom: 5px;
    margin: 0px;
  }
  .creapad {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .crea-table {
    font-family: Asap;
    font-weight: 700;
    font-size: 14px;
    color: #285b5a;
  }
  .crea-encart-blanc {
    background-color: rgba(255, 255, 255, 0.4);
    padding: 12px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: 7px;
  }
}
.trendsprevious {
  background: #50b2b1;
}
.trendspreviouslink a {
  font-family: Asap;
  font-weight: bold;
  font-size: 15px;
  text-transform: uppercase;
  color: #bae1e0;
  margin: 0;
}
.trendspreviouslink a:hover {
  color: #FFF;
}
#animationstendances h2 {
  color: #38d8d3;
  text-transform: uppercase;
  text-align: center;
}
.trends-messagemiseajour {
  color: #38d8d3;
}
.trends-messagemiseajour span {
  color: rgba(56, 216, 211, 0.7);
  font-size: 14px;
}
.espaces-bkg {
  background: #055B91;
}
#espace-mat-bkg-bande {
  background: #38d8d3;
}
.espace-mat-bkg {
  background: rgba(56, 216, 211, 0.15);
}
.videotrendseason-base {
  width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
@media (min-width: 10px) and (max-width: 480px) {
  .videotrendseason {
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 200px;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .videotrendseason {
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 300px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .videotrendseason {
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 410px;
  }
}
@media (min-width: 993px) and (max-width: 1200px) {
  .videotrendseason {
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 530px;
  }
}
@media (min-width: 1201px) {
  .videotrendseason {
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 640px;
  }
}
.newquest-bkg {
  background: #bde2d1;
}
.questrappelalert {
  color: #38d8d3;
}
.quest-rappel-valid {
  background: #50b2b1;
  color: #ffffff;
}
.iconrappelok {
  font-size: 120px;
  color: #50b2b1;
}
.iconrappelalert {
  font-size: 120px;
  color: #38d8d3;
}
.questrappelbloc {
  background: rgba(255, 255, 255, 0.25);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.questcolor1 {
  color: #306c6c;
}
.questcolor2 {
  color: #38d8d3;
}
.checklab label {
  color: #306c6c;
  font-weight: normal;
  cursor: pointer;
}
.checklab label:hover {
  color: #38d8d3;
}
.quest_asterisk_color {
  font-size: 7px;
  color: #FF0F73;
  vertical-align: super;
}
.quest-others-row {
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.quest-info {
  background-color: rgba(80, 178, 177, 0.25);
  padding: 10px 15px 10px 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .quest-info {
    background-color: rgba(0, 150, 220, 0.15);
    padding: 10px 15px 10px 15px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
  }
}
.quest-continue {
  width: 150px;
  height: 150px;
  margin: auto;
  -webkit-border-radius: 75px;
  border-radius: 75px;
  background-color: #285b5a;
  cursor: pointer;
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.quest-continue:hover {
  background-color: #38d8d3;
}
.quest-continue span {
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  font-size: 50px;
  line-height: 135px;
  color: #ffffff;
  text-align: center;
}
.quest-continue span:hover {
  font-size: 50px;
}
.quest-label {
  cursor: pointer;
  background-color: rgba(80, 178, 177, 0.25);
  width: 100%;
  padding: 8px;
  padding-left: 11px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 400;
  color: #377e7d;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.quest-label input[type=radio] {
  display: none;
}
.quest-label:hover {
  color: #285b5a;
  background-color: #50b2b1;
}
.quest-label-select {
  color: #fff;
  background-color: #38d8d3;
}
#preregister h3 {
  color: #38d8d3;
}
#preregister .form-control:-moz-placeholder {
  color: #999999;
}
#preregister .form-control::-moz-placeholder {
  color: #999999;
}
#preregister .form-control:-ms-input-placeholder {
  color: #999999;
}
#preregister .form-control::-webkit-input-placeholder {
  color: #999999;
}
#preregister .form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.25s, box-shadow ease-in-out 0.25s;
  transition: border-color ease-in-out 0.25s, box-shadow ease-in-out 0.25s;
}
#preregister .form-control:focus {
  border-color: #38d8d3;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 167, 140, 0.4);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 167, 140, 0.4);
}
#preregister .control-label {
  padding-top: 10px;
  color: #0E487F;
  font-weight: normal;
}
.pwd-bkg2 {
  background: #38d8d3;
}
.pwd-lead {
  color: #cdf5f4;
  font-size: 16px;
}
#playwithdesign .pwd-bkg2 a {
  color: #f8fefd;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  border-bottom: 1px dotted #f8fefd;
}
#playwithdesign .pwd-bkg2 a:hover {
  color: #ffffff;
  border-bottom: 1px dotted #ffffff;
}
.pwd-textcolor {
  color: #ff7200;
}
.pwd-specpad {
  padding-top: 40px;
}
@media (min-width: 10px) and (max-width: 992px) {
  .pwd-specpad {
    padding-top: 15px;
  }
}
#exposer h2 {
  color: #f2be33;
}
#exposer h3 {
  color: #ffd800;
}
.leadexhib {
  font-size: 17px;
  color: #f2be33;
}
#exposer2 h2 {
  color: white;
}
#exposer2 h3 {
  color: #e8ad0f;
}
#exposer2 p {
  color: #e4aa0e;
}
#exposer2 a {
  color: #b4860b;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
#exposer2 a:hover {
  color: #fefbf3;
}
.exhibitors-bkg {
  background: rgba(242, 190, 51, 0.2);
}
.exhibitors-bkg2 {
  background: #ffd800;
}
.medias-bkg {
  background: rgba(232, 85, 86, 0.2);
}
.onglets-medias {
  background: #ff4059;
}
.media-shadow {
  box-shadow: 0 3px 0px 0 rgba(232, 85, 86, 0.2);
  -webkit-box-shadow: 0 3px 0px 0 rgba(232, 85, 86, 0.2);
}
.fotoramacontainer {
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
@media screen and (max-width: 767px) {
  .fotoramacontainer {
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
  }
}
#photos h2 span {
  font-size: 20px;
  color: #901414;
}
.imgBTphoto {
  width: 200px;
  height: 120px;
  margin: auto;
  border: 5px solid #FFFFFF;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.link-photo-pardessus {
  position: absolute;
  margin-top: 0px;
  margin-left: 0px;
  width: 200px;
  height: 120px;
  border: 5px solid #FFFFFF;
  background-color: rgba(232, 85, 86, 0.95);
  display: none;
  cursor: pointer;
  padding: 30px;
}
.link-photo-lecture {
  position: absolute;
  margin-top: 0px;
  margin-left: 0px;
  width: 200px;
  height: 120px;
  border: 5px solid #ff4059;
  background-color: rgba(255, 64, 89, 0.7);
  opacity: 0.01;
  cursor: pointer;
  padding: 30px;
}
.link-photo {
  margin: auto;
  width: 200px;
}
.link-photo-pardessus p {
  font-size: 40px;
  color: #FFF;
  text-align: center;
}
.link-photo-lecture p {
  font-size: 40px;
  color: #FFF;
  text-align: center;
}
.galleries h2 {
  color: #e85556;
}
.galleries h3 {
  color: #ff4059;
  padding-left: 15px;
  margin-bottom: 0px;
}
.fotorama__oooo {
  width: 6px;
  height: 6px;
  margin-left: -8px;
  margin-top: -3px;
}
.fotorama__oooo:before,
.fotorama__oooo:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 6px;
  height: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: rgba(232, 85, 86, 0.45);
}
.fotorama__oooo:before {
  left: -10px;
}
.fotorama__oooo .fotorama__oooo {
  margin-left: 17px;
}
.fotorama__oooo--1:before,
.fotorama__oooo--2:after,
.fotorama__oooo--3 .fotorama__oooo:before,
.fotorama__oooo--4 .fotorama__oooo:after {
  background-color: #e85556;
}
.fotorama__thumb-border {
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  border-style: solid;
  border-color: #e85556;
  background-color: rgba(255, 64, 89, 0.7);
}
#videos h2 {
  color: #e85556;
  margin-top: 0px;
}
#videos h2 span {
  color: #bd1a1b;
  font-size: 20px;
}
#videos h2 .trendspace {
  color: #5C5BFE;
  background: #fff;
  padding: 4px 9px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  font-size: 13px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  vertical-align: middle;
}
#videos h2 .trendspace strong {
  color: #e8453c;
}
#videos h3 {
  color: #bd1a1b;
  font-size: 20px;
  margin-bottom: 0px;
  margin-top: 0px;
}
.imgvideo-commun {
  margin: auto;
  border: 5px solid #FFFFFF;
  box-shadow: 0 3px 0px 0 rgba(232, 85, 86, 0.2);
  -webkit-box-shadow: 0 3px 0px 0 rgba(232, 85, 86, 0.2);
}
.link-video-pardessus-commun {
  position: absolute;
  margin-top: 0px;
  margin-left: 0px;
  border: 5px solid #FFFFFF;
  background-color: rgba(255, 64, 89, 0.95);
  display: none;
  cursor: pointer;
}
.link-video-lecture-commun {
  position: absolute;
  margin-top: 0px;
  margin-left: 0px;
  border: 5px solid #e85556;
  background-color: rgba(232, 85, 86, 0.75);
  opacity: 0.01;
  cursor: pointer;
}
@media (min-width: 10px) and (max-width: 480px) {
  .imgvideo {
    width: 260px;
    height: 147px;
    margin: auto;
    border: 5px solid #FFFFFF;
    box-shadow: 0 3px 0px 0 rgba(232, 85, 86, 0.2);
    -webkit-box-shadow: 0 3px 0px 0 rgba(232, 85, 86, 0.2);
  }
  .link-video-pardessus {
    width: 260px;
    height: 147px;
    padding: 43px;
    position: absolute;
    margin-top: 0px;
    margin-left: 0px;
    border: 5px solid #FFFFFF;
    background-color: rgba(255, 64, 89, 0.95);
    display: none;
    cursor: pointer;
  }
  .link-video-lecture {
    width: 260px;
    height: 147px;
    padding: 43px;
    position: absolute;
    margin-top: 0px;
    margin-left: 0px;
    border: 5px solid #e85556;
    background-color: rgba(232, 85, 86, 0.75);
    opacity: 0.01;
    cursor: pointer;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .imgvideo {
    width: 300px;
    height: 170px;
    margin: auto;
    border: 5px solid #FFFFFF;
    box-shadow: 0 3px 0px 0 rgba(232, 85, 86, 0.2);
    -webkit-box-shadow: 0 3px 0px 0 rgba(232, 85, 86, 0.2);
  }
  .link-video-pardessus {
    width: 300px;
    height: 170px;
    padding: 55px;
    position: absolute;
    margin-top: 0px;
    margin-left: 0px;
    border: 5px solid #FFFFFF;
    background-color: rgba(255, 64, 89, 0.95);
    display: none;
    cursor: pointer;
  }
  .link-video-lecture {
    width: 300px;
    height: 170px;
    padding: 55px;
    position: absolute;
    margin-top: 0px;
    margin-left: 0px;
    border: 5px solid #e85556;
    background-color: rgba(232, 85, 86, 0.75);
    opacity: 0.01;
    cursor: pointer;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .imgvideo {
    width: 300px;
    height: 170px;
    margin: auto;
    border: 5px solid #FFFFFF;
    box-shadow: 0 3px 0px 0 rgba(232, 85, 86, 0.2);
    -webkit-box-shadow: 0 3px 0px 0 rgba(232, 85, 86, 0.2);
  }
  .link-video-pardessus {
    width: 300px;
    height: 170px;
    padding: 55px;
    position: absolute;
    margin-top: 0px;
    margin-left: 0px;
    border: 5px solid #FFFFFF;
    background-color: rgba(255, 64, 89, 0.95);
    display: none;
    cursor: pointer;
  }
  .link-video-lecture {
    width: 300px;
    height: 170px;
    padding: 55px;
    position: absolute;
    margin-top: 0px;
    margin-left: 0px;
    border: 5px solid #e85556;
    background-color: rgba(232, 85, 86, 0.75);
    opacity: 0.01;
    cursor: pointer;
  }
}
@media (min-width: 993px) and (max-width: 1200px) {
  .imgvideo {
    width: 210px;
    height: 120px;
    margin: auto;
    border: 5px solid #FFFFFF;
    box-shadow: 0 3px 0px 0 rgba(232, 85, 86, 0.2);
    -webkit-box-shadow: 0 3px 0px 0 rgba(232, 85, 86, 0.2);
  }
  .link-video-pardessus {
    width: 210px;
    height: 120px;
    padding: 27px;
    position: absolute;
    margin-top: 0px;
    margin-left: 0px;
    border: 5px solid #FFFFFF;
    background-color: rgba(255, 64, 89, 0.95);
    display: none;
    cursor: pointer;
  }
  .link-video-lecture {
    width: 210px;
    height: 120px;
    padding: 27px;
    position: absolute;
    margin-top: 0px;
    margin-left: 0px;
    border: 5px solid #e85556;
    background-color: rgba(232, 85, 86, 0.75);
    opacity: 0.01;
    cursor: pointer;
  }
}
@media (min-width: 1201px) {
  .imgvideo {
    width: 260px;
    height: 147px;
    margin: auto;
    border: 5px solid #FFFFFF;
    box-shadow: 0 3px 0px 0 rgba(232, 85, 86, 0.2);
    -webkit-box-shadow: 0 3px 0px 0 rgba(232, 85, 86, 0.2);
  }
  .link-video-pardessus {
    width: 260px;
    height: 147px;
    padding: 43px;
    position: absolute;
    margin-top: 0px;
    margin-left: 0px;
    border: 5px solid #FFFFFF;
    background-color: rgba(255, 64, 89, 0.95);
    display: none;
    cursor: pointer;
  }
  .link-video-lecture {
    width: 260px;
    height: 147px;
    padding: 43px;
    position: absolute;
    margin-top: 0px;
    margin-left: 0px;
    border: 5px solid #e85556;
    background-color: rgba(232, 85, 86, 0.75);
    opacity: 0.01;
    cursor: pointer;
  }
}
.link-video {
  margin: auto;
  width: 300px;
}
.link-video-pardessus p {
  font-size: 40px;
  color: #FFF;
  text-align: center;
}
.link-video-lecture p {
  font-size: 40px;
  color: #FFF;
  text-align: center;
}
.videomaincontainer {
  padding: 15px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 25px;
  /*background-color:rgba(255,255,255,0.3);*/
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.videocontainer {
  height: 550px;
  padding: 0px;
}
.videoTScontainer {
  background-color: rgba(255, 255, 255, 0.6);
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
@media screen and (max-width: 767px) {
  .videocontainer {
    height: 350px;
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-border-radius: 0px;
    border-radius: 0px;
  }
  .videoTScontainer {
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 0px;
  }
}
.5pad {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0px;
  padding-bottom: 5px;
  border: 1px solid red;
}
.vimeoframe {
  border: 5px solid #FFF;
  -webkit-box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.1);
  transition: all 800ms ease;
  -webkit-transition: all 800ms ease;
  -moz-transition: all 800ms ease;
  -o-transition: all 800ms ease;
}
.vimeoframe:hover {
  border: 5px solid #FFF;
  -webkit-box-shadow: 0px 15px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 15px 0px rgba(0, 0, 0, 0.05);
}
#rapports h2 {
  color: #e85556;
  margin-top: 0px;
}
#rapports h2 span {
  color: #bd1a1b;
  font-size: 20px;
}
#rapports h3 {
  color: #e85556;
}
.leadrapp {
  font-size: 17px;
  color: #bd1a1b;
}
.leadimg {
  -webkit-border-radius: 16px 16px 0px 0px;
  -moz-border-radius: 16px 16px 0px 0px;
  border-radius: 16px 16px 0px 0px;
  margin-bottom: 15px;
}
#rapports blockquote {
  font-size: 12px;
  border-left: 20px solid rgba(232, 85, 86, 0.4);
  color: #bd1a1b;
}
#rapports blockquote q {
  font-size: 15px;
  font-style: italic;
  color: #e85556;
}
#rapports blockquote i {
  color: #696969;
}
.detailsrapp {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  background-color: rgba(255, 255, 255, 0.5);
  padding-top: 15px;
}
@media (min-width: 10px) and (max-width: 767px) {
  .detailsrapp {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background-color: rgba(255, 255, 255, 0.5);
  }
}
.detailsrapp h4 {
  font-size: 20px;
  color: #ff4059;
}
.detailsrapp h4 span {
  font-size: 16px;
  color: #ff0d2d;
}
.detailsrapp strong {
  color: #e85556;
  font-size: 15px;
}
.detailsrapp span {
  color: #e85556;
  font-size: 14px;
}
.link-rapp {
  width: 152px;
  height: auto;
  border: 5px solid #fff;
  padding: 0;
  margin: auto;
  box-shadow: 0 3px 0px 0 rgba(232, 85, 86, 0.2);
  -webkit-box-shadow: 0 3px 0px 0 rgba(232, 85, 86, 0.2);
}
.link-rapp-pardessus {
  background-color: rgba(255, 64, 89, 0.95);
  width: 142px;
  height: 200px;
  margin-top: -200px;
  display: none;
  opacity: 0.99;
  z-index: 10;
  line-height: 195px;
}
.link-rapp .link-rapp-pardessus p {
  text-align: center;
}
.link-rapp .link-rapp-pardessus p a {
  text-align: center;
  color: #fff;
  font-size: 40px;
}
.link-rapp .link-rapp-pardessus p button {
  background: none;
  border: none;
  text-align: center;
  color: #fff;
  font-size: 40px;
}
.link-rapp a img {
  width: 142px;
  height: 200px;
  margin: auto;
}
.rapp-dessous h2 {
  margin: 0px;
  text-align: center;
  margin-top: 0px;
  color: #8A2BB9;
  text-shadow: 0px 1px 0px #EDDAF2;
}
.rapp-dessous p strong {
  font-size: 17px;
  text-shadow: 0px 1px 0px #EDDAF2;
}
.rapp-vignette {
  padding-top: 3px;
  opacity: 0.99;
}
.rapp-vignette small {
  color: #bd1a1b;
}
.rapp-edition {
  color: #e85556;
}
#rapports td {
  border-top: 0px;
}
.detailpie {
  font-size: 26px !important;
  color: #e22829 !important;
}
.repart-chart {
  height: 50px;
  width: 100%;
  background-color: rgba(232, 85, 86, 0.2);
  margin-bottom: 8px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 3px;
}
.repart-chart-element-1 {
  float: left;
  height: 100%;
  width: 100%;
  background-color: rgba(232, 85, 86, 0.5);
  -webkit-border-radius: 4px 0px 0px 4px;
  -moz-border-radius: 4px 0px 0px 4px;
  border-radius: 4px 0px 0px 4px;
}
.repart-chart-element-2 {
  float: left;
  height: 100%;
  width: 100%;
  background-color: rgba(232, 85, 86, 0.75);
  -webkit-border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
}
.repart-chart-element-3 {
  float: left;
  height: 100%;
  width: 100%;
  background-color: #e85556;
  -webkit-border-radius: 0px 4px 4px 0px;
  -moz-border-radius: 0px 4px 4px 0px;
  border-radius: 0px 4px 4px 0px;
}
.repart-chart-element-text {
  color: rgba(255, 255, 255, 0.8);
  font-size: 10px;
  padding-top: 7px;
  text-align: center;
}
.repart-chart strong {
  font-size: 12px;
  color: #ffa6b2;
}
.chart {
  position: absolute;
  width: 200px;
  height: 200px;
}
.doughnutTip {
  position: absolute;
  min-width: 30px;
  max-width: 300px;
  padding: 2px 10px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #901414;
  color: #fadcdc;
  font-family: 'Asap', Helvetica, Arial;
  font-size: 12px;
  text-align: center;
  line-height: 1.3;
  pointer-events: none;
}
.doughnutTip:after {
  position: absolute;
  left: 50%;
  bottom: -6px;
  content: "";
  height: 0;
  margin: 0 0 0 -6px;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 6px solid #901414;
  line-height: 0;
}
.doughnutSummary {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #bd1a1b;
  text-align: center;
  cursor: default;
}
.doughnutSummaryTitle {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -27%;
  font-size: 22px;
  letter-spacing: .06em;
}
.doughnutSummaryNumber {
  font-family: 'Asap', Arial, Helvetica;
  font-weight: 700;
  font-size: 40px;
  position: absolute;
  width: 100%;
  margin-top: 30px;
}
.chart path {
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
}
.chart path:hover {
  opacity: 0.4;
}
@media (min-width: 10px) and (max-width: 480px) {
  .pressprintimg {
    width: 52px;
    height: 70px;
  }
  .pressprintlink img {
    height: 100%;
    max-height: 160px;
    margin: auto;
    border: 5px solid #FFFFFF;
    box-shadow: 0 1px 2px 0 #CCDCF4;
    -moz-box-shadow: 0 1px 2px 0 #CCDCF4;
    -webkit-box-shadow: 0 1px 2px 0 #CCDCF4;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .pressprintimg {
    width: 74px;
    height: 100px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .pressprintimg {
    width: 95px;
    height: 126px;
  }
}
@media (min-width: 993px) and (max-width: 1200px) {
  .pressprintimg {
    width: 110px;
    height: 146px;
  }
}
@media (min-width: 1201px) {
  .pressprintimg {
    width: 165px;
    height: 220px;
  }
}
.pressprintlink img {
  height: 100%;
  max-height: 225px;
  margin: auto;
  border: 5px solid #FFFFFF;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
#parutions h3 {
  color: #e85556;
  font-size: 20px;
  margin-bottom: 0px;
}
.link-press-pardessus {
  background: none repeat scroll 0 0 rgba(254, 143, 0, 0.8);
  display: none;
  line-height: 195px;
  margin: -225px auto auto;
  opacity: 0.99;
  z-index: 10;
  -moz-box-shadow: 0 1px 4px 0 rgba(232, 85, 86, 0.2);
  box-shadow: 0 1px 4px 0 rgba(232, 85, 86, 0.2);
  -webkit-box-shadow: 0 1px 4px 0 rgba(232, 85, 86, 0.2);
}
.link-press-pardessus p {
  text-align: center;
  color: #fff;
  font-size: 40px;
}
@media (min-width: 10px) and (max-width: 480px) {
  .pressbloc h5 {
    font-size: 11px;
    color: #ff4059;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .pressbloc {
    width: 120px;
    margin: auto;
  }
  .link-press-pardessus {
    line-height: 150px;
    position: absolute;
    margin: -171px auto auto;
    width: 120px;
    height: 156px;
    border: 5px solid #FFFFFF;
    background-color: rgba(255, 64, 89, 0.8);
    display: none;
    cursor: pointer;
  }
}
.pressbloc h5 {
  font-size: 14px;
  color: #ff4059;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 0px;
}
.pressbloc {
  width: 170px;
  margin: auto;
}
.link-press-pardessus {
  line-height: 210px;
  position: absolute;
  margin: -238px auto auto;
  width: 170px;
  height: 224px;
  border: 5px solid #FFFFFF;
  background-color: rgba(255, 64, 89, 0.8);
  display: none;
  cursor: pointer;
}
.goodies-bkg {
  background: rgba(91, 71, 241, 0.2);
}
.onglets-wallpapers {
  background: #a99eff;
}
.wallpapers-onglets-survol-actif {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.4);
  border: 5px solid #ffffff;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.wallpapers-onglets-survol {
  opacity: 0.8;
  background-color: rgba(255, 255, 255, 0.1);
  border: 10px solid rgba(255, 255, 255, 0);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.wallpapers-onglets-survol:hover {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.3);
  border: 5px solid #ffffff;
}
.wallpapers-onglets-h3-actif {
  color: white;
  opacity: 1;
  cursor: default;
}
.wallpapers-onglets-h3 {
  color: white;
  opacity: 0.5;
  cursor: default;
}
.nano-icon-wallpapers {
  color: #696969;
  font-size: 8px;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
}
.min-icon-wallpapers {
  color: #a99eff;
  font-size: 30px;
  line-height: 60px;
  background-color: rgba(255, 255, 255, 0.5);
  display: inline-block;
  width: 60px;
  height: 60px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.min-icon-wallpapers:hover {
  color: white;
  font-size: 30px;
  background-color: #a99eff;
}
.min-icon-wallpapers:active {
  color: #3118ed;
  font-size: 28px;
  background-color: #ffffff;
}
.new-wallimg {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 2px solid rgba(169, 158, 255, 0.7);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  opacity: 0.9;
}
.newwallp {
  text-align: center;
  font-size: 10px;
  color: #5b47f1;
  cursor: default;
}
.newwallp strong {
  color: #5b47f1;
  font-size: 16px;
}
.newwallp .wallpoids {
  padding: 3px 8px;
  background-color: #a99eff;
  color: #fff;
  font-size: 10px;
  font-weight: 400;
  line-height: 30px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.newwallprow {
  background: rgba(255, 255, 255, 0.01);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.newwallprow:hover {
  background: rgba(255, 255, 255, 0.35);
}
.newwallprow:hover .new-wallimg {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 2px solid #a99eff;
  opacity: 1;
}
.goodies-sous-titre {
  font-family: Asap;
  font-weight: 700;
  font-size: 20px;
  color: #6552ff;
}
h6.goodies-sous-titre {
  font-family: Asap;
  font-weight: 700;
  font-size: 15px;
  color: #6552ff;
  height: 30px;
}
.link-playguide {
  width: 165px;
  height: auto;
  border: 5px solid #fff;
  padding: 0;
  margin: auto;
  -webkit-box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.05);
}
.link-playguide-pardessus {
  background: rgba(169, 158, 255, 0.8);
  width: 155px;
  height: 155px;
  margin-top: -155px;
  display: none;
  opacity: 0.99;
  z-index: 10;
  line-height: 160px;
}
.link-playguide .link-playguide-pardessus p {
  text-align: center;
}
.link-playguide .link-playguide-pardessus p a {
  text-align: center;
  color: #fff;
  font-size: 40px;
}
.link-playguide .link-playguide-pardessus p button {
  background: none;
  border: none;
  text-align: center;
  color: #fff;
  font-size: 40px;
}
.link-playguide a img {
  width: 155px;
  height: 155px;
  margin: auto;
}
.playguide-dessous h2 {
  margin: 0px;
  text-align: center;
  margin-top: 0px;
  color: #7c6bff;
}
.playguide-dessous p strong {
  font-size: 17px;
  color: #7c6bff;
}
#playguide-viewer1,
#playguide-viewer2,
#playguide-viewer3,
#playguide-viewer4,
#playguide-viewer5 {
  opacity: 0.01;
  border: 5px solid white;
  -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
}
#playguide-legende1,
#playguide-legende2,
#playguide-legende3,
#playguide-legende4,
#playguide-legende5 {
  opacity: 0.01;
}
.playguide-legende-titre {
  font-size: 35px;
  color: #a99eff;
}
.playguide-legende-download {
  display: inline-block;
  margin-top: 10px;
  width: 80px;
  height: 80px;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  text-align: center;
  line-height: 75px;
  color: #a99eff;
  font-size: 45px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.playguide-legende-download:hover {
  font-size: 50px;
  color: white;
  background-color: #a99eff;
  line-height: 80px;
}
#playguide-legende1 p,
#playguide-legende2 p,
#playguide-legende3 p,
#playguide-legende4 p,
#playguide-legende5 p {
  font-size: 17px;
}
.viewerbase {
  padding-left: 10px;
  padding-right: 10px;
  height: 570px;
}
@media screen and (max-width: 767px) {
  .viewerbase {
    padding-left: 50px;
    padding-right: 50px;
    height: 270px;
  }
}
#playguide-logo-container {
  opacity: 0.01;
}
#playguide-text-container {
  opacity: 0.01;
}
#vignette1,
#vignette2,
#vignette3,
#vignette4,
#vignette5 {
  opacity: 0.01;
}
.special-bkg {
  background: rgba(91, 71, 241, 0.2);
}
#special h2 {
  color: #5b47f1;
}
.blocreturnhome {
  text-align: center;
  margin-top: -60px;
  height: 60px;
}
.btreturnhome {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #5b47f1;
  color: rgba(255, 255, 255, 0.8);
  padding: 10px 20px;
}
.btreturnhome:hover {
  background: #8576f5;
  color: #ffffff;
}
.btreturnhome:active {
  background: #3118ed;
  color: white;
}
.onglets-inscriptions {
  color: #fff;
  background: #74707f;
}
.inscription-bkg-bande1 {
  background: rgba(116, 112, 127, 0.7);
}
.inscription-bkg-bande2 {
  background: rgba(116, 112, 127, 0.6);
}
.inscription-bkg-bande3 {
  background: rgba(116, 112, 127, 0.5);
}
.inscription-bkg-bande4 {
  background: rgba(116, 112, 127, 0.4);
}
#inscription h2 {
  text-align: center;
  color: #5b47f1;
}
#inscription h2 span {
  color: #2811db;
}
#inscription .leadcrea {
  color: #2811db;
}
#inscription h3 {
  text-align: center;
  color: #4f4c56;
}
#inscription h4 {
  text-align: center;
  color: #36343b;
}
#inscription .insc-note {
  font-size: 12px;
  padding: 4px 9px;
  background: #4f4c56;
  color: #a8a5b0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.inscription-bkg-bande4 p a {
  font-size: 13px;
  color: #5b47f1;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.inscription-bkg-bande4 p a:hover {
  color: #2811db;
}
.ins-onglets-h3-actif {
  color: white !important;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  cursor: default;
}
.ins-onglets-h3 {
  color: #b5b3bc;
  -webkit-transition: all 10s ease;
  -moz-transition: all 10s ease;
  -ms-transition: all 10s ease;
  -o-transition: all 10s ease;
  transition: all 10s ease;
  cursor: default;
}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
img[width='1'] {
  display: none !important;
}