/*
************ MOBILE ************
*/

/*RESEt*/
#personalization-wrapper {
  display:none;
}
body {
 margin:0;
}
* {
 box-sizing:border-box;
}
h1,
h2 {
 margin:0;
}

.page-edito-intro {
 display:none;
}
.page-edito .page-wrapper-content {
 margin-top:0;
}
/*
* Fonts & colors
*/

/*Titles*/
h1 {
 padding-left:1.0625rem;
 border-left:3px solid #fe5815;
 color:#333;
 font:1.625rem/1.2 "Frutiger LT W01 45 Light", sans-serif;
}
#offers-partners h2 {
 color:#333;
 font-family:"Frutiger LT W01 55 Roman", sans-serif;
 font-size:1.375rem;
}
h1 span,
h2 span {
 font-family:"Frutiger LT W01 65 Bold", sans-serif;
}
.subtitle {
 display:block;
 margin-bottom:.5rem;
 color:#fe5815;
 font-size:.75rem;
 text-transform:uppercase;
}
/*Text*/
.intro {
 margin:1rem 0 0;
 color:#6d6e71;
 font-size:1rem;
 line-height:1.625;
}

.offer p {
 color:#6d6e71;
 line-height:1.625;
}
.offer p span {
 display:block;
 margin-bottom:10px; 
 color:#005bbb;
 font-family:"Frutiger LT W01 65 Bold", sans-serif;
 font-size:1.25rem;
}
#intro-offers a {
 color:#6d6e71;
 text-decoration:underline;
}

/*Layout*/
section {
 padding:2.5rem 7.8%;
}
#intro-offers {
 background:#f4f4f4 url(/sites/entreprise/files/2022-06/background-1-desktop.jpeg) no-repeat;
 background-size:100%;
}

.offers-wrapper {
 display:flex;
 flex-direction:column;
}
#intro-offers .heading {
 padding-top:55%;
}

.offer {
 display:flex;
}

/*Images*/
.offer .svg {
 width:3.8125rem; height:3.8125rem;
 margin-right:1.5625rem; margin-top:1.5rem;
}
.offer p{
 max-width:73%;
}

#select-partner {
 position:relative;
 padding:0;
 background-repeat:no-repeat;
 background-size:cover;
 background-position:50%; 
 background-image: linear-gradient(to right top, #0059b9, #0149a7, #023a95, #012a84, #001b72);
 color:#fff;
 overflow:hidden;
}
#select-partner .select-partner-inner .close img {
 max-width:100%;
}
#select-partner .select-partner-inner-wrapper {
 background-repeat:no-repeat;
 background-size:cover;
 background-position:50%; 
}
#particles-js {
 position:absolute; z-index:10; top:0; left:0;
 width:100%;
 height:100%;
 transform:rotate(-40deg);
}
#partner-list-screen-0 {
 position:relative; z-index:20;
 padding-top:2.5rem;
}
#select-partner h2, #select-partner a {
 color:#fff;
}
#select-partner .partner-intro h2 {
 font-size:1.5rem;
 line-height:1.22;
}
#partner-list-screen-0 .partner-list {
 display:flex;
 flex-wrap:wrap;
 /*align-items:center;*/
 justify-content:space-between;
 margin:0; padding:0rem 5% 7rem;
 list-style:none;
}
#select-partner .partner-list .dot {
 display:none;
}
#select-partner .partner-list li {
 margin:20px 0; padding:0 1rem;
 width:50%;
 text-align:center;
 opacity:1;
 transition:opacity .75s;
}
#select-partner .partner-list li.active {
 text-align:left;
}
#partner-list-screen-1 .partner-list {
 margin:0 auto;
 max-width:75rem;
}
#partner-list-screen-1 .partner-list li {
 display:none;
}
#partner-list-screen-1 .partner-list li.active {
 opacity:0;
 padding-top: 3.5rem;
 display:block;
 width:90%;
 transition:opacity .75s, transform .75s;
 transform:translateX(-40px);
}
#partner-list-screen-1.show {
 opacity:1;
 z-index: 31;
}
#partner-list-screen-1.show .partner-list li.active {
 opacity:1;
 transform:translateX(0px);
 outline:0;
}
#select-partner .partner-list li h3 {
 margin-top:0;
}
#select-partner .partner-list li h3 a {
 position:relative; z-index:40;
 display:block;
}
#select-partner .partner-list li img {
 max-width:100%;
}
#select-partner .partner-list .logo {
  display:inline;
  max-height:55px;
}
#select-partner .partner-list .logo-5 .logo {
 max-width:50%;
}
#particles-js {
 display:none;
}
#select-partner .partner-list .activePartner .partner-desc {
 display:block;
 opacity:1;
}
#select-partner .partner-list li h3 img {
 transition:all .2s ease-in-out;
}
#select-partner .partner-list li h3 .blur img {
 filter:blur(2px);
}
#select-partner .partner-list .active {
 margin:0; padding:0;
}
#select-partner .partner-list .active .partner-desc {
 display:block;
}
#select-partner .partner-list .partner-desc p {
 line-height:1.625;
 margin:2rem 0;
}
#partner-list-screen-0.details-open .partner-list li {
 opacity:0;
 display:none;
}
#partner-list-screen-0.details-open .partner-list li.active {
 opacity:1;
 display:block;
 width:100%;
 max-width:30rem; 
}
#partner-list-screen-0.details-open .partner-list li.active .partner-desc {
 display:block;
}
#select-partner .partner-intro {
 padding:0 5% 0;
 display:flex;
 align-items:center;
 justify-content: space-around;
}
.details-open .partner-intro {
 width:0;
 display:none;
}

