.background_gif {
  width: 100%;
  height: 1000px;
  background-image: -webkit-linear-gradient(90deg, #000, rgba(0, 0, 0, .1)), url('../images/giphy.gif');
  background-image: linear-gradient(0deg, #000, rgba(0, 0, 0, .1)), url('../images/giphy.gif');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
}

.body {
  background-color: #000;
}

.logomarvel {
  display: block;
  width: 287px;
  height: 117px;
  margin-top: 397px;
  margin-right: auto;
  margin-left: auto;
  background-image: url('../images/Marvel-logo.png');
  background-position: 50% 29%;
  background-size: 230px 91px;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.biogtitle {
  margin-top: 3px;
  font-family: Lato, sans-serif;
  color: #fff;
  font-size: 48px;
  font-weight: 200;
  text-align: center;
  text-indent: 2px;
}

.logoimpminimal {
  display: block;
  margin-top: 135px;
  margin-right: auto;
  margin-left: auto;
}

.intro {
  height: 560px;
}

.introtext {
  margin-top: 135px;
  padding-right: 85px;
  padding-left: 85px;
  font-family: Lato, sans-serif;
  color: #fff;
  font-size: 33px;
  line-height: 41px;
  font-weight: 200;
  text-align: center;
}

.section2 {
  height: 400px;
  background-image: url('../images/faucon.gif');
  background-position: 0px 182px;
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.section2.b {
  background-image: url('../images/hulk.gif');
  background-size: contain;
}

.section2.c {
  background-image: url('../images/avengers.gif');
}

.section2.d {
  background-image: url('../images/appart.gif');
  background-size: contain;
}

.section2.e {
  background-image: url('../images/faucon.gif');
  background-size: contain;
}

.section2.f {
  background-image: url('../images/moto.gif');
  background-size: contain;
}

.section2._1 {
  background-image: url('../images/avengers.gif');
}

.section2._2 {
  background-image: url('../images/giphy.gif');
}

.section2._3 {
  background-image: url('../images/moto.gif');
}

.section3 {
  height: 615px;
}

.sectionidea {
  height: 3330px;
}

.sectionidea._2 {
  height: 3530px;
}

.sectionidea._3 {
  height: 3530px;
}

.ideatitle {
  display: block;
  width: 100%;
  height: 36px;
  margin: 0px auto;
  padding-right: 60px;
  padding-left: 60px;
  font-family: Oswald, sans-serif;
  color: #fff;
  font-size: 54px;
  font-weight: 200;
  text-align: center;
  text-transform: uppercase;
}

.ideanumber {
  display: block;
  width: 101px;
  height: 26px;
  margin: 155px auto 26px;
  padding-top: 4px;
  background-color: #ea2328;
  font-family: Lato, sans-serif;
  color: #fff;
  font-weight: 300;
  text-align: center;
}

.ideaintro {
  margin-bottom: 0px;
  padding-right: 85px;
  padding-left: 85px;
  font-family: Lato, sans-serif;
  color: #fff;
  font-size: 18px;
  line-height: 31px;
  font-weight: 200;
  text-align: center;
  letter-spacing: 1px;
  text-indent: 0px;
}

.ideaintro._2 {
  padding-right: 50px;
  padding-left: 50px;
}

.ideahashtag {
  margin-top: 4px;
  margin-bottom: 25px;
  padding-right: 100px;
  padding-left: 100px;
  font-family: Lato, sans-serif;
  color: #73a700;
  font-size: 30px;
  line-height: 40px;
  font-weight: 300;
  text-align: center;
}

.ideahashtag._2 {
  color: #b7002e;
}

.ideahashtag._3 {
  color: #0073b4;
}

.ideapoint {
  display: block;
  width: 155px;
  height: 38px;
  margin-right: auto;
  margin-bottom: 14px;
  margin-left: auto;
  padding-top: 9px;
  background-color: #73a700;
  font-family: Lato, sans-serif;
  color: #fff;
  font-size: 19px;
  font-weight: 300;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.ideapoint.a1 {
  width: 109px;
  background-color: #73a700;
  font-size: 17px;
  font-weight: 400;
}

.ideapoint.a2 {
  width: 355px;
  margin-top: 85px;
}

.ideapoint.a3 {
  width: 185px;
  margin-top: 85px;
}

.ideapoint.a3.a4 {
  width: 125px;
  margin-top: 46px;
}

.ideapoint.b1 {
  width: 135px;
  background-color: #b7002e;
}

.ideapoint.b2 {
  width: 354px;
  margin-top: 85px;
  background-color: #b7002e;
}

.ideapoint.b3 {
  width: 194px;
  margin-top: 80px;
  background-color: #b7002e;
}

.ideapoint.c1 {
  width: 143px;
  background-color: #0073b4;
}

.ideapoint.c2 {
  width: 375px;
  margin-top: 80px;
  background-color: #0073b4;
}

.ideapoint.c3 {
  width: 180px;
  margin-top: 80px;
  background-color: #0073b4;
}

.ideapoint.d1 {
  width: 485px;
}

.ideapoint.d2 {
  width: 425px;
}

.ideapoint.d3 {
  width: 364px;
}

.ideapoint.e1 {
  width: 234px;
}

.ideapoint.e2 {
  width: 253px;
}

.ideapoint.e3 {
  width: 445px;
}

.ideapoint.f1 {
  width: 365px;
}

.ideapoint.f2 {
  width: 276px;
}

.ideapoint.f3 {
  width: 415px;
}

.ideapoint.a5 {
  width: 185px;
  margin-top: 40px;
}

.ideapoint.a6 {
  width: 215px;
  margin-top: 38px;
}

.ideapoint.a7 {
  width: 175px;
  height: 41px;
  margin-top: 36px;
  border: 2px solid #73a700;
  background-color: transparent;
  color: #fff;
}

.ideapoint.b4 {
  width: 135px;
  margin-top: 80px;
  background-color: #b7002e;
}

.ideapoint._5 {
  margin-top: 80px;
  background-color: #b7002e;
}

.ideapoint.b6 {
  width: 235px;
  margin-top: 80px;
  background-color: #b7002e;
}

.ideapoint.b5 {
  width: 215px;
  margin-top: 80px;
  background-color: #b7002e;
}

.ideapoint.b7 {
  width: 195px;
  height: 41px;
  margin-top: 36px;
  border: 2px solid #b7002e;
  background-color: transparent;
}

.ideapoint.c4 {
  margin-top: 80px;
  background-color: #0073b4;
}

.ideapoint.c5 {
  width: 185px;
  margin-top: 80px;
  background-color: #0073b4;
}

.ideapoint.c6 {
  width: 215px;
  margin-top: 80px;
  background-color: #0073b4;
}

.ideapoint.c7 {
  width: 185px;
  height: 41px;
  margin-top: 80px;
  border: 2px solid #0073b4;
  background-color: transparent;
}

.sectionend {
  height: 825px;
  margin-top: 124px;
  background-image: -webkit-linear-gradient(90deg, #000, transparent 47%), url('../images/team.gif');
  background-image: linear-gradient(0deg, #000, transparent 47%), url('../images/team.gif');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.sectionimprudence {
  height: 945px;
}

.logoimpnormal {
  height: 185px;
  margin-top: 0px;
  margin-bottom: 37px;
  background-image: url('../images/logo_imp2016_white.png');
  background-position: 50% 50%;
  background-size: 250px;
  background-repeat: no-repeat;
}

.adress {
  font-family: Lato, sans-serif;
  color: #8f8f8f;
  font-size: 17px;
  font-weight: 300;
  text-align: center;
  letter-spacing: 1px;
}

.button {
  display: block;
  width: 182px;
  margin-right: auto;
  margin-left: auto;
  background-color: transparent;
  font-family: Lato, sans-serif;
  font-size: 17px;
  font-weight: 300;
  text-align: center;
}

.button2 {
  display: block;
  width: 125px;
  margin-top: 36px;
  margin-right: auto;
  margin-left: auto;
  border: 2px solid #fff;
  background-color: transparent;
  font-family: Lato, sans-serif;
  color: #fff;
  font-weight: 400;
  text-align: center;
  letter-spacing: 1px;
}

.picto {
  height: 145px;
  margin-top: 146px;
  background-image: url('../images/picto_01.png');
  background-position: 50% 50%;
  background-size: 141px;
  background-repeat: no-repeat;
}

.picto._2 {
  background-image: url('../images/picto_02.png');
  background-size: 141px;
}

.picto._3 {
  background-image: url('../images/picto_03.png');
  background-size: 141px;
}

.schema {
  width: 100%;
  height: 555px;
  background-image: url('../images/schema_03.png');
  background-position: 50% 50%;
  background-size: 960px;
  background-repeat: no-repeat;
}

.schema._1 {
  background-image: url('../images/schema_01.png');
  background-size: 960px;
}

.schema._2 {
  background-image: url('../images/schema_02.png');
  background-size: 960px;
}

.exemple {
  font-family: Lato, sans-serif;
  color: #73a700;
  font-size: 18px;
  line-height: 29px;
  font-weight: 300;
  text-align: center;
}

.exemple._2 {
  color: #b7002e;
}

.exemple._3 {
  color: #0073b4;
}

.gris {
  margin-top: 25px;
  font-family: Lato, sans-serif;
  color: #7a7a7a;
  font-size: 18px;
  line-height: 28px;
  font-weight: 300;
  text-align: center;
}

.gris._2 {
  padding-right: 120px;
  padding-left: 120px;
  line-height: 24px;
}

.grid {
  display: block;
  width: 538px;
  margin-top: 76px;
  padding-left: 0px;
}

.photogrid {
  display: block;
  width: 150px;
  height: 150px;
  margin-right: auto;
  margin-bottom: 29px;
  margin-left: auto;
  border: 1px solid #fff;
  background-image: url('../images/NASA_Astrovan.jpg');
  background-position: 84% 50%;
  background-size: 356px;
  background-repeat: no-repeat;
}

.photogrid.a1 {
  background-image: url('../images/woods-on-pender-airstream-6-exterior-01.jpg');
  background-position: 50% 50%;
  background-size: 310px;
}

.photogrid.a2 {
  background-image: url('../images/les-carhaisiens-pourront-acheter-leurs-billets-des-9-h_2157645_660x396p.jpg');
  background-size: 330px;
}

.photogrid.a3 {
  background-image: url('../images/Iron_Man_Mark_7_diag_AllClear_jayse_hansen.jpg');
  background-position: 30% 61%;
  background-size: 420px;
}

.photogrid.a4 {
  background-image: url('../images/EP-150439930.jpg');
  background-position: 55% 12%;
  background-size: 380px;
}

.photogrid.a5 {
  background-image: url('../images/gear-vr-640x448.jpg');
  background-position: 52% 59%;
  background-size: 320px;
}

.photogrid.a6 {
  background-image: url('../images/AIRMKT-Land-Yacht-Polar-530013-B2F-Print_TAB-IMAGE.jpg');
  background-position: -5% 59%;
  background-size: 298px;
}

.photogrid.a7 {
  background-image: url('../images/comic_marvel_main_lg1.jpg');
  background-size: 440px;
}

.photogrid.a8 {
  background-image: url('../images/c556c4f869fe2314facc9a43a68af09b78d11461.jpg');
  background-size: 406px;
}

.photogrid.a9 {
  background-image: url('../images/mapPAGE.jpg');
  background-size: 280px;
}

.photogrid.c1 {
  background-image: url('../images/40-Storage-Container-Hard-Angle-Isolated-New-Brand.png');
  background-size: 190px;
}

.photogrid.c2 {
  background-image: url('../images/maison-futur-connecte-reunion.jpg');
  background-size: 305px;
}

.photogrid.c3 {
  background-image: url('../images/massimo-uberti-07.jpg');
  background-position: 0% 74%;
  background-size: 330px;
}

.photogrid.c4 {
  background-image: url('../images/tactile1.jpg');
  background-size: 225px;
}

.photogrid.c5 {
  background-image: url('../images/Avengers_tower.png');
  background-position: 51% 53%;
  background-size: 319px;
}

.photogrid.c6 {
  background-image: url('../images/caméra-thermique-public.jpg');
  background-position: 20% 0%;
  background-size: 209px;
}

.photogrid.c7 {
  background-image: url('../images/biglogo.png');
  background-size: 147px;
}

.photogrid.c8 {
  background-image: url('../images/container-40-HC-inside-b.jpg');
  background-position: 6% 0%;
  background-size: 180px;
}

.photogrid.c9 {
  background-image: url('../images/283 identitification biométrique_0.jpg');
  background-position: 64% 39%;
  background-size: 228px;
}

.photogrid.b2 {
  background-image: url('../images/text-2012-LG.jpeg');
  background-position: 6% 0%;
  background-size: 224px;
}

.photogrid.b1 {
  background-image: url('../images/semipodium2.jpg');
  background-position: 1% 0%;
  background-size: 160px;
}

.photogrid.b3 {
  background-image: url('../images/maxresdefault.jpg');
  background-position: 10% -38%;
  background-size: 264px;
}

.photogrid.b4 {
  background-image: url('../images/Screenshot_2015-09-22-14-23-40.jpeg');
  background-position: 95% 57%;
  background-size: 420px;
}

.photogrid.b5 {
  background-image: url('../images/buzz-jumping-night-drone-3-500x500.jpg');
  background-size: 150px;
}

.photogrid.b6 {
  background-image: url('../images/8xy05q-l-610x610-t+shirt-superman-batman-spiderman-hero-swag-black+t+shirt-green-red-blue-shirt-captain+america-iron+man.jpg');
  background-position: 59% 11%;
  background-size: 525px;
}

.photogrid.b7 {
  background-image: url('../images/original.jpg');
  background-size: 420px;
}

.photogrid.b9 {
  background-image: url('../images/Fabriquer-des-fumigenes-Malheureusement-un-jeu-d-enfant.jpg');
  background-position: 31% 91%;
  background-size: 680px;
}

.photogrid.b8 {
  background-image: url('../images/IMG_45351.jpg');
  background-position: 67% 45%;
  background-size: 284px;
}

.col1 {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.col2 {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.col {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.cols {
  width: 100%;
  padding-left: 0px;
}

.center {
  display: block;
  width: 519px;
  margin-right: auto;
  margin-left: auto;
}

.center2 {
  margin-top: 45px;
}

.titlecolor {
  font-family: Lato, sans-serif;
  color: #73a700;
  font-size: 19px;
  font-weight: 400;
  text-align: right;
}

.titlecolor.left {
  padding-right: 0px;
}

.titlecolor.right {
  padding-left: 0px;
  text-align: left;
}

.text {
  font-family: Lato, sans-serif;
  color: #fff;
  font-size: 15px;
  font-weight: 300;
}

@media (max-width: 479px) {
  .background_gif {
    height: 495px;
  }
  .logomarvel {
    height: 97px;
    margin-top: 173px;
    background-size: 160px;
  }
  .biogtitle {
    padding-right: 25px;
    padding-left: 25px;
    font-size: 31px;
    line-height: 31px;
    font-weight: 300;
  }
  .logoimpminimal {
    width: 20px;
    margin-top: 21px;
  }
  .intro {
    height: 440px;
  }
  .introtext {
    margin-top: 89px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 37px;
    font-weight: 300;
  }
  .section2 {
    height: 200px;
    background-position: 74% 20%;
    background-size: 597px;
  }
  .section2.f {
    margin-top: 187px;
  }
  .ideatitle {
    height: 100%;
    font-size: 35px;
    line-height: 37px;
    font-weight: 300;
  }
  .ideatitle._4 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .ideanumber {
    margin-top: 144px;
    margin-bottom: 13px;
  }
  .ideaintro {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 17px;
    line-height: 27px;
    font-weight: 300;
  }
  .ideahashtag {
    margin-top: 0px;
    padding-right: 40px;
    padding-left: 40px;
    font-size: 25px;
  }
  .ideapoint {
    width: 100%;
    height: 51px;
    padding-right: 30px;
    padding-left: 30px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0px;
  }
  .ideapoint.a1 {
    width: 100%;
    height: 50px;
    font-size: 13px;
  }
  .ideapoint.a2 {
    width: 100%;
  }
  .ideapoint.a3 {
    width: 100%;
    height: 54px;
  }
  .ideapoint.b1 {
    width: 100%;
    font-size: 11px;
    font-weight: 400;
  }
  .ideapoint.b2 {
    width: 100%;
  }
  .ideapoint.b3 {
    width: 100%;
  }
  .ideapoint.c1 {
    width: 100%;
  }
  .ideapoint.c2 {
    width: 100%;
  }
  .ideapoint.c3 {
    width: 100%;
  }
  .ideapoint.d1 {
    width: 100%;
  }
  .ideapoint.d2 {
    width: 100%;
  }
  .ideapoint.d3 {
    width: 100%;
  }
  .ideapoint.e1 {
    width: 100%;
  }
  .ideapoint.e2 {
    width: 100%;
  }
  .ideapoint.e3 {
    width: 100%;
  }
  .ideapoint.f1 {
    width: 100%;
  }
  .ideapoint.f2 {
    width: 100%;
  }
  .ideapoint.f3 {
    width: 100%;
  }
  .ideapoint.a6 {
    margin-top: 40px;
  }
  .sectionend {
    background-position: 0px 0px, -478px 0px;
    background-size: auto, cover;
  }
  .grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    clear: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .photogrid.a1 {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .photogrid.a2 {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .photogrid.a3 {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .photogrid.a4 {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .photogrid.a5 {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .photogrid.a6 {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .photogrid.a7 {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .photogrid.a8 {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .photogrid.a9 {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .center {
    width: 100%;
  }
}