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

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
  background: #ffffff;
}

html {
  background: #ffffff;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  text-decoration: none;
}
img {
  border: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*FIN DU RESET*/

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

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
  background: #ffffff;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

html {
  background: #ffffff;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  text-decoration: none;
}
img {
  border: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*FIN DU RESET*/

body {
  overflow: hidden;
}

.dosis {
  font-family: "Dosis", sans-serif;
  font-weight: 300;
}

.light {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 200;
}

.light_it {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.regular {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
}

.bold {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
}

.white {
  color: #ffffff;
}

.uppercase {
  text-transform: uppercase;
}

#conteneur_fonds_general {
  position: absolute;
  top: 0%;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#content_fonds {
  position: absolute;
  top: 0%;
  width: 100%;
  height: 200%;
  overflow: hidden;
}

#content_video {
  position: absolute;
  top: 0%;
  width: 100%;
  height: 50%;
  overflow: hidden;
  background-image: url(../img/back1.jpg);
  background-size: 100% 100%;
}

#content_waves {
  position: absolute;
  top: 0%;
  width: 100%;
  height: 50%;
  overflow: hidden;
  background-color: #000000;
  display: none;
  z-index: 5;
}

#video {
  position: absolute;
}

svg {
  position: absolute;
  width: 495px;
  height: 106px;
  margin: auto;
  z-index: 2;
  left: 50%;
  margin-left: -247px;
  top: 50%;
  margin-top: -53px;
  opacity: 0.5;
}

.TESTE,
.TESTEZ {
  opacity: 0;
}

#conteneur_general {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 10;
}

#content {
  position: absolute;
  width: 100%;
  height: 600%;
}

.slide {
  position: relative;
  height: 16.66666666666667%;
  width: 100%;
  display: block;
}

#down {
  position: absolute;
  width: 45px;
  height: 45px;
  bottom: 5%;
  left: 50%;
  margin-left: -22px;
  cursor: pointer;
  z-index: 990;
}

.down_clear,
.down_hover {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
}

.down_clear {
  background-image: url(../img/scroll.png);
}

.down_hover {
  background-image: url(../img/scroll2.png);
  opacity: 0;
}

#conteneur_titre2 {
  position: absolute;
  width: 24%;
  left: 38%;
  top: 23%;
}

#conteneur_titre2 > img {
  opacity: 0;
}

#conteneur_titre2 > img,
#conteneur_titre3 > img,
#conteneur_titre4 > img,
#conteneur_titre5 > img,
#conteneur_titre6 > img {
  position: relative;
  width: 100%;
  display: block;
}

#separateur_titre2 {
  position: relative;
  width: 0%;
  margin: auto;
  height: 3px;
  background-color: #e71096;
  margin-top: 10px;
}

#conteneur_titre2 > .light {
  position: relative;
  width: 90%;
  left: 5%;
  margin-top: -20px;
  opacity: 0;
}

#conteneur_titre3,
#conteneur_titre4 {
  position: absolute;
  width: 20%;
  left: 40%;
  top: 8%;
}

#separateur_titre3,
#separateur_titre4,
#separateur_titre5 {
  position: relative;
  width: 80%;
  margin: auto;
  height: 3px;
  background-color: #e71096;
  margin-top: 10px;
}

#conteneur_titre3 > .light {
  position: relative;
  width: 51%;
  left: 23.5%;
  margin-top: 10px;
}

#conteneur_titre4 > .light {
  position: relative;
  width: 50%;
  left: 25%;
  margin-top: 10px;
}

#conteneur_titre5 {
  position: absolute;
  width: 20%;
  left: 40%;
  top: 5%;
}

#conteneur_titre6 {
  position: absolute;
  width: 12%;
  left: 44%;
  top: 42%;
}

