/*version grand smartphone*/
@media screen and (min-width: 380px){
/*footer*/
.footer-logos-ul{gap:12px;top:-36px;}
.footer-logos-li{width:72px;height:72px;}
}
/*maquette ordinateur generique  40% */
@media screen and (min-width: 900px){
  .SmartDisplayF{display:flex!important;}
  .SmartDisplayD{display:inline-Block!important;}
  .ScreenDisplay{display:none!important;}

  
/*nav 25 50 */
.nav{flex-direction:row;gap:25px;align-items:center;height:100px;box-sizing:border-box;padding:25px;top:0;background-color:transparent;transition: transform 0.3s ease;}
.nav.nav-hidden {transform: translateY(-100px);}
.nav-buttons-ul{justify-content:flex-start;flex-direction:row;gap:12px;flex-wrap:wrap;box-sizing:border-box;padding-right:25px;}
.nav-buttons-ul .nav-buttons-li:last-child {margin-left: auto;}
.nav-rs-ul{gap:12px;align-items:center;justify-content:flex-end;}
.nav-buttons-li-a{transition:.5s ease;cursor:pointer;}
.nav-rs-li-img{height:75px;}
.nav-rs-li-img{filter: brightness(1) saturate(100%) invert(0%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(1) contrast(1);transition: -webkit-filter 0.5s ease;transition: filter 0.5s ease;}
.nav-buttons-li-a:hover{background-color:#ff6b00;}
.nav-rs-li-a:hover .nav-rs-li-img{filter: brightness(0) saturate(100%) invert(47%) sepia(27%) saturate(4183%) hue-rotate(358deg) brightness(100%) contrast(108%);}
.cookies-podcast-wrapper{height:56px;max-height:56px;min-height:56px;padding:0;}
/*anim*/
.article-anim{padding:50px;padding-bottom:125px;padding-top:125px;}
.anim-arrow-down{padding:25px;}
.anim-arrow-img{cursor:pointer;transition: -webkit-filter 0.5s ease;transition: filter 0.5s ease;filter: brightness(0) saturate(100%) invert(47%) sepia(27%) saturate(4183%) hue-rotate(358deg) brightness(100%) contrast(108%);}
.anim-arrow-img:hover{ filter: brightness(1) saturate(100%) invert(0%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(1) contrast(1);}

/*video*/
.article-video-section-vimeo{clip-path: polygon(50px 0,100% 0,100% calc( 100% - 50px ), calc( 100% - 50px ) 100%, 0 100%, 0 50px);}
.video-bouton-container{bottom:25px;}
.soundChange{transition:background-color .5s ease;}
.soundChange:hover{background-color:#000000!important;}

/*portaits*/
.article-portraits-titre{justify-content:flex-start;padding-left:25px;}
.article-portrait-image-container{display:flex;align-items:center;justify-content:center; overflow:hidden;}
.article-portraits-li{box-sizing:border-box;padding-left:25px;padding-right:25px;}
.article-portraits-li-up{flex-direction:row;align-items:flex-end;}
.article-portraits-li-left{align-items:flex-start;flex: 2 2 auto;}
.article-portraits-li-titre{margin-left:160px;}
.article-portraits-li-right{flex: 5 5 auto;display:flex;align-items:center;flex-direction:column;margin-bottom:0;}
.article-portraits-eclat{width:70px;}
.article-portrait-citation{padding-left:25px;padding-right:0px;}
.article-portraits-phare{width:115px;margin-left:calc( 25px );margin-top:25px;margin-bottom:50px;}
.article-portrait-txt{padding-left:50px;padding-right:25px;}
.article-portraits-player-container{margin-top:25px;display:flex;flex-direction:row;justify-content:flex-end;gap:12px;align-items:center;padding:0;width:calc( 75% - 40px );padding-left:50px;}
.dynamique-deco-portaits-container{aspect-ratio: 10 / 1 ;}
.cookies-podcast-wrapper{padding-left:25px;padding-right:25px;}
.portraits-player{max-width:350px;}
.sharer-portrait-ul{width:auto;}
.arrow-portraits-container{bottom:0;}
.arrow-portraits,.sharer-portrait-li-img{cursor:pointer;transition: -webkit-filter 0.5s ease;transition: 0.5s ease;}
.sharer-portrait-li-a:hover .sharer-portrait-li-img{filter: brightness(0) saturate(100%) invert(47%) sepia(27%) saturate(4183%) hue-rotate(358deg) brightness(100%) contrast(108%);}
.arrow-portraits:hover{filter: brightness(1) saturate(100%) invert(0%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(1) contrast(1);}
.arrow-portraits-container-left{left:10px;}
.arrow-portraits-container-right{left:auto;right:10px;}
.caroussel-begin .arrow-portraits-container-left, .caroussel-end .arrow-portraits-container-right{display:none;} 
.article-portraits-ul{margin-bottom:50px;}
.boule-caroussel{width:.8%;}
.boule-caroussel-portrait-0{left:37%;top:26%;}
.boule-caroussel-portrait-1{left:52%;top:35%;}
.boule-caroussel-portrait-2{left:39%;top:78%;}
.h-caroussel-container[data-step="1"] .boule-caroussel-portrait-0{left:58%;top:63%;}
.h-caroussel-container[data-step="1"] .boule-caroussel-portrait-1{left:67%;top:31%;}
.h-caroussel-container[data-step="1"] .boule-caroussel-portrait-2{left:76%;top:51%;}
.h-caroussel-container[data-step="2"] .boule-caroussel-portrait-0{left:78%;top:46%;}
.h-caroussel-container[data-step="2"] .boule-caroussel-portrait-1{left:36%;top:73%;}
.h-caroussel-container[data-step="2"] .boule-caroussel-portrait-2{left:41%;top:27%;}
.arrow-portraits{width:50px;margin-bottom:calc( 10vw + 25px );}
.cookies-podcast-buttons-part .buttonh4-container{transition:.5s ease;cursor:pointer;}
.cookies-podcast-buttons-part .buttonh4-container:hover{background-color:#000000;}
.cookies-podcast-txt-part-a{transition:.5s ease;}
.cookies-podcast-txt-part-a:hover{color:#ff6b00;}

/*generic*/ 
.anchor-link{cursor:pointer;}
h3{font-size:25px;}
p{font-size:13px;line-height:1.15;}
.classical-link-a{transition:.5s ease;}
.classical-link-a:hover{color:#ff6b00;}

/*recrutement*/
.article-recrutement{padding:50px;}
.recrutement-section{flex-direction:row;gap:100px;}
.recrutement-part-recrutement{gap:25px;}
.recrutement-part-recrutement{flex: 1 1 auto;}
.recrutement-part-contacter{flex: 3 3 auto;gap:50px;}
.img-recrutement-titre{position:absolute;left: calc( 50% - 218px );top: -58px;}
.content-recrutement-ul{flex-direction:row;min-height:400px;}
.content-contacter-li{gap:10px;}
.img-recrutement-loupe{width: 100px;position: absolute;left: calc( 50% - 50px );top: auto;bottom: calc( 100% + 18px );}
.img-ligne-h{width:300px;position:absolute;left:calc( 100% - 150px + 50px );transform:rotate(-90deg);top:calc( 150px - 25px );margin:0;}
.img-contact-smartphone{width:50px;}
.img-contact-enveloppe{width:50px;}

/*footer*/
.footer{padding-bottom:40px;margin-top:0;padding-top:40px;padding-left:25px;padding-right:25px;}
.footer-logos-ul{gap:25px;top:-60px;}
.footer-logos-li{width:120px;height:120px;}
.footer-logos-li-a svg{transition:.4s ease;}
.footer-logos-li-a.anchor-link svg{filter: drop-shadow(2px 2px 2px rgba(255,107,0,1));}
.footer-logos-li-a:hover svg {transform:translateY( -25px );filter: drop-shadow(2px 2px 2px rgba(255,107,0,0))!important;}
.svg-points-footer{position:absolute;width:200px;left:calc( 15% - 120px );top:auto;bottom:0px;}
.open-cookies-bouton{transition:.5s ease;}
.open-cookies-bouton:hover{background-color:#ff6b00;}
.cookies-bouton .rougeBG{transition:.5s ease;}
.cookies-bouton:hover .rougeBG{background-color:#000000;}
.rect-cookies-performances{cursor:pointer;}
}


/*nav 30 60 */
@media screen and (min-width: 1140px){/*45*/
  /*nav*/
  .nav{gap:30px;height:115px;padding:30px;}
  .nav-buttons-ul{gap:15px;}
  .nav-rs-ul{gap:15px;}
  .nav-rs-li-img{height:80px;}
.nav.nav-hidden {transform: translateY(-115px);}
  /*interfaces*/
  .buttonh4-container{padding:8px;padding-top:6px;padding-bottom:4px;}

  /*fonts*/ 
  h2{font-size:28px;}
  h3{font-size:28px;}
  h4{font-size:15px;}
  h5{font-size:15px;}
  h6{font-size:18px;}
  p{font-size:15px;}

/*anim*/
.article-anim{padding:60px;padding-bottom:135px;padding-top:135px;}
.anim-arrow-down{padding:30px;}
.anim-arrow-img{width:60px;}

/*video*/
.article-video-section-vimeo{clip-path: polygon(60px 0,100% 0,100% calc( 100% - 60px ), calc( 100% - 60px ) 100%, 0 100%, 0 60px);}
.video-bouton-container{bottom:30px;}

/*recrutement*/
.article-recrutement{padding:60px;}
.recrutement-section{gap:100px;}
.recrutement-part-recrutement{gap:30px;}
.img-recrutement-titre{left: calc( 50% - 218px );top: -58px;}
.img-recrutement-loupe{width: 120px;left: calc( 50% - 60px );bottom: calc( 100% + 25px );}
.img-ligne-h{width:340px;left:calc( 100% - 170px + 60px );top:calc( 170px - 30px );}
.recrutement-part-contacter{gap:60px;}
.img-contact-smartphone{width:70px;}
.img-contact-enveloppe{width:70px;}

/*footer*/
.footer{padding:44px;padding-left:30px;padding-right:30px;}
.footer-logos-ul{gap:30px;top:-70px;}
.footer-logos-li{width:140px;height:140px;}
.footer-logos-li-a:hover svg {transform:translateY( -30px );}
.svg-points-footer{position:absolute;width:200px;left:calc( 20% - 150px );top:auto;bottom:0px;z-index:1;}

/*portaits*/
.article-portraits-titre{padding-left:30px;}
.article-portraits-li{padding-left:30px;padding-right:30px;}
.article-portraits-li-titre{margin-left:195px;}
.article-portraits-eclat{width:90px;}
.article-portrait-citation{padding-left:30px;}
.article-portraits-phare{width:128px;margin-left:calc( 30px );margin-top:30px;margin-bottom:60px;}
.article-portrait-txt{padding-left:60px;padding-right:30px;}
.article-portraits-player-container{margin-top:30px;width:calc( 75% - 50px );padding-left:60px;}
.cookies-podcast-wrapper{padding-left:30px;padding-right:30px;height:60px;min-height:60px;max-height:60px;}
.portraits-player{max-width:500px;}
.arrow-portraits-container-left{left:15px;}
.arrow-portraits-container-right{left:auto;right:15px;}
.article-portraits-ul{margin-bottom:60px;}
.arrow-portraits{width:60px;margin-bottom:calc( 10vw + 30px );}

/*cookies*/
.open-cookies-bouton{padding:3px;padding-left:6px;padding-right:6px;}
.volet-cookies-wrapper{max-width:700px;padding:30px;}
.volet-cookies-logo{max-width:180px;margin-bottom:30px;}
.block-gestion-cookies{max-width:500px;gap:15px;margin-top:50px;margin-bottom:40px;}	
.rect-cookies{gap:15px;}
.block-cookies-liste-boutons{gap:15px;}
.rect-cookies p{font-size:17px;}
.info-rect-cookies{font-size:12px!important;line-height:16px!important;}


/*nav 40 80 */
@media screen and (min-width: 1400px){/*58%*/
   /*nav*/
  .nav{gap:40px;height:140px;padding:40px;}
  .nav-buttons-ul{gap:20px;}
  .nav-rs-ul{gap:20px;}
  .nav-rs-li-img{height:98px;}
.nav.nav-hidden {transform: translateY(-140px);}
  /*interfaces*/
  .buttonh4-container{padding:8px;padding-top:6px;padding-bottom:4px;}


  h2{font-size:36px;}
h3{font-size:36px;}
h4{font-size:19px;}
h5{font-size:19px;}
h6{font-size:23px;}
p{font-size:19px;}

/*anim*/
.article-anim{padding:80px;padding-bottom:160px;padding-top:160px;}
.anim-arrow-down{padding:40px;}
.anim-arrow-img{width:80px;}

/*video*/
.article-video-section-vimeo{clip-path: polygon(80px 0,100% 0,100% calc( 100% - 80px ), calc( 100% - 80px ) 100%, 0 100%, 0 80px);}
.video-bouton-container{bottom:40px;}

/*portaits*/
.article-portraits-titre{padding-left:40px;}
.article-portraits-li{padding-left:40px;padding-right:40px;}
.article-portraits-li-titre{margin-left:206px;}
.article-portraits-eclat{width:103px;}
.article-portrait-citation{padding-left:40px;}
.article-portraits-phare{width:140px;margin-left:calc( 40px );margin-top:40px;margin-bottom:80px;}
.article-portrait-txt{padding-left:80px;padding-right:40px;}
.article-portraits-player-container{margin-top:40px;width:calc( 75% - 70px );padding-left:80px;}
.cookies-podcast-wrapper{padding-left:40px;padding-right:40px;min-height:80px;max-height:80px;}
.portraits-player{max-width:540px;}
.arrow-portraits-container-left{left:30px;}
.arrow-portraits-container-right{left:auto;right:30px;}
.article-portraits-ul{margin-bottom:80px;}
.arrow-portraits{width:80px;margin-bottom:calc( 10vw + 40px );}
.boule-caroussel{width:.5%;}

/*recrutement*/
.article-recrutement{padding:80px;}
.recrutement-section{gap:160px;}
.recrutement-part-recrutement{gap:40px;}
.content-recrutement-ul{gap:40px;}
.img-recrutement-titre{left: calc( 50% - 270px );top: -58px;width:190px;}
.img-recrutement-loupe{width: 140px;left: calc( 50% - 70px );bottom: calc( 100% + 24px );}
.img-ligne-h{width:380px;left:calc( 100% - 190px + 80px );top:calc( 190px - 38px );}
.recrutement-part-contacter{gap:60px;}
.img-recrutement-fleche{width:36px;}
.img-contact-smartphone{width:80px;}
.img-contact-enveloppe{width:80px;}

/*footer*/
.footer{padding:58px;padding-left:40px;padding-right:40px;margin-top:40px;}
.footer-logos-ul{gap:40px;top:-80px;}
.footer-logos-li{width:160px;height:160px;}
.footer-logos-li-a:hover svg {transform:translateY( -40px );}
.svg-points-footer{width:250px;left:calc( 20% - 180px );bottom:0px;}

/*cookies*/
.volet-cookies-wrapper{max-width:800px;padding:40px;}
.volet-cookies-logo{max-width:200px;margin-bottom:40px;}
.block-gestion-cookies{max-width:600px;gap:20px;margin-top:60px;margin-bottom:50px;}	
.rect-cookies{gap:20px;}
.block-cookies-liste-boutons{gap:20px;}
.rect-cookies p{font-size:18px;}
.info-rect-cookies{font-size:13px!important;line-height:17px!important;}
}
  
/*nav 50 100 */
@media screen and (min-width: 1900px){/*68%*/

   /*nav*/
  .nav{gap:50px;height:170px;padding:50px;}
  .nav-buttons-ul{gap:25px;}
  .nav-rs-ul{gap:25px;}
  .nav-rs-li-img{height:108px;}
.nav.nav-hidden {transform: translateY(-170px);}
  /*interfaces*/
  .buttonh4-container{padding:10px;padding-top:8px;padding-bottom:6px;}

h2{font-size:43px;}
h3{font-size:43px;}
h4{font-size:22px;}
h5{font-size:22px;}
h6{font-size:27px;}
p{font-size:22px;}

/*anim*/
.article-anim{padding:100px;padding-bottom:200px;padding-top:180px;}
.anim-arrow-down{padding:50px;}
.anim-arrow-img{width:100px;}

/*video*/
.article-video-section-vimeo{clip-path: polygon(100px 0,100% 0,100% calc( 100% - 100px ), calc( 100% - 100px ) 100%, 0 100%, 0 100px);}
.video-bouton-container{bottom:50px;}

/*portaits*/
.article-portraits-titre{padding-left:50px;}
.article-portraits-li{padding-left:50px;padding-right:50px;}
.article-portraits-li-titre{margin-left:220px;}
.article-portraits-eclat{width:120px;}
.article-portrait-citation{padding-left:50px;}
.article-portraits-phare{width:160px;margin-left:calc( 50px );margin-top:50px;margin-bottom:100px;}
.article-portrait-txt{padding-left:100px;padding-right:50px;}
.article-portraits-player-container{margin-top:50px;width:calc( 75% - 90px );padding-left:100px;}
.cookies-podcast-wrapper{padding-left:50px;padding-right:50px;min-height:100px;max-height:100px;}
.portraits-player{max-width:580px;}
.arrow-portraits-container-left{left:40px;}
.arrow-portraits-container-right{left:auto;right:40px;}
.article-portraits-ul{margin-bottom:100px;}
.arrow-portraits{width:80px;margin-bottom:calc( 10vw + 50px );}
.boule-caroussel{width:.5%;}

/*recrutement*/
.article-recrutement{padding:100px;}
.recrutement-section{gap:200px;}
.recrutement-part-recrutement{gap:48px;}
.content-recrutement-ul{gap:48px;}
.img-recrutement-titre{left: calc( 50% - 290px );top: -65px;width:210px;}
.img-recrutement-loupe{width: 160px;left: calc( 50% - 80px );bottom: calc( 100% + 30px );}
.img-ligne-h{width:400px;left:calc( 100% - 200px + 100px );top:calc( 200px - 45px );}
.recrutement-part-contacter{gap:60px;}
.img-recrutement-fleche{width:40px;}
.img-contact-smartphone{width:100px;}
.img-contact-enveloppe{width:100px;}

/*footer*/
.footer{padding:66px;margin-top:calc(  100px );padding-left:50px;padding-right:50px;}
.footer-logos-ul{gap:45px;top:-98px;}
.footer-logos-li{width:196px;height:196px;}
.footer-logos-li-a:hover svg {transform:translateY( -50px );}
.svg-points-footer{width:270px;left:calc( 20% - 180px );bottom:0px;}

/*cookies*/
.volet-cookies-wrapper{max-width:900px;padding:50px;}
.volet-cookies-logo{max-width:240px;margin-bottom:50px;}
.block-gestion-cookies{max-width:700px;gap:25px;margin-top:50px;margin-bottom:90px;}	
.rect-cookies{gap:25px;}
.block-cookies-liste-boutons{gap:25px;}
.rect-cookies p{font-size:19px;}
.info-rect-cookies{font-size:14px!important;line-height:18px!important;}
}