/**
 * @section Bloc illustration Animée SEI
 */
.bloc-illustration-animee-sei h2.main-title{
  margin:0 1.25rem 1.875rem;
  text-align:center;
}
.bloc-illustration-animee-sei .hidden-svg{
  position:absolute;
  left:-10000px;
}
.bloc-illustration-animee-sei .wrapper-illustration{
  padding-bottom:3.75rem;
	background:#001A70;
	background:-webkit-linear-gradient(bottom, #001A70  0%, #0058B7 100%);
  background:linear-gradient(to bottom,#001A70  0%, #0058B7 100%);
  background-size:100% 93%; background-repeat:no-repeat; background-position:0 100%;
}
.bloc-illustration-animee-sei.guyane .wrapper-illustration{
	background:#55A02D;
	background:-webkit-linear-gradient(right, #9BC210 0%, #55A02D 100%);
  background:linear-gradient(to right, #9BC210 0%,  #55A02D 100%);
  background-size:100% 93%; background-repeat:no-repeat; background-position:0 100%;
}
.bloc-illustration-animee-sei .wrapper-illustration .visual-mobile{
  padding-bottom:55%; width:calc(100% + 2px);
  background-size:100%; background-repeat:no-repeat;
}
.bloc-illustration-animee-sei .wrapper-illustration .anim-layers,
.bloc-illustration-animee-sei .wrapper-illustration .back-illustration{
  display:none;
}
.bloc-illustration-animee-sei .list-link ul{
  padding:0 1.25rem;
  list-style:none;
}
.bloc-illustration-animee-sei .list-link ul li{
  padding:1.25rem 0 1.5rem;
  border-bottom:1px solid #597BB6;
}
.bloc-illustration-animee-sei .list-link ul li:first-child{
  border-top:1px solid #597BB6;
}
.bloc-illustration-animee-sei.guyane .list-link ul li{
  border-bottom:1px solid #B3D262;
}
.bloc-illustration-animee-sei.guyane .list-link ul li:first-child{
  border-top:1px solid #B3D262;
}
.bloc-illustration-animee-sei .list-link ul li a{
  color:#fff;
  font-size:1rem; font-family:"EDF-Bold", sans-serif;
}
.bloc-illustration-animee-sei .list-link ul li a .text{
  padding-right:2.125rem;
	background-image:url(/sites/sei_reu/files/2022-04/link-rebond.svg);
	background-position:100% 50%; background-repeat:no-repeat; background-size:1.375rem .75rem;
  content:'';
}
.bloc-illustration-animee-sei .list-link .main-link{
  display:inline-block;
  margin-top:2.5rem; padding:0 1.25rem;
  color:#fff;
  font-size:1rem; text-decoration:underline;
}
.bloc-illustration-animee-sei .hover-wrapper .hover-diagonale{
  display:none;
}

/*Page edito*/
.page-edito .bloc-illustration-animee-sei h2.main-title{
  margin:0 1.25rem 1.875rem;
}

@media screen and (min-width:48em){
  .bloc-illustration-animee-sei h2.main-title{
    margin:0 1.25rem .25rem;
  }
  .bloc-illustration-animee-sei .wrapper-illustration{
    background:#001A70;
    background:-webkit-linear-gradient(bottom, #001A70  0%, #0058B7 100%);
    background:linear-gradient(to bottom,#001A70  0%, #0058B7 100%);
    background-size:100% 91%; background-repeat:no-repeat; background-position:0 100%;
  }
  .bloc-illustration-animee-sei.guyane .wrapper-illustration{
    background:#55A02D;
    background:-webkit-linear-gradient(right, #9BC210 0%, #55A02D 100%);
    background:linear-gradient(to right, #9BC210 0%,  #55A02D 100%);
    background-size:100% 91%; background-repeat:no-repeat; background-position:0 100%;
  }

  /*Page edito*/
  .page-edito .bloc-illustration-animee-sei h2.main-title{
    margin:0 1.25rem .25rem;
  }
}

@media screen and (min-width:80em){
  .bloc-illustration-animee-sei{
    background:#001A70;
    background:-webkit-linear-gradient(right, #0058B7 0%, #001A70 100%);
    background:linear-gradient(to right, #0058B7 0%,  #001A70 100%);
    background-size:100% 36rem; background-repeat:no-repeat; background-position:0 19rem;
    overflow-x:hidden;
  }
  .bloc-illustration-animee-sei.guyane{
    background:#55A02D;
    background:-webkit-linear-gradient(right, #9BC210 0%, #55A02D 100%);
    background:linear-gradient(to right, #9BC210 0%,  #55A02D 100%);
    background-size:100% 36rem; background-repeat:no-repeat; background-position:0 19rem;
    overflow-x:hidden;
  }
  .bloc-illustration-animee-sei h2.main-title{
    margin:0 1.25rem 2.5rem;
  }
  .bloc-illustration-animee-sei.guyane .wrapper-illustration,
  .bloc-illustration-animee-sei .wrapper-illustration{
    position:relative;
    padding:0 0 6.25rem;
    max-width:80rem; margin:0 auto;
    background:none;
  }
  .bloc-illustration-animee-sei .wrapper-illustration .visual-mobile{
    display:none;
  }
  .bloc-illustration-animee-sei .wrapper-illustration .anim-layers{
    position:relative;
    display:block;
  }
  .bloc-illustration-animee-sei .wrapper-illustration .back-illustration{
    position:relative;
    display:block;
    min-height:608px;
  }
  .bloc-illustration-animee-sei .wrapper-illustration .back-illustration svg{
    width:100%; height:100%;
    margin:0 auto;
  }
  .bloc-illustration-animee-sei .list-link{
    position:relative;
    max-width:80rem; margin:0 auto .625rem;
    z-index:6;
  }
  .bloc-illustration-animee-sei .list-link ul{
    display:flex;
    justify-content:space-between;
    padding:0; margin:.625rem 0 0;
  }
  .bloc-illustration-animee-sei.guyane .list-link ul li,
  .bloc-illustration-animee-sei .list-link ul li{
    width:25%; padding:0 2.5rem;
    border-bottom:none; border-left:1px solid #D1D3D4;
    text-align:center;
  }
  .bloc-illustration-animee-sei.guyane .list-link ul li:first-child,
  .bloc-illustration-animee-sei .list-link ul li:first-child{
  border-top:none; border-left:none;
  }
  .bloc-illustration-animee-sei .list-link ul li a{
    display:inline-block;
    color:#001A70;
    font-size:.875rem;
  }
  .bloc-illustration-animee-sei .list-link ul li a:hover,
  .bloc-illustration-animee-sei .list-link ul li a:focus,
  .bloc-illustration-animee-sei .list-link ul li a.active{
    text-decoration:none;
  }
  .bloc-illustration-animee-sei .list-link ul li a:hover .svg,
  .bloc-illustration-animee-sei .list-link ul li a:focus .svg,
  .bloc-illustration-animee-sei .list-link ul li a.active .svg{
    background-image:url(/sites/sei_reu/files/2022-04/link-round.svg);
  }
  .bloc-illustration-animee-sei .list-link ul li a:after{
    display:none;
  }
  .bloc-illustration-animee-sei .list-link ul li a .text{
    padding-right:0;
  }
  .bloc-illustration-animee-sei .list-link ul li a .svg{
    display:block;
    margin:0 auto .3125rem; width:3.125rem; height:3.125rem;
    background-image:url(/sites/sei_reu/files/2022-04/link-round-hover.svg);
    background-repeat:no-repeat; background-position:50%;
    background-size:100%;
    transition:background-image .5s;
    transform:rotate(180deg);
    content:'';
  }
  .bloc-illustration-animee-sei .list-link .main-link-wrapper{
    text-align:center;
  }
  .bloc-illustration-animee-sei .list-link .main-link{
    display:inline-block;
    margin:2.5rem auto 0; padding:.9125rem 1.5rem;
    border:1px solid #E0E1E3;; border-radius:.125rem;
    color:#939393;
    font-size:1rem; text-decoration:none;
  }
  .bloc-illustration-animee-sei .list-link .main-link:after{
    background-color:rgba(0,0,0,.1);
  }

  /**
   * Anim SVG
  */
  /*Hover Strate*/
  .bloc-illustration-animee-sei .hover-wrapper{
    position:relative;
  }
  .bloc-illustration-animee-sei .hover-wrapper .hover-diagonale{
    position:absolute;
    display:block;
    background:transparent;
    transform:skew(-60deg, 0);
    z-index:12;
    text-indent:-10000px;
  }
  .bloc-illustration-animee-sei .hover-wrapper .hover-diagonale-1{
    width:404px; height:351px;
    top:4px; left:-50px;
  }
  .bloc-illustration-animee-sei .hover-wrapper .hover-diagonale-2{
    width:361px; height:373px;
    top:51px; left:245px;
  }
  .bloc-illustration-animee-sei .hover-wrapper .hover-diagonale-3{
    width:361px; height:446px;
    top:51px; left:543px;
  }
  .bloc-illustration-animee-sei .hover-wrapper .hover-diagonale-4{
    width:361px; height:453px;
    top:105px; left:814px;
  }
  /**
   * Filter On Hover
  */
  .bloc-illustration-animee-sei.filter-active .back-strate.filter-strate:not(.active) img{
    display:none;
  }
  .bloc-illustration-animee-sei.filter-active .back-strate.filter-strate:not(.active) img.off{
    display:block;
  }
  .bloc-illustration-animee-sei.filter-active .anim-layers .filter-strate:not(.active) svg{
    display:none;
  }
  /**
   * Sous couche
   */
  .bloc-illustration-animee-sei .back-strate{
    position:absolute;
    height:608px;
  }
  .bloc-illustration-animee-sei .back-strate .off{
    display:none;
  }
  .bloc-illustration-animee-sei .back-strate-1{
    top:2px; left:0; width:38%;
    z-index:1;
  }
  .bloc-illustration-animee-sei .back-strate-2{
    top:44px; left:39px; width:63%; height:391px;
    z-index:2;
  }
  .bloc-illustration-animee-sei .back-strate-3{
    top:10px; left:343px; width:68%; height:491px;
    z-index:3;
  }
  .bloc-illustration-animee-sei .back-strate-4{
    top:84px; right:-14px; width:51%; height:506px;
    z-index:4;
  }
  .bloc-illustration-animee-sei .back-strate-4 .off{
    margin:-38px 0 0 0;
  }
  .bloc-illustration-animee-sei .back-strate-5{
    top:263px; right:-12px; width:40.3%; height:346px;
    z-index:6;
  }
  .bloc-illustration-animee-sei .anim-layer{
    position:absolute;
    transform:scale(.92);
  }
  .bloc-illustration-animee-sei .strate-1,
  .bloc-illustration-animee-sei .strate-2,
  .bloc-illustration-animee-sei .strate-3,
  .bloc-illustration-animee-sei .strate-4{
    position:relative;
    z-index:6;
  }
  /**Strate 1 */
  .bloc-illustration-animee-sei .strate-1 #anim_berceau{
    left:142px; top:101px;
  }
  .bloc-illustration-animee-sei .strate-1 #anim_mamie_cat{
    left:179px; top:137px;
  }
  .bloc-illustration-animee-sei .strate-1 #anim_casquette{
    left:142px; top:222px;
  }
  .bloc-illustration-animee-sei .strate-1 #anim_air_climat_strate_1{
    left:28px; top:274px;
    transform:rotate(115deg);
  }

  /**Strate 2 */
  .bloc-illustration-animee-sei .strate-2 #anim_jauge_strate_2{
    left:557px; top:141px;
    transform:scale(.5);
  }
  .bloc-illustration-animee-sei .strate-2 #anim_jauge_strate_2_1{
    left:581px; top:155px;
    transform:scale(.5);
  }
  .bloc-illustration-animee-sei .strate-2 #anim_panno{
    left:311px; top:128px;
    transform:scale(.9);
  }
  .bloc-illustration-animee-sei .strate-2 #anim_trio{
    left:118px; top:317px;
    transform:scale(1);
  }
  .bloc-illustration-animee-sei .strate-2 #anim_ballon_garcon{
    left:267px; top:331px;
  }

  /**Strate 3 */
  .bloc-illustration-animee-sei .strate-3 #anim_confetti{
    right:309px; top:70px;
    transform:rotate(12deg);
  }
  .bloc-illustration-animee-sei .strate-3 #anim_ballon{
    right:510px; top:223px;
  }
  .bloc-illustration-animee-sei .strate-3 #anim_panno1{
    right:609px; top:292px;
    transform:scale(1);
  }
  .bloc-illustration-animee-sei .strate-3 #anim_panno2{
    right:705px; top:227px;
  }
  .bloc-illustration-animee-sei .strate-3 #anim_panno3{
    right:626px; top:296px;
    transform:scale(.65);
  }
  .bloc-illustration-animee-sei .strate-3 #anim_air_climat_1{
    right:594px; top:377px;
  }
  .bloc-illustration-animee-sei .strate-3 #anim_air_climat_2{
    right:655px; top:283px;
  }
  .bloc-illustration-animee-sei .strate-3 #anim_air_climat_3{
    right:742px; top:380px;
  }
  .bloc-illustration-animee-sei .strate-3 #anim_air_climat_4{
    right:809px; top:358px;
    transform:rotate(115deg);
  }
  .bloc-illustration-animee-sei .strate-3 #anim_air_climat_5{
    right:736px; top:296px;
    transform:rotate(115deg);
  }
  .bloc-illustration-animee-sei .strate-3 .lampadaire{
    display:none;
    position:absolute;
    width:20px; height:20px;
    background-image:url(/sites/sei_reu/files/2022-04/light.svg);
    background-size:100%; background-repeat:no-repeat;
  }
  .bloc-illustration-animee-sei .strate-3 #lampadaire_1{
    right:577px; top:334px;
  }
  .bloc-illustration-animee-sei .strate-3 #lampadaire_2{
    right:495px; top:288px;
  }
  .bloc-illustration-animee-sei .strate-3 #lampadaire_3{
    right:391px; top:227px;
  }
  .bloc-illustration-animee-sei .strate-3 #lampadaire_4{
    right:623px; top:220px;
  }
  .bloc-illustration-animee-sei .strate-3 #lampadaire_5{
    right:504px; top:152px;
  }
  .bloc-illustration-animee-sei .strate-3 #lampadaire_6{
    right:415px; top:97px;
  }

  /**Strate 4 */
  .bloc-illustration-animee-sei .strate-4 #anim_eol_1{
    right:155px; top:74px;
  }
  .bloc-illustration-animee-sei .strate-4 #anim_eol_2{
    right:82px; top:32px;
  }
  .bloc-illustration-animee-sei .strate-4 #anim_reseau_orange{
    right:132px; top:180px;
    transform:scale(.9);
  }
  .bloc-illustration-animee-sei .strate-4 #anim_electric{
    right:285px; top:227px;
  }
  .bloc-illustration-animee-sei .strate-4 #anim_jauge{
    right:310px; top:265px;
  }
  .bloc-illustration-animee-sei .strate-4 #anim_ecran_solaire{
    right:272px; top:282px;
  }

  /**Strate Global */
  .bloc-illustration-animee-sei .strate-global #anim_drapeau{
    right:298px; top:4px;
  }
  .bloc-illustration-animee-sei .strate-global #anim_mouette{
    left:1500px; top:594px; width:0;
    transform:rotate(-49deg) translate(0, 0);
    z-index:7;
  }
  .bloc-illustration-animee-sei .strate-global #anim_mouette.anim1{
    animation:mouette1 10s linear 0s infinite;
  }
  .bloc-illustration-animee-sei .strate-global #anim_vague{
    left:-17px; top:155px; width:1024px; height:540px;
    transform:scale(1);
  }
  .bloc-illustration-animee-sei .strate-global #anim_arbres{
    left:-70px; top:350px; width:1024px;
    transform:scale(1);
  }
  .bloc-illustration-animee-sei .strate-global #anim_poissons{
    left:150px; top:394px;
    z-index:11;
  }
  .bloc-illustration-animee-sei .strate-global #anim_dauphin{
    left:100px; top:394px;
    z-index:11;
  }
  .bloc-illustration-animee-sei .strate-global #anim_dauphin_1{
    left:200px; top:394px;
    z-index:11;
  }
  .bloc-illustration-animee-sei .strate-global #anim_dauphin_2{
    left:300px; top:394px;
    z-index:11;
  }
  .bloc-illustration-animee-sei .strate-global #anim_vollute_vent{
    left: -77px;
    top: 160px;
    transform: rotate(-26deg);
    z-index:11;
  }

  @keyframes mouette1 {
    0% {
      transform:rotate(-49deg) translate(0, 0);
    }
    100% {
      transform:rotate(-49deg) translate(-500px,-1800px);
    }
  }
}