#select-partner .bg-visu {
 position:absolute; top:0; right:0; bottom:0; left:0;
 margin:0 auto;
 background-size:cover;
 background-position:50%;
 background-repeat:no-repeat; 
 opacity:0;
 transition:opacity .3s ease-in-out;
}
#select-partner .bg-visu.show {
 opacity:1;
}
#select-partner .close {
 position:absolute; top:1rem; left:1rem;
 border:0; padding:0;
 width:1.5rem; height:1.5rem;
 background:transparent; 
}

#select-partner .partner-desc h4 {
 margin:1.75rem 0;
 font-size:1.40625rem; /*2.8125rem;*/
 line-height:1.1;
}

#partner-list-screen-1 {
 position:absolute; top:0; left:0; z-index:1;
 width:100%; height:100%;
 opacity:0;
 transition:opacity .3s ease-in-out;
}
.partner-intro .partner-intro-inner {
 opacity:1;
 transform:translateX(0);
 transition:transform .75s, opacity .75s;
}
.partner-intro .partner-intro-inner a {
 text-decoration:underline;
}
.partner-intro .partner-intro-inner a:hover,
.partner-intro .partner-intro-inner a:focus {
 text-decoration:none;
}
.partner-intro.hide .partner-intro-inner {
 opacity:0;
 transform:translateX(-40px);
}
.partner-list.hide {
 opacity:.99;
 transition: opacity .3s ease-in-out;
}
.partner-list h3 a, 
.partner-list.hide .activePartner h3 a {
 opacity:1;
 transition: opacity .3s ease-in-out;
}
.partner-list.hide .activePartner h3 a .logo {
 opacity:0;
}
.partner-list.hide h3 a {
 opacity:0;
}
#particles-js {
 transform: rotate(-70deg) scale(1);
 transition:transform .75s ease-in-out;
 height:40%;
}
#particles-js.zoomin {
 transform: rotate(-70deg) scale(2);
}
#offers-partners h2 {
 font-family: "Frutiger LT W01 55 Roman", sans-serif;
}

.bg-mobile {
 position:absolute; top:0; right:0; bottom:0; left:0; z-index:10;
 width:100%; height:100%;
 background-image:url(/sites/entreprise/files/2022-06/bg-graph-640v2.png);
 background-repeat:no-repeat;
 background-position:100%; 
}
/* strate video */
#video-strate {
 margin-top: 1.875rem;
 padding: 0;
}

#video-strate .subtitle {
 letter-spacing: 3px;
}

#video-strate h2 {
 font-family: "Frutiger LT W01 55 Roman", sans-serif;
 font-size: 1.375rem;
 padding: 0 1rem;
 order: 0;
}

#video-strate .bloc-video-plc {
 padding: 0rem 0 1rem;
}

#video-strate .bloc-video-plc .strate-content-wrapper  {
 display: flex;
 flex-direction: column;
}

#video-strate .bloc-video-plc .video {
 position: relative;
   margin: 10% auto;
   padding-top: 50.625%;
   width: 90%;
   height: 0;
   order: 1;
}

#video-strate .bloc-video-plc .video.on:before {
   transform: rotate(10deg) scale(1);
}

#video-strate .bloc-video-plc .video:before {
   position: absolute;
   top: 0;
   z-index: -1;
   display: block;
   transform: rotate(0deg) scale(1);
   transition: transform .3s ease-in;
   width: 100%;
   height: 0;
   padding-top: 56.25%;
   background: linear-gradient(to right bottom,#fe5f17,#fe731f,#ff8425,#ff912a,#ff992c);
   content: '';
}

#video-strate .bloc-video-plc .video iframe {
 position: absolute;
   top: 0;
   left: 0;
   display: block;
   width: 100%;
   height: 100%;
   box-shadow: 0px 0px 15px rgba(0,0,0,0.25);
}

#video-strate .bloc-video-plc p {
   color: #6d6e71;
   font-size: .875rem;
}