#slide6 {
  height: 17.5%;
  background: -webkit-linear-gradient(
    90deg,
    #000000 10%,
    #53346d 90%
  ); /* Chrome 10+, Saf5.1+ */
  background: -moz-linear-gradient(
    90deg,
    #000000 10%,
    #53346d 90%
  ); /* FF3.6+ */
  background: -ms-linear-gradient(90deg, #000000 10%, #53346d 90%);
  /* IE10 */
  background: -o-linear-gradient(90deg, #000000 10%, #53346d 90%);
  /* Opera 11.10+ */
  background: linear-gradient(90deg, #000000 10%, #53346d 90%); /* W3C */
  overflow: hidden;
}
#separateur_titre6 {
  position: relative;
  width: 100%;
  height: 3px;
  margin: auto;
  background-color: #e71096;
  margin-top: 10px;
}
#menu {
  position: absolute;
  width: 200px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  right: -200px;
  z-index: 990;
  border-left: 3px solid #e70094;
}
.menu:hover {
  color: #e70094;
}
#picto_menu {
  position: absolute;
  width: 26px;
  height: 22px;
  background-image: url(../img/picto_menu.png);
  left: -70px;
  top: 3%;
  cursor: pointer;
}
#picto_close {
  position: absolute;
  width: 24px;
  height: 23px;
  background-image: url(../img/picto_close.png);
  left: -40px;
  top: 3%;
  cursor: pointer;
  display: none;
}
#logo_mmd_menu {
  position: absolute;
  width: 173px;
  height: 37px;
  background-image: url(../img/logo_small.png);
  left: 13px;
  top: 16%;
}
#mentionsAlpha {
  position: absolute;
  /* width: 160px;
    height: 175px;
    background-image: url(../img/logos_footer.png); */
  width: 100%;
  height: 18%;
  /* left: 20px; */
  left: 0%;
  bottom: 9%;
}
#mentionsAlpha img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 100%;
  transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}
#mentionsBeta {
  position: absolute;
  /* width: 160px;
    height: 12px;
    background-image: url(../img/mention2017.png); */
  width: 100%;
  height: 5%;
  /* left: 20px; */
  left: 0%;
  bottom: 4%;
}
#mentionsBeta img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 100%;
  transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}
#mentions {
  position: absolute;
  /* width: 160px;
    height: 50px;
    background-image: url(../img/linkedin.png); */
  width: 100%;
  height: 1.35%;
  /* left: 20px; */
  left: 0%;
  bottom: 2%;
  transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}
#mentions img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 100%;
  transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}
#zone_btns_menu {
  position: absolute;
  width: 80%;
  left: 10%;
  top: 35%;
}
#zone_btns_menu > nav {
  position: relative;
  width: 100%;
  text-align: center;
  height: 23px;
  display: block;
  padding-top: 10px;
  cursor: pointer;
}
.filet_bot {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#contenu_expertise {
  position: absolute;
  width: 100%;
  top: 45%;
  height: 51%;
}
#zone_expertise {
  position: absolute;
  width: 80%;
  left: 10%;
  height: 100%;
}
.zone_picto {
  position: relative;
  display: inline-block;
  float: left;
  width: 25%;
  height: 100%;
}
.picto_expert {
  position: relative;
  width: 44%;
  margin-left: 28%;
  opacity: 0;
}
.titre_picto_expert {
  position: relative;
  margin-top: 5%;
}
.texte_picto_expert {
  text-align: center !important;
  position: relative;
  margin-top: 24%;
}
#zone_picto1 > .titre_picto_expert {
  width: 43%;
  margin-left: 28.5%;
}
#zone_picto1 > p {
  width: 65%;
  margin-left: 16%;
}
#zone_picto2 > .titre_picto_expert {
  width: 48%;
  margin-left: 26%;
}
#zone_picto2 > p {
  width: 50%;
  margin-left: 25%;
  margin-top: 12%;
}
#zone_picto3 > .titre_picto_expert {
  width: 68%;
  margin-left: 16%;
}
#zone_picto3 > p {
  width: 84%;
  margin-left: 8%;
}
#zone_picto4 > .titre_picto_expert {
  width: 12.25%;
  margin-left: 44%;
}
#zone_picto4 > p {
  width: 65%;
  margin-left: 17.5%;
}
.separ_expert {
  position: relative;
  width: 628%;
  height: 1px;
  opacity: 0.5;
  left: -113%;
  margin-top: 12%;
  z-index: 50;
  background-color: #fff;
}
#zone_tampon {
  position: absolute;
  top: 6%;
  right: 18%;
  margin: 0px;
}
#tampon {
  position: absolute;
  top: 14%;
  right: 14%;
  -ms-transform-origin: 100% 0%; /* IE 9 */
  -moz-transform-origin: 100% 0%;
  -o-transform-origin: 100% 0%;
  -webkit-transform-origin: 100% 0%; /* Chrome, Safari, Opera */
  transform-origin: 100% 0%;
}
#zone_loading {
  position: absolute;
  width: 300px;
  left: 50%;
  margin-left: -150px;
  top: 40%;
  z-index: 50;
}
#loader {
  position: relative;
  margin-left: 75px;
  display: block;
}
#txt_loading {
  position: relative;
  display: block;
  width: 100%;
  font-size: 14px;
  text-align: center;
}
#zone_tampon {
  position: absolute;
  width: 15%;
  top: 6%;
  right: 18%;
}
#tampon1 {
  position: relative;
  width: 100%;
}
.tampon_img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
}
#tampon7 {
  -ms-transform-origin: 50% 22%; /* IE 9 */
  -moz-transform-origin: 50% 22%;
  -o-transform-origin: 50% 22%;
  -webkit-transform-origin: 50% 22%;
  /* Chrome, Safari, Opera */
  transform-origin: 50% 22%;
}
#tampon10 {
  -ms-transform-origin: 50% 60%; /* IE 9 */
  -moz-transform-origin: 50% 60%;
  -o-transform-origin: 50% 60%;
  -webkit-transform-origin: 50% 60%;
  /* Chrome, Safari, Opera */
  transform-origin: 50% 60%;
}
#tampon12 {
  -ms-transform-origin: 73% 78%;
  /* IE 9 */
  -moz-transform-origin: 73% 78%;
  -o-transform-origin: 73% 78%;
  -webkit-transform-origin: 73% 78%; /* Chrome, Safari, Opera */
  transform-origin: 73% 78%;
}
/*temp*/
#temp_macaron {
  position: absolute;
  width: 15%;
  top: 6%;
  right: 18%;
}
#temp_expert {
  position: absolute;
  width: 58%;
  top: 49%;
  left: 21%;
}
#temp_slider {
  position: absolute;
  width: 48%;
  top: 34%;
  left: 26%;
}
#temp_partenaires {
  position: absolute;
  width: 45%;
  top: 26%;
  left: 27%;
}
/*contact*/
#pattern {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(../img/pattern_mmd.png);
  background-repeat: repeat;
}
#bulle_adresse,
#bulle_adresse_ny {
  position: absolute;
  height: 114%;
  width: 100px;
  top: -6%;
  border-radius: 50%;
  background-color: #e3328b;
  z-index: 88;
  overflow: hidden;
}
#bulle_adresse {
  right: 100%;
}
#bulle_adresse_ny {
  left: 100%;
}
#map_paris,
#map_ny,
#close_paris,
#close_ny,
#plus_map_paris,
#plus_map_ny {
  position: absolute;
  width: 30%;
  left: 35%;
  top: 70%;
  cursor: pointer;
}
#plus_map_paris,
#plus_map_ny {
  z-index: 12;
  opacity: 0;
}
#close_paris_img,
#close_ny_img,
#map_paris_img,
#map_ny_img {
  position: relative;
  width: 100%;
}
#close_paris_img2,
#close_ny_img2,
#map_paris_img2,
#map_ny_img2 {
  position: absolute;
  width: 100%;
  top: 0%;
  left: 0%;
}
#close_paris,
#close_ny {
  z-index: 15;
  display: none;
}
#zone_carte,
#zone_carte_ny {
  position: relative;
  width: 98%;
  height: 98%;
  left: 1%;
  top: 1%;
  border-radius: 50%;
}
#carte,
#carte_ny {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
}
#zone_ny {
  position: absolute;
  left: 6%;
  height: 100%;
}
#paris1,
#ny1 {
  position: relative;
}
#ny1 {
  float: right;
}
#paris1,
#paris2,
#paris3,
#paris4,
#paris5 {
  height: 66%;
  top: 1%;
  left: 0%;
}
#paris2,
#paris3,
#paris4,
#paris5 {
  position: absolute;
}
#ny1,
#ny2,
#ny3,
#ny4,
#ny5 {
  height: 66%;
  top: 1%;
  right: 0%;
}
#ny2,
#ny3,
#ny4,
#ny5 {
  position: absolute;
}
#zone_paris {
  position: absolute;
  right: 6%;
  height: 100%;
}
/*slider*/
#cache_slide {
  position: absolute;
  z-index: 5;
  width: 100%;
  height: 100%;
}
.image_slide_slider {
  position: relative;
  width: 100%;
  /*border: 2px solid #fff;*/
  border-radius: 50%;
  -webkit-transition: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  padding: 0;
  margin: 0;
  font-size: 0px;
  cursor: pointer;
}
.btn_plus_slider {
  position: absolute;
  width: 26%;
  left: 37%;
  top: 37%;
  display: none;
  cursor: pointer;
}
.zone_slide_slider {
  -webkit-transition: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  background-color: #000;
  border-radius: 50%;
  /*overflow: hidden;*/
  border: 3px solid #fff;
  padding: 0;
  margin: 0;
  font-size: 0px;
}
.image_slide_ombre {
  position: absolute;
  width: 120%;
  left: -10%;
  top: 95%;
}
#zone_slider {
  position: absolute;
  width: 48%;
  top: 43%;
  left: 26%;
}
#container_agences_slider {
  position: absolute;
  width: 48%;
  left: 26%;
  top: 34%;
  height: 4%;
}
#zone_slide_slider1 {
  position: absolute;
  width: 11%;
  left: 10%;
  top: 27%;
  z-index: 2;
}
#zone_slide_slider1 > .lien_slider > .image_slide_slider,
#zone_slide_slider2 > .lien_slider > .image_slide_slider,
#zone_slide_slider3 > .lien_slider > .image_slide_slider,
#zone_slide_slider5 > .lien_slider > .image_slide_slider,
#zone_slide_slider6 > .lien_slider > .image_slide_slider,
#zone_slide_slider7 > .lien_slider > .image_slide_slider {
  opacity: 0.5;
}
#zone_slide_slider2 {
  position: absolute;
  width: 14%;
  left: 16.5%;
  top: 23%;
  z-index: 3;
}
#zone_slide_slider3 {
  position: absolute;
  width: 17.5%;
  left: 26%;
  top: 16%;
  z-index: 4;
}
#zone_slide_slider4 {
  position: absolute;
  width: 27%;
  left: 36.5%;
  top: 0%;
  z-index: 6;
  border: 3px solid #e71096;
}
#zone_slide_slider5 {
  position: absolute;
  width: 17.5%;
  left: 57%;
  top: 16%;
  z-index: 4;
}
#zone_slide_slider6 {
  position: absolute;
  width: 14%;
  left: 69%;
  top: 23%;
  z-index: 3;
}
#zone_slide_slider7 {
  position: absolute;
  width: 11%;
  left: 79%;
  top: 27%;
  z-index: 2;
}
#zone_slider_btn_right,
#zone_slider_btn_left {
  position: absolute;
  width: 6%;
  top: 37%;
  cursor: pointer;
  z-index: 85;
}
#zone_slider_btn_right {
  left: 93%;
}
#zone_slider_btn_left {
  left: 1%;
}
#slider_btn_right,
#slider_btn_left,
#projets_btn_right,
#projets_btn_left,
#projets_btn_sortie,
#partenaires_btn_left,
#partenaires_btn_right {
  position: relative;
  width: 100%;
  top: 0%;
  left: 0%;
  z-index: 200;
}
#slider_btn_right2,
#slider_btn_left2,
#projets_btn_right2,
#projets_btn_left2,
#projets_btn_sortie2,
#partenaires_btn_left2,
#partenaires_btn_right2 {
  position: absolute;
  width: 100%;
  top: 0%;
  left: 0%;
  opacity: 0;
  z-index: 150;
}
.titre_slider {
  position: absolute;
  text-align: center !important;
  top: 74%;
  line-height: 1.5em;
}
#titre_slider1 {
  width: 12.5%;
  left: 43.75%;
  opacity: 0;
}
#titre_slider7 {
  width: 19.75%;
  left: 40.125%;
  opacity: 0;
}
#titre_slider3 {
  width: 18%;
  left: 41%;
  opacity: 0;
}
#titre_slider2 {
  width: 14.5%;
  left: 42.75%;
  opacity: 0;
}
#titre_slider4 {
  width: 25%;
  left: 37.5%;
}
#titre_slider5 {
  width: 14.5%;
  left: 42.75%;
  opacity: 0;
}
#titre_slider6 {
  width: 14.5%;
  left: 42.75%;
  opacity: 0;
}
.image_slide_agence {
  position: absolute;
  bottom: 0%;
  cursor: pointer;
}
.ag_pos1 {
  left: 9.5%;
}
.ag_pos2 {
  left: 19.5%;
}
.ag_pos3 {
  left: 29.7%;
}
.ag_pos4 {
  width: 13%;
  left: 43.2%;
}
.ag_pos1,
.ag_pos2,
.ag_pos3,
.ag_pos5,
.ag_pos6,
.ag_pos7 {
  width: 10%;
  opacity: 0.6;
}
.ag_pos5 {
  left: 60%;
}
.ag_pos6 {
  left: 70%;
}
.ag_pos7 {
  left: 79.5%;
}
/*projets*/
#zone_projets_btn_right,
#zone_projets_btn_left {
  position: absolute;
  width: 2.5%;
  top: 44%;
  cursor: pointer;
}
#zone_projets_btn_right {
  left: 96.5%;
}
#zone_projets_btn_left {
  left: 1%;
}
#zone_projets_btn_retour {
  position: absolute;
  width: 2.5%;
  cursor: pointer;
  left: 1%;
  top: 2%;
  z-index: 88;
}
#slide4_partie1 {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
}
#slide4_partie2 {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 100%;
  top: 0%;
  overflow: hidden;
}
.slide_projet {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 100%;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-color: #000;
  overflow: hidden;
}
#slide_projet1 {
  background-image: url(../img/projets/systemeU/systemeU_background.jpg);
  background-position: 100% 0%;
}
#slide_projet2 {
  background-image: url(../img/projets/milka/milka_background.jpg);
  background-position: 100% 0%;
}
#slide_projet3 {
  background-image: url(../img/projets/vcf/vca_background.jpg);
  background-position: 0% 0%;
}
#slide_projet4 {
  background-image: url(../img/projets/lightbigger/lightbigger_background.jpg);
  background-position: 100% 0%;
}
#slide_projet5 {
  background-image: url(../img/projets/extreme/extreme_background.jpg);
  background-position: 0% 0%;
}
#slide_projet6 {
  background-image: url(../img/projets/adidas/adidas_background.jpg);
  background-position: 100% 0%;
}
#slide_projet7 {
  background-image: url(../img/projets/smartgame/smartgame_background.jpg);
  background-position: 0% 0%;
}
.terminal_anim {
  position: absolute;
  height: 100%;
  width: auto;
  z-index: 5;
}
.cache_anim {
  position: absolute;
  height: 100%;
  width: auto;
  z-index: 4;
}
#ecran_adidas,
#ecran_lightbigger,
#ecran_systemeU,
#ecran_milka {
  right: -100%;
}
#cache_adidas,
#cache_lightbigger,
#cache_systemeU,
#cache_milka {
  right: 0%;
  display: none;
}
#video_adidas,
#video_lightbigger,
#video_systemeU,
#video_milka {
  right: -0.05%;
}
/*#video_extreme{
  right: -0.1%;
}*/
#ecran_smartgame,
#ecran_vancleef,
#ecran_extreme {
  left: -100%;
}
#cache_smartgame,
#cache_vancleef,
#ecran_extreme {
  left: 0%;
  display: none;
}
#video_smartgame,
#video_vancleef,
#video_extreme {
  left: -0.05%;
}
.video_projet {
  position: absolute;
  z-index: 3;
  height: 100%;
  width: auto;
  opacity: 0;
}
#barre_nav_projets {
  position: absolute;
  width: 36%;
  left: 32%;
  height: 3px;
  background-color: #fff;
  top: 2%;
  z-index: 500;
  overflow: hidden;
  font-size: 0px;
}
#position_barre_nav_projets {
  position: absolute;
  height: 100%;
  width: 15%;
  background-color: #e71096;
  left: 0%;
}
.titre_projet_pres {
  position: absolute;
  top: 3%;
  z-index: 99;
}
.sous_titre_projet_pres {
  position: absolute;
  top: 9.5%;
  z-index: 99;
}
#titre_projet_pres4 {
  width: 20%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#sous_titre_projet_pres4 {
  width: 8%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#titre_projet_pres5 {
  width: 12%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#sous_titre_projet_pres5 {
  width: 13.5%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#titre_projet_pres6 {
  width: 10%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#sous_titre_projet_pres6 {
  width: 8%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#titre_projet_pres7 {
  width: 16%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#sous_titre_projet_pres7 {
  width: 15%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#titre_projet_pres1 {
  width: 14.5%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#sous_titre_projet_pres1 {
  width: 8.5%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#titre_projet_pres2 {
  width: 8%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#sous_titre_projet_pres2 {
  width: 5.5%;
  left: 0;
  right: 0;
  margin: 0 auto; /*font-size: 26px !important;*/
}
#titre_projet_pres3 {
  width: 26%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#sous_titre_projet_pres3 {
  width: 7.8%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.content_txt_projet {
  position: absolute;
  width: 100%;
  height: 40%;
  top: 37%;
  opacity: 0;
}
.content_txt_projet > p {
  position: absolute;
  font-family: arial, sans-serif;
  font-size: 14px;
  width: 15%;
  bottom: 52%;
  line-height: 1.3em;
  min-width: 320px;
}
.content_txt_projet > .filet_projet {
  position: absolute;
  top: 55%;
  width: 12%;
  height: 2px;
  background-color: #e3328b;
  min-width: 280px;
}
.txt_right {
  text-align: right;
}
.txt_right > p,
.txt_right > .filet_projet,
.txt_right > .zone_pictos_projet {
  right: 0px;
}
.txt_left {
  text-align: left;
}
.txt_left > p,
.txt_left > .filet_projet,
.txt_left > .zone_pictos_projet {
  left: 0px;
}
.zone_pictos_projet {
  position: absolute;
  top: 62%;
}
.zone_pictos_projet > img {
  position: relative;
  display: inline-block;
}
.txt_left > .zone_pictos_projet > img {
  float: left;
  margin-right: 10px;
}
.txt_right > .zone_pictos_projet > img {
  float: right;
  margin-left: 10px;
}
/*partenaires*/
#zone_logos_partenaires {
  position: absolute;
  width: 42%;
  left: 29%;
  top: 36%;
  font-size: 0px;
}
#zone_nav_partenaires {
  position: absolute;
  width: 42%;
  left: 29%;
  top: 23%;
  height: 5%;
}
#filet_partenaires {
  position: absolute;
  width: 15%;
  left: 74%;
  height: 2px;
  background-color: #e71096;
  top: 115%;
}
#zone_partenaires_btn_left {
  position: absolute;
  width: 5%;
  left: -12%;
  top: 40%;
  cursor: pointer;
}
#zone_partenaires_btn_right {
  position: absolute;
  width: 5%;
  right: -12%;
  top: 40%;
  cursor: pointer;
}
#agences,
#annonceurs,
#regies {
  width: 100%;
  height: 360px;
}
#agences iframe,
#annonceurs iframe,
#regies iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto; /*top: 20%;*/
  width: 90%;
}
#agences {
  position: relative;
}
#annonceurs,
#regies {
  position: relative;
}
#agences,
#regies {
  opacity: 0;
  display: none;
}
#annonceurs {
  display: block;
  opacity: 1;
}
.menu_partenaires {
  position: absolute;
  bottom: 0%;
  cursor: pointer;
  text-transform: uppercase;
}
#menu_agences {
  width: 15%;
  left: 10%;
  opacity: 0.4;
}
#menu_regies {
  width: 15%;
  left: 42.5%;
  opacity: 0.4;
}
#menu_annonceurs {
  width: 15%;
  left: 74%;
}
.logo_part {
  position: relative;
  display: inline-block;
  float: left;
  width: 25%;
  font-size: 0px;
}
/*canvas*/
#rd,
#traffic,
#crea,
#dev,
#dev_picto,
#crea_picto,
#traffic_picto,
#rd_picto {
  position: absolute;
  z-index: 500;
  top: -8%;
  left: 30%;
  -ms-transform-origin: 0% 0%; /* IE 9 */
  -moz-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;
  /* Chrome, Safari, Opera */
  transform-origin: 0% 0%;
}
#dev_picto,
#crea_picto,
#traffic_picto,
#rd_picto {
  z-index: 501;
}
#visuel01 {
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
#visuel02 {
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 448px;
}
/*fond*/
#chargement {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 999;
  background-color: #000000;
}
#content_fond4,
#content_fond3,
#content_fond2,
#content_fond1 {
  position: absolute;
  width: 100%;
  height: 100%;
}
#content_fond4,
#content_fond3,
#content_fond2 {
  display: none;
}
.fond_categorie {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  -webkit-transition: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
}
/*.waves2,.waves3,.waves4{
    display: none;
}*/
#fond_partie1 {
  background-image: url(../img/test/fond1_bas.png);
}
#fond_partie2 {
  background-image: url(../img/test/fond1_droite.png);
}
#fond_partie3 {
  background-image: url(../img/test/fond1_gauche.png);
}
#fond_partie4 {
  background-image: url(../img/test/fond1_haut.png);
}
#fond2_partie1 {
  background-image: url(../img/test/fond2_bas.png);
}
#fond2_partie2 {
  background-image: url(../img/test/fond2_droite.png);
}
#fond2_partie3 {
  background-image: url(../img/test/fond2_gauche.png);
}
#fond2_partie4 {
  background-image: url(../img/test/fond2_haut.png);
}
#fond3_partie1 {
  background-image: url(../img/test/fond3_bas.png);
}
#fond3_partie2 {
  background-image: url(../img/test/fond3_droite.png);
}
#fond3_partie3 {
  background-image: url(../img/test/fond3_gauche.png);
}
#fond3_partie4 {
  background-image: url(../img/test/fond3_haut.png);
}
#fond4_partie1 {
  background-image: url(../img/test/fond4_bas.png);
}
#fond4_partie2 {
  background-image: url(../img/test/fond4_droite.png);
}
#fond4_partie3 {
  background-image: url(../img/test/fond4_gauche.png);
}
#fond4_partie4 {
  background-image: url(../img/test/fond4_haut.png);
}
#gradient {
  width: 100%;
  height: 100px;
  padding: 0px;
  margin: 0px;
}
#souligne_slider {
  position: absolute;
  width: 5%;
  height: 2px;
  background-color: #e3328b;
  top: 120%;
  left: 47.5%;
}
#messageie8 {
  position: absolute;
  width: 30%;
  left: 35%;
  top: 30%;
  display: none;
  z-index: 998;
}
#messageie8 > img {
  position: relative;
  width: 100%;
}
#mentions > a {
  position: absolute;
  width: 22%;
  right: 0%;
  top: 0%;
  height: 45%;
}