#video-strate .bloc-video-plc p a {
   color: #6d6e71;
   text-decoration: underline;
}

#video-strate .strate-content {
   padding: 0 1rem;
   order: 2;
}

@media screen and (min-width:48em) and (max-width:64em) {
 .bg-mobile {
   background-image:url(/sites/entreprise/files/2022-06/bg-graph-1024v2.png);
 }
}
/*
************ LANDSCAPE (> 1024px) ************
*/
@media screen and (min-width:64em) {
 h1 {
   padding-left:2.0625rem;
   border-left:6px solid #fe5815;
   color:#fff;
   font-size:3.25rem;
 }
 .offer {
   align-items:center;
 }
 #offers-partners h2 {
   color:#333;
   font-family:"Frutiger LT W01 55 Roman", sans-serif;
   font-size:2.1875rem;
 }
 #intro-offers a {
   color:#fff;
 }
 .partner-list.hide {
   opacity:1;
 }
 .subtitle {
   margin-bottom:1.125rem;
   font-size:1rem;
   letter-spacing:3px;
 }

 /* ---- particles.js container ---- */
 #particles-js canvas {
   display: block;
   vertical-align: bottom;
 }

 .bg-mobile {
   display:none;
 }

 /* ---- stats.js ---- */

 .count-particles {
   background: #000022;
   position: absolute;
   top: 48px;
   left: 0;
   width: 80px;
   color: #13E8E9;
   font-size: .8em;
   text-align: left;
   text-indent: 4px;
   line-height: 14px;
   padding-bottom: 2px;
   font-family: Helvetica, Arial, sans-serif;
   font-weight: bold;
 }

 .js-count-particles{
   font-size: 1.1em;
 }

 #stats,
 .count-particles{
   -webkit-user-select: none;
 }

 #stats{
   border-radius: 3px 3px 0 0;
   overflow: hidden;
 }

 .count-particles{
   border-radius: 0 0 3px 3px;
 }	

 #particles-js {
   display: block;
   left:19%;
   transform: rotate(-70deg) scale(1);
   transition:transform .75s ease-in-out;
   height:40%;
 }
 #particles-js.zoomin {
   left:19%;
   transform: rotate(-70deg) scale(2);
 }
 #partner-list-screen-0 {
   display:flex;
   height:100%;
   padding-top:0;
 }
 .partner-intro {
   width:40%;
   overflow:hidden;
 }
 .details-open .partner-intro {
   padding:0;
   width:0%;
 }

 #partner-list-screen-0.details-open .partner-list {
   display:block;
 }

 #select-partner,
 #select-partner .select-partner-inner-wrapper {
   padding:0;
   height:40rem; max-height:40rem;
 }
 #select-partner .select-partner-inner-wrapper {
   display:flex;
 }
 #select-partner .partner-intro h2 {
   font-size:2.8125rem;
 }
 .partner-list {
   width:60%;
   opacity:1;
 }
 #partner-list-screen-1 .partner-list {
   display:flex;
   align-items:center;
   margin:0 auto; padding:0;
   width:100%; height:100%;
 }

 .details-open .partner-list {
   width:100%;
 }

 #select-partner .select-partner-inner {
   margin:0 auto;
   max-width:75rem;
 }
 #select-partner .partner-list .dot {
   position:absolute; left:0; top:calc(50% - 6px);
   display:block;
   width:.875rem; height:.875rem;
   border-radius:50%;
   background-color:#fff;
   transition: all .2s ease-in-out; 
   transform:translateX(0);
 }
 #select-partner .partner-list .dot .dot-center {
   position:absolute; left:0; right:0; top:0; bottom:0;
   margin:auto;
   border-radius:50%;
   width:.25rem; height:.25rem;
   background-color:#fe5815;
   transition:transform .2s ease-in-out;
 }
 
 #select-partner .partner-list li a:hover .dot, 
 #select-partner .partner-list li a:focus .dot {
   transform: scale(3.5);
 }
 #select-partner .partner-list li.activePartner .dot .dot-center,
 #select-partner .partner-list li a:hover .dot .dot-center,
 #select-partner .partner-list li a:focus .dot .dot-center {
   transform: scale(.2857);
 }

 #select-partner .partner-list li.activePartner .dot,
 #select-partner .partner-list li.activePartner:hover .dot, 
 #select-partner .partner-list li.activePartner:focus .dot  {
   transform: scale(3.5);
 }
 #select-partner .partner-list li {
   position:relative;
   margin:3rem 0;
   text-align:left;
 }
 #select-partner #partner-list-screen-0 .partner-list li:nth-child(odd) {
   text-align: right;
   top: 3rem;
   left:0;
 }
 #select-partner .partner-list li:nth-child(even) h3 a {
   padding-left:2.5rem;
 }
 #select-partner .partner-list li:nth-child(odd) h3 a {
   padding-right:2.5rem;
 }
 #select-partner .partner-list .logo-2 {
   left:3%;
 }
 #select-partner .partner-list .logo-2 .logo {
   margin-left:0;
 }
 #select-partner .partner-list .logo-3 {
   left:-15%;
 }
 #select-partner .partner-list .logo-4 {
   left:-6%;
 }
 #select-partner .partner-list .logo-5 {
   left:-12%;
 }
 #select-partner .partner-list .logo-5 .logo {
   max-height:3.4375rem;
 }
 #partner-list-screen-1 .partner-list li.active {
   padding-top:0;
   width:40%;
 }	

 #select-partner #partner-list-screen-0 .partner-list li:nth-child(even) {
   position:relative;
   top: 12rem;
 }
 #partner-list-screen-0 .partner-list .logo-3 .logo {
   height:2.8125rem;
 }
 #partner-list-screen-0 > ul > li.logo-4 > h3 > a > img{
width: 117px ;height:auto
}

 #select-partner .partner-list li:nth-child(odd) .dot {
   left:auto; right:0; 
   margin-right:0;
 }
 #select-partner .partner-list li:nth-child(3) .dot {
   right:0; 
 }
 #select-partner .partner-list li:nth-child(4) .dot {
   left:0; 
 }
 #select-partner .partner-list li:nth-child(5) .dot {
   right:0; 
 }
 #select-partner .partner-list li .logo {
   max-width:10rem;
 } 
 #partner-list-screen-1 .partner-list .logo-5 .logo {
   max-width:4rem;
 }

 #select-partner .close {
   top:2rem; left:2rem;
   transition:transform .3s ease-in-out;
 }
 #select-partner .close:hover, 
 #select-partner .close:focus {
   top:2rem; left:2rem;
   transform: rotate(90deg);
 }
 #select-partner .partner-list .partner-desc p:last-child {
   margin-bottom:0;
 }
 #select-partner .partner-desc h4 {
   margin:1.75rem 0;
   font-size:2.8125rem; /**/
   line-height:1.1;
 }
 #select-partner .partner-desc .btn {
   display:inline-block;
   padding:1.25rem 3.75rem;
   margin-top:10px;
 }
 /*
 * Layout
 */
 #intro-offers {
  position: relative;
  padding:6.375rem 0;
  min-height:33.875rem;
  background:#111111 url('/sites/entreprise/files/2022-06/background-1-desktop.jpeg');
  background-size: cover; background-repeat: no-repeat; background-position: center;
 }
 #intro-offers .heading {
   max-width:75rem;
   padding-top:5.8125rem; margin:0 11.5%;
 }
 #intro-offers .heading h1 {
   max-width:44rem;
 }
 #intro-offers .intro {
   max-width:44rem;
   color:#fff;
   font-size:1.125rem;
 }
 #offers-partners {
   margin:0 auto;
   padding:6.375rem 0;
   max-width: 75rem;
   text-align:center;
 }

 .offers-wrapper {
   flex-direction:row;
   margin-top:3.3125rem;
 }
 .offer {
   flex-direction:column;
   width:33%;
 }
 .select-partner {
   background:#005bbb;
 }
 .offer .svg {
   margin:0 auto;
 }
 .offer .picto-1 {
   width:5.75rem; height:auto;
 }
 .offer .picto-2 {
   width:4.55rem; height:auto;
 }
 .offer .picto-3 {
   width:4.75rem; height:auto;
 }


 /* Strate vidéo */

 #video-strate {
   position: relative;
   max-width: 75rem;
     margin: 1.875rem auto 0;
 }

 #video-strate:after {
   content: " ";
   display: block;
   position: relative;
   clear: both;
 }

 #video-strate h2 {
   order: 1;
   font-size: 2.25rem;
   float: left;
   padding: 0;
   max-width: 25.5rem;
     width: 49%;
   margin-top: 11%;
   margin-left: 5.625rem;
   line-height: 1.3;
   padding-right: 1rem;
 }

 #video-strate .bloc-video-plc .strate-content-wrapper  {
   display: block;
 }

 #video-strate .bloc-video-plc .video {
     float: left;
     width: 49%;
     padding-top: 27.525%;
     max-width: 36.75rem;
     margin: 8% auto;
 }

 #video-strate .bloc-video-plc p {
   font-size: 1rem;
 }

 #video-strate .strate-content {
     order: 2;
     float: left;
     max-width: 25.5rem;
     width: 49%;
     padding: 0;
     margin-left: 5.625rem;
 }

 #video-strate .bloc-video-plc .strate-content-wrapper {
   flex-direction: row;
     margin: 0 auto;
     max-width: 75rem;
 }

 /*005bbb 001a70*/
}