/*
Theme Name: letsconnect
Author: Diamondra RATOVONDRAINY
Description: Le thème du site telco d'Axian
Version: 1.0
Tags: bootstrap
*/

 html, body{
    font-family:adria_grotesklight;
    height:100%;
    position:relative;
	scroll-behavior:smooth;
    padding:0 !important;
}


body a{
    text-decoration: none;
}

.background-blue{
    background-color: #5463a9;
    height:auto;
    position:relative;
}

.intermediaire{
    background-color:#fff;
    width:80%;
    height:auto;
    padding-bottom:70px;
    margin:auto;
}

.footer-intermediaire{
    width:100%;
    height:80px;
    position:static;
    bottom:0;
    background-color:#E6294E;
    color: #FFFF;
    text-align: left;
    z-index:1;
    display:block;
}

.footer-intermediaire-mobile{
    display:none;
}

@media(max-width:992px){
    .footer-intermediaire{
        display:none;
    }
    
    .footer-intermediaire-mobile{
        width:100%;
        height:170px;
        position:static;
        bottom:0;
        background-color:#E6294E;
        color: #FFFF;
        text-align: left;
        z-index:1;
        display:block;
    }
}
@media(max-width:600px){
    .footer-intermediaire{
        display:none;
    }
    
    .footer-intermediaire-mobile{
        display:none;
    }
}

.logo-footer-intermediaire{
    width:170px;
    margin-top:15px;
}

.texte-footer-intermediaire{
    margin-bottom:0px;
    font-family:adria_groteskextralight;
    color:#fff;
    text-align:left;
    font-size:16px;
}

@media(max-width:1200px){
    .texte-footer-intermediaire{
        text-align:center;
        font-size:14px;
    }
}

.logo-axian-intermediaire{
    margin-top:40px;
    margin-left:70px;
}

.titre-intermediaire{
    margin-top:20px;
    margin-left:70px;
    color:#E6294E;
    line-height:1.0;
    font-family: adria_grotesklight;
    font-size:55px;
    margin-bottom:30px;
}

.lien-intermediaire{
    color:#5463a9;
    font-family:adria_groteskbold;
    font-size:16px;
    text-align:center;
}

.bouton-intermediaire{
    background-color: #d30f3f; 
    border: none;
    color: white;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    border-radius:12px;
    text-transform:uppercase;
    font-family:adria_groteskbold;
}

@media(max-width:992px){
    .bouton-intermediaire{
        display:block;
        margin:auto;
    }

    .lien-intermediaire{
        text-align:center;
        display:block;
        margin:auto;
    }
}

.img-download-intermediaire{
    height:14px;
    width:auto;
    margin-top:10px;
    padding-left:20px;
}
.logo-intermediaire{
    margin-top:30px;
    float:right;
    width:150px;
}

@media(max-width:992px){
    .titre-intermediaire{
        font-size:30px !important;
        margin-left:30px;
    }

    .logo-axian-intermediaire{
        margin-left:30px;
    }

    .logo-intermediaire{
        margin-top:25px;
        float:right;
        width:120px;
    }

    .texte-intermediaire{
        font-size:15px !important;
    }

    .img-download-intermediaire{
        display:block;
        margin:10px auto;
    }
}

@media(max-width:360px){
    .titre-intermediaire{
        font-size:25px !important;
    }
}

@media(max-width:767px){
    .logo-intermediaire{
        margin-top:30px;
        margin-left:30px;
        float:left;
        width:120px;
    }
}

.banniere-intermediaire{
    background-image: url('https://www.axian-telecom.com/cirdowee/2022/03/TANZANIE-02.png');
    background-size: cover;
    height:200px;
    background-repeat:no-repeat;
    background-position:center;
}

.banniere-intermediaire2{
    background-image: url('https://www.axian-telecom.com/cirdowee/2022/03/supplier-code-of-conduct.png');
    background-size: cover;
    height:200px;
    background-repeat:no-repeat;
    background-position:center;
}

@media(max-width:1200px){
    .banniere-intermediaire{
        height:150px;
    }
    
    .banniere-intermediaire2{
        height:150px;
    }
}


@media(max-width:992px){
    .banniere-intermediaire{
        height:120px;
    }
    
    .banniere-intermediaire2{
        height:120px;
    }
}

@media(max-width:600px){
    .banniere-intermediaire{
        height:70px;
    }
    
    .banniere-intermediaire2{
        height:70px;
    }
}

.margin-intermediaire{
    margin-top:70px;
}

.img-document-intermediaire{
    width:160px;
    margin-left:70px;
}

@media(max-width:1200px){
    .logo-axian-intermediaire{
        margin-left:20px;
    }

    .titre-intermediaire{
        margin-top:20px;
        margin-left:20px;
        font-size:45px;
    }

    .img-document-intermediaire{
        margin-left:20px;
    }

    .download-intermediaire{
        margin-left:20px !important;
    }
}

.texte-intermediaire{
    color:grey;
    font-size:17px;
}

.download-intermediaire{
    color:#d30f3f;
    text-transform: uppercase;
    font-family:adria_groteskbold;
    margin-left:70px;
    font-size: 12px;
    margin-top:10px;
}

@media(max-width:992px){
    .img-document-intermediaire{
        margin-left:auto;
        display:block;
        margin:auto;
    }
}

::-moz-selection { /* Code for Firefox */
  color: white;
  background: #5463a9;
}

::selection {
  color: white;
  background: #5463a9;
}

.accordion-button::after{
    display:none;
}

.accordion-button:focus{
    border-color:none;
    box-shadow:unset;
}

.accordion-button:not(.collapsed){
    background-color:white;
}

@media(min-width:1440px){
	.container{
		max-width:1390px;
	}
}

@media(min-width:1926px){
	.container{
		max-width:1690px;
	}
}

@media(min-width:2226px){
	.container{
		max-width:1926px;
	}
}

[data-pagination],
[data-pagination] *,
[data-pagination] *:before,
[data-pagination] *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-kerning: auto;
}
[data-pagination] {
	  font-size: 8pt;
	  line-height: 1;
	  font-weight: 400;
	  font-family: adria_grotesklight;
	  -webkit-text-size-adjust: 100%;
	  margin: 1em auto;
	  text-align: right;
	  transition: font-size .2s ease-in-out;
	  position:relative;
}
[data-pagination] ul {
	  list-style-type: none;
	  display: inline;
	  font-size: 100%;
	  margin: 0;
	  padding: .5em;
}
[data-pagination] ul li {
	  display: inline-block;
	  font-size: 100%;
	  width: auto;
	  border-radius: 3px;
}
[data-pagination] > a {
	font-size: 140%;
}
[data-pagination] a {
	  color: grey;
	  font-size: 100%;
	  padding: .5em;
}
[data-pagination] a:focus,
[data-pagination] a:hover {
	color: #d30f3f;
}

/* Disabled & Hidden Styles */
[data-pagination] .disabled,
[data-pagination] [hidden],
[data-pagination] [disabled] {
	  opacity: .5;
	  pointer-events: none;
}

@media (min-width: 350px) {
  [data-pagination] {
		font-size: 10pt;
  }
}
@media (min-width: 500px) {
  [data-pagination] {
		font-size: 12pt;
  }
}
@media (min-width: 700px) {
  [data-pagination] {
		font-size: 14pt;
  }
}
@media (min-width: 900px) {
  [data-pagination] {
    font-size: 16pt;
  }
}

*:focus {
    outline: 0 !important;
}
.checkbox-button {
  cursor: pointer;
}

input[type=checkbox] {
    box-sizing: border-box;
    padding: 0;
}

input {
    font-size: 1rem;
    line-height: 1.5;
    /* padding: 11px 23px; */
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0;
    outline: 0;
    background-color: transparent;
}

.checkbox-button__input {
    opacity: 0;
    position: absolute;
}

.checkbox-button__control {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 12px;
    vertical-align: middle;
    background-color: inherit;
    color: #d30f3f;
    border: 2px solid #666;
}

.checkbox-button__input:checked+.checkbox-button__control:after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    background-color: #ff0045;
}

.checkbox-button__input:checked+.checkbox-button__control {
    border-color: #ff0045;
}

.checkbox-button__control {
  transform: scale(0.75);
}

section{
    height:100%;
}

p{
    font-family:adria_grotesklight;
}

h2{
    font-family:adria_groteskregular;
}

h3{
    font-family:adria_groteskregular;
}

h4{
    font-family:adria_groteskregular;
}

li{
    font-family:adria_groteskregular;
}

/*Polices Axian personnalisées*/
@font-face {
    font-family: 'adria_grotesklight';
    src: url("fonts/adria-grotesk/AdriaGrotesk-Light.otf") format("opentype");
    font-weight:light;
    font-style: light; 
}

@font-face {
   font-family: 'adria_groteskblack';
    src: url("fonts/adria-grotesk/AdriaGrotesk-Black.otf") format("opentype");
}

@font-face {
   font-family: 'adria_groteskbold';
    src: url("fonts/adria-grotesk/AdriaGrotesk-Bold.otf") format("opentype");
    font-weight:bold;
    font-style: bold; 
}

@font-face {
   font-family: 'adria_groteskextralight';
    src: url("fonts/adria-grotesk/AdriaGrotesk-ExtraLight.otf") format("opentype");
}

@font-face {
    font-family: 'adria_groteskregular';
    src: url("fonts/adria-grotesk/AdriaGrotesk-Regular.otf") format("opentype");
}

@font-face {
   font-family: 'adria_groteskmedium';
    src: url("fonts/adria-grotesk/AdriaGrotesk-Medium.otf") format("opentype");
}

@font-face {
   font-family: 'adria_groteskaxian';
    src: url("fonts/adria-grotesk/AxianAdriaGrotesk-Regular.ttf") format("truetype");
}

@font-face {
   font-family: 'adria_groteskthin';
    src: url("fonts/adria-grotesk/Adria-Grotesk-Thin.otf") format("opentype");
}

.adria-axian{
	font-family:adria_groteskaxian;
}

ul li::marker{
	display:none;
}

.position-escalier{
	position: fixed;
    right: 15px;
    top: 50%;
    z-index: 5;
    margin: 0;
    padding: 0;
    display:block;
}

@media(max-width:992px){
    .position-escalier{
        display:none;
    }
}

.position-escalier ul{
	list-style: none;
	list-style-type:none !important;
}

.position-escalier li {
    padding: 0;
    text-align: center;
}

.position-escalier li a {
    padding: 10px;
    width: 4px;
    height: 4px;
    display: block;
	text-shadow: 0px 0.5px 1px rgb(255 255 255 / 30%);
}

.position-escalier li a.actif-escalier:before {
	width: 10px;
    height: 10px;
    background: black;
    margin-top: -4px;
    right:3px;

}

.position-escalier li a:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    background: rgba(0,0,0,0.85);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.carousel-inner .active{
    background-color: transparent;
    border-bottom:none;
}

.carousel-indicators li{
    border-radius: 12px;
    width: 12px;
    height: 12px;
    background-color: transparent;
    border:solid 1px #d30f3f;
    bottom:0px;
}

.carousel-indicators .active{
    background-color: #d30f3f;
    border:none;
}

/* .position-dots{
    margin-top:400px;
} */

#position-dots-investisseur{
	bottom:60px;
}

#position-dots-custom{
	bottom:-40px;
}

.mySlides{
	display:none;
}

.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: transparent;
	border: solid 1px #d30f3f;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.dotcustom{
	height: 1px;
	border: 0;
	background: black;
}

.owl-carousel .owl-stage-outer{
    overflow: initial;
}

#owl-event-2{
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

#owl-event-2 .owl-item {
    margin: 0;
    padding: 0;
    width: 32% !important;
    display:none;
    opacity:0;
}

@media(max-width:992px){
    #owl-event-2 .owl-item{
        width:90% !important;
    }
}

#owl-event-2 .owl-item.active{
    display:block;
    opacity:1;      
}
  
#owl-event-2 .owl-stage {
    padding: 0;
    width:100% !important;
}

#owl-event {
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
  
#owl-event .owl-item {
    margin: 0;
    padding: 0;
    width: 32% !important;
    display:none;
    opacity:0;
}

@media(max-width:992px){
    #owl-event .owl-item{
        width:90% !important;
    }
}

#owl-event .owl-item.active{
    display:block;
    opacity:1;      
}
  
#owl-event .owl-stage {
    padding: 0;
    width:100% !important;
}

.mySlides.active, .dot:hover {
  background-color: #d30f3f;
}

/*Couleurs respectant la charte graphique*/
.rouge-axian{
    color:#d30f3f !important;
}

.rouge-fonce{
    color:#c2003f;
}

.rouge-clair{
    color:#ff0045;
}

.gris-axian{
    color:#f1f1f1;
}

.gris-charbon{
    color:#414042;
}

.bleu-clair{
    color:#5463a9 !important;
}

.bleu-marine{
    color:#1a2a44 !important;
}

.couleur-fumee{
    color:#c0cad1;
}

.blanc{
    color:#ffffff !important;
}

.noir{
    color:#000000 !important;
}

.fleche{
    font-size:50px;
    font-family: adria_grotesklight;
}

#position-left{
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    left:100px;
}

#position-right{
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    right:100px;
}

@media(max-width:992px){
    #position-left{
        left:35px;
    }
    
    #position-right{
        right:35px;
    }
}

/*Style du header*/
.nav-menu {
    flex-direction: row ;
    justify-content: center;
    flex-wrap : nowrap;
}

.nav-link:hover{
    text-decoration:none;
}

.current-menu-item > .active a{
    color:#d30f3f;
}

.fixed-header{
    position:fixed;
    width:100%;
    left:0px;
    right:0px;
    margin:30px auto;
    float:clear;
    text-align:center;
    z-index:999999999;
    color:#000;
}

.fixed-header-mobile{
    display:none;
}

.header-active{
    background-color: #FFF;
    border-bottom:0.5px solid #c0cad1;
    z-index: 9999999999;
    margin-top:0px;
}

.nav-menu li a:hover,
.nav-menu li a:focus {
    color: #d30f3f;
}
 
.nav-menu > .current-menu-item > a, 
.nav-menu > .current-menu-item> a:focus, 
.nav-menu > .current-menu-item > a:hover{
    background-color: transparent;
    color: #d30f3f;
}
 
.nav-menu li a:after {
    display: block;
    position: absolute;
    bottom: -5px;
    content: '';
    width: 0;
    height: 2px;
    background: #d30f3f;
    -webkit-transition: all .5s;
    transition: all .4s;
}
 
.nav-menu li.current-menu-item a:after,
.nav-menu li a:hover:after, 
.nav-menu li a:focus:after {
    width: 40%;
}

.nav-menu li:nth-child(1) a:hover:after,.nav-menu li:nth-child(1) a:focus:after{
    width: 58%;
}
.nav-menu li:nth-child(2) a:hover:after,.nav-menu li:nth-child(1) a:focus:after{
    width: 52%;
}
.nav-menu li:nth-child(3) a:hover:after,.nav-menu li:nth-child(1) a:focus:after{
    width: 69%;
}
.nav-menu li:nth-child(4) a:hover:after,.nav-menu li:nth-child(1) a:focus:after{
    width: 71%;
}
.nav-menu li:nth-child(6) a:hover:after,.nav-menu li:nth-child(1) a:focus:after{
    width: 72%;
}
.nav-menu li:nth-child(7) a:hover:after,.nav-menu li:nth-child(1) a:focus:after{
    width: 52%;
}
.nav-menu li:nth-child(8) a:hover:after,.nav-menu li:nth-child(1) a:focus:after{
    width: 58%;
}
.nav-menu li:nth-child(9) a:hover:after,.nav-menu li:nth-child(1) a:focus:after{
    width: 70%;
}

.nav-menu li:nth-child(5) a:after{
    display:none;
}

.liens-header{
    font-size:12.5px;
    text-transform: uppercase;
    font-family:adria_groteskregular;
    letter-spacing: 1px;
    color:white;
    min-width:12.5%;
    padding:20px 1.3rem 3px 1.3rem;
    cursor: pointer;
    position:relative;
}

.AXIANst0{fill:#E81950;} 
.AXIANst1{fill:#ffffff;}

@media(min-width:2226px){
	.liens-header{
		padding:20px 5rem 3px 5rem;
	}
}

@media(min-width:1700px){
	.liens-header{
		padding:20px 4rem 3px 4rem;
	}
}

@media(min-width:1520px){
	.liens-header{
		padding:20px 2.2rem 3px 2.2rem !important;
	}
}

@media(max-width:1290px){
    .liens-header{
        padding: 20px 1rem 3px 1rem !important;
    }
}

@media(max-width:1200px){
    .liens-header{
        padding: 20px 0.7rem 3px 0.7rem !important;
    }
}

@media(max-width:1090px){
    .liens-header{
        font-size:11.5px;
        padding: 20px 0.5rem 3px 0.5rem !important;
    }
}

.logo-axian-telecom{
    width:400px;
    margin-bottom:40px;
}

.logo-axian-telecom-bis{
    width:250px;
    margin-bottom:55px;
}

@media(max-width:1280px){
    .logo-axian-telecom-bis{
        display:none;
    }
}

@media(min-width:1280px){
    .logo-axian-telecom-chibi{
        display:none;
    }
}

.logo-axian-telecom-chibi{
    width:200px;
    margin-top:10px;
}

@media(max-width:992px){
    .logo-axian-telecom-chibi{
        width:150px;
        margin-top:40px;
    }
}

@media(max-width:1444px){
    .logo-axian-telecom{
        width:350px;
        margin-bottom:40px;
    }
}

.header-active .liens-header{
    color:black;
    cursor: pointer;
}

.header-active .liens-header:hover{
    cursor:pointer;
    text-decoration:none;
}

.header-active:hover{
    opacity:1;
}

.header-active .choixlangue .logo-axian-telecom-chibi{
    display:none;
}

.header-active .logo-axian-telecom-chibi{
    display:none;
}

.header-active .logo-axian-gris .AXIANst0{
    fill:#E81950;
}
.header-active .logo-axian-gris .AXIANst1{
    fill:#6E6F72;
}

.choixlangue{
    position:absolute;
    right:0;
}

@media(max-width:992px){
    .choixlangue{
        right:20px;
    }
}

.logo-axian-gris{
    width:190px;
    justify-content: center;
    padding-top:0px;
    margin-top:-15px;
}

.header-active .logo-axian-gris{
    width:190px;
    justify-content: center;
    padding-top:5px;
}

@media(max-width:1200px){
    .logo-axian-gris{
        width:145px !important;
        margin-top:-5px;
    }
    
    .header-active .logo-axian-gris{
        width:145px !important;
    }
}

.background-menu-mobile{
    display:none;
}

@media(max-width:992px){
    .fixed-header{
        display:none;
    }

    #boutons-invest{
        display:none;
    }

    .fixed-header-mobile{
        display:flex;
        width:100%;
        position:fixed;
        left:0;
        top:0;
    }

    .fixed-header-mobile #menu-passif{
        display:block;
    }

    
    .fixed-header-mobile .liens-header{
        font-size:15px !important;
        font-family: adria_groteskextralight !important;
        color:#fff;
        padding: 10px 3px 3px 0rem !important;
    }

    .header-active .liens-header{
        color:#000 !important;
    }

    .fixed-header-mobile #menu-actif{
        display:none;
    }
    .header-active #menu-passif{
        display:none;
    }

    .header-active #menu-actif{
        display:block;
    }

   .header-active .logo-axian-gris{
        padding-top:3px;
        padding-bottom:6px;
    }
    
    #menu-mobile{
        display:none;
    }

    .background-menu-mobile{
        display:block;
        background-color: #fff;
        z-index:99999999999;
        height:100%;
        width:100%;
        position:fixed;
        top:59px;
        left:-30px;
    }

    .background-menu-mobile ul{
        list-style: none;
    }

    .background-menu-mobile li{
        color:black;
        padding:10px;
        font-size:12.5px;
        text-transform: uppercase;
        font-family:adria_groteskextralight;
        letter-spacing: 1px;
        cursor: pointer;
    }

    .background-menu-mobile a{
        text-decoration:none;
    }

    .background-menu-mobile li:hover{
        cursor: pointer;
        color:#d30f3f;
        text-align: none;
    }

    .fixed-header-mobile .container-fluid{
        padding-left:10px;
    }
    .header-mobile-part{
        margin-top:8px;
        margin-right:0px;
    }

    .fixed-header-mobile p{
        color:white;
    }

    .fixed-header-mobile .logo-axian-gris{
        width:150px !important;
        height:auto;
        padding-top:0px;
        display:block;
        margin:-10px auto auto auto;
    }

    .menu-hamburger{
        text-align: left;
    }

    .icone-hamburger{
        max-width:45px;
        width:auto;
        height:auto;
    }

    
}

@media(max-width:500px){
    .fixed-header-mobile .logo-axian-gris{
        margin-left:-25px !important;
    }
}

@media(max-width:992px){
    .pg-pips ul{
        display:none;
    }
}

/*Style du footer*/
.juridiction{
	margin-top:20px;
    font-size:18px;
    text-align: left;
}

.juridiction a{
    padding-right:25px;
}

.juridiction a:hover{
	color:#5463a9 ;
}

#copyright{
	margin-bottom:0px;
}

#socialmedia{
    text-align:left  !important;
    font-size:18px;
    margin-left: 50px;
}

#socialmedia a{
    padding-right:15px;
    padding-left:15px;
}

#socialmedia-intermediaire{
    text-align:left  !important;
    /* font-size:18px; */
    margin-left: 20px;
}

#socialmedia-intermediaire a{
    padding-right:20px;
}

#suivre{
    text-align:left !important;
	margin-bottom:0px;
	margin-left:0px;
}
.socialmedia a:hover{
    color:#5463a9;
}

.juridiction a:hover{
    text-decoration:none;
    color:#5463a9;
}



.footer-v2{
    width:100%;
    height:230px;
    position:static;
    left: 0;
    bottom: 0;
    background-color:rgb(233,233,233);
    color: #000000;
    text-align: left;
}
#footer-web{
    display:block;
}

#footer-mobile{
    display:none;
}

@media(max-width:992px){
    #footer-web{
        display:none;
    }
    
    #footer-mobile{
        display:block;
    }
}

@media(max-width:992px){
    #footer-web{
        display:none;
    }
    
    #footer-mobile{
        display:block;
    }
}

.table-container-footer{
	display:table;
	height:100%;
	width:100%;
}

.cell-container-footer{
	display:table-cell;
	vertical-align:middle;
}

.heart{
    height:40px;
    margin-right:5px;
    margin-left:5px;
}


@media(max-width:1024px){
    .juridiction{
        font-size:12px;
    }
    
    .juridiction a{
        padding-right:15px;
    }
    
    #socialmedia{
        font-size:14px;
        margin-top:18px;
    }
    
    #socialmedia a{
        padding-right:20px;
    }

    .socialmedia{
        margin-left:20px !important;
    }   
}

.position-juridiction-end{
	float:right;
	text-align:left;
}

@media(max-width:992px){
    /* .footer-v2{
        height:150px;
    } */

    .heart{
        height:25px;
        /* position:absolute;
        top:0px; */
    }

    .love{
        margin-left:30px;
    }

    #socialmedia{
        font-size:18px;
        margin-top:-10px;
        margin-left:0px;
    }

    #socialmedia a{
        padding-right:25px;
        padding-left:25px;
    }
}
@media(max-width:875px){
  
    .juridiction{
        margin-top:15px !important;
        font-size:9px !important;
    }
}

@media(max-width:500px){
    #socialmedia a{
        padding-right:20px;
        padding-left:20px;
    }
}

/*Style de la bannière*/
.banniere{
    background-color: transparent;
    background-size: cover;
    height:100vh;
    /* width:100vw; */
    background-repeat:no-repeat;
    background-attachment: fixed;
    background-position:center;
    position:relative;
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.1);
}

.banniere .container{
    bottom:100px;
    left:0px;
    right:0px;
    position:absolute;
}

@media(max-width:992px){
    .banniere{
        background-attachment: initial;
        background-position:100%;
    }
}

.banniere-yas{
    background-size: cover;
    height:100vh;
    width:100vw;
    background-repeat:no-repeat;
    background-attachment: fixed;
    background-position:center;
    position:relative;
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.1);
}

.banniere-yas .container{
    bottom:100px;
    left:0px;
    right:0px;
    position:absolute;
}

.layer{
    display:none;
}

.table-pattern{
    display:table;
    width:100%;
    height:100%;
}

.cell-pattern{
    display:table-cell;
    vertical-align:middle;
}

.cell-pattern img{
    position:relative;
    height:70vh;
    width:100%;
    object-fit: cover;
}

span.scroll-down:after{
    content: "";
	z-index:99999999999999999999;
    position: absolute;
    display: block;
    bottom: -3rem;
    left: calc(50% - 1.5rem);
    width: 2.5rem;
    height: 2.5rem;
    border: 0.3rem solid #fff;
    border-left: none;
    border-top: none;
    transform-origin: 50% 50%;
    transform: rotate(45deg);
    -webkit-animation: arrowMove 1.2s infinite;
    animation: arrowMove 1.2s infinite;
}

span.scroll-down-pages:after{
    content: "";
	z-index:999999999999999;
    position: absolute;
    display: block;
    bottom:1rem;
    left: calc(50% - 1.5rem);
    width: 2.5rem;
    height: 2.5rem;
    border: 0.3rem solid #fff;
    border-left: none;
    border-top: none;
    transform-origin: 50% 50%;
    transform: rotate(45deg);
   /* -webkit-animation: arrowMove 4s infinite;
    animation: arrowMove 4s infinite; */
}

@keyframes arrowMove {
    to {
      transform: rotate(45deg) translateY(2rem) translateX(2rem);
      opacity: 0;
    }
}
@keyframes navArrowMove {
    to {
        transform: translateX(2rem);
        opacity: 0;
    }
}

.fleche-right:after{
    content: "";
    position: absolute;
    display: block;
    bottom: -3rem;
    left: calc(50% - 1.5rem);
    width: 3rem;
    height: 3rem;
    border: 0.5rem solid #fff;
    border-left: none;
    border-top: none;
    transform-origin: 50% 50%;
    transform: rotate(-45deg);
    /* -webkit-animation: arrowMove 1.2s infinite;
    animation: arrowMove 1.2s infinite; */
}

.fleche-left:after{
    content: "";
    position: absolute;
    display: block;
    bottom: -3rem;
    left: calc(50% - 1.5rem);
    width: 3rem;
    height: 3rem;
    border: 0.5rem solid #fff;
    border-left: none;
    border-top: none;
    transform-origin: 50% 50%;
    transform: rotate(135deg);
    /* -webkit-animation: arrowMove 1.2s infinite;
    animation: arrowMove 1.2s infinite; */
}



@media(max-width:292px){
    .banniere .container{
        top:250px;
    }
}

@media(max-width:500px){
    .paragraphe-banniere-accueil{
        font-size:24px !important;
    }
}
@media(max-width:375px){
    .paragraphe-banniere-accueil{
        font-size:22px !important;
    }

    .logo-axian-telecom{
        width:250px;
    }
}


.paragraphe-banniere{
    color:#ffffff;
    font-size:20px;
}

.paragraphe-banniere-accueil{
    font-size:32px;
    line-height:1.0;
    letter-spacing:2px;
    font-family:adria_grotesklight;
}

@media(max-width:1444px){
    .paragraphe-banniere-accueil{
        font-size:28px;
    }
}

/*Style de la section actualité*/
.actualites{
    height:100%;
    position:relative;
    background-color:#fff;
    padding-top:0px;
    padding-bottom:0px;
}

@media(max-width:1580px){
    .actualites{
        height:auto;
        padding-top:70px;
        padding-bottom:70px;
    }
}

.lien-actualites{
    text-decoration: none;
    color:#ff0045;
    font-family:adria_groteskregular;
    float:right;
}


.lien-actualites:hover{
    text-decoration: none;
   
}

.actualites .container{
    display:table;
    height:100%;
}

.container-actualites{
    display:table-cell;
    vertical-align: middle;
}

.content-publication-investisseurs-download .table td,.content-publication-investisseurs-download .table th{
    height:60px;
}

.height-row-1{
    margin-right: 0px;
    margin-left: 0px;
    overflow: hidden;
}

.height-row-2{
    margin-top:30px;
    min-height:220px;
    height:auto;
    width:100%;
}

.img-single-actualite{
    width:100%;
    padding-right:0px;
    padding-left:0px;
    margin-left:15px;
    margin-right:0px;
    height:220px;
    object-fit:cover;
    transform: scale(1);
    transition-property: transform;
    transition-duration: 800ms;
    position:relative;
}

.background-texte-actualite{
    background-color: #5463a9;
    padding-left:60px;
    color:#fff;
    height:auto;
    margin-right:15px;
    margin-left:0px;
    min-height:100%;     
    width:auto;
    max-width:100%;
    position:relative;
    padding-top:20px;
    padding-bottom:10px;
    padding-right:15px;
}

@media(min-width:1580px){
    .background-texte-actualite{
        padding-left:100px !important;
        padding-top:20px !important;
    }
}

@media(min-width:1926px){
    .background-texte-actualite{
        padding-left:100px !important;
        padding-top:60px !important;
    }
}

.position-pattern-background-actualite{
    position:absolute;
    left:0px;
    top:0px;
}

.position-pattern-background-actualite img{
    height:35vh;
}

.position-pattern-invite img{
    height:100%;
    width:30%;
    object-fit: cover;
    position:absolute;
    left:0px;
    top:0px;
    display:block;
}

@media(max-width:992px){
    .position-pattern-invite{
        display:none;
    } 
}

.position-pattern-recrutement{
    position:absolute;
    left:0px;
    top:50%;
    transform: translateY(-50%);
}

.position-pattern-recrutement img{
    height:50vh;
    width:100%;
}

.position-pattern-historique{
    position:absolute;
    left:0px;
    bottom:0px;
    right:0px;
}

.position-pattern-historique img{
    /* height:50vh; */
    width:100%;
}

.position-pattern-banniere-recrutement{
    position:absolute;
    left:0px;
    bottom:0px;
}

.position-pattern-banniere-recrutement img{
    height:50vh;
    width:100%;
}

#position-contact{
    display:block;
}

@media(max-width:992px){
    #position-contact{
        display:none;
    }
}

.img-actualite{
    height:230px;
    width:100%;
    background-color:#F6F6F6;
    object-fit:cover;
    transform: scale(1);
    transition-property: transform;
    transition-duration: 600ms;
    position:relative;
    margin-top:0px;
}


.background-image-sous-actualite {
    overflow: hidden ;
	position:relative;
}

.background-image-sous-actualite:hover img{
    transform: scale(1.1);                        
    transition-property: transform;
    transition-duration: 600ms;
}

.background-image-single-selector:hover img{
    transform: scale(1.05);                        
    transition-property: transform;
    transition-duration: 800ms; 
}

@media(max-width:1200px){
    .texte-interview-invite{
        font-size:17px !important;
    }
}
@media(min-width:1926px){
    .img-single-actualite {
        height: 350px;
    }

    .texte-interview-invite br{
        display:none;
    }

    .height-row-2{
        min-height:320px;
    }
}

@media(max-width:1580px){
    .date-actualite{
        font-family: adria_groteskregular;
        margin-bottom:5px;
        font-size:10px !important;
        letter-spacing:1.5px;
    }
    
    .titre-actualite{
        font-family: adria_groteskbold;
        font-size:13px !important;
    }

    .paragraphe-actualite p{
        font-size:11px !important;
    }

    .img-single-actualite {
        height: 215px !important;
    }
    
    .height-row-2{
        min-height:170px !important;
    }

    .content-text-actualite{
        top:-75px !important;
    }
}

@media (max-width:991px){
    .img-actualite{
        /* height:200px; */
        margin-top:10px;
    }

    .background-texte-actualite{
        color:#fff;
        padding-left:40px;
        min-height:auto;     
        width:100%;
        max-width:auto;
        margin-left:15px;
    }
}

@media(max-width:500px){
    .img-single-actualite{
        height:125px !important;
    }

    .background-texte-actualite{
        width:94.5% !important;
    }
}

@media(max-width:600px){
    .date-actualite {
        font-size: 13px !important;
    }

    .titre-actualite {
        font-size: 16px !important;
    }
}

.container-actualites .height-row-2{
    max-height:320px;
}

.img-actualite-media{
    height:auto;
    max-height:240px;
    width:100%;
    max-width:auto;
    object-fit: cover;
}


@media(max-width:1200px){
    .img-actualite-media {
        max-height: 220px !important;
    }
}

@media(max-width:992px){
    .img-actualite-media{
        max-height:200px;
    }
}

@media(max-width:375px){
    .img-actualite-media{
        max-height:180px;
    }
}

.no-padding > div[class^="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.content-actualite{
    background-color:#5463a9; 
    color:white;
    position:relative;
    margin-left:-15px;
    height:260px;
    padding-left:0px;
    padding-right:0px;
}

.grand-titre-actualite{
    font-size: 34px;
    font-family:adria_groteskbold;
    color:#d30f3f;
    text-transform:uppercase;
    padding-top:25px;
    padding-bottom:25px;
}

@media(max-width:992px){
    .grand-titre-actualite{
        font-size: 30px !important;
        padding-bottom:20px !important;
    }
}

@media(max-width:768px){
    .grand-titre-actualite{
        font-size: 28px !important;
        padding-bottom:15px !important;
    }
}

@media(max-width:425px){
    .grand-titre-actualite{
        font-size: 24px !important;
        padding-bottom:10px !important;
    }
}

@media(max-width:375px){
    .grand-titre-actualite{
        font-size: 17px !important;
        padding-bottom:10px !important;
    }
}
@media(max-width:1200px){
    .titre-gras-chiffres-cles{
        font-size:47px !important;
    }

    .titre-chiffres-cles {
        font-size: 33px !important;
    }

    #taille-img-icone-3 {
        margin-top: 0px !important;
        height: 100px !important;
    }

    #taille-img-icone-2 {
        margin-top: 10px !important;
        height: 90px !important;
    }
}

@media(max-width:992px){
    .titre-gras-chiffres-cles{
        font-size: 50px !important;
        padding-bottom:20px !important;
    }

    .chiffre-chiffres-cles{
        font-size:30px !important;
    }

   
}

@media(max-width:768px){
    .titre-gras-chiffres-cles{
        font-size: 45px !important;
        padding-bottom:15px;
    }

    .titre-chiffres-cles{
        font-size:28px !important;
    }
}

@media(max-width:425px){
    .titre-gras-chiffres-cles{
        font-size: 40px !important;
        padding-bottom:10px;
    }

    .titre-chiffres-cles{
        font-size:24px !important;
    }

    .chiffre-chiffres-cles{
        font-size:35px !important;
    }

    .texte-chiffres-cles{
        font-size:23px !important;
    }
}

@media(max-width:375px){
    .titre-gras-chiffres-cles{
        font-size: 35px !important;
        padding-bottom:10px;
    }

    .titre-chiffres-cles{
        font-size:17px !important;
    }

    .chiffre-chiffres-cles{
        font-size:29px !important;
    }

    .texte-chiffres-cles{
        font-size:17px !important;
    }
}

@media(max-width:1200px){
    .titre-pole{
        font-size: 25px !important;
    }
}

@media(max-width:992px){
    .titre-pole{
        font-size: 30px !important;
        padding-top:20px !important;
        padding-bottom:20px;
    }
}

@media(max-width:768px){
    .titre-pole{
        font-size: 28px !important;
        padding-top:15px !important;
        padding-bottom:15px !important;
    }
}

@media(max-width:425px){
    .titre-pole{
        font-size: 24px !important;
        padding-bottom:10px !important;
        padding-top:10px !important;
    }
}

@media(max-width:375px){
    .titre-pole{
        font-size: 17px !important;
    }
}

@media(max-width:1600px){
    .map__image{
        width:60%;
    }
}

@media(max-width:1200px){
    .titre-homepage-investisseur{
        font-size: 28px !important;
    }
}
@media(max-width:992px){
    .investisseur{
        height:auto !important;
        margin-top:70px;
        margin-bottom:70px;
    }

    .titre-homepage-investisseur{
        font-size: 30px !important;
        padding-top:70px !important;
        padding-bottom:20px;
    }

    .texte-homepage-investisseur br{
        display:none;
    }
}

@media(max-width:768px){
    .titre-homepage-investisseur{
        font-size: 28px !important;
        padding-bottom:15px;
    }
}

@media(max-width:425px){
    .titre-homepage-investisseur{
        font-size: 24px !important;
        padding-bottom:10px;
    }
}

@media(max-width:375px){
    .titre-homepage-investisseur{
        font-size: 17px !important;
        padding-bottom:10px;
    }

    .texte-homepage-investisseur{
        font-size:12px !important;
    }

    .texte-gras-homepage-investisseur{
        font-size:12px !important;
    }
}

@media(max-width:1200px){
    .titre-impact-positif{
        font-size: 32px !important;
        padding-bottom:20px;
    }
}


@media(max-width:768px){
    .titre-impact-positif{
        font-size: 28px !important;
        padding-bottom:15px;
    }
}

@media(max-width:425px){
    .titre-impact-positif{
        font-size: 24px !important;
        padding-bottom:10px;
    }
}

@media(max-width:375px){
    .titre-impact-positif{
        font-size: 17px !important;
        padding-bottom:10px;
    }
}

.date-actualite{
    font-family: adria_groteskregular;
    margin-bottom:5px;
    font-size:13px;
    letter-spacing:1.5px;
    text-transform: uppercase;
}

.titre-actualite{
    font-family: adria_groteskbold;
    font-size:18px;
}

.paragraphe-actualite p{
    font-size:13px;
    font-family: adria_grotesklight;
	letter-spacing:0.5px;
}

.paragraphe-actualite p a{
    color:white !important;
    text-decoration: underline;
}

.lien-actualite{
    font-family: adria_groteskmedium;
    font-size:12px;
    margin-bottom:5px;
}

.content-sous-actualite{
    position:relative;
    height:100%;
}

.content-text-sous-actualite{
    position:absolute;
    top:20px;
    color:#fff;
    padding-right:15px;
}

@media(min-width:1926px){
    .content-text-sous-actualite{
        top:60px;
    }
}

.date-avantdernier-actualite{
    font-family: adria_groteskregular;
    margin-bottom:7px;
    font-size:12px;
    letter-spacing:2px;
    text-transform:uppercase;
}

.titre-avantdernier-actualite{
    font-family: adria_groteskbold;
    font-size:15px;
}

@media(max-width:1200px){
    .titre-avantdernier-actualite{
        font-family: adria_groteskbold;
        font-size:13px;
    }
}

.texte-avantdernier-actualite{
    font-family: adria_grotesklight;
    color:#fff;
    line-height:1.0;
    font-size:11px;
}

@media(max-width:1200px) and (min-width:992px){
    .date-avantdernier-actualite{
        font-size:9px;
    } 
}

@media (max-width:320px){
    .date-avantdernier-actualite{
        font-size:8px;
    } 
}

.position-texte-impact-positif:hover .texte-en-gras1{
    font-size: 42px;
    -webkit-transition: font-size .8s ease;
    -moz-transition: font-size .8s ease;
    -o-transition: font-size .8s ease;
    transition: font-size .8s ease;
}
 
.position-texte-impact-positif-particulier:hover .texte-en-gras1{
    font-size: 44px;
    -webkit-transition: font-size .8s ease;
    -moz-transition: font-size .8s ease;
    -o-transition: font-size .8s ease;
    transition: font-size .8s ease;
}
 
.impact-positif-particulier-sup:hover .texte-en-gras1{
    font-size: 44px;
    -webkit-transition: font-size .8s ease;
    -moz-transition: font-size .8s ease;
    -o-transition: font-size .8s ease;
    transition: font-size .8s ease;
}
 
.impact-positif-particulier-bottom:hover .texte-en-gras1{
    font-size: 44px;
    -webkit-transition: font-size .8s ease;
    -moz-transition: font-size .8s ease;
    -o-transition: font-size .8s ease;
    transition: font-size .8s ease;
}
 
.impact-positif-particulier-bottom-bis:hover .texte-en-gras1{
    font-size: 44px;
    -webkit-transition: font-size .8s ease;
    -moz-transition: font-size .8s ease;
    -o-transition: font-size .8s ease;
    transition: font-size .8s ease;
}

@media(max-width:1440px){
    #position-petit-impact{
        margin:0px auto !important;
    }
    .texte-en-gras1{
        font-size:37px !important;
    }

    .position-texte-impact-positif:hover .texte-en-gras1{
        font-size: 40px;
        -webkit-transition: font-size .8s ease;
        -moz-transition: font-size .8s ease;
        -o-transition: font-size .8s ease;
        transition: font-size .8s ease;
    }
     
    .position-texte-impact-positif-particulier:hover .texte-en-gras1{
        font-size: 40px;
        -webkit-transition: font-size .8s ease;
        -moz-transition: font-size .8s ease;
        -o-transition: font-size .8s ease;
        transition: font-size .8s ease;
    }
     
    .impact-positif-particulier-sup:hover .texte-en-gras1{
        font-size: 40px;
        -webkit-transition: font-size .8s ease;
        -moz-transition: font-size .8s ease;
        -o-transition: font-size .8s ease;
        transition: font-size .8s ease;
    }
     
    .impact-positif-particulier-bottom:hover .texte-en-gras1{
        font-size: 40px;
        -webkit-transition: font-size .8s ease;
        -moz-transition: font-size .8s ease;
        -o-transition: font-size .8s ease;
        transition: font-size .8s ease;
    }
     
    .impact-positif-particulier-bottom-bis:hover .texte-en-gras1{
        font-size: 40px;
        -webkit-transition: font-size .8s ease;
        -moz-transition: font-size .8s ease;
        -o-transition: font-size .8s ease;
        transition: font-size .8s ease;
    }
}

@media(max-width:1200px){


    .texte-en-gras1{
        font-size:30px !important;
    }

    .position-texte-impact-positif:hover .texte-en-gras1{
        font-size: 35px;
        -webkit-transition: font-size .8s ease;
        -moz-transition: font-size .8s ease;
        -o-transition: font-size .8s ease;
        transition: font-size .8s ease;
    }
     
    .position-texte-impact-positif-particulier:hover .texte-en-gras1{
        font-size: 35px;
        -webkit-transition: font-size .8s ease;
        -moz-transition: font-size .8s ease;
        -o-transition: font-size .8s ease;
        transition: font-size .8s ease;
    }
     
    .impact-positif-particulier-sup:hover .texte-en-gras1{
        font-size: 35px;
        -webkit-transition: font-size .8s ease;
        -moz-transition: font-size .8s ease;
        -o-transition: font-size .8s ease;
        transition: font-size .8s ease;
    }
     
    .impact-positif-particulier-bottom:hover .texte-en-gras1{
        font-size: 35px;
        -webkit-transition: font-size .8s ease;
        -moz-transition: font-size .8s ease;
        -o-transition: font-size .8s ease;
        transition: font-size .8s ease;
    }
     
    .impact-positif-particulier-bottom-bis:hover .texte-en-gras1{
        font-size: 35px;
        -webkit-transition: font-size .8s ease;
        -moz-transition: font-size .8s ease;
        -o-transition: font-size .8s ease;
        transition: font-size .8s ease;
    }
}
/*Style de la secion ambition*/
.ambition{
    background-image:url('images/images-web2/HOMEPAGE-02.jpg');
    position:relative;
    background-size: cover;
    height:100%;
    background-repeat:no-repeat;
    background-attachment: fixed;
    background-position:50% 0;
}

.ambition .container{
    display:table;
    height:100%;
    width:100%;
}

.cell-content-ambition{
    display:table-cell;
    vertical-align: middle;
}

@media(max-width:992px){
    .ambition{
        background-attachment: initial;
        background-position:100% !important;
    }
    .paragraphe-ambition br{
        display:none;
    }

    .paragraphe-ambition{
        font-size: 17px !important;
    }

    .paragraphe-ambition strong{
        font-size: 17px !important;
    }

    .titre-ambition {
        font-size: 35px !important;
    }
}

.content-ambition{
    width:100%;
    max-width:590px;
    float:right;
    background-color:white;
    color:#414042;
    display:block;
    margin:0;
    padding-top:50px;
    padding-bottom:40px;
    padding-left:70px;
    padding-right:40px;
    height:auto;
    min-height:350px;
}

@media(max-width:992px){
    .content-ambition{
        padding-left:30px;
        padding-right:20px;
        width:75%;
        max-width:445px;
        min-height:100%;
        float:none;
        margin:auto;
    }
}

.titre-ambition{
    font-family: adria_grotesklight;
    font-size:62px;
    letter-spacing: 1px;
    line-height: 1.0;
    padding-bottom:30px;
}

.paragraphe-ambition{
    font-family:adria_grotesklight;
    font-size:20px;
    text-align: left;
    color:rgb(0,0,0,0.6);
    line-height: 1.2;
}

.paragraphe-ambition strong{
    font-family:adria_groteskbold;
    font-size:20px;
    text-align: left;
    margin-bottom: 20px;
    color:rgb(0,0,0,0.6);
    line-height: 1.0;
}

@media(max-width:1200px){
    .titre-ambition{
        font-size: 38px !important;
    }
}
@media (max-width:600px){
    .titre-ambition{
        font-size:34px !important;
    }

    .paragraphe-ambition{
        font-size:13px !important;
    }
    
    .paragraphe-ambition strong{
        font-size:13px !important;
    }
}

/*Style de la section chiffres cles*/
.chiffres-cles{
    height:auto;
    padding-top:70px;
    padding-bottom:70px;
    position:relative;
    background-color: #F6F6F6;
}

@media(max-width:992px){
    .chiffres-cles{
        height:auto !important;
    }
}

.container-chiffres-cles{
    display:table-cell;
    vertical-align: middle;
}

.chiffres-cles .container{
    display:table;
    height:100%;
    width:100%;
}

.titre-gras-chiffres-cles{
    padding-top:20px;
    text-align:left;
    color:rgb(0,0,0,0.5);
    font-size:65px;
    font-family: adria_groteskmedium;
    line-height: 0.8;
}

.titre-chiffres-cles{
    text-align:left;
    color:rgb(0,0,0,0.5);
    font-size:45px;
    letter-spacing: 2px;
    font-family: adria_grotesklight;
    margin-bottom:65px;
}

.chiffre-chiffres-cles{
    color:#d30f3f;
    font-size:36px;
    font-family:adria_groteskblack;
    text-align:center;
    margin-bottom:0px;
}

.texte-chiffres-cles{
    text-align:center;
    font-size:25px;
    color:rgb(0,0,0,0.5);
    font-family: adria_grotesklight;
    margin-bottom:30px;
    line-height:1.1;
}

.chiffre-chiffres-cles-detail-pole{
    color:#ff0045;
    font-size:36px;
    font-family:adria_groteskblack;
    text-align:center;
    margin-bottom:0px;
}

.texte-chiffres-cles-detail-pole{
    text-align:center;
    font-size:22px;
    color:#fff;
    font-family: adria_grotesklight;
    margin-bottom:60px;
    line-height:1.1;
}

.liens-gauche-detail-pole{
	position:absolute;
	/* bottom:10px; */
	left:100px;
    margin-top:5%;
	font-family: adria_groteskregular;
    font-size: 20px;
    color: grey;
	text-transform:uppercase;
	transition: 0.5s cubic-bezier(0.5, 0, 0, 1);
}

.liens-droit-detail-pole{
	position:absolute;
	/* bottom:10px; */
	right:100px;
    margin-top:5%;
	font-family: adria_groteskregular;
	font-size: 20px;
    color: grey;
	text-transform:uppercase;
	text-align:right;
	transition: 0.5s cubic-bezier(0.5, 0, 0, 1);
}

@media(max-width:768px){
    .chiffre-chiffres-cles-detail-pole{
        font-size:30px;
    }
}

.fleche-right-detail-pole:after{
    content: "";
    position: absolute;
    display: block;
	/* bottom:15px; */
    margin-top:6.5%;
    right: 70px;
    width: 20px;
    height: 20px;
    border: 0.3rem solid grey;
    border-left: none;
    border-top: none;
    transform-origin: 50% 50%;
    transform: rotate(-45deg);
}

.fleche-left-detail-pole:after{
    content: "";
    position: absolute;
    display: block;
	bottom:15px;
    left: -30px;
    width: 20px;
    height: 20px;
    border: 0.3rem solid grey;
    border-left: none;
    border-top: none;
    transform-origin: 50% 50%;
    transform: rotate(135deg);
}

@media(max-width:768px){
    .liens-gauche-detail-pole{
        left:35px;
        font-size: 15px;
    }
    
    .liens-droit-detail-pole{
        right:35px;
        margin-top:5%;
        font-size: 15px;
    }
    
    .fleche-right-detail-pole:after{
        right: 13px;
        width: 15px;
        height: 15px;
        margin-top:8%;
    }
    
    .fleche-left-detail-pole:after{
        left: -20px;
        width: 15px;
        height: 15px;
    }
}
.fleche-right-media:after{
    content: "";
    display: block;
	position:absolute;
	right:3px;
	top:6px;
    width: 12px;
    height: 12px;
    border: 0.2rem solid grey;
    border-left: none;
    border-top: none;
    transform-origin: 50% 50%;
    transform: rotate(-45deg);
}

.fleche-left-media:after{
    content: "";
    display: block;
	position:absolute;
	left:3px;
	top:6px;
    width: 12px;
    height: 12px;
    border: 0.2rem solid grey;
    border-left: none;
    border-top: none;
    transform-origin: 50% 50%;
    transform: rotate(-45deg);
}

.liens-gauche-detail-pole:hover{
	font-size:24px;
	color:#d30f3f;
}

.liens-droit-detail-pole:hover{
	font-size:24px;
	color:#d30f3f;
}

@media(max-width:1200px){
    .chiffre-chiffres-cles{
        font-size:33px !important;
    }
    
    .texte-chiffres-cles{
        font-size:20px;
    }
}

@media(max-width:992px){
    .margin-bottom-chiffres-cles{
        margin-bottom:20px;
    }
}

.position-texte-chiffres-cles{
    margin-bottom:30px;
    padding-top:0px;
}

@media(max-width:1444px){
    .position-texte-chiffres-cles{
        padding-top:70px;
    }
}

.img-icone{
    display:block;
    margin:auto;
    width:auto;
    max-width:100%;
    margin-bottom:45px;
}

.custom-invest{
    margin-bottom:20px !important;
}

#taille-img-icone-2{
    margin-top:30px;
    height:110px;
}

#taille-img-icone-3{
    margin-top:20px;
    height:120px;
}

@media(max-width:1024px){
    .titre-gras-chiffres-cles {
        font-size: 55px;
    }

    .titre-chiffres-cles{
        font-size:35px;
    }

    .img-icone{
        margin-bottom:10px !important;
    }
}

/*Style de la section poles*/
.pole{
    height:100%;
    position:relative;
    background-color: #f6f6f6;
}

.table-pole{
    display:table;
    height:100%;
    width:100%;
}

.table-cell-pole{
    display:table-cell;
    vertical-align: middle;
}
@media(max-width:992px){
    .pole{
        height:auto !important;
    }
}

.texte-pole{
    position:relative;
    height:30%;
    background-color: #5463a9;
}

.texte-pole .container{
    display:table;
    height:100%;
    width:100%;
}

.position-pole{
    display:table-cell;
    vertical-align: middle;
}

.introduction-pole{
    color:#fff;
    font-family: adria_groteskextralight;
    font-size:20px;
    line-height: 1;
    letter-spacing: 1px;
}

@media(min-width:1444px){
    .introduction-pole{
        font-size:24px !important;
    }
}

@media(min-width:2560x){
    .introduction-pole{
        font-size:43px !important;
    }
}

@media(max-width:600px){
    .introduction-pole{
        font-size:14px !important;
    }
}

.img-pole{
    height:70vh;
    width:100%;
    object-fit: cover;
   
}

@media(max-width:992px){
    .img-pole{
        max-height:275px;
    }
}

.container-general .flex-pole{
    display:flex;
    flex-wrap:nowrap;
    flex-direction:row;
    width:100%;
    height:70vh;
}

@media(max-width:992px){
    .container-general .flex-pole{
        height:100vh !important;
    }
}
.container-general .flex-pole .images-pole{
    flex: 1.9 1 0;
    height:100%;
    background-position: center;
    background-size:cover;
    background-repeat: no-repeat;
    transition: all 0.8s ease;
    text-align:left;
}

.container-general .flex-pole .images-pole:hover{
    flex:2.3;
    cursor:pointer;
}

.description-pole{
    font-size:18px;
    color:#414042;
    font-family: adria_groteskregular;
}

.titre-pole{
    font-size:32px;
    padding-top:20px;
    padding-bottom:20px;
    letter-spacing: 2px;
    font-family: adria_groteskbold;
    text-transform:uppercase;
}

.wrap-effect-1 .images-pole .content-image-pole{
    color:white;
    position:absolute;
    bottom:40px;
    float:left;
    justify-content: left;
    text-align: left;
}

.wrap-effect-1 .images-pole:first-of-type{
    background-image: url('images/homepage/WEBITE_TELCO-10.jpg');
    position:relative;
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.3);
}

.wrap-effect-1 .images-pole:nth-of-type(2) {
    background-image: url('images/homepage/WEBITE_TELCO-09.jpg');
    position:relative;
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.3);
}

.wrap-effect-1 .images-pole:nth-of-type(3) {
    background-image: url('images/homepage/WEBITE_TELCO-11.jpg');
    position:relative;
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.3);
}

.font-telco{
    font-size:30px !important;
}

@media(max-width:1388px){
    .font-telco{
        font-size:28px !important;
    }
}

@media(max-width:1200px){
    .font-telco{
        font-size:26px !important;
    }
}
@media(max-width:1100px){
    .font-telco{
        font-size:24px !important;
    }
}

@media(max-width:1020px){
    .font-telco{
        font-size:22px !important;
    }
}
.font-texte{
    font-size:27px !important;
    font-family:adria_grotesklight;
}

@media(max-width:1444px){
    .font-texte{
        font-size:25px !important;
        font-family:adria_grotesklight;
    }
}
@media(max-width:1245px){
    .font-texte{
        font-size:22px !important;
    }
}
@media(max-width:1200px){
    .font-texte{
        font-size:20px !important;
        font-family:adria_grotesklight;
    }
}

@media(max-width:992px){
    .font-texte{
        font-size:20px !important;
        font-family:adria_grotesklight;
    }
}

.font-texte-autre{
    font-size:20px !important;
    /* font-family:adria_grotesklight; */
}

@media(max-width:1444px){
    .titre-pole{
        padding-top:100px;
    }
}

@media(max-width:992px){
    .content-image-pole{
        float:center;
    }
}

.container-general .flex-pole .images-pole button {
    position: absolute;
    background-color:#d30f3f;
    border:none;
    color:#FFF;
    font-size:12px;
    font-family:adria_groteskregular;
    padding:6px;
    text-transform: uppercase;
    right:0;
    bottom:0;
    text-align: center;
    opacity: 0;
    transition: opacity .35s ease;
}

.container-general .flex-pole .images-pole:hover button{
    cursor: pointer;
    opacity:1;
}

.nom-pole{
    /* font-size:30px; */
    font-size:28px;
    font-family:adria_groteskextralight;
    padding-top:40px;
    padding-bottom:30px;
    letter-spacing: 2px;
    line-height:1.0;
    text-transform: uppercase;
}

#position-pole-innovation{
    padding-top:6px;
    padding-bottom:0px;
    display:block;
}

#position-pole-innovation-mobile{
    display:none;
}

#position-finance{
    padding-top:24px;
    padding-bottom:19px;
}

@media(max-width:992px){
    .nom-pole{
        padding-top:63px;
        padding-bottom:0px;
    }

    #position-pole-innovation{
        padding-bottom:-10px;
    }

    #position-finance{
        padding-top:41px !important;
    }
}

@media(max-width:1200px){
    .slogan-pole{
        font-size: 16px !important;
    }

    .nom-pole{
        font-size:25px;
    }
}
@media(max-width:768px){
    #position-pole-innovation {
        display:none;
    }

    #position-pole-innovation-mobile {
        display:block;
    }

    #position-finance{
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .nom-pole {
        padding-top: 55px !important;
        padding-bottom: 0px !important;
        font-size: 25px !important;
    }

    .slogan-pole{
        font-size: 15px;
    }

    .content-image-pole {
        bottom:0px !important;
    }
}

@media(max-width:600px){
    .img-pole{
        max-height:190px !important;
    }

    .nom-pole {
        padding-top: 45px !important;
        padding-bottom: 2px !important;
        font-size: 20px !important;
    }

    .slogan-pole{
        font-size: 13px;
    }

}
.titre-detail-pole{
    font-family:adria_groteskextralight;
    font-size:60px;  
    padding-bottom:43px;
    padding-top:43px;
}

.sous-titre-detail-pole{
    line-height:1.0;
    font-size:35px;
    text-transform: uppercase;
    font-family: adria_groteskblack;
    letter-spacing: 2px;
    text-align:left;
   /* padding-left:35px;*/
    padding-top:5px;
}

.icone-detail-pole{
    padding-right:20px;
    width:100px;
    height:79px;
    object-fit: contain;
}

@media(max-width:1200px){
    .sous-titre-detail-pole{
        font-size:35px;
    }

    .titre-apropos-pole{
        font-size:33px;
    }
}

@media(max-width:768px){
    .icone-detail-pole{
        width:55px;
        height:65px;
        padding-right:0px;
    }

    .sous-titre-detail-pole{
        padding-top:9px;
        font-size:25px;
    }
}

@media(max-width:575px){
    .icone-detail-pole{
        padding-right:0px;
    }

    .sous-titre-detail-pole{
        padding-left:0px;
    }
}
.slogan-pole{
    font-family:adria_groteskmedium;
    font-size:18px;
    letter-spacing: 1px;
    line-height: 1;
}


@media (max-width:992px){
    .images-pole{
        min-width:100%;
        height:auto;
    }

    .flex-pole{
        flex-direction: column !important;
    }
}

.banniere-investisseur-telco{
    height:auto;
    position:relative;
}

.container-carte-investisseur{
    display:block;
    height:auto;
}

.container-carte-investisseur img{
    height:auto;
    width:100%;
    /* object-fit:contain; */
}

.container-carte-tableau-investisseur{
    display:block;
    height:auto;
}

.container-carte-tableau-investisseur img{
    height:auto;
    width:80%;
    display:block;
    margin:auto;
    /* object-fit:contain; */
}

.container-carte-investisseur-mobile{
    display:none;
}

.entete-tableau-investisseur{
    background-color:#B7C8DD;
    color:#fff;
    text-transform:uppercase;
    font-family:adria_groteskmedium;
    font-size:13px;
    letter-spacing:1px;
}

.entete-general-tableau-investisseur{
    background-color:#d30f3f;
    color:#fff; 
    font-family:adria_groteskregular;
    font-size:20px;
    letter-spacing:1px;
}

.mini-entete{
    /* background-color:#d30f3f;
    color:#fff;  */
    font-family:adria_grotesklight;
    font-size:14px;
    /* letter-spacing:1px; */
}

.body-tableau-investisseur td{
    font-family:adria_groteskmedium;
    font-size:16px;
}

.table .body-tableau-investisseur td{
    height: 25px !important;
 }

@media(max-width:992px){
    .table .body-tableau-investisseur td{
        height:auto !important;
    }
}
@media(max-width:768px){
    .table .body-tableau-investisseur td{
        height:auto !important;
    }
}
.table thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid transparent;
}

.table-investor{
    height:auto;
    position:relative;
    background-color:#fff;
    padding-top:70px;
    padding-bottom:70px;
}

.table-investor .container{
    display:table;
    height:100%;
    width:100%;
}

.table-cell-investor{
    display:table-cell;
    vertical-align: middle;
}

.tableau-computer{
    display:block;
}

@media(max-width:768px){
    .tableau-computer{
        display:none !important;
    }
    
    .tableau-mobile{
        display:block !important;
    }
}

@media(max-width:992px){
    .table-investor{
        padding-top:30px;
        padding-bottom:30px;
    }

    .banniere-investisseur-telco{
        height:auto;
        position:relative;
    }
    
    .container-carte-investisseur-mobile{
        display:block;
        height:auto;
    }
    
    .container-carte-investisseur-mobile img{
        height:auto;
        width:100%;
        /* object-fit:contain; */
    }
    
    .container-carte-investisseur{
        display:none;
    }
}



.investisseur{
    height:100%;
    background-color: #1a2a44;
    position:relative;
}

.investisseur .container{
	display:table;
	height:100%;
	width:100%;
}

.height-container-investisseur{
    height:50% !important;
}

.table-cell-investisseur{
	display:table-cell;
	vertical-align:middle;
}

@media(min-width:1926px){
    .investisseur{
        height:auto;
    }
}

@media(max-width:992px){
    .table-cell-investisseur{
        vertical-align:top !important;
    }
}
.map__image{
	width:80%;
	float: left; 
	margin-top:20px;
}

.map__image path {
	fill: #e7e7e8;
	stroke : #FFFFFF;
	stroke-width: 0.5px; 
	transition: fill 0.3s;
}

.map__legend{
    position:absolute;
    bottom:10em;
}

@media(max-width:992px){
    .map__legend{
        bottom:2em;
    }
}

.map__legend a{
    color:white;
    font-size:13px;
    padding-left:20px;
}

.map__legend a:hover{
    color:#d30f3f;
    
}

.legende{
    font-family:adria_groteskbold;
    color:white;
    text-transform: uppercase;
    font-size: 14px;
}

.active-le-izy path{
	fill: #d0d9e2 !important;
}

.investIndirect.mirehatra-daholo path{
	fill: #d0d9e2 !important;
}

.investdirect.mirehatra-daholo path{
	fill: #ff0045 !important;
}

.direct-active-le-izy path{
	fill : #ff0045 !important;
}

.investdirect path{
	fill : #d30f3f;
}

.investIndirect path{
	fill : #c3c4c6;
}


.container-investisseur{
    display:table-cell;
    vertical-align: middle;
}

.critere-engagement{
    height:100%;
    position:relative;
    background-color: #5463a9;
    color:#fff;
}

.critere-engagement .container{
    display:table;
    height:100%;
}

@media(min-width:1926px){
    .critere-engagement{
        height:50%;
    }
}

.partenaires-investisseurs{
    height:auto;
    position:relative;
}

.titre-homepage-investisseur{
    padding-top:70px;
    padding-bottom:10px;
    text-transform:uppercase;
    font-family:adria_groteskbold;
    letter-spacing:1px;
    color:#ff0045;
    font-size:34px;
}


.texte-homepage-investisseur{
    font-family:adria_grotesklight;
    color:white;
    font-size:21px;
    line-height:1.2;
}

.texte-gras-homepage-investisseur{
    font-family:adria_groteskbold;
    color:white;
    font-size:21px;
}

.bouton-homepage-investisseur{
    float:left;
}

@media(max-width:1326px){
    .titre-chiffres-cles-investisseur {
        font-size: 42px !important;
        padding-bottom: 0px;
    }
    
    .texte-chiffres-cles-investisseur {
        font-size: 25px !important;
    }

    #taille-img-icone5 {
        width: 90px !important;
    }

    #taille-img-icone6 {
        height: 61px !important;
        margin-top: 46px !important;
    }

    #taille-img-icone7 {
        height: 80px !important;
        margin-top: 27px !important;
    }

    .chiffre-chiffres-cles-investisseurs {
        font-size: 36px !important;
    }

    .chiffres-cles-gris {
        font-size: 17px !important;
    }
}

@media(max-width:992px){
    .titre-chiffres-cles-investisseur {
        font-size: 37px !important;
        padding-bottom: 0px !important;
    }
    
    .texte-chiffres-cles-investisseur {
        font-size: 22px !important;
    }

    .texte-chiffres-cles-investisseur br {
        display:none;
    }

    #taille-img-icone5 {
        width: 80px !important;
    }

    #taille-img-icone6 {
        height: 70px !important;
        margin-top: 25px !important;
    }

    #taille-img-icone7 {
        height: 85px !important;
        margin-top: 10px !important;
    }

    .chiffre-chiffres-cles-investisseurs {
        font-size: 32px !important;
    }

    .texte-chiffres-cles-investisseurs {
        font-size: 21px !important;
    }

    .chiffres-cles-bleu {
        font-size: 18px !important;
    }

    .chiffres-cles-gris {
        font-size: 13px !important;
    }
}

@media(max-width:600px){
    .titre-chiffres-cles-investisseur {
        font-size: 32px !important;
        padding-bottom: 0px !important;
    }
    
    .texte-chiffres-cles-investisseur {
        font-size: 18px !important;
    }

    .chiffre-chiffres-cles-investisseurs {
        font-size: 30px !important;
    }

    .texte-chiffres-cles-investisseurs {
        font-size: 18px !important;
    }

    .chiffres-cles-bleu {
        font-size: 18px !important;
    }

    .chiffres-cles-gris {
        font-size: 12px !important;
    }
}
@media(max-width:768px){
    .texte-homepage-investisseur{
        font-size:20px;
    }

    .texte-homepage-investisseur br{
        display:none;
    }

    .texte-gras-homepage-investisseur{
        font-size:20px;
    }
}

@media(max-width:600px){
    .texte-homepage-investisseur{
        font-size:17px;
    }
    .texte-gras-homepage-investisseur{
        font-size:17px;
    }
}


@media(max-width:992px){
    .bouton-homepage-investisseur{
        margin-top:10px !important;
        margin-left:0px !important;
        float:left;

    }
}

/*Style de la section impact positif*/
.impact-positif{
    height:130%;
    position:relative;
    background-color: #fff;
}

.impact-telecom{
    height:100%;
    position:relative;
    background-color: #5463a9;
}

.position-pattern-impact-telco{
    position:absolute;
    right:0px;
    bottom:0px;
}

.position-pattern-impact-telco img{
    height:70vh;
}

.position-pattern-djembe{
    position:absolute;
    left:0px;
    bottom:0px;
}

.position-pattern-djembe img{
    width:100%;
    height:auto;
    object-fit: cover;
}

@media(max-width:1444px){
    .impact-telecom{
        height:auto;
        padding-top:70px;
        padding-bottom:70px;
        position:relative;
        background-color: #5463a9;
    }
}

@media(max-width:992px){
    .position-pattern-impact-telco img{
        height:30vh !important;
    }
}

@media(max-width:500px){
    .position-pattern-impact-telco img{
        height:25vh !important;
    }
}

.impact-positif .container{
    display:table; 
    height:100%;
}

.container-impact-positif{
    display:table-cell;
    vertical-align: middle;
}

@media(max-width:992px){
    .impact-positif{
        height:auto !important;
        /* min-height:100%; */
    }
}

.sup{
    font-size:19px;
    font-family:adria_grotesklight;
    color:rgb(0,0,0,0.6);
    line-height:1.2;
}

@media(max-width:768px){
    .sup br{
        display:none;
    }
}

@media(max-width:1444px){
    .sup{
        font-size:17px;
    }
}


@media(max-width:1200px){
    .sup{
        font-size:15px;
    }
}

#sup-right{
    margin-bottom:0px;
}

.titre-impact-positif{
    font-family:adria_groteskbold;
    font-size:36px;
    text-transform:uppercase;
    padding-top:0px;
    padding-bottom:20px;
    margin-bottom:0px;
}

@media(max-width:1444px){
    .titre-impact-positif{
        padding-top:50px;
    }
}

.texte-en-gras1{
    font-size:44px;
    color:#5463a9;
    font-family:adria_groteskbold;
    line-height: 1.0;
    margin-bottom:10px;
}

#sup-right-1{
    margin-bottom:10px;
}

#taille-font-impact{
    margin-top:-10px;
}

.bordure-right-impact{
    border-right:none !important;
}

.bordure-impact-positif1{
    border-right:2px dotted #fff;
    border-bottom:2px dotted #fff;
}

.bordure-impact-positif2{
    border-right:2px dotted #fff;
    border-bottom:none;
}



@media(max-width:992px){
    .bordure-right-impact{
        border-right:2px dotted #fff !important;
    }
    
    .bordure-impact-positif1{
        border-right:none;
        border-bottom:2px dotted #fff;
    }
    
    .bordure-impact-positif2{
        border-right:none;
        border-bottom:2px dotted #fff;
    }
    
    .bordure-impact-positif3{
        border-right:2px dotted #fff;
        border-bottom:none;
        padding-bottom:30px;
    }
}

@media(max-width:575px){
    .bordure-impact-positif3{
        border-right:none;
        border-bottom:2px dotted #fff;
    }

    .bordure-right-impact{
        border-right:none !important;
    }
}

.position-texte-impact-positif{
    padding-top:30px;
    padding-bottom:30px;
}

.position-texte-impact-positif-2{
    padding-top:30px;
    padding-bottom:0px;
}

.position-texte-impact-positif-3{
    padding-top:0px;
    padding-bottom:30px;
}


.position-texte-impact-positif-particulier{
    padding-top:10px;
    padding-bottom:10px;
}

.bouton-impact-positif{
    display:block;
    margin:30px auto;
    margin-bottom:0px;
    background-color:#d30f3f;
    border:none;
    color:#FFF;
    font-size:13px;
    font-family:adria_grotesklight;
    padding:10px;
    text-transform: uppercase;
    width:155px;
    height:39px;
}

a:hover{
    text-decoration: none;
}

.noContent {
    color: #000 !important;
    background-color: transparent !important;
    pointer-events: none;
}

#loadmore{
    transition:.3s;
}

#loadmore:hover{
    text-decoration: none;
}

@media(max-width:768px){
    .bouton-impact-positif{
        width:70% !important;
        height:60px !important;
    }
}

@media(max-width:375px){
    .bouton-impact-positif{
        width:90% !important;
        height:60px !important;
    }
}

.bouton-actu{
    width:250px !important;
}
.bouton-actu-anglais{
   width: 190px !important;
}
.bouton-actualite{
    width:250px;
    margin:0px auto !important;
}

.bouton-invite{
    float:left;
    margin-top:10px;
    margin-left:15px;
    width: 190px;
    height:60px;
}
#invite-anglais{
	width:230px;
}
@media(max-width:992px){
    .bouton-invite{
        width: 190px !important;
    }

    .bouton-actualite{
        width:250px !important;
    }
}

@media(max-width:768px){
    .bouton-invite{
        float:none !important;
        margin-left:0px;
        /* width: 95.5% !important; */
    }

    .bouton-actualite{
        /* width:100% !important; */
        margin:10px auto !important;
    }
}

.bouton-impact-positif:hover{
    cursor:pointer;
}

@media(max-width:1200px){
    .texte-en-gras1{
        font-size:30px;
    }
    .sup{
        font-size: 16px;
    }
}

@media(max-width:992px){
    .titre-impact-positif{
        font-size:32px !important;
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .position-texte-impact-positif-particulier{
        padding-top: 5px;
        padding-bottom: 0px;
    }
    .sup{
        font-size:15px;
    }
    .texte-en-gras1{
        font-size: 30px !important;
        color: #5463a9;
        font-family: adria_groteskbold;
        line-height: 1.0;
        margin-bottom: 8px;
    }
    #taille-font-impact{
        margin-top: -10px;
    }

    .position-texte-impact-positif{
        padding-top: 20px;
        padding-bottom: 5px;
    }

    .position-texte-impact-positif-2{
        padding-top: 20px !important;
        padding-bottom: 5px !important;
    }

    .position-texte-impact-positif-3{
        padding-top: 20px !important;
        padding-bottom: 5px !important;
    }

    .impact-positif-particulier-sup{
        margin-top: 30px;
    }
    #sup-right{
        margin-bottom: 0px;
    }
    #sup-right-1{
        margin-bottom: 10px;
    }

    .bouton-impact-positif{
        margin: 0px auto;
        font-size: 12px;
        padding: 12px;
        margin-bottom: 20px;
        width:170px;

    }
}

@media(max-width:600px){
    .titre-impact-positif{
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .position-texte-impact-positif-particulier{
        padding-top: 5px;
        padding-bottom: 0px;
    }

    .sup{
        font-size:13px !important;
    }

    .texte-en-gras1{
        font-size: 22px !important;
        color: #5463a9;
        font-family: adria_groteskbold;
        line-height: 1.0;
        margin-bottom: 8px;
    }

    #taille-font-impact{
        margin-top: -10px;
    }

    .impact-positif-particulier-sup{
        margin-top: 30px;
    }

    #sup-right{
        margin-bottom: 0px;
    }

    #sup-right-1{
        margin-bottom: 10px;
    }

    .bouton-impact-positif{
        margin: 0px auto;
        font-size: 14px !important
    }
}


.impact-positif-particulier-bottom{
    margin-top:17px;
}

.impact-positif-particulier-bottom-bis{
    margin-top:0px;
}

.impact-positif-particulier-sup{
    margin-bottom:30px;
    margin-top:0px;
}

@media(min-width:595px) and (max-width:992px){
    .impact-positif-particulier-sup{
        margin-top:30px;
    }

    .impact-positif-particulier-bottom-bis{
        margin-top:30px !important;
    }

    .impact-positif-particulier-bottom{
        margin-top:30px !important;
    }

    #sup-right{
        margin-bottom:10px;
    }
}

@media(max-width:595px){
    .impact-positif-particulier-sup{
        margin-top:30px !important;
    }

    #sup-right{
        margin-bottom:10px;
    }
}


/*Style de la section invité*/
.invite{
    height:100%;
    background: linear-gradient(90deg,#5463a9 30%, #f6f6f6 0%);
    position:relative;
}

@media(min-width:1926px){
    .invite{
        /* height:100%; */
        background: linear-gradient(90deg,#5463a9 35%, #f6f6f6 0%);
        /* position:relative; */
    }
}



.invite .container{
    display:table;
    height:100%;
}

.container-invite{
    display:table-cell;
    vertical-align: middle;
}

.video-interview{
    height:600px;
    width:100%;
    padding:20px;
}
@media(max-width:992px){
    .invite{
        height:auto;
        background: linear-gradient(180deg,#5463a9 30%, #f6f6f6 0%);
    }
}

.position-video-player{
	transform:translate(-50%, -50%);
}


.table-texte-invite{
    display:table;
    height:100%;
    width:100%;
}

.cell-texte-invite{
    display: table-cell;
    vertical-align: middle;
}

.nom-invite{
    font-size:60px;
    font-family:adria_groteskmedium;
    line-height:1.1;
    padding-bottom:30px;
}

.texte-interview-invite{
    font-family:adria_groteskregular;
    color:rgb(0,0,0,0.5);
    font-size:20px;
    line-height:1.2;
}

#margin-interview{
    position:absolute;
    bottom:50px;
    width:60%;
    right:0px;
}

#margin-document-impact{
    position:absolute;
    bottom:-60px;
    width:40%;
}

@media(min-width:1926px){
    #margin-interview{
        bottom:20%;
    }
}

@media(max-width:992px){
    #margin-interview{
        position:relative;
        bottom:0px;
        width:100%;
    }

    #margin-document-impact{
        position:relative;
        bottom:0px;
        width:100%;
    }
}

@media(max-width:1444px){
    .nom-invite{
        font-size:50px !important;

    }
}
@media(max-width:1200px){
    .nom-invite{
        font-size:42px !important;
        padding-bottom:0px !important;
    }

    .bouton-impact-positif{
        margin:15px auto;
    }
}
@media(max-width:992px){
    .nom-invite{
        font-size: 32px!important;
    }

    .texte-interview-invite{
        font-size:16px;
    }

    .texte-interview-invite br{
        display:none;
    }
}

@media(max-width:768px){

    .texte-interview-invite br{
        display:none;
    }
}

@media(max-width:600px){
    .nom-invite{
        padding-bottom:10px !important;
    }
}

@media(max-width:500px){
    .invite{
        background: linear-gradient(180deg,#5463a9 30%, #f6f6f6 0%);
    }
}

@media(max-width:360px){
    .texte-interview-invite br{
        display:none;
    }
}

.titre-lumiere{
    font-size:30px;
    font-family: adria_groteskbold;
    margin-bottom:0px;
}

@media(max-width:1200px){
    .titre-lumiere{
        font-size:25px !important;
    }
}
@media(max-width:1024px){
    .titre-lumiere{
        font-size:20px !important;
    }
}
@media(max-width:992px){
    .titre-lumiere{
        font-size:17px !important;
    }
}
.popup .close-invite {
    position: absolute;
    top: -70px;
    left: 30px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}

/* animation transition */
.reveal{
    opacity:0;
    transform: translateY(-30px);
}

.reveal-visible{
    opacity:1;
    transform: translateY(0);
    transition: .3s;
}

/* Les classes dans la page identite */
.ambition-identite{
    height:75%;
    position:relative;
    background-color: #5463a9;
    color:#fff;
}

.banniere-djembe{
    height:auto;
    position:relative;
    background-color: #1a2a44;
    color:#fff;
    padding-top:70px;
    padding-bottom:70px;
}

.banniere-identite{
    background-image: url('images/images-web2/identite/identite/identite-02.png');
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.4);
	position:relative;
	background-size: cover;
    height:100%;
    background-repeat:no-repeat;
    background-attachment: fixed;
    background-position:50% 0;
}

@media(max-width:992px){
    .banniere-identite{
        background-attachment:initial;
        background-position:30% !important;
    }
}

.investisseur-accueil{
    background-image: url('images/images-web2/HOMEPAGE/MAP-01.png');
    background-size: cover;
    height:100%;
    background-repeat:no-repeat;
    background-position:center;
    background-color: #F6F6F6;
}

.investisseur-accueil .container{
    display:table;
    height:100%;
    width:100%;
}

.positionnement-identite{
    height:100%;
    width:100%;
    position:relative;
}

.positionnement-identite .container{
    display:table;
    height:60%;
    width:100%;
}

.container-positionnement-identite{
    display:table-cell;
    vertical-align: middle;
}


.ambition-identite .container{
    display:table;
    height:100%;
    width:100%;
}

.position-ambition-identite{
    display:table-cell;
    vertical-align: middle;
}

.titre-ambition-identite{
    font-family: adria_grotesklight;
    font-size:43px;
    line-height:1.1;
    text-transform: uppercase;
    padding-top:60px;
}

.margin-titre-ambition-identite{
    margin-bottom:40px;
}

.texte-ambition-identite{
    font-family: adria_groteskextralight;
    /* font-size:31px; */
    font-size:20px;
    line-height:1.3;
}

.texte-djembe h4{
    font-family: adria_groteskmedium;
    font-size:40px;
    line-height:1.3;
    color:#d30f3f;
}

.texte-djembe h5{
    font-family: adria_groteskmedium;
    font-size:31px;
    line-height:1.3;
    color:#d30f3f;
    text-transform: uppercase;
}

.texte-djembe p{
    font-family: adria_groteskextralight;
    /* font-size:31px; */
    font-size:20px;
    line-height:1.3;
    text-align: justify;
}

/* @media(min-width:1926px){
    .ambition-identite{
        height:40%;
    }
}

@media(max-width:1200px){
    .ambition-identite{
        height:80%;
    }
} */
@media(max-width:1200px){
    .texte-ambition-identite{
        font-size:20px;
    }

    .img-actions-impact-positif{
        height:150px;
    }

    .titre-ambition-identite{
        font-size:37px;
    }
}

#img-positionnement{
    position:absolute;
    bottom:0;
    object-fit: cover;
    width: auto;
    height:60%;
}


.titre-positionnement{
    padding-top:30px;
    padding-bottom:30px;
    font-size:38px;
    text-align:center;
    letter-spacing: 2px;
    font-family: adria_groteskbold;
    line-height:1.2;
    text-transform: uppercase;
}

@media(max-width:992px){
    .titre-positionnement{
        font-size:38px;
    }

    .texte-positionnement{
        font-size:23.5px !important;
    }

    .titre-ambition-identite{
        font-size:30px;
        /* padding-top:20px; */
    }
    
    .texte-ambition-identite{
        font-size:18.5px;
    }
}

@media(max-width:768px){
    .img-actions-impact-positif{
        display:none !important;
    }

    .titre-positionnement{
        font-size:30px;
    }

    .texte-positionnement{
        font-size:21.5px !important;
    }

    .titre-ambition-identite{
        font-size:23px;
    }

    .titre-ambition-identite br{
        display:none;
    }

}
@media(max-width:600px){
    .titre-positionnement{
        font-size:25px;
    }

    .texte-positionnement{
        font-size:17.5px !important;
    }

    .texte-ambition-identite{
        font-size:15.5px;
    }
}

@media(max-width:320px){
    .titre-positionnement{
        font-size:20px;
    }

    .texte-positionnement{
        font-size:15.5px !important;
    }
}

.container-texte-positionnement{
    justify-content: center;
    display:flex;
}

.texte-positionnement{
    color:rgb(0,0,0,0.65);
    text-align:center;
    font-family: adria_grotesklight;
    letter-spacing:0px;
    font-size: 23.5px;
    line-height:1.2;
}

.valeurs-identite{
    height:700px;
    padding-top:100px;
    padding-bottom:100px;
    position:relative;
    display:block;
}

.valeurs-identite-sm{
    display:none;
}


@media(min-width:1926px){
    .valeurs-identite{
        height:900px;
    }
}

@media(max-width:1200px){
    .valeurs-identite{
        height:560px;
        padding-top:70px;
    }
}

@media(max-width:992px){
    .valeurs-identite{
        display:none;
    }

    .valeurs-identite-sm{
        display:block;
        height:auto;
        padding-top:45px !important;
    }
}

.titre-valeur-identite{
    padding-top:30px;
    font-family:adria_groteskbold;
    font-size:34px;
    text-transform: uppercase;
}

.container-valeurs-passifs{
    position: absolute;
    bottom:10px;
}

.container-valeurs-actives{
    position:relative;
    margin-top:0px;
    transition:all 200s ease-in-out;
}

.container-valeurs-actives:hover{
    margin-top:0px;
    /* width:100%; */
    /* transform: rotate(180deg); */
}
.container-valeurs{
    display:none;
}

.valeurs-identite-active{
    height:100%;
    position:relative;
}

#passif-valeurs{
    display:flex;
    flex-direction: column;
    /* padding-top:30px; */
}

@media(max-width:768px){
    #passif-valeurs{
        flex-direction:column;
    }
}

.flex-nom-valeur-identite{
    display:flex;
    flex-direction: row;
    position:absolute;
    bottom:10px;
}

@media(max-width:768px){
    .flex-nom-valeur-identite{
        flex-direction:column;
        position:relative;
        bottom:0px;
    }
}

#audace{
	display:block;
}
.nom-valeur-passif{
    font-family:adria_groteskmedium;
    font-size:45px;
    color:rgb(0,0,0,0.25);
    text-transform: uppercase;
    padding:35px;
}

.nom-valeur-passif:hover{
    cursor: pointer;
    color:#d30f3f;
}

.nom-valeur-actif{
    font-family: adria_groteskmedium;
    font-size:60px;
    color:#d30f3f;
}

.nom-valeur-actif:hover{
    cursor: pointer;
    font-size:65px;
    transition: all 2s ease-in-out;
}

.texte-valeur-actif{
    font-family: adria_grotesklight;
    font-size:25px;
	padding-left:15px;
    letter-spacing: 1px;
    color:rgb(0,0,0,0.55);
    line-height:1.0;
    transition:all 5s ease-in-out;
}

.background-texte-valeur-actif{
	font-family:adria_groteskregular;
    font-size:170px;
    color:#f7F7F7;
    text-transform: uppercase;
    text-decoration: none;
    transition:all 0.2s ease-in-out;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
    padding-top:0px;
}

.valeur-table{
    display:table;
    height:100%;
    width:100%;
}

.valeur-cell{
    display:table-cell;
    vertical-align:middle
}

@media(max-width:1200px){
	.texte-valeur-actif{
		font-size:21px;
	}

	.background-texte-valeur-actif{
		font-size:130px;
	}
}

@media(min-width:1926px){
	.texte-valeur-actif{
		font-size:30px;
	}

	.background-texte-valeur-actif{
		font-size:200px;
	}
}

@media(max-width:992px){
	.texte-valeur-actif{
		font-size:15px;
	}

	.background-texte-valeur-actif-sm{
		font-size:85px !important;
        position:relative;
        position:relative;
	    font-family:adria_groteskregular;
        color:#f7F7F7;
        text-transform: uppercase;
        text-decoration: none;
        transition:all 0.2s ease-in-out;
	}

    .position-texte-valeur-actif{
        top:45% !important;
    }

    /* .texte-valeur-actif br{
		display:none;
	} */

    .background-blanc{
        background-color: #ffffff;
    }
}

@media(max-width:600px){
    .background-texte-valeur-actif-sm{
        font-size:70px !important;
    } 
}

@media(max-width:500px){
    .background-texte-valeur-actif-sm{
		font-size:45px !important;
	}
}

@media(max-width:768px){
    .position-texte-valeur-actif{
        top:40% !important;
    }

    @media(max-width:600px){
        .position-texte-valeur-actif{
            top:40% !important;
        }

        @media(max-width:500px){
            .position-texte-valeur-actif{
                top:38% !important;
            }
        }
    }
}

@media(max-width:500px){
    .texte-valeur-actif{
        font-size:13px !important;
    }
}

@media(max-width:340px){
    .texte-valeur-actif br{
        display:none;
    }
}

.position-texte-valeur-actif{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	padding-top:20px;
}

.swiper-container-cube .swiper-cube-shadow {
    background-color:transparent !important;
}

@media(max-width:1200px){
    .nom-valeur-actif{
        font-size:55px;
    }
}

@media(max-width:992px){
    .nom-valeur-actif{
        font-size:40px !important;
    }

}

@media(max-width:375px){
    .nom-valeur-actif{
        padding-top:20px;
        font-size:40px !important;
    }

}

.position-nom-valeur-identite{
    margin-top:40px;
}

.nom-valeur-identite{
    font-family:adria_grotesklight;
    font-size:40px;
    color:rgb(0,0,0,0.2);
    text-transform: uppercase;
    text-decoration: none;
    transition:all 0.2s ease-in-out;
}

.nom-valeur-identite-actif{
    font-family:adria_groteskmedium;
    font-size:40px;
    color:rgb(0,0,0,0.4);
    padding:35px;
    text-transform: uppercase;
    text-decoration: none;
    transition:opacity 1.5s ease-in-out;
}

.nom-valeur-identite:hover{
    cursor:pointer;
    color:#d30f3f;
    transition:all 0.5s ease-in-out;
}

.nom-valeur-identite-actif:hover{
    cursor:pointer;
    color:#d30f3f;
    transition:opacity 2s ease-in-out;
}

#nom-non-actif{
    display:block;
    visibility: hidden;
}
@media(max-width:1200px){
    .nom-valeur-identite{
        font-size:33px;
    }

    .titre-valeur-identite{
        font-size:29px;
    }
}

@media(max-width:992px){
    .nom-valeur-identite{
        font-size:27px;
        padding:32px;
    }

    .titre-valeur-identite{
        font-size:22px;

    }
}

@media(max-width:768px){
    #nom-non-actif{
        display:none;
        visibility: hidden;
    }
    .nom-valeur-identite{
        padding:30px;
    }

    #audace-left{
        padding-left:30px;
    }

    .titre-valeur-identite{
        margin-top:0px;
    }
}
.nom-valeur-identite:hover{
    cursor: pointer;
    color:#d30f3f;
}


.valeurs-identite .table-valeurs-identite{
    display:table;
    height:100%;
    width:100%;
    /* position:relative; */
}


.wrapper-texte p{

    background: linear-gradient(to left, rgb(0,0,0,0.4) 30%, #d30f3f 60%);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 1.5s linear infinite;
    display: inline-block;
}
@keyframes textclip {
    to {
        background-position: 200% center;
   }
}
.cell-valeurs-identite{
    display:table-cell;
    vertical-align: middle;
}

.titre-modele-identite{
    font-size:40px;
    text-align:left;
    padding-top:50px;
    padding-bottom:50px;
    font-family: adria_groteskbold;
    text-transform: uppercase;
}


@media(max-width:992px){
    .titre-modele-identite{
        font-size: 30px !important;
        padding-top:40px !important;
        padding-bottom:25px;
    }
}

@media(max-width:768px){
    .titre-modele-identite{
        font-size: 28px !important;
    }
}

@media(max-width:425px){
    .titre-modele-identite{
        font-size: 24px !important;
    }
}

@media(max-width:375px){
    .titre-modele-identite{
        font-size: 17px !important;
    }
}

.modele-identite{
    height:90%;
    position:relative;
}

.table-modele-identite{
    display:table;
    height:100%;
    width:100%;
}

.cell-modele-identite{
    display:table-cell;
    vertical-align: middle;
}

@media(min-width:1926px){
    .modele-identite{
        height:60%;
    }
}
@media(max-width:1200px){
    .modele-identite{
        height:70%;
    }

    .texte-overlay-modele-inspirant{
        font-size:14px !important;
    } 
}

@media(max-width:992px){
    .modele-identite{
        height:auto;
    }

    .texte-overlay-modele-inspirant{
        font-size:13.5px !important;
    } 
}

@media(max-width:768px){
    .titre-overlay-modele-inspirant{
        font-size:18px !important;
    }

    .texte-overlay-modele-inspirant{
        font-size:14px !important;
    } 
}

@media(max-width:600px){
    .titre-overlay-modele-inspirant{
        font-size:15px !important;
    }

    .texte-overlay-modele-inspirant{
        font-size:11px !important;
    } 
}

@media(max-width:425px){
    .titre-overlay-modele-inspirant{
        font-size:13px !important;
    }

    .texte-overlay-modele-inspirant{
        font-size:10px !important;
    } 
}


.height-modele{
    height:100%;
}

.overlay-modele-inspirant{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    color:#fff;
}

.titre-overlay-modele-inspirant{
	opacity: 0;
	transform: translateY(100px);
}

.texte-overlay-modele-inspirant{
	opacity: 0;
	transform: translateY(100px);
}

.revealY-visible{
	opacity:1;
    transform: translateY(0);
    transition: 1.5s cubic-bezier(0.5, 0, 0, 1);
}

.overlay-modele-inspirant .container{
    display:table;
    height:100%;
    width:100%;
    position:relative;
}

.container-overlay-modele-inspirant{
    position:absolute;
    left:50%;
    top:150px;
    transform: translateX(-50%);
}

@media(max-width:1444px){
    .container-overlay-modele-inspirant{
        top:100px;    
    }
}

@media(max-width:992px){
    .container-overlay-modele-inspirant{
        top:60px !important;    
    }
}

.container-texte-modele-identite{
    position:relative;
}

.numero-modele-identite{
    font-family: adria_groteskaxian;
    font-size:80px;
    margin-bottom:30px;
    text-align:left;
    opacity:1;
}

.texte-modele-identite{
    font-family: adria_grotesklight;
    font-size:25px;
    line-height:1.0;
    text-align:left;
    opacity:1;
    padding-top:0px;
}

@media(min-width:1926px){
    .texte-modele-identite{
        font-size:30px;
    }
}

@media(max-width:1200px){
    .numero-modele-identite{
        font-size:65px;
        margin-bottom:20px;
    }
    
    .texte-modele-identite{
        font-size:20px !important;
    }
}

@media(max-width:992px){
    .numero-modele-identite{
        font-size:60px !important;
        margin-bottom:0px;
    }
    
    .texte-modele-identite{
        /* font-size:25px !important; */
        padding-top:22px;
    }

    .texte-modele-identite br{
        display:none;
    }
}

.transition-overlay-modele-inspirant{
	width:600px;
}

@media(max-width:1926px){
    .transition-overlay-modele-inspirant{
        width:500px;
    }
}

@media(max-width:1444px){
    .transition-overlay-modele-inspirant{
        width:400px;
    }
}

@media(max-width:1200px){
    .transition-overlay-modele-inspirant{
        width:350px;
    }
}

@media(max-width:1040px){
    .transition-overlay-modele-inspirant{
        width:330px;
    }
}

@media(max-width:992px){
    .transition-overlay-modele-inspirant {
        width:auto;
    }
}

.titre-overlay-modele-inspirant{
    font-family: adria_grotesklight;
    font-size:23px;
    padding-bottom:30px;
    line-height: 1.0;
    text-align: left;
}

.texte-overlay-modele-inspirant{
    font-family: adria_groteskextralight;
    font-size:17px;
    letter-spacing: 1px;
    line-height:1.2;
    text-align:left;
}

.texte-gras-modele-identite{
    font-family:adria_groteskbold;
}

.img-modele{
    height:auto;
    max-height:940px;
}

.img-modele:hover{
    cursor:pointer;
}

.banniere-pole{
    background-image: url('images/homepage/WEBITE_TELCO-23.jpg');
    position:relative;
	background-size: cover;
    height:100%;
    background-repeat:no-repeat;
    background-attachment: fixed;
    background-position:50% 0;
}

@media(max-width:992px){
    
    .banniere-pole{
        background-attachment: initial;
        background-position:100%;
    }
}

.liste-poles{
    height:100%;
    position:relative;
	background-color:#fff;
}

.centered-image-mobile{
    display:block;
    margin:unset;
    
}

@media(max-width:992px) and (min-width:768px){
    .liste-poles{
        height:auto;
    }
}

@media(max-width:768px){
    .liste-poles{
        height:120%;
    }

    .centered-image-mobile{
        margin:auto;
    }
}

.icones-liste-poles{
    width:auto;
    height:38px;
}

.icones-liste-poles-bis{
    width:auto;
    height:38px;
    position:absolute;
    top:-8px;
}


.date-historique-pole{
    position:absolute;
    top:75px;
}

.container-logo-historique{
    background-color: transparent;
    width:220px;
    height:110px;
    position:relative;
}

.container-logo-historique img{
    display:block;
    margin:unset;
}

.content-date-historique{
    display:block;
    margin:unset;
}

@media(max-width:768px){
    .container-logo-historique{
        display:block;
        margin:auto;
    }
    
    .content-date-historique{
        display:block;
        margin:auto;
    }
}

.date-historique{
    font-family: adria_groteskregular;
    margin-top:7px;
    font-size:12px;
    letter-spacing:2px;
    text-align: left;
    margin-bottom:0px;
}

.date-periode-allperiodes{
    font-family: adria_grotesklight;
    margin-top:7px;
    font-size:19px;
    letter-spacing:2px;
    text-align: center;
    margin-bottom:0px;
    color:#ff0045;
}


.texte-date-historique-periode{
    padding-top:2px;
    text-align:center;
    font-family: adria_grotesklight;
    font-size:14px;
    color:rgb(0,0,0,0.5);
    line-height: 1.0;
    padding-bottom:10px;
}

.texte-date-historique{
    padding-top:2px;
    text-align:left;
    font-family: adria_grotesklight;
    font-size:18px;
    color:rgb(0,0,0,0.7);
    line-height: 1.0;
    padding-bottom:10px;
}

@media(max-width:768px){
    .date-historique{
        text-align:center;
    }

    .texte-date-historique{
        text-align:center;
        padding-bottom: 30px;
    }
       
}

.texte-date-historique-titre{
    text-transform: uppercase;
    padding-top:10px;
    text-align:left;
    font-family: adria_grotesklight;
    font-size:21px;
    color:#d30f3f;
    margin-bottom:0px;
}

.date-historique-pole ul{
    list-style: none;
    text-align: center;
}

.date-historique-box{
    position: relative;
    height: 100%;
}

.p-date-historique-pole{
    font-family:adria_groteskextralight;
    font-size:16px;
    color:lightgrey;
    text-align:left;
    padding-left:15px;
    margin-bottom:0px;
    line-height:2.5;
}   

.p-date-historique-pole:hover{
    cursor: pointer;
    color:#ff0045;
}   

.position-icone-pole{
    margin-top:-45px;
    margin-bottom:-30px;
}

#p-date-historique-pole-icone{
    font-size:50px;
    text-align:left;
    margin-left:-2em;
}

.activite{
    color:#ff0045;
    text-align:left;
    border-right:solid;
    padding-left:15px;
    border-bottom:none;
    transition: border 0.1s linear;
}

@media(max-width:600px){
    .activite{
        color:#ff0045;
        text-align:left;
        border-right:none;
        padding-left:0px;
        border-bottom:none;
        transition: none;
    }
}

@media(max-width:992px){
    .activite{
        border-bottom:solid;
        border-right:none;
        padding-right:0px;
    }

    .p-date-historique-pole{
        padding-right:0px;
    }    

    #periode-historique-pole{
        text-align:center !important;
    }

    .container-periode{
        margin-left:0px !important;
        padding-left:15px !important;
    }

    .padding-historique-pole {
        margin-left:-15px !important;
        margin-right:-15px !important;
    }

    .texte-date-historique {
        font-size: 15px !important;
    }

    .container-logo-historique img{
        display:block;
        margin:auto;
    }
}

#img-liste-pole{
    height: 330px;
    object-fit: cover;
}

#img-historique-pole{
    height:60px;
    margin-top:40px;
}

#img-historique-pole-bis{
    height:40px;
    margin-top:60px;
}

#img-historique-pole-bis-2{
    height:90px;
    margin-top:10px;
}

#img-historique-pole-bis-3{
    height:35px;
    margin-top:65px;
}

#img-historique-pole-bis-4{
    margin-top:50px;
    height:50px;
}

#img-historique-pole-bis-5{
    height:30px;
    margin-top:70px;
}
#img-historique-pole-2{
    width:88px;
    margin-top:-50px;
}

.padding-historique-pole{
    margin-left:-15px;
    margin-right:90px;
    padding-bottom:30px;
}

.container-periode{
    display:none;
    padding-left:90px;
    padding-right:-50px;
    margin-left:-120px;       
    padding-bottom:30px;
    height:700px;
    overflow:hidden;
    vertical-align: top;
    position: relative;
}

.container-periode .container-fluid::-webkit-scrollbar{
    display:none;
}

@media(max-width:992px){
    .container-periode{
        height:250px;
    }
}


.container-all-periodes{
    overflow:hidden;
    height:500px;
}

@media(max-width:1280px){
    .container-all-periodes{
        overflow:hidden;
        height:300px;
    }
}
.container-all-periodes .row{
    overflow-y:scroll;
}

.container-all-periodes .container-fluid::-webkit-scrollbar{
    display:none;
}

.espacement-block{
    margin-right:-160px !important;
}

#allperiodepassif{
    display:flex;
}
#allperiodeactive{
    display:none;
}

@media(max-width:1200px){
    .espacement-block{
        margin-right:-140px !important;
    }
}

@media(max-width:992px){
    .espacement-block{
        margin-right:-50px !important;
    }
}
@media(max-width:768px){
    .espacement-block{
        margin-right:0px !important;
    }
}

.ligne-separateur{
    border-left:solid 1px lightgray;
}

@media(max-width:992px){
    .ligne-separateur{
        border-left:none;
    }
}

.container-periode .container-fluid{
    overflow-y: scroll;
    height:420px;
}

#periode5{
    display:table-cell;
}

#periode-historique-pole{
    text-transform: uppercase;
    line-height: 1.4;
    padding-top: 20px;
    text-align:left;
    padding-left:30px;
}

@media(max-width:1024px) and (min-width:992px){
    .container-periode{
        margin-left:-60px !important;
        padding-left:30px !important;
    }

    .padding-historique-pole{
        margin-right:30px !important;
    }
}

@media(max-width:992px) and (min-width:768px){
    #periode-historique-pole br{
        display:none;
    }
}

.historique-pole{
    height:auto;
    min-height:90%;
    position:relative;
    background-color: #f6f6f6;
}

/* @media(min-width:1926px){
    .historique-pole{
        height:70%;
    }
} */
@media(max-width:992px){
    .historique-pole{
        height:auto;
    }
}

.historique-pole .container{
    display:table;
    height:100%;
    width:100%;
}

.container-content-historique-pole{
    display:table-cell;
    vertical-align: middle;
}

.essai-ligne-separation{
    height:100%;
    width:1px;
    background-color: rgb(0,0,0,0.1);
    position:absolute;
    left:10%;
    top:0px;
    visibility: visible;
}

.visibilite-periode-mobile{
    display:none;
}

@media(max-width:992px){
    .essai-ligne-separation{
        visibility: unset;
    }

    .activite{
        padding-left:0px !important;
        text-align: center;
    }

    .p-date-historique-pole {
        padding-left: 0px !important;
        text-align:center
    }
}

@media(max-width:767px){
    .visibilite-periode-mobile{
        display:inline-block;
    }

    .date-historique-mobile{
        position:relative;
        display:block;
        margin:0px auto;
    }

    .btn-date-mobile{
        background-color: #d30f3f;
        color:white;
        border-color: transparent;
        height:60px;
        width: 357px;
        font-size:14px;
        font-family: adria_grotesklight;
        text-transform: uppercase;
    }

    @media(max-width:425px){
        .btn-date-mobile{
            width: 270px !important;
        }
    }

    @media(max-width:300px){
        .btn-date-mobile{
            width:180px !important;
        }
    }

      .dropdown-content .p-date-historique-pole-mobile:hover{
          color:#d30f3f;
      }

      .date-historique-mobile:hover .dropdown-content{
          display:block;
      }

      .date-historique-mobile:hover .dropbtn {
        color:#d30f3f;
        cursor: pointer;
      }
}


#position-deuxieme-row{
    justify-content: center;
}

.banniere-impact-positif{
    background-image: url('images/images-web2/IMPACT/IMPACT/IMPACT-02.png');
	position:relative;
	background-size: cover;
    height:100%;
    background-repeat:no-repeat;
    background-attachment: fixed;
    background-position:50% 0;
}

@media(max-width:992px){
    
    .banniere-impact-positif{
        background-attachment: initial;
        background-position:100%;
    }
}
#banniere-impact-positif{
    margin-bottom:8px;
}

.texte-banniere{
    font-family: adria_groteskextralight;
    font-size:20px;
    letter-spacing:1px;
    line-height:1.0;
    margin-bottom:54px;
}

.texte-banniere-telco{
    font-family: adria_groteskextralight;
    font-size:20px;
    letter-spacing:1px;
    line-height:1.3;
    /* margin-bottom:54px; */
}

@media(min-width:1926px){
    .texte-banniere-telco{
        font-size:30px;
    }
     
}
@media(max-width:1200px){
    .texte-banniere br{
        display:none;
    }
}

@media(max-width:992px){
    .sous-titre-banniere-2{
        font-size:54px;
    }

    .texte-banniere br{
        display:none;
    }

    .texte-banniere{
        font-size:18px !important;
    }

    
}
@media(max-width:768px){
    .sous-titre-banniere-2{
        font-size:50px !important;
    }

    .texte-banniere{
        font-size:16px !important;
    }
}
@media(max-width:600px){
    .sous-titre-banniere-2{
        font-size:45px !important;
    }

    .texte-banniere{
        font-size:14px !important;
    }
}
@media(max-width:425px){
    .sous-titre-banniere-2{
        font-size:35px !important;
    }
}
@media(max-width:320px){
    .sous-titre-banniere-2{
        font-size:28px !important;
    }
}

.pourquoi-impact-positif{
    height:100%;
    position:relative;
    background-color: #5463a9;
}

.table-scoring-hide{
    padding:120px 70px;
}

@media(max-width:1444px){
    .table-scoring-hide{
        padding:100px 50px !important;
    }
}

@media(max-width:1200px){
    .table-scoring-hide{
        padding:50px 50px !important;
    }

    .texte-pourquoi-impact-positif{
        font-size:16px !important;
    }
}
.container-texte-pourquoi-impact-positif-mobile{
    display:none;
}

@media(max-width:767px){
    .container-texte-pourquoi-impact-positif{
        display:none;
    }

    .container-texte-pourquoi-impact-positif-mobile{
        display:block;
    }

    .texte-pourquoi-impact-positif{
        color:#fff !important;
    }
}
.titre-pourquoi-impact-positif{
    font-family: adria_grotesklight;
    font-size:45px;
    line-height:1.1;
    padding-top:10px;
    color:grey;
}

.texte-pourquoi-impact-positif{
    font-family: adria_groteskextralight;
    font-size:18px;
    line-height:1.2;
    color:grey;
}

@media(max-width:992px){
    .titre-pourquoi-impact-positif{
        font-size:36px;
    }

    .titre-scoring{
        font-size:36px !important;
    }
    
    .texte-pourquoi-impact-positif{
        font-size:16px;
    }
}

@media(max-width:768px){
    .titre-pourquoi-impact-positif{
        font-size:27px;
    }
    
    .texte-pourquoi-impact-positif{
        font-size:15px;
    }
}


@media(max-width:425px){
    .titre-pourquoi-impact-positif{
        font-size:30px !important;
    }
    
    .texte-pourquoi-impact-positif{
        font-size:13px !important;
    }
}

@media(max-width:375px){
    .titre-pourquoi-impact-positif{
        font-size:23px !important;
    }
}

.table-actions-impact-positif{
    display:table;
    height:100%;
    width:100%;
}

.cell-actions-impact-positif{
    display:table-cell;
    vertical-align: middle;
}

.titre-actions-impact-positif{
    font-family:adria_grotesklight;
    font-size:50px;
    text-align:left;
}

.sous-titre-actions-impact-positif{
    font-family: adria_groteskextralight;
    font-size:20px;
    color:grey;
}

.img-actions-impact-positif{
    height:190px;
    width:auto;
    display:block;
    margin:80px auto;
}

@media(max-width:1444px){
    .titre-actions-impact-positif{
        font-size:45px;
    }
}
@media(max-width:1250px){
    .titre-actions-impact-positif{
        font-size:37px !important;
    }
    
    .sous-titre-actions-impact-positif{
        font-size:20px;
    }
}

@media(max-width:1030px){
    .titre-actions-impact-positif{
        font-size:34px !important;
    }
}

@media(max-width:992px){
    .titre-actions-impact-positif{
        font-size:25px !important;
    }
    
    .sous-titre-actions-impact-positif{
        font-size:20px;
    }
    
    .img-actions-impact-positif{
        height:140px;
    }
}


.actions-impact-positif{
    height:100%;
    position:relative;
    display:block;
}

.custom-margin-impact-positif{
    display:table-cell;
    vertical-align: middle;
}

.actions-impact-positif-sm{
    display:none;
}
@media(min-width:1444px){
    .actions-impact-positif{
        height:80%;
    }
}
@media(min-width:2200px){
    .actions-impact-positif{
        height:50%;
    }
}
@media(max-width:768px){
    .table td{
        height:100px !important;
    }
    .actions-impact-positif{
        display:none;
    }

    .actions-impact-positif-sm{
        height:auto;
        display:block;
    }

    .actions-impact-positif-sm .custom-margin-impact-positif{
        padding-top:20px;
    }

    .actions-impact-positif-sm .table{
        padding-bottom:20px;
    }

    .titre-actions-impact-positif{
        text-align:center;
        font-size: 21px!important;
    }

    .img-actions-impact-positif {
        height: 120px !important;;
    }

    .texte-action-impact-positif{
        font-size:12px !important;
    }

    .texte-action-impact-positif strong{
        font-size:12px !important;
    }

    .chiffre-action-impact-positif {
        font-size: 31px !important;
    }
}

@media(max-width:375px){
    .chiffre-action-impact-positif{
        font-size: 28px !important;
    }

    .texte-action-impact-positif{
        font-size:11px !important;
    }

    .texte-action-impact-positif strong{
        font-size:11px !important;
    }
}

@media(max-width:575px){
    .chiffre-action-impact-positif{
        text-align:center !important;
    }

    .texte-action-impact-positif{
        text-align:center !important;
    }
}
.container-texte-actions-impact-positif{
    position:absolute;
    top:70px;
    left:70px;
}


.container-img-scoring img{
    height:100%;
    width:100%;
}

#img-scoring-hide{
    height:600px;
    object-fit: cover;
}

.container-actions-impact-positif{
    padding:20px;
    border-top: lightgrey solid 0.25px;
    height:124px;
    margin-left:-20px;
}

.container-actions-impact-positif2{
    padding:20px;
    margin-left:-20px;
    border-bottom: lightgrey solid 0.25px;
    border-top: lightgrey solid 0.25px;
    height:124px;
}

.container-actions-impact-positif:hover{
    background-color:#f6F6F6;
}

.container-actions-impact-positif2:hover{
    background-color:#f6F6F6;
}

.container-actions-ligne{
    border-right: lightgrey solid 0.25px;
    /* height:124px; */
    margin-top:-20px;
    border-top:none;
}

@media(max-width:768px){
 
    .container-actions-ligne{
        border-right: none;
        margin-top:0px;
    }
    .container-actions-impact-positif2{
        display:none;
    }
    .container-actions-impact-positif{
        display:none;
    }
}

.chiffre-action-impact-positif{
    text-align:left;
    font-family:adria_grotesklight;
    font-size:47px;
    padding-top:10px;
    /* padding-left:15px; */
}

.table-bordered{
    width:100%;
}

.table{
    border-bottom: 1px solid lightgray;
}

.table td{
    height: 136px;
}

#chiffre-action-gauche{
    border-right:solid 1px lightgray;
    /* height:124px; */
}

@media(max-width:992px){
    .table-bordered th, .table-bordered td {
        height: 100px;
    }
}

#chiffre-action-impact-gauche{
    padding-top:30px;
}

.texte-action-impact-positif{
    font-family: adria_groteskextralight;
    font-size:17px;
    color:grey;
    line-height:1.2;
    padding-top:15px;
    text-align:left;
    /* padding-left:15px; */
}

.texte-action-impact-positif strong{
    font-family: adria_grotesklight;
    font-size:17px;
    color:grey;
    line-height:1.2;
    padding-top:15px;
}

@media(max-width:1200px){
    .chiffre-action-impact-positif{
        font-size:40px;
    }

    #chiffre-action-impact-gauche{
        padding-top:30px;
    }
    
    .texte-action-impact-positif{
        font-size:14px;
    }

    .texte-action-impact-positif br{
        display: none;
    }
    
    .texte-action-impact-positif strong{
        font-size:14px;
    }
}

@media(max-width:992px){
    .table td{
        height:146px;
    }
    .chiffre-action-impact-positif{
        font-size:33px;
    }
    
    .texte-action-impact-positif{
        font-size:13px !important;
    }

    .texte-action-impact-positif br{
        display: none;
    }
    
    .texte-action-impact-positif strong{
        font-size:13px !important;
    }
}

.img-video{
   width:80%;
   height:auto;
   display:block;
   margin:auto;
   object-fit: contain;
}

#container-last{
    border-bottom: grey solid 0.25px;

}

.video-impact-positif{
   
    background-size: cover;
    height:100%;
    position:relative;
    background-repeat:no-repeat;
    background-position:center;
    box-shadow: inset 0 0 0 1000px rgba(0, 0,0,0.5);
}

.video-impact-anglais{
    background-image: url('images/homepage/impact-anglais.PNG');
    background-size: cover;
    height:100%;
    position:relative;
    background-repeat:no-repeat;
    background-position:center;
    box-shadow: inset 0 0 0 1000px rgba(0, 0,0,0.5);
}

.video-impact-anglais .container{
    display:table;
    height:100%;
    width:100%;
}

.video-infographie{
    background-image: url('images/cover.PNG');
    background-size: cover;
    height:100%;
    position:relative;
    background-repeat:no-repeat;
    background-position:center;
    box-shadow: inset 0 0 0 1000px rgba(0, 0,0,0.4);
}

.video-gif-telco{
    background-image: url('images/cover-gif-bis.png');
    background-size: cover;
    height:100%;
    position:relative;
    background-repeat:no-repeat;
    background-position:center;
    box-shadow: inset 0 0 0 1000px rgba(0, 0,0,0.4);
}

.video-impact-positif .container{
    height:100%;
    display:table;
    width:100%;
}

.video-infographie .container{
    height:100%;
    display:table;
    width:100%;
}

.container-video-impact-positif{
    display:table-cell;
    vertical-align: middle;
}

.video-gif-telco .container{
    height:100%;
    display:table;
    width:100%;
}

#titre-video-impact{
    font-size:45px;
    /* padding-top:20px; */
    padding-bottom:40px;
    letter-spacing: 1px;
    font-family: adria_grotesklight;
    text-align:center;
    text-transform:uppercase;
}

@media(max-width:992px){
    #titre-video-impact{
        margin-left:0px;
        margin-top:0px;
    }
}
@media(max-width:600px){
   
    .titre-video-impact {
        font-size: 20px;
    }
}
.scoring-impact-positif{
    display:block;
}

.scoring-impact-positif .container{
    display:table;
    height:80%;
    width:100%;
}

.background-scoring-impact-positif{
    background-color:#f6F6F6;
}

.container-texte-explication .container{
    display:table;
    height:80%;
    width:100%;
}

.cell-scoring-impact-positif{
    display: table-cell;
    vertical-align: middle;
}

.img-ODD{
    width:100%;
    height:auto;
    margin-top:10px;
}

#scoring-impact-positif-sm{
    display:none;
}

@media(max-width:992px){
    .scoring-impact-positif{
        display:none;
    }

    #scoring-impact-positif-sm{
        background-image: url('images/images-web2/IMPACT/IMPACT/IMPACT-05.png');
        background-size: cover;
        background-repeat:no-repeat;
        background-position:center;
        position:relative;
        box-shadow: inset 0 0 0 1000px rgba(84,99,169,0.63);
        display:block;
        height:auto;
        position:relative;
    }

    .card{
        border-radius:0;
        margin-bottom:10px;
    }

    .card a{
        text-decoration: none;
    }
    .titre-scoring{
        padding-left:0 !important;
    }

    .text-explication{
        padding-left:0px !important;
        padding-right:0px !important;
        font-size:14px !important;
        color: gray !important;;
    }

    .text-explication .bold{
        padding-left:0px !important;
        padding-right:0px !important;
        font-size:14px !important;
    }
}


#container-scoring-show{
    display:block;
}

.container-scoring-hide{
    display:none;
    position:relative;
}

.container-changeant{
    background-color: #5463a9;
}

.container-textes-scoring{
    background-color: #fff;
    width: 100%;
    height:100px;
    bottom:0px;
    position:absolute;
}

.sous-container-textes-scoring{
    width:20%;
}

.choix-scoring{
    text-align: center;
    font-family:adria_groteskbold;
    text-transform: uppercase;
    font-size:20px;
    color:#fff;
    line-height:1.1;
    padding-top:20px;
    padding:auto;
}

@media(max-width:1326px){
    .choix-scoring{
        font-size:15px;
    }
}

@media(max-width:992px){
    .choix-scoring{
        text-align: left;
        color:gray;
        padding-top:auto;
        padding:20px;
    }
}

.choix-scoring:hover{
    color:#d30f3f;
    cursor: pointer;
    text-decoration: none;
    /* font-family:adria_groteskregular; */
}

.choix-scoring-active{
    color:#d30f3f;
    cursor: pointer;
    font-family:adria_groteskregular;
}

#position-objectif{
    margin-top:15px;
}

@media(max-width:1326px){
    #position-objectif{
        margin-top:9px;
    }
}
.act{
    text-align:center;
    color:#d30f3f;
}

.container-scoring-texte{
    padding-top:70px;
}

.scoring-impact-positif .table-texte-scoring{
    height:100%;
    display:table;
    width:100%;
}

.scoring-impact-positif .cell-texte-scoring{
    display:table-cell;
    vertical-align: middle;
}

.titre-scoring {
    font-family:adria_groteskmedium;
    font-size:50px;
    padding-bottom:20px;
    line-height:1.0;
}

.titre-reporting h2{
    font-size: 45px;
    padding-bottom:20px;
    font-family: adria_groteskmedium;
    line-height:1.0;
    text-transform: uppercase;
}

@media(max-width:992px){
    .titre-reporting h2{
        font-size: 36px;
        padding-bottom:0px;
    }
}

@media(max-width:768px){
    .titre-reporting h2{
        font-size: 32px;
    }
}

.texte-scoring{
    font-family:adria_grotesklight;
    font-size:18px;
    letter-spacing: 1px;
    color:grey;
    line-height: 1.0;
}

#position-texte-scoring{
    position:absolute;
    top:70px;
    left:70px;
    right:30px;
}

@media(max-width:1326px){
    .titre-scoring{
        font-size:45px;
        padding-top:55px;
    }
    .texte-scoring{
        font-size:16px;
    }

    #position-texte-scoring{
        top:55px;
    }
}

.fermer{
    position:absolute;
    top:45px;
    right:30px;
}

.img-fermer:hover{
    cursor:pointer;
}

.container-texte-explication{
    background-color: #F6F6F6;
    color:gray;
    width: 100%;
    min-height:100%;
}


.titre-explication{
    font-family:adria_groteskbold;
    font-size:23px;
    color:#ffffff;
    padding-bottom:10px;
    text-transform: uppercase;
}

.text-explication{
    font-size: 15px;
    font-family: adria_groteskextralight;
    line-height: 1.1;
    letter-spacing: 1px;
    padding-left:15px;
    padding-right:15px;
    color:gray;
}

.text-explication-bold{
    font-size: 18px;
    font-family: adria_groteskbold;
    line-height: 1.1;
    letter-spacing: 0.5px;
    padding-left:15px;
    padding-right:15px;
    color:white;
}

.direction-impact{
    height:auto;
    position:relative;
    background-color:#B7C8DD;
    /* background: linear-gradient(180deg,#f6F6F6 55%, rgb(233,233,233) 0%); */
    padding-top:100px;
    padding-bottom:100px;
}

.direction-impact-inferieur{
    margin-top:70px;
}

@media(max-width:1444px){
    .direction-impact-inferieur{
        margin-top:40px;
    }
}

.ligne-blanche{
    position:absolute;
    left:35%;
    top:58%;
}

@media (min-width:1926px){
    .img-direction{
        width:55% !important;
    }
}

@media(max-width:1200px){
    .img-direction{
        width:65%;
    }
}

.img-direction{
    width:70%;
    height:auto;
    display:block;
    margin:auto;
    /* object-fit:contain; */
}

/* @media(min-width:1920px){
    .img-direction{
        width:55%;
    }
} */
@media(max-width:992px){
    .direction-impact{
        padding-top:70px;
        padding-bottom:70px;
        /* background: linear-gradient(180deg,#f6F6F6 20%, rgb(233,233,233) 0%) !important; */
    }

    .ligne-blanche{
        left:0px;
        top:70%;
    }

    .direction-impact-inferieur{
        margin-top:50px;
    }
}

.interview-telco{
    height:100%;
    position:relative;
    background: linear-gradient(180deg,#f6F6F6 55%,  rgb(233,233,233) 0%);
}

@media(max-width:992px){
    .interview-telco{
        background: linear-gradient(180deg,#f6F6F6 30%,  rgb(233,233,233) 0%) !important;
    }
}
.contributeur-impact{
    height:90%;
}

.img-document-impact{
    display: block;
    margin: auto;
    /* float:left; */
    width:80%;
    height:190px;
    object-fit: contain;
}

.img-document-impact-positif{
    width:150px;
    height:23vh;
    object-fit: cover;
}

@media(min-width:1926px){
    .img-document-impact-positif{
        width:255px;
    }
}



@media(max-width:992px){
    .contributeur-impact{
        height:70%;
    } 

    .img-document-impact-positif{
        width:80%;
        height:30vh;
    }
}
@media(min-width:1926px){
    .contributeur-impact{
        height:50%;
    }
}

.document-impact-positif{
    height:100%;
    position:relative;
    background-color: #f6f6f6;
}

@media(min-width:1926px){
    .document-impact-positif{
        height:70%;
    }
}

@media(max-width:768px){
    .document-impact-positif{
        height:auto;
    }
}

.document-impact-positif .container{
    display:table;
    width:100%;
    height:100%;
    padding-top:0px;
    padding-bottom:0px;
}

.titre-publication{
    font-family: adria_groteskregular;
    font-size:17px;
}

.bouton-document-impact-positif{
    border:1px solid #fff;
    background-color: transparent;
    color:#FFF;
    margin:5px 5px auto;
    width:155px;
    height:39px;
}

@media (max-width:992px){
    .bouton-document-impact-positif{
        width:90% !important;
        height:45px !important;
    }
}

.img-publication{
    width:100%;
    height:100vh;
    position:relative;
    object-fit: cover;
}

.shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color:rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
}

.shadow-pole {
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.4);
    top: 0;
    left: 0;
}


@media(min-width:1926px){
    .img-publication{
        height:70vh;
    }
}

.img-publication:hover{
    cursor:pointer;
}

.container-img-publication{
    height:100%;
    position:relative;
}

.position-sous-titre-impact{
    position:absolute;
    bottom:60px;
    left:40px;
    right:auto;
}

@media(max-width:767px){
    .position-sous-titre-impact{
        bottom:40px;
        left:20px;
        right:20px;
    }
}

.sous-titre-impact{
    font-family:adria_groteskregular;
    font-size:40px;
    color:#fff;
    padding-bottom:10px;
}

.texte-impact{
    font-family:adria_grotesklight;
    font-size:20px;
    color:grey;
    line-height:1.0;
    letter-spacing: 1.1px;
}

.img-download-impact{
    height:29px;
    width:auto;
    padding-bottom:6px;
    padding-left:20px;
}

.size-impact{
    font-family:adria_groteskbold;
    size:16px;
    color:grey;
}

.download-impact{
    text-transform: uppercase;
    font-family: adria_groteskregular;
    font-size:16px;
}

.date-impact{
    font-family:adria_groteskbold;
    font-size:35px;
    letter-spacing: 2px;
    line-height: 1.0;
    padding-top:25px;
}

.titre-impact{
    font-family: adria_groteskregular;
    font-size:16px;
    letter-spacing:2px;
    text-transform: uppercase;
    padding-left:0px;
    padding-top:-2px;
}

@media(max-width:1326px){
    .sous-titre-impact{
        font-size: 32px !important;;
    }
    
    .texte-impact{
        font-size:14.5px !important;
    }
    
    .img-download-impact{
        height:29px;
        width:auto;
        padding-bottom:9px !important;
        padding-left:20px;
    }
    
    .size-impact{
        size:16px !important;
    }
    
    .download-impact{
        font-size:14px !important;
    }
    
    .date-impact{
        font-size:32px !important;
        padding-top:25px;
    }
    
    .titre-impact{
        font-size:14px !important;
    }
}


@media(max-width:992px){
    .sous-titre-impact{
        font-size: 28px !important;;
    }
    
    .texte-impact{
        font-size:12.5px !important;
    }
    
    .img-download-impact{
        height:25px !important;
        padding-bottom:8px !important;
    }
    
    .size-impact{
        size:16px !important;
    }
    
    .download-impact{
        font-size:12px !important;
    }
    
    .date-impact{
        font-size:28px !important;
        padding-top:25px;
    }
    
    .titre-impact{
        font-size:12px !important;
    }
}

@media(max-width:768px){
    .document-impact-positif .container{
        padding-top:20px;
        padding-bottom: 20px;
    }
}

@media(max-width:600px){
    .titre-publication{
        font-size: 15px !important;
    }

    .sous-titre-impact{
        font-size: 26px !important;;
    }
    
    .img-download-impact{
        padding-bottom:9px !important;
    }

    .download-impact{
        font-size:11px !important;
    }
    
    .date-impact{
        font-size:24px !important;
        padding-top:25px;
    }
    
    .titre-impact{
        font-size:11px !important;
    }
}

.ease {
	-webkit-transition: all .5s;
	   -moz-transition: all .5s;
		 -o-transition: all .5s;
			transition: all .5s;
}

.tabs4{
    background-color:#F6F6F6;
    position:relative;
    width:auto;
}

.tabs4 > input, .tabs4 > span{
    position:absolute;
    height:80px;
    border: solid 0.5px #F6F6F6;
    width:25%;
    bottom:0;
    left:0;
    right:0;
}

.tabs {
	background: #fff;
	position: relative;
    width:100%;
}

.tabs > input,
.tabs > span {
	width: 33.33%;
	height: 100px;
	line-height: 60px;
	position: absolute;
	bottom: 0;
    right:0;
    border-right:solid 0.5px #FFF;
}

.tabs > input {
	cursor: pointer;
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	z-index: 99;
}

.tabs > span {
	background:#5463a9;
	text-align: center;
	overflow: hidden;
}

.tabs > span i,
.tabs > span {
	-webkit-transition: all .5s;
	   -moz-transition: all .5s;
		 -o-transition: all .5s;
			transition: all .5s;
}


#logo-passif{
    opacity:1;
}

#logo-active{ 
    opacity:0;
}

.tabs > input:checked + span {
	background: #fff;
}


.tabs > input:checked + span,
.tabs > input:hover + span {
	color: #d30f3f;
}

#tab-1, #tab-1 + span {
	left: 0;
}

#tab-2, #tab-2 + span {
	left: 33.33%;
}

#tab-3, #tab-3 + span {
	left: 66.66%;
}



.tabs-2 {
	background: #fff;
	position: relative;
}

.tabs-2 > input,
.tabs-2 > span {
	width: 25%;
	height: 100px;
	line-height: 60px;
	position: absolute;
	bottom: 20px;
    border-right:solid 1px lightgrey;
}

@media(max-width:1326px){
    .tabs-2 > input,
    .tabs-2 > span {
        height: 74px;
    }
}

.tabs-2 > input {
	cursor: pointer;
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	z-index: 99;
}

.tabs-2 > span {
	background: #5463a9;
	text-align: center;
	overflow: hidden;
    color:#ffffff;
}

.tabs-2 > input:checked + span ,
.tabs-2 > input:hover + span{
    background-color:#fff;
}

.tabs-2 > span p,
.tabs-2 > span {
	-webkit-transition: all .5s;
	   -moz-transition: all .5s;
		 -o-transition: all .5s;
			transition: all .5s;
}

.tabs-2 > input:checked + span p,
.tabs-2 > input:hover + span p{
	color: #d30f3f;
}

#tab2-1, #tab2-1 + span {
	left: 0;
}

#tab2-2, #tab2-2 + span {
	left: 25%;
}

#tab2-3, #tab2-3 + span {
	left: 50%;
}

#tab2-4, #tab2-4 + span {
	left: 75%;
}

.tabs-3 {
	background: #fff;
	position: relative;
}

.tabs-3 > input,
.tabs-3 > span {
    flex-direction: row;
	width: 25%;
	height: 100px;
	line-height: 60px;
	top:350px;
	position: absolute;
    border-bottom:solid 2px lightgrey;
}

@media(max-width:992px){
    .tabs-3 > input,
    .tabs-3 > span {
        display:none;

    }
}

.tabs-3 > input {
	cursor: pointer;
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	z-index: 99;
}

.tabs-3 > span {
	background: transparent;
	text-align: left;
	overflow: hidden;
}

.tabs-3 > input:checked + span ,
.tabs-3 > input:hover + span{
    background-color:transparent;
	border-bottom:solid 5px #d30f3f;
}

.tabs-3 > span p,
.tabs-3 > span {
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

@media(max-width:1200px){
	.tabs-3 > input,
	.tabs-3 > span {
		top:250px;
	}
}

@media(min-width:1926px){
	.tabs-3 > input,
	.tabs-3 > span {
		top:500px;
	}
}

#tab3-1, #tab3-1 + span {
	left: 0;
}

#tab3-2, #tab3-2 + span {
	left: 25%;
}

#tab3-3, #tab3-3 + span {
	left: 50%;
}

#tab3-4, #tab3-4 + span {
	left: 75%;
}

.nos-engagements .container-fluid{
    width:100%;
}

.nos-engagements .container-fluid .container-engagement{
   display:none;
}

#tab-1:checked ~ #ungc  {
	display: block;
}

#tab-2:checked ~ #axianuniversity  {
	display: block;
}

#tab-3:checked ~ #fondationaxian  {
	display: block;
}

#tab-4:checked ~ #fondationh {
	display: block;
}


/* effect-2 */

.effect-2{
    width:100%;
}

.effect-2 span i{
	padding-right: 15px;
}

@media (max-width: 600px) {
	.effect-2 span span {display: none;}
	.effect-2 span i {padding: 0;}
}


.effect-5 > input:checked + span img,
.effect-5 > input:hover + span img .img-engagement2{
    /* opacity: 0; */
    display:none;
}

.effect-5 > input:checked + span svg img,
.effect-5 > input:hover + span svg img .img-engagement2-active{
    /* opacity: 1; */
    display:block;
}

.nos-engagements{
    height:95%;
    position:relative;
}

@media(min-width:1444px){
    .nos-engagements{
        height:85% !important;
    }
}

.nos-engagements-sm{
    display:none;
}

.nos-engagements .container-fluid{
    position:relative;
}
.bouton-engagement{
    float:left;
    background-color: #ff0045;
    margin-top:10px;
}

.banniere-engagement{
    background-image: url('images/images-web2/engagement/banniere-engagement.png');
    position:relative;
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.4);
	background-size: cover;
    height:100%;
    background-repeat:no-repeat;
    background-attachment: fixed;
    background-position:50% 0;
}

@media(max-width:992px){
    
    .banniere-engagement{
        background-attachment: initial;
        background-position:100%;
    }
}

.texte-engagement{
    position:relative;
    height:20%;
    background-color: #c0cad1;
}

.texte-engagement .container{
    display: table;
    height: 100%;
    width:100%;
}

.position-introduction-engagement{
    display:table-cell;
    vertical-align: middle;
}

.introduction-engagement{
    color:rgb(0,0,0,0.7);
    font-family: adria_groteskextralight;
    font-size:20px;
    line-height: 1;
    letter-spacing: 1px;
}

.banniere-juridiction{
    background-image: url('images/images-web2/banniere-juridiction.jpg');
    background-size: cover;
    height:50%;
    background-repeat:no-repeat;
    background-position:center;
    position:relative;
}

.contenu-juridiction{
	height:auto;
	position:relative;
	margin-top:70px;
	margin-bottom:70px;
}

@media(max-width:1200px){
    .introduction-engagement{
        font-size:16px;
    }
}

@media(max-width:992px){
    .introduction-engagement{
        font-size:13px !important;
    }
}

@media(max-width:992px){
    .introduction-engagement{
        font-size:13px !important;
    }

    .nos-engagements{
        display:none;
    }

    .nos-engagements-sm{
        display:block;
        background-image: url('images/images-web2/engagement/engagement-02.png');
        background-size: cover;
        height:auto;
        background-repeat:no-repeat;
        background-position:center;
        position:relative;
        box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.7);
    }

    .nos-engagements-sm .container{
        display:table;
        height:100%;
        width:100%;
    }

    .container-nos-engagements-sm{
        display:table-cell;
        vertical-align: middle;
    }
}

@media(max-width:425px){
    .introduction-engagement{
        font-size:12px !important;
    }
}

.img-detail-engagement img{
    height:95vh;
    width:100%;
    object-fit: cover;
    position:relative;
}

.position-pattern-detail-engagement img{
    position:absolute;
    bottom:90px;
    left:0px;
    width:100%;
}

.position-pattern-impact-positif img{
    position:absolute;
    bottom:0px;
    left:-4px;
    height:42vh;
    width:auto;
}
@media(min-width:1444px){
    .img-detail-engagement img{
        height:85vh;
    }
}
.container-img-detail-engagement{
    height:0px;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    width:100%;
    height:120px;
    color: #fff;
    background-color: #ff0045;
    border: 0.2px solid #c0cad1;
    text-align:center;
    font-size:30px;
    padding:20px;
}

.nav-tabs .nav-link {
    width:100%;
    height:120px;
    color:#414042;
    background-color:#f6f6f6;
    border: 0.2px solid #c0cad1;
    text-align:center;
    font-size:30px;
}

#scoring{
    display:flex;
}
.container-engagement{
    display:none;
}

@media(min-width:1926px){
    .container-texte-engagement{
        padding-top:20px;
        padding-left:0px !important;
        padding-right:70px;
        overflow:hidden !important;
        height:auto !important;
    }

    .container-texte-engagement .container{
        max-height:100%;
        overflow-y: unset;
    }
}

.container-texte-engagement{
    padding-top:20px;
    padding-left:70px;
    padding-right:70px;
    overflow:hidden;
    height:450px;
}

.container-texte-engagement .container{
    max-height:100%;
    overflow-y: scroll;
}

.container-texte-engagement .container::-webkit-scrollbar{
    display:none;
}


.img-engagement{
    display:block;
    margin:auto;
    width:135px;
    height:auto;
    opacity: 1;
}

.img-engagement:hover{
    cursor: pointer;
    opacity:1;
}

.img-engagement2{
    display:block;
    margin:auto;
    width:120px;
    height:auto;
    opacity: 1;
}

.img-engagement2:hover{
    cursor: pointer;
    opacity:0;
}

.img-engagement2-active{
    display:none;
    margin:auto;
    width:120px;
    height:auto;
    /* opacity: 0; */
}

.img-engagement2-active:hover{
    cursor: pointer;
    /* opacity:1; */
    display:block;
    position:absolute;
}

@media(max-width:1200px){
    .img-engagement{
        width:95px !important;
    }
    
    .img-engagement2{
        width:100px !important;
    }
}

@media(max-width:992px){
    .img-engagement{
        margin:15px auto 15px auto;
    }
    
    .img-engagement2{
        margin:15px auto 15px auto !important;
    }
}


.container-img-engagement{
    background-color: #f6f6f6;
}

.ligne-engagement{
    border-right:solid 1px grey;
}

.paragraphe-engagement{
    font-family: adria_grotesklight;
    font-size:16px;
    line-height: 1.3;
    color:grey;
}

.titre-engagement{
    font-family:adria_grotesklight;
    font-size:26px;
    letter-spacing: 1px;
    line-height:1.2;
}

.sous-titre-engagement{
    font-size:20px;
}

.grand-titre-engagement{
    font-family: adria_groteskbold;
    font-size:36px;
    text-transform:uppercase;
    padding-top:20px;
    text-align: left;
}

@media(min-width:1560px){
    .paragraphe-engagement{
        font-size:18px;
    }
    
    .titre-engagement{
        font-size:28px;
    }
    
    .grand-titre-engagement{
        font-size:38px;
    }
}
@media(max-width:1200px){
    .paragraphe-engagement{
        font-size:14px;
    }
    
    .titre-engagement{
        font-size:21px;
    }
    
    .grand-titre-engagement{
        font-size:34px;
    }

    .container-texte-engagement{
        height:500px;
    }
}
@media(max-width:992px){
    .paragraphe-engagement{
        font-size:13px !important;
    }
    
    .titre-engagement{
        font-size:17px;
    }
    
    .grand-titre-engagement{
        font-size:27px;
    }

    .container-texte-engagement{
        padding-left:25px;
        padding-right:25px;
        height:350px;
    }
}

@media(max-width:768px){
    .grand-titre-engagement{
        text-align:center;
        font-size:25px;
    }

    .titre-engagement{
        font-size:15px;
    }

    .bouton-engagement{
        float:none;
    }
}
#position-img-1{
    margin-top:5px;
    width:90px;
}

#position-img-2{
    margin-top:20px;
}

#position-img-3{
    margin-top:30px;
}

.position-img-4{
    margin-top:5px;
    height:auto;
    width:100px;
}

.position-img-1-2{
    margin-top:0px;
    width:95px;
}

.position-img-2-2{
    margin-top:20px !important;
}

.position-img-3-2{
    margin-top:28px !important;
}

.position-img-4-2{
    margin-top:-55px;
    height:auto;
    width:100px;
}

@media(max-width:1200px){
    .nos-engagements{
        height:100% !important;
    }

    .img-detail-engagement{
        height:100vh;
    }

    #position-img-1{
        margin-top:0px !important;
    }
    
    #position-img-2{
        margin-top:20px !important;
    }
    
    #position-img-3{
        margin-top:30px !important;
    }
    
    #position-img-4{
        margin-top:23px !important;
    }
    
}
.container-tabs-engagements{
    position:absolute;
    bottom:30px;
    width:100%;
    left:0px;
    right:0px;
    /* height:30px; */
}

/* #ungc{
    display:block;
} */

#axianuniversity{
    display:block;
}

.media{
    height:200%;
    width:100%;
    position:relative;
}

.banniere-media{
    background-image: url('images/homepage/WEBITE_TELCO-55.jpg');
    position:relative;
	background-size: cover;
    height:100%;
    background-repeat:no-repeat;
    background-attachment: fixed;
    background-position:50% 0;
}

@media(max-width:992px){
    
    .banniere-media{
        background-attachment: initial;
        background-position:100%;
    }
}


.texte-banniere-media{
    font-family:adria_groteskextralight;
    color:#fff;
    font-size:40px;
    letter-spacing:1px;
    line-height:1.0;
    padding-bottom:20px;
}

.img-pressroom-media{
    margin-top:0px;
}

.banniere-detail-media{
	background-image: url('images/images-web2/MEDIA/MEDIA/elements_media/elements_media/contact_website-02.png');
    position:relative;
	box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.2);
	 background-size: cover;
    height:70%;
    background-repeat:no-repeat;
    background-attachment: fixed;
    background-position:50% 0;
}


@media(max-width:992px){
    
    .banniere-detail-media{
        background-attachment: initial;
        background-position:100%;
    }
}


.detail-media{
	height:auto;
	position:relative;
	margin-top:70px;
	margin-bottom:70px;
}

.margin-communique{
	padding-left:0px;
}

.bouton-detail-media{
	margin:0px 0px 30px 0px;
	width:30px !important;
}

.bouton-detail-communique{
	margin-left:0px !important;
	margin-top:10px !important;
}

.titre-pressroom-all-media{	
	font-family: 'adria_groteskregular';
    color: #d30f3f;
    text-transform: uppercase;
    letter-spacing: 0.5px;
	font-size:18px;
}

.titre-communique{
	font-family: 'adria_groteskbold';
	letter-spacing:0.5px;
    color: rgb(0,0,0,0.5);
}

.texte-communique{
	font-size: 18px;
    font-family: 'adria_grotesklight';
    letter-spacing: 0.5px;
    color: rgb(0,0,0,0.5);
}

.icone-communique{
	width:13px;
	height:auto;
}
.img-communique{
	width: 180px;
    margin: auto;
    display: block;
    height: auto;
    object-fit: cover;
}

.police-mot{
	font-size:16px;
	text-align:center;
	line-height:1.3;
}

.date-communique{
	font-family:adria_groteskregular;
    font-size:16px;
    letter-spacing: 2px;
    line-height: 1.0;
    color:#5463a9;
    padding-bottom:15px;
    padding-top:0px;
	text-transform:uppercase;
}


.bouton-banniere-bouton{
    /* display:inline-block; */
    margin-left:0px;
    margin-right:15px;
    margin-top:0px;
    background-color:#5463a9;
    border:none;
    color:#FFF;
    font-size:11px;
    font-family:adria_grotesklight;
    letter-spacing:1px;
    padding:12px;
    text-transform: uppercase;
    width:auto;
}

.container-banniere-boutons{
    display:flex;
    flex-direction: row;
}

@media(max-width:768px){
    .texte-banniere-media{
        font-size:34px;
    }

    .container-banniere-boutons{
        display:none;
    }
}

@media(max-width:475px){
    .texte-banniere-media{
        font-size:28px !important;
    }

    .container-banniere-boutons{
        flex-direction: column;
    }

    .bouton-banniere-bouton{
        margin-top:15px;
        width:200px;
    }
}

@media(max-width:375px){
    .texte-banniere-media{
        font-size:22px !important;
    }
}

@media(max-width:320px){
    .texte-banniere-media{
        font-size:18px !important;
    }

    .bouton-banniere-bouton{
        width:150px !important;
        font-size:9px !important;
    }
}

.bouton-banniere-bouton:hover{
    text-decoration: none;
    color:#FFF;
    background-color: #d30f3f;
    cursor: pointer;
    /* border:solid 1px #5463a9; */
}

.position-img-bouton{
    height: 15px;
    margin-top: -3px;
    margin-left: 4px;
}

.documentaire-media{
    height:auto;
    margin-top: 70px;
    margin-bottom: 70px;
    position:relative;
}

.reporting{
    padding-top:100px;
    padding-bottom:100px;
    height:auto;
    position:relative;
}

@media(min-width:1444px){
    .reporting{
        padding-top:150px;
        padding-bottom:150px;
    }
}

.reporting-investisseur{
   height:auto !important;
   padding-top:70px;
   padding-bottom:70px;
}

@media(max-width:992px){
    .reporting{
        height:auto;
        margin-top:70px;
        margin-bottom:70px;
        position:relative;
    }

    .reporting-investisseur{
        height:auto;
        margin-top:70px;
        margin-bottom:70px;
    }
}

.reporting .container{
    display: table;
    height: 100%;
    width: 100%;
}

.reporting-investisseur .container{
    display: table;
    height: 100%;
    width: 100%;
}

.container-reporting{
    display: table-cell;
    vertical-align: middle;
}

.boutonmedia{
    height:55px;
}


.cadre-blanc{
	background-color:#ffffff;
	width:100%;
	height:380px;
}


.pressroom-media{
    height:auto;
    padding:70px;
    position:relative;
	background-color:#F6F6F6;
}

.pressroom-anime{
    height: auto !important;
    min-height:100%;
}

#position-second-media{
    margin-top:35px;
}

@media(min-width:1926px){
    .pressroom-anime{
        min-height:50% !important;
    }

    #position-second-media{
        margin-top:0px;
    }
}

@media(max-width:992px){
    .pressroom-anime{
        min-height:100%;
    }
}

.pressroom-media .container{
    display:table;
    height:100%;
    width:100%;
}

.titre-actualite-media{
    color:#5463a9;
}

.filtre{
    font-family:adria_groteskregular;
    color:grey;
    text-transform: uppercase;
    text-align: left;
    letter-spacing:1px;
    font-size: 18px;
    margin-bottom:0px;
}

#position-bouton-media{
    margin-top:20px;
}

.events{
    margin-left:0px;
    margin-right:15px;
    margin-top:0px;
    margin-bottom:20px;
    background-color:transparent;
    border:none;
    border-bottom:none;
    color:grey;
    font-size:16px;
    font-family:adria_grotesklight;
    letter-spacing:1px;
    padding:12px;
    text-transform: uppercase;
    width:auto;
}

.events:hover{
    color:#d30f3f !important;
    border-bottom:solid 2px #d30f3f !important;
}

.event-actif{
    color:#d30f3f !important;
    border-bottom:solid 2px #d30f3f !important;
    padding-left:0px;
}

.container-evenement{
    display:none;
}

#upcoming{
    display:block;
}

.card-event{
   width:100%;
   height:300px;
   background-color:#FFF; 
   position: relative;
   box-shadow: 10px 10px 10px rgba(0,0,0,0.2);
   margin-top:25px;
}

@media(max-width:992px){
    .card-event{
        margin-top:15px;
    }
}

.date-event{
    color: #d30f3f;
    font-family: adria_groteskblack;
    font-size: 40px;
    padding-top: 40px;
}

.titre-event{
    color:grey;
    font-family:adria_groteskmedium;
    font-size: 30px;
    letter-spacing:1px;
    padding-top:20px;
}

.calendrier-event p{
    color:grey;
    font-size: adria_groteskregular;
    padding-top: 30px;
    font-size:20px;
}

.lien-event p{
    color:#5463a9 !important;
    text-decoration: underline;
    font-size:adria_grotestregular;
    font-size: 18px;
    padding-top:30px;
}

@media(max-width:1444px){
    .date-event{
        font-size:30px;
    }

    .titre-event{
        font-size: 20px;
    }

    .calendrier-event p{
        font-size:16px;
    }

    .lien-event{
        font-size:16px;
    }
}

.position-bouton-media2{
    margin-top:0px;
}

.theader-document{
    font-family:adria_grotesklight;
    font-size:18px;
    color:grey;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.tbody-document p{
    font-family:adria_groteskmedium;
    font-size:18px;
    color:grey;
    letter-spacing: 1px;
}

.tdate-document{
    font-family:adria_groteskregular;
    font-size:14px;
    margin-bottom:5px;
    margin-top: 20px;
    color:grey;
    letter-spacing: 1px;
}

.ttitre-document{
    margin-bottom:5px;
    margin-top:10px;
    font-size:16px;
}

.tabs-event {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    overflow: hidden; 
}

.tabs-event [class^="sous-tabs-event"] label,
.tabs-event [class*=" sous-tabs-event"] label {
    /* color:grey; */
    font-family: adria_groteskblack;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    display: block;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1em;
    padding: 2rem 0;
    text-align: center; 
}

.colordddd{
    color:#d30f3f;
}

.tabs-event [class^="sous-tabs-event"] [type="radio"],
.tabs-event [class*=" sous-tabs-event"] [type="radio"] {
    border-bottom: 1px solid rgba(239, 237, 239, 0.5);
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; 
}

.tabs-event [class^="sous-tabs-event"] [type="radio"]:hover, .tabs-event [class^="tab"] [type="radio"]:focus,
.tabs-event [class*=" sous-tabs-event"] [type="radio"]:hover,
.tabs-event [class*=" sous-tabs-event"] [type="radio"]:focus{
    border-bottom: 1px solid #d30f3f; 

}

.tabs-event [class^="sous-tabs-event"] [type="radio"]:checked,
.tabs-event [class*=" sous-tabs-event"] [type="radio"]:checked 
{
    border-bottom: 2px solid #d30f3f; 
    
}

.tabs-event [class^="sous-tabs-event"] [type="radio"]:checked + div,
.tabs-event [class*=" sous-tabs-event"] [type="radio"]:checked + div {
    opacity: 1; 
}

.tabs-event [class^="sous-tabs-event"] [type="radio"]:checked ~ .colordddd {
    color:#d30f3f;
}

.tabs-event [class^="sous-tabs-event"] [type="radio"] + div,
.tabs-event [class*=" sous-tabs-event"] [type="radio"] + div {
    display: block;
    opacity: 0;
    padding: 2rem 0;
    width: 90%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; 
}

.tabs-event .sous-tabs-event {
    width: 50%; 
}

.tabs-event .sous-tabs-event [type="radio"] + div {
    width: 200%;
    margin-left: 200%; 
}

.tabs-event .sous-tabs-event [type="radio"]:checked + div {
    margin-left: 0; 
}

.tabs-event .sous-tabs-event:last-child [type="radio"] + div {
    margin-left: 100%; 
}

.tabs-event .sous-tabs-event:last-child [type="radio"]:checked + div {
    margin-left: -100%;
}

@media(max-width:768px){
    .theader-document{
        font-size:14px;
    }
}

.container-filtre-cache{
    background-color:#F6F6F6;
    width:100%;
    height:200px;
    position:relative;
    border-bottom:1px solid #c0cad1;
}

.container-filtre-cache .container{
    display:table;
    height:100%;
    width:100%;
}
.body1{
    line-height:1.2;
}

.ligne-separation{
    border:0.5px solid grey;
    margin-bottom:32px;
    margin-top:0px;
}

@media(max-width:1200px){
    .ligne-separation{
        margin-bottom:25px;
    }   
}

@media(max-width:992px){
    .ligne-separation{
        margin-bottom:20px;
    }   
}
.icone-plus{
    float: right;
    width:10px;
}

.icone-moins{
    font-family: adria_groteskbold;
    font-size: 25px;
    color: gray;
}

.icone-pdf{
    float: left;
    width:35px;
}

#position-bouton-actualite-media{
    position:absolute;
    bottom:1px;
    left:50%;
    transform: translateX(-50%);
}

.actualites-media{
    height:100%;
    position:relative;
}

.actualites-media .container{
    display:table;
    height:100%;
    width:100%;
}

.titre-pressroom-media{
    padding-top:10px;
    padding-bottom:10px;
    font-size:38px;
    font-family:adria_groteskblack;
}

@media(max-width:1200px){
    .titre-pressroom-media{
        font-size:36px;
    }
}
@media(max-width:992px){
    .titre-pressroom-media{
        font-size:28px !important;
    }

    .actualites-media{
        height:auto;
    }
}

#doc-mobile{
    display:block;
}

@media(max-width:600px){
    #doc-mobile{
        display:none;
    }
}
@media(max-width:600px){
    .titre-pressroom-media{
        font-size:25px !important;
    }
}
@media(max-width:320px){
    .titre-pressroom-media{
        font-size:21px !important;
    }
    .titre-avantdernier-actualite {
        font-size: 13px !important;
    }
}

#position-bouton-pressroom-media{
    position:absolute;
    bottom:3%;
    left:50%;
    transform: translateX(-50%);
}

.bouton-media{
    display:block;
    margin:auto;
    color:white;
    background-color:#d30f3f;
    border:none;
    font-size:14px;
    padding-left:15px;
    padding-right:15px;
    padding-top:10px;
    padding-bottom:10px;
}

.container-texte-actualite-media{
    background-color: #f6F6F6;
    margin-bottom:27px;
    height:240px;
}

.img-pressroom{
    height:480px;
    width:100%;
}

.img-pressroom2{
    height:364px;
    width:100%;
}

.content-text-sous-actualite-pressroom{
    position:absolute;
    right:10px;
    bottom:5px;
    left:15px;
    color:white;
    padding:10px;
}

.img-video-media{
    height:40vh;
    width:100%;
    padding:10px;
    margin-left:-15px;
    display:block;
	object-fit:cover;
    position:relative;
}

.date-video-media{
    padding-top:5px;
    padding-bottom:5px;
    font-family: adria_groteskregular;
    font-size:13px;
    letter-spacing:1px;
    text-transform: uppercase;
    padding-left:10px;
    color:#d30f3f;
    margin-bottom:0px;
}

.categorie-video-media{
    font-family:adria_groteskregular;
    color:rgb(0,0,0,0.6);
    line-height:1.1;
    padding-left:10px;
    font-size:16px;
    padding-bottom:0px;

}

@media(max-width:768px){
    .img-video-media{
        width:100%;
        padding:30px;
        display:block;
        margin:auto;
    }

    .date-video-media{
        padding-left:30px;
    }
    
    .categorie-video-media{
        padding-left:30px;
        padding-bottom:10px;
    }
}

.img-single-actualite-media{
    width:100%;
    height:240px;
    margin-bottom:27px;
    padding-left: 15px;
}

.banniere-recrutement{
    background-image: url('images/images-web2/RECRUTEMENT/RECRUTEMENT-08.png');
    background-size: cover;
    height:100%;
    background-repeat:no-repeat;
    background-position:center;
}

.img-icone-recrutement{
    max-height:95px;
    height:auto;
    width:auto;
    display:block;
    margin:0px auto;
}

.chiffres-cles-recrutement{
    color:#d30f3f; /* La couleur rouge Axian*/
    font-size:36px;
    font-family:adria_groteskblack;
    margin-bottom:0px;
}

.textes-chiffres-cles-recrutement{
    font-size:25px;
    color:#5463a9;
    font-family: adria_grotesklight;
    line-height:1.0;
    margin-bottom:10px;
}

.sous-textes-chiffres-cles-recrutement{
    font-size:13px;
    color:#5463a9;
    font-family: adria_groteskextralight;
    line-height:1.0;
    text-transform: uppercase;
}

.titre-action-recrutement{
    font-family:adria_grotesklight;
    font-size:70px;
    line-height: 1.0;
}

.bouton-recrutement{
    float:left;
    /* margin-left:15px; */
    width: 190px;
}

.texte-action-recrutement{
    font-family:adria_groteskmedium;
    font-size:14px;
    text-transform: uppercase;
    margin-top:23px;
    margin-bottom:18px;
    letter-spacing: 1px;
}

@media(max-width:1200px){
    .titre-action-recrutement{
        font-size:55px !important;
    }

    .text-drh{
        font-size: 16px;
    }

    .text-drh p{
        font-size: 16px;
    }

    .chiffres-cles-recrutement{
        font-size:34px;
    }

    .textes-chiffres-cles-recrutement{
        font-size:22px;
    }

}
@media(max-width:992px){
    .titre-action-recrutement{
        font-size:45px;
    }
    
    .texte-action-recrutement{
        font-size:11px;
    }
}

@media(max-width:768px){
    .titre-action-recrutement{
        font-size:30px!important;
    }
    
    .texte-action-recrutement{
        font-size:11px;
    }

}

@media(max-width:320px){
    .titre-action-recrutement{
        font-size:28px!important;
    }
}

.mot-drh-recrutement{
    position:relative;
    height:50%;
    background-color: #f6f6f6;
}

.mot-drh-recrutement-bis{
    position:relative;
    height:75%;
    /* background-color: #f6f6f6; */
}

.mot-drh-recrutement-bis .container{
    display:table;
    height:100%;
    width:100%;
}

@media(max-width:992px){
    .mot-drh-recrutement{
        height:100%;
    } 
}

.mot-drh-recrutement .container{
    display: table;
    height:100%;
    width:100%;
}

.container-mot-drh-recrutement{
    display:table-cell;
    vertical-align: middle;
    /* padding-top:70px; */

}

.text-drh{
    font-family:adria_groteskextralight;
    font-size:18px;
    color:grey;
    padding-top:0px;
}

.text-drh p{
    font-family:adria_groteskextralight;
    font-size:18px;
    padding-top:0px;
    line-height:1.1;
    color:grey;
}


.nom-drh{
    font-family:adria_groteskmedium;
    font-size:13px;
    color:#d30f3f;
    text-transform: uppercase;
    margin-bottom: 0px;
    margin-top:5px;
}

.poste-drh{
    font-family:adria_groteskextralight;
    font-size:13px;
    color:rgb(0,0,0,0.5);
    text-transform: uppercase;
}

.guillemet-1{
    width:75px;
    display:block;
    margin:auto;
    padding-bottom:0px;
}

#unique{
    height:200px;
    width:210px;
}

.img-drh{
    width:140px;
    height:140px;
    object-fit: cover;
    display:block;
    margin:auto;
    border-radius: 50%;
    border-top-left-radius: 50% 50%;
    border-top-right-radius: 50% 50%;
    border-bottom-right-radius: 50% 50%;
    border-bottom-left-radius: 50% 50%;
}

.img-drh-bis{
    width:220px;
    height:220px;
    object-fit: cover;
    display:block;
    margin:90px auto;
    border-radius: 50%;
    border-top-left-radius: 50% 50%;
    border-top-right-radius: 50% 50%;
    border-bottom-right-radius: 50% 50%;
    border-bottom-left-radius: 50% 50%;
}

@media(min-width:1444px){
    .text-drh{
        font-size:23px;
    }

    .text-drh p{
        font-size:23px;
    }
}

@media(max-width:1245px){
    .img-drh-bis{
        width:175px !important;
        height:175px !important;
    }

    .guillemet-1{
        width:55px !important;
    }
}

@media(max-width:1200px){
    .img-drh{
        width: 125px !important;
        height:125px !important;
    }

    .guillemet-1{
        width:65px !important;
    }
}
@media(max-width:992px){
    .text-drh{
        font-size:14px;
        padding-top:0px;
    }

    .text-drh p{
        font-size:14px;
        padding-top:0px;
    }
    
    
    .nom-drh{
        font-size:12px;
    }
    
    .poste-drh{
        font-size:12px;
    }
    
    .guillemet-1{
        width:40px;
    }
    
    .img-drh{
        width: 110px !important;
        height:110px !important;
    }

    .img-drh-bis{
        width:200px;
        height:200px;
        margin:-5px auto;
    }
}

@media(max-width:768px){
    .text-drh{
        font-size:13px !important;
        padding-top:0px;
    }

    .text-drh p{
        font-size:13px !important;
        padding-top:0px;
    }
    
    
    .nom-drh{
        font-size:10px !important;
    }
    
    .poste-drh{
        font-size:10px !important;
    }
    
    .guillemet-1{
        width:35px  !important;
        padding-bottom: 10px;
    }
    
    .img-drh{
        width: 100px !important;
        height:100px !important;
        margin:10px auto;
    }
}

.img-drh2{
    width:140px;
    height:auto;
    display:block;
    margin:auto;
}

.action-recrutement{
    background-image: url('images/images-web2/RECRUTEMENT/RECRUTEMENT-01.png');
    position: relative;
	background-size: cover;
    height:100%;
    background-repeat:no-repeat;
    background-attachment: fixed;
    background-position:50% 0px;
}

@media(max-width:992px){
    
    .action-recrutement{
        background-attachment: initial;
        background-position:100%;
    }
}

.content-action-recrutement{
    position:absolute;
    bottom:52px; 
    right:0px;
}

.container-testimony{
    display:table-cell;
    vertical-align: middle;
}

.chiffre-cle-recrutement{
    height: 50%;
    position:relative;
}

@media(max-width:992px){
    .chiffre-cle-recrutement{
        height: 100%;
    }

    .img-icone-recrutement {
        max-height: 85px;
        margin:30px auto;
    }
}

@media(max-width:768px){
    .chiffre-cle-recrutement{
        height: auto !important;
    }

    .img-icone-recrutement {
        max-height: 75px;
    }

    .chiffres-cles-recrutement {
        font-size: 28px !important;
    }

    .textes-chiffres-cles-recrutement {
        font-size: 15px !important;
    }

    .sous-textes-chiffres-cles-recrutement {
        font-size: 10px !important;
    }
}

.container-chiffre-cle-recrutement{
    display:table-cell;
    vertical-align: middle;
}
.chiffre-cle-recrutement p{
    text-align:center;
}

.chiffre-cle-recrutement .container{
    display:table;
    height:100%;
}

.temoignage-drh-recrutement{
    position:relative;
    height:100%;
    background-color: #5463a9;
}

.temoignage-drh-recrutement .container{
    height:100%;
    display:table;
    width:100%;
}

.guillemet-2{
    height:21px;
    width:auto;
    display:block;
    margin:auto;
}

.guillemet-3{
    height:21px;
    width:auto;
    display:block;
	margin: -10px auto 20px auto;
}

.nom-temoin{
    font-family:adria_groteskbold;
    text-transform: uppercase;
    font-size:13px;
    margin-bottom:0;
    padding-top:100px;
    text-align: center;
}

.poste-temoin{
    font-family:adria_groteskextralight;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.7px;
    color:grey;
    margin-bottom:0;
    text-align: center;
}

.duree-temoin{
    font-family:adria_groteskregular;
    color:#5463a9;
    font-size:12px;
    margin-bottom:18px;
    text-align: center;
}

.titre-temoignage{
    font-family:adria_groteskblack;
    font-size:33px;
    padding-bottom:100px;
}

#position-drh{
    position:absolute;
    top:-50px;
    left:50%;
    transform: translateX(-50%);
}

.testimony-temoin{
    margin-top:8px;
    font-family: adria_groteskextralight;
    font-size:13px;
    color:grey;
    letter-spacing:1px;
    padding-left:20px;
    padding-right:20px;
    overflow-y: scroll;
    height:150px;
}

.bloc-blanc{
    background-color: #fff;
    width:350px;
    height:400px;
    position:relative;
    display:block;
    margin:auto;
}

.testimony-temoin::-webkit-scrollbar{
    display:none;
}

@media(max-width:1200px){
    .bloc-blanc{
        width:300px;
    }

    .poste-temoin{
        font-size:11px;
    }
}

@media(max-width:320px){
    .bloc-blanc{
        width:180px !important;
    }

    .titre-temoignage{
        font-size:30px;
    }
}

.bloc-blanc p{
    text-align:center;
}

.banniere-investisseur{
    background-image: url('images/homepage/WEBITE_TELCO-32.jpg');
	position:relative;
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.1);
	background-size: cover;
    height:100%;
    background-repeat:no-repeat;
    background-attachment: fixed;
    background-position:50% 0;
}

@media(max-width:992px){
    
    .banniere-investisseur{
        background-attachment: initial;
        background-position:100%;
    }
}
.bouton-investisseur{
    /* border:1px solid #fff; */
    /* background-color: transparent; */
    background-color: #5463a9;
    color:#FFF;
    margin:5px 5px auto;
    width:155px;
}

@media(max-width:992px){
    .bouton-investisseur{
        width:160px !important;
    }
}

@media(max-width:768px){
    .bouton-investisseur{
        display:none;
    }
}


.bouton-investisseur:hover{
    background-color: #d30f3f;
    border:none;
}

.chiffres-cles-investisseur{
    height:auto;
    padding-top:70px;
    padding-bottom:70px;
    position:relative;
}

.presence-banniere{
    background-image: url('images/homepage/WEBITE_TELCO-40.png');
    background-size: cover;
    height:130vh;
    background-repeat:no-repeat;
    background-position:center;
    position:relative;
}

@media(max-width:768px){
    .chiffres-cles-investisseur{
        height:auto;
    }
}


.texte-chiffres-cles-investisseurs{
    /* margin-top:-20px; */
    font-size:27px;
    color:grey;
    font-family: adria_grotesklight;
    line-height:1.1;
}

.texte-chiffres-cles-investisseur-telco{
    font-size:45px;
    color:grey;
    font-family: adria_grotesklight;
    line-height:1.1;
}
.chiffres-cles-bleu{
    margin-top:-10px;
    font-size:25px;
    color:#5463a9;
    font-family: adria_groteskbold;
    line-height:1.1;
}

.chiffres-cles-gris{
    margin-top:-10px;
    font-size:20px;
    color:grey;
    font-family: adria_groteskextralight;
    line-height:1.1;
}

.chiffre-chiffres-cles-investisseurs{
    color:#d30f3f;
    font-size:40px;
    font-family:adria_groteskblack;
}


#taille-img-icone5{
    width:93px;
}

#taille-img-icone6{
    height:70px;
    margin-top:40px;
}

#taille-img-icone7{
    height:80px;
    margin-top:30px;
}

.titre-chiffres-cles-investisseur{
    font-family:adria_groteskmedium;
    font-size:46px;
    color:grey;
    padding-top:10px;
    line-height:1.4;
    /* padding-bottom:10px; */
}

.texte-chiffres-cles-investisseur{
    padding-top:0px;
    font-family:adria_groteskregular;
    font-size:27px;
    color:rgb(0,0,0,0.35);
    line-height:1.1;
    padding-bottom:40px;
}

.texte-chiffres-cles-investisseur-telco{
    padding-top:0px;
    font-family:adria_grotesklight;
    font-size:40px;
    color:rgb(0,0,0,0.35);
    line-height:0.7;
    padding-bottom:40px;
}


.actualites-financieres{
    height:100%;
    position:relative;
    background-color:#f6f6f6;
}

@media(min-width:1926px){
    .actualites-financieres{
        height:50%;
    }
}

.actualites-financieres .container{
    display:table;
    height:100%;
    width:100%;
}

.container-actualites-financieres{
    display:table-cell;
    vertical-align: middle;
}

.titre-actualites-financieres{
    padding-top:0px;
    padding-bottom:35px;
    color:#fff;
    font-family:adria_groteskblack;
    font-size:33px;
    text-transform:capitalize;
}

#height-min-actu{
    min-height:320px;
}
#actu-fi{
    max-height:300px !important;
}

.box-actualite-financiere{
    background-color:#fff;
    width:100%;
    height:260px;
    position:relative;
}

.titre-actu-fi{
    font-family:adria_groteskregular;
    font-size:29px;
    color:rgb(0,0,0,0.6);
    line-height:1.1;
    padding-left:16px;
}

@media(max-width:992px){
    .titre-actu-fi{
        font-size:21px;
    }

    .groupe-actu-fi{
        padding-bottom:0px !important;
    }

    .box-actualite-financiere{
        height:200px;
    }

    .box-actualite-financiere button{
        font-size:9px !important;
    }
}

.groupe-actu-fi{
    font-family:adria_groteskregular;
    font-size:11px;
    text-transform:uppercase;
    color:#5463a9;
    letter-spacing:1px;
    padding-top:35px;
    padding-bottom:15px;
    padding-left:16px;
}

.box-actualite-financiere button{
    position: absolute;
    /* background-color:#d30f3f;
     */
    background-color:#ff0045;
    border:none;
    color:#FFF;
    font-size:12px;
    font-family:adria_groteskregular;
    padding:6px;
    text-transform: uppercase;
    right:0;
    bottom:0;
    text-align: center;
    opacity: 1;
}

.engagement-investisseurs{
    height:100%;
    position:relative;
}

.engagement-investisseurs .container{
    display:table;
    height:100%;
    width:100%;
}

.container-engagement-investisseurs{
    display:table-cell;
    vertical-align: middle;
}

.titre-engagement-investisseurs{
    font-family:adria_groteskblack;
    font-size:34px;
    color:#5463a9;
    padding-top:10px;
    padding-bottom:30px;
}

.texte-engagement-investisseurs{
    font-family:adria_groteskregular;
    font-size:17px;
    color:grey;

}

@media(max-width:768px){
    .titre-engagement-investisseurs{
        font-size:31px;
    }
    
    .texte-engagement-investisseurs{
        font-size:15px;
    }
}

@media(max-width:600px){
    .titre-engagement-investisseurs{
        font-size:23px;
    }
    
    .texte-engagement-investisseurs{
        font-size:11px;
    }
}

.map-investisseurs{
    background-image: url('images/images-web2/HOMEPAGE/MAP-01.png');
    background-size: cover;
    height:100%;
    background-repeat:no-repeat;
    background-position:center;
    position:relative;
}

.map-investisseurs .container{
    display:table;
    height:100%;
    width:100%;
}

.container-map-investisseur{
    display:table-cell;
    vertical-align: top;
}

/* @media(max-width:768px){
    .container-map-investisseur{
        vertical-align: middle;
    }
    
} */

.titre-map-investisseurs{
    padding-top:70px;
    text-transform:capitalize;
}



#position-carte{
    float:right;
    margin-top:150px;
    
}

.texte-gras-map-investisseurs{
    font-family:adria_groteskbold;
    color:grey;
    font-size:23px;
}

.publication-investisseurs{
    padding-top:70px;
    padding-bottom:70px;
    height:auto;
    position:relative;
}

.margin-publication{
    margin-right:-15px;
}

@media(max-width:992px){
    .margin-publication{
        margin-right:0px;
    }
}


.titre-publication-investisseurs{
    font-family:adria_groteskblack;
    color:#5463a9;
    font-size:34px;
    padding-bottom:30px;
    padding-top:0px;
}

.event-publication-investisseurs{
    font-family:adria_groteskblack;
    color:#5463a9;
    font-size:34px;
}

.titre-tableau-investisseur{
    font-family:adria_grotesklight;
    font-size:17px;
    color:grey;
    text-transform:uppercase;
    letter-spacing:1px;
    padding-top:10px;
}

.img-publication-investisseurs{
    width:90%;
    height:auto;
}

.content-publication-investisseurs{
    margin-left:15px;
}

.content-publication-investisseurs-download{
    padding-top:0px;
    width:100%;
}

.content-publication-investisseurs-download .table td,.content-publication-investisseurs-download .table th{
    height:60px;
}

.content-publication-investisseurs-evenement{
    padding-left:145px;
    padding-top:0px;
}


@media(max-width:992px){
    .content-publication-investisseurs-download{
        padding-top:20px;
    }

    .content-publication-investisseurs-evenement{
        padding-left:5px;
        padding-top:0px;
    }

}

.container-publication{
    height:auto;
    padding-top:70px;
    padding-bottom:70px;
    position:relative;
}

.container-publication .container{
    display:table;
    height:100%;
    width:100%;
}

.container-publication .cell-container-publication{
    display: table-cell;
    vertical-align: middle;
}

.evenement-investisseur{
    height:100%;
    position:relative;
}

.evenement-investisseur .container{
    display:table;
    height:50%;
    width:100%;
}

.container-evenement-investisseur{
    display: table-cell;
    vertical-align: middle;
}

.date-publication-investisseurs{
    font-family:adria_groteskbold;
    font-size:16px;
    letter-spacing: 2px;
    line-height: 1.0;
    color:#5463a9;
    margin-bottom:0px;
    margin-top:10px;
}

@media(max-width:1200px){
    .date-publication-investisseurs{
        font-size:13px;
    }
}
.date-event-invest{
    font-family:adria_groteskmedium;
    font-size:16px;
    color:grey;
    letter-spacing:1px;
}

.resultat-event-invest{
    color:#5463a9;
    font-family:adria_groteskmedium;
    font-size:12px;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:3px;
}

.publication-event-invest{
    color:grey;
    font-family:adria_groteskmedium;
    font-size:21px;
    line-height:1.0;
    letter-spacing:0.5px;
}

.action-evenement{
    font-family: adria_groteskmedium;
    font-size:10px;
    text-transform: uppercase;
    padding-top:4px;
    margin-left:-15px;
}

.bouton-action-evenement{
    height:18px;
    /* padding-left:5px */
}
.ligne-invest{
    /* display:none */
}


@media(max-width:992px){
    .banniere-bouton-investisseur{
        display: none !important;
    }
}

@media(max-width:1200px){
    .date-event-invest{
        font-size:16px;
    }
    
    .publication-event-invest{
        font-size:21px;;
    }
    
    .action-evenement{
        font-size:10px;
        padding-top:4px;
        margin-left:-10px;
    }
}

@media(max-width:992px){
    .titre-publication-investisseurs {
        font-size: 21px !important;
        padding-top:10px !important;
        padding-bottom:5px !important;
    }
    .date-event-invest{
        font-size:12px !important;
    }
    
    .publication-event-invest{
        font-size:14px !important;
    }
    
    .action-evenement{
        font-size:7px !important;
        padding-top:9px !important;
        padding-left:-5px;
    }

    .titre-tableau-investisseur {
        font-size: 14px;
    }

    .resultat-event-invest {
        font-size: 9px;
    }
}
.titree-publication-investisseurs{
    font-family:adria_groteskregular;
    font-size:19px;
    text-transform:uppercase;
    letter-spacing:1px;
    padding-bottom:10px;
}

.telecharger-publication-investisseurs{
    font-family:adria_groteskbold;
    font-size:15px;
    text-transform:uppercase;
    padding-bottom:10px;
}

.code-publication-investisseurs{
    font-family:adria_groteskmedium;
    color:grey;
    font-size:15px;
    letter-spacing:1px;
    padding-top:20px;
}

.texte-publication-investisseurs{
    font-family:adria_groteskextralight;
    font-size:16px;
    color:grey;
    line-height:1.2;
    margin-top:20px;
}

@media(max-width:768px){
    .texte-engagement-investisseurs br{
        display:none;
    }
}

@media(max-width:1200px){
    .titre-publication-investisseurs {
        font-size:31px;
    }
    
    .texte-publication-investisseurs{
        font-size:16px !important;
    }

    .titree-publication-investisseurs {
        font-size: 18px !important;
    }

    .telecharger-publication-investisseurs {
        font-size: 14px !important;
    }

    .code-publication-investisseurs {
        font-size: 13px !important;
    }

    .tbody-document-invest {
        font-size: 14px !important;
    }

    .icone-pdf-investisseur {
        height: 22px !important;
    }
}
@media(max-width:992x){
    .img-publication-investisseurs{
        width:auto;
        height:200px;
    }
    
}
@media(max-width:768px){
    .img-publication-investisseurs{
        width:50%;
        height:auto;
    }
}
@media(min-width:768px){
    
    .date-publication-investisseurs br{
        display:none;
    }
}
.img-download-publication-investisseurs{
    height:16px;
    width:auto;
    margin-top:20px;
    padding-left:20px;
}

.img-download-publication-investisseurs-2{
    height:20px;
    width:15px;
    display:block;
    margin:auto;
    margin-top:35px;
}

@media(max-width:600px){
    .img-download-publication-investisseurs-2{
        margin:unset;
        margin-top:5px;
        margin-bottom: 25px;
    }
}

.download-publication-investisseurs{
    text-transform: uppercase;
    font-family: adria_groteskbold;
    font-size:12px;  
    margin-bottom:0px;
    line-height:1.2;
}

.size-publication-investisseurs{
    font-family:adria_groteskbold;
    font-size:12px;
    color:grey;
}

.rapport-publication-investisseurs{
    font-family: adria_groteskregular;
    font-size:10px;
    letter-spacing:2px;
    text-transform: uppercase;
    padding-left:0px;
    padding-top:-10px;
    color:#5463a9;
}

#left1{
    margin-left:90px;
}

.icone-pdf-investisseur{
    float: left;
    height:30px;
    width:auto;
    padding-right:10px;
}

.pdf-invest{
    margin-top:0px;
    margin-bottom:39px;
}


.tbody-document-invest{
    font-family:adria_groteskmedium;
    font-size:16px;
    color:grey;
}

.board-axian-investisseur{
    position:relative;
    height:auto;
    background-color:#F6F6F6;
    padding-top:70px;
    padding-bottom:70px;
}

@media(max-width:768px){
    .board-axian-investisseur{
        height:auto;
    }
}

.board-axian-investisseur .container{
    display: table;
    height:100%;
    width:100%;
}

.container-board-axian-investisseur{
    display: table-cell;
    vertical-align: middle;
}

.img-board-investisseur{
    width:auto;
    /* max-width:100%; */
    height:auto;
    max-height:250px;
    display:block;
    align-self: flex-start;
    /* margin:unset; */
}

.alignement-board-investisseur{
    justify-content: left;
    margin-left:-15px;
}

@media(max-width:1200px){
    .img-board-investisseur{
        max-height:220px;
    }
}

.img-board-rs{
    display:block;
    height:auto;
    width:30px;
    padding-right:10px;
    transition:height 0.5s ease;
}

.img-board-rs:hover{
    cursor:pointer;
    height:40px;
}

@media(min-width:1444px){
    .nom-axian-investisseur br{
        display:none;
    }
}

@media(max-width:992px){
    .alignement-board-investisseur{
        justify-content: center;
    }

    .img-board-investisseur{
        max-height:150px;
        display:block;
        margin:auto;
    }

    .nom-axian-investisseur {
        font-size: 13px !important;
        text-align: center;
    }

    .poste-axian-investisseur {
        font-size: 13px !important;
        padding-bottom: 30px !important;
        text-align: center !important;
    }

    .poste-axian-investisseur br{
        display:none;
    }
}

@media(max-width:768px){
    .img-board-investisseur{
        max-height:140px !important;
    }

    .poste-axian-investisseur {
        font-size: 12px !important;
    }
}
.nom-axian-investisseur{
    margin-top:5px;
    font-family:adria_groteskblack;
    color:#d30f3f;
    font-size:15px;
    text-transform: uppercase;
    margin-bottom:0px;
}

.poste-axian-investisseur{
    font-family:adria_grotesklight;
    color:#5463a9;
    font-size:15px;
    line-height:1.1;
    text-transform: capitalize;
    text-align: left;
}

.banniere-contact{
    background-image: url('images/images-web2/CONTACT2/banniere-contact.png');
    background-size: cover;
    height:60%;
    background-repeat:no-repeat;
    background-position:center;
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.1);
    position:relative;
}

#message-visibilite{
    visibility: hidden;
    display:block;
}

.formulaire-contact{
    height:100%;
    position:relative;
    background-color:#F6F6F6;
}

@media(max-width:992px){
    .formulaire-contact{
        height:auto;
    }
}
.formulaire-contact .container{
    display:table;
    height:100%;
    width:100%;
}

.container-formulaire-contact{
    display:table-cell;
    vertical-align: middle;
}

.titre-contact{
    font-family:adria_groteskblack;
    font-size:30px;
    padding-top:0px;
    padding-bottom:0px;
}

.sous-titre-contact{
    font-family:adria_grotesklight;
    font-size:23px;
    color:grey;
    line-height:1.3;
}

.texte-formulaire-contact{
    font-family:adria_grotesklight;
    font-size:18px;
    color:rgb(0,0,0,0.7);
    text-transform: uppercase;
}

.bouton-contact{
    margin-top:20px;
    float:left;
    width:155px;
    height:39px;
}

.form-control{
    margin-top:0px;
}

@media(max-width:1200px){
    .titre-contact{
        font-size:28px;
    }
    
    .sous-titre-contact{
        font-size:19px;
    }
    
    .texte-formulaire-contact{
        font-size:14px;
    }   
}



@media(max-width:768px){
    .informations-contact{
        height: auto !important;
    }

    .texte-formulaire-contact{
        font-size:13px !important;
    }

    .bouton-contact{
        float:none;
        width:70% !important;
        height:60px !important;
    }

    .titre-contact{
        padding-top:20px;
        padding-bottom:20px;
    }

   

    #message-visibilite{
        display:none;
    }
}

@media(max-width:580px){
    .bouton-contact{
        float:none;
        width:100% !important;
    }
}
@media(max-width:575px){
    .titre-contact{
        font-size:20px;
    }
    
    .sous-titre-contact{
        font-size:16px;
    }
    
    .form-control{
        margin-top:-20px;
    }
}

@media(max-width:360px){
    .titre-contact{
        font-size:18px !important;
    }
    
    .sous-titre-contact{
        font-size:14px !important;
    }
    
    .informations-contact{
        height:auto !important;
    }
}

.informations-contact{
    position:relative;
    height:530px;
    background-color: #5463a9;
    color:#fff;
}

@media(max-width:992px){
    .titre-contact br{
        display:none;
    }

    .titre-contact{
        padding-top:30px;
        padding-bottom:30px;
    }

    
}


.informations-contact .container{
    display: table;
    height:100%;
    width:100%;
}

.dimension-map-contact{
    height:500px;
    width:100%;
    /* position:absolute; */
    /* top:0px;
    left:0px;
    right:0px;
    bottom:0px; */
}

@media(max-width:768px){
    .dimension-map-contact{
        height:400px;
    }
}
.container-texte-informations-contact{
    display:table-cell;
    vertical-align: middle;
}

.container-informations{
    margin-left:80px;
}

@media(max-width:1200px){
    .container-informations{
        margin-left:45px !important;
    }

    .adresse{
        font-size:17px !important;
    }

    .informations{
        font-size:17px !important;
    }
    
}

@media(max-width:992px){
  

    .dimentsion-map-contact{
        height:120px;
    }

    .container-informations{
        margin-left:15px !important;
    }

    .siege-social{
        font-size:31px !important;
    }

    .adresse{
        font-size:13px !important;
    }

    .informations{
        font-size:13px !important;
    }
}


@media(max-width:600px){
    .container-informations{
        margin-left:0px !important;
    }
}
.img-informations-contact{
    width:100%;
    height:100%;
    object-fit: cover;
}

.siege-social{
    font-family:adria_groteskblack;
    font-size:36px;
    /* padding-bottom:10px; */
    padding-top:30px;

}

.adresse{
    font-family:adria_grotesklight;
    letter-spacing: 1px;
    font-size:20px;
    line-height:1.8;
    padding-bottom:0px;

}

.informations{
    font-family:adria_groteskextralight;
    font-size:20px;
    line-height:1.8;
}

.liens{
    position:relative;
    height:10%;
}

.liens-autres-pages-droite{
    font-size:20px;
    font-family: adria_grotesklight;
    letter-spacing: 1px;
    text-transform: uppercase;
    color:grey;
    margin-top:20px;
    position:absolute;
    right:0;
}

.liens-autres-pages-gauche{
    font-size:20px;
    font-family: adria_grotesklight;
    letter-spacing: 1px;
    text-transform: uppercase;
    color:grey;
    margin-top:20px;
    position:absolute;
    left:0;
}

.landing-page-entreprise{
    height:100%;
    position:relative;
}

.banniere-energie{
    background-image: url('images/homepage/WEBITE_TELCO-25.jpg');
    background-size: cover;
    height:100%;
    background-repeat:no-repeat;
    background-position:center;
    position:relative;
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.2);
}

.banniere-finance{
    background-image: url('images/homepage/WEBITE_TELCO-26.jpg');
    background-size: cover;
    height:100%;
    background-repeat:no-repeat;
    background-position:center;
    position:relative;
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.1);
}

.banniere-telecom{
    background-image: url('images/homepage/WEBITE_TELCO-24.jpg');
    background-size: cover;
    height:100%;
    background-repeat:no-repeat;
    background-position:center;
    position:relative;
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.1);
}

.entreprise-description{
    position:relative;
    height:30%;
    background-color:rgb(255,255,255,0.5);
}

.entreprise-description .container{
    display:table;
    height:100%;
    width:100%;
}

.container-detail-pole{
    display:table-cell;
    vertical-align: middle;
}

.titre-apropos-pole{
    font-size:45px;
    letter-spacing:1px;
    font-family:adria_groteskblack;
    line-height: 1.0;
    padding-top:5px;
}

.texte-detail-pole{
    font-family:adria_grotesklight;
    letter-spacing: 1.2px;
    font-size:18px;
    text-align:left;
    color:grey;
    /* color:rgb(0,0,0,0.7); */
    line-height: 1.2;
    padding-top:17px;
}

.logo-partenaire-1{
    width:170px;
}

.logo-partenaire-2{
    width:150px;
}

.margin-partenaire{
    height:40vh;
    /* display:table; */
    width:100%;
    padding-top:70px;
    border-right:solid 1px grey;
    /* border-top:none; */
}

@media(max-width:1444px){
    .margin-partenaire{
        height:70vh !important;
    }

    .logo-partenaire-1{
        width:115px !important;
    }
    
    .logo-partenaire-2{
        width:115px !important;
    }
}

.ligne-mobile{
    display:none;
}

@media(max-width:992px){
    .margin-partenaire{
        /* border-top:solid 1px grey; */
        border-right:none;
    }

    .height-position{
        height:40vh !important;
    }

    .ligne-mobile{
        display:inline-block;
        border-top:solid 1px grey;
        margin-bottom:30px
    }

}

#tsisybordure{
    border-right: none;
}

/* .margin-partenaire .container{
    display:table-cell;
    vertical-align: middle;
} */

/* .table-img-partenaire{
    display:table;
    width:100%;
    height:100%;
} */

.cell-img-partenaire{
    /* margin-top:75px; */
}

.titre-partenaire{
    font-family: 'adria_groteskbold';
    font-size: 17px;
    text-align: left;
    color: rgb(0,0,0,0.6);
    line-height: 1.1;
}

.texte-partenaire{
    font-family: 'adria_groteskregular';
    font-size: 16px;
    text-align: left;
    color: rgb(0,0,0,0.6);
    line-height: 1.1;
}

.texte-detail-pole strong{
    font-family:adria_groteskregular;
}

@media(max-width:1200px){
    .texte-detail-pole br{
        display:none;
    }

    .texte-detail-pole{
        font-size:16px;
        padding-top:6px;
    }

    .titre-apropos-pole{
        font-size:33px;
    }
}
@media(max-width:992px){
    .texte-detail-pole{
        text-align:left;
        font-size:15px;
    }
}

@media(max-width:600px){
    .texte-detail-pole{
        font-size:13px;
        padding-top:0px;
    }

    .titre-apropos-pole{
        font-size:35px;
    }
}

@media(max-width:300px){
    .texte-detail-pole{
        font-size:10px !important;
    }
}

.graphe-detail-pole{
    background-color:#1a2a44;
	background-image:url("images/images-web2/bg-chiffre-cle-energy.webp");
	background-size:35% 100%;
	background-repeat:no-repeat;
	background-position:right;
	object-fit:contain;
    height:100%;
    position:relative;
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.2);
}

.img-graphe-detail-pole{
	height:100vh;
	position:absolute;
	left:0px;
	top:0px;
}

@media(min-width:1444px){
	.graphe-detail-pole{
		height:80%;
        background-size:22% 100%;
        box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.2);
	}
}

@media(max-width:992px){
	.graphe-detail-pole{
        background-size:50% 100% !important;
		height:auto;
        box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.2);
	}
}

@media(max-width:768px){
    .graphe-detail-pole{
        background-size:100% 100% !important;
        box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.2);
		height:auto;
	}
}

.graphe-detail-pole .container{
    display:table;
    height:100%;
    width:100%;
}

/* .graphe-detail-pole .container .container-detail-pole{
    vertical-align:top;
} */

.titre-graphe-pole{
    font-size:23px;
    letter-spacing:1px;
    font-family:adria_groteskregular;
    line-height: 1.0;
    padding-top:5px;
    padding-bottom:30px;
    text-transform: uppercase;
}

.sous-titre-graphe-pole{
    font-size:45px;
    letter-spacing:1px;
    font-family:adria_grotesklight;
    line-height: 1.0;
}

@media(max-width:768px){
    .sous-titre-graphe-pole{
        font-size:35px !important;
    }

    .titre-graphe-pole{
        font-size:25px !important;
    }
}
.texte-graphe-pole{
    font-family:adria_groteskextralight;
    letter-spacing: 1.2px;
    font-size:22px;
    text-align:left;
    line-height: 1.2;
    padding-top:17px;
}

.img-graphe-pole{
    margin:auto;
    display:block;
    height:350px;
    width:auto;
}

.date-graphe{
    font-size:15px;
    letter-spacing:1px;
    font-family:adria_groteskbold;
    line-height: 1.0;
    padding-top:50px;
}

.chiffre-graphe{
    font-size:27px;
    letter-spacing:1px;
    font-family:adria_groteskbold;
    line-height: 1.0;
    margin-bottom:0px;
}

.texte-graphe{
    font-size:20px;
    letter-spacing:1.4px;
    font-family:adria_groteskextralight;
    line-height: 1.0;
}

@media(max-width:1200px){
    .texte-graphe{
        font-size:15px;
    }

    
}

.bouboule-graphe{
    border-radius: 90px;
    width: 90px;
    height: 90px;
    background-color: #5463a9;
	position:relative;
	justify-content:right;
    /* border:solid 1px #5463a9; */
    bottom:0px;

}

@media(max-width:1200px){
    .texte-graphe-pole br{
        display:none;
    }

    .texte-graphe-pole{
        font-size:16px;
        padding-top:6px;
    }

    .titre-graphe-pole{
        font-size:33px;
    }
}
@media(max-width:992px){
    .texte-graphe-pole{
        font-size:15px;
    }
}

@media(max-width:600px){
    .texte-graphe-pole{
        font-size:13px;
        padding-top:0px;
    }

    
}

.entreprise-marques{
    position:relative;
    height:50%;
}


.chiffres-cles-detail-pole{
    position: relative;
    background-color: #F6F6F6;
    height:100%;
}

@media(min-width:1926px){
	.chiffres-cles-detail-pole{
		height:60%;
	}
}

.chiffres-cles-detail-pole .container{
    display:table;
    height:100%;
    width:100%;
}

.container-chiffres-cles-detail-pole{
    display:table-cell;
    vertical-align: middle;
}

@media(max-width:992px){
    .chiffres-cles-detail-pole{
        height:auto;
    }
}

.chiffre-chiffres-cles-pole{
    font-family: adria_groteskblack;
    font-size:40px;
    color:#d30f3f;
    text-align:center;
    margin-bottom:0px;
}

.texte-chiffres-cles-pole{
    font-family: adria_grotesklight;
    font-size:28px;
    color:#5463a9;
    line-height:1.0;
    text-align:center;
}

#taille-img-icone-5{
    margin-top:40px;
    height:119px;
}

#taille-img-icone-4{
    margin-top:19px;
    height:140px;
}

@media(max-width:1200px){
    #taille-img-icone-5{
        height:100px;
        margin-top:40px;
    }

    #taille-img-icone-4{
        height:109px;
        margin-top:31px;
    }

    .texte-chiffres-cles-pole{
        font-size:25px;
    }
}

@media(max-width:992px){
    .chiffre-chiffres-cles-pole{
        font-size:35px;
    }

    #taille-img-icone-5{
        height:100px;
        margin-top:40px;
    }
}

@media(max-width:768px){
    .chiffre-chiffres-cles-pole{
        font-size:32px;
    }
}

@media(max-width:600px){
    .chiffre-chiffres-cles-pole{
        font-size:40px;
    }
    
    .texte-chiffres-cles-pole{
        font-size:25px;
    }
}

.img-logo{
    width:auto;
    display:block;
    height:auto;
    max-height:140px;
    margin:auto;
    margin-bottom:50px;
}

@media(max-width:992px){
    .img-logo{
        max-height:90px;
    }
}

.marques-popup{
    position:relative;
    background-color: #FFF;
	height:80%;
}

/* .marques-tsotra{
	height:100%;
} */

.marques-popup .container-fluid{
	display:table;
	height:100%;
	width:100%;
}

.flex-marques{
	display:flex;
	flex-direction:row;
    /* margin-bottom:4vh; */
}

.container-navigation{
    height:30%;
    position:relative;
}

@media(max-width:768px){
	.flex-marques{
		flex-direction:column;
	}

    .marques-tsotra{
        height:auto !important;
    }
}

@media(max-width:992px){
    .images-marques{
        width:100% !important;
    }
    
    .images-marques-3{
        width:100% !important;
    }
}

.images-marques{
	width:25%;
	/* padding:2px; */
	position:relative;
}

.images-marques-3{
	width:33.33333%;
	/* padding:2px; */
	position:relative;
}

.chiffres-cles-marques{
    position:absolute;
    bottom:50px;
    color:white;
    text-align:center;
}

.img-marque{
	height:75vh;
	width:100%;
	object-fit:cover;
	position:relative;
}

.shadow-marque{
	position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.4);
    top: 0px;
}

#marque3{
	width:99%;
}

.images-marques:hover .overlay-marques{
	 -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.images-marques-3:hover .overlay-marques{
	 -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}


.overlay-marques{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #F6F6F6;
	overflow: hidden;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
 
	-webkit-transition: .5s ease;
	transition: .5s ease;

}


.marques-immobilier{
	height:70%;
}

.marques-innovation{
	height:90%;
}
.marques-telco{
	height:130%;
}

.card-marques {
    width: 130px;
    height: 195px;
    position: relative;
    display: inline-block;
    /* margin: 50px; */
}

.card-marques .img-top {
    display: none;
    position: absolute;
    top: 1.2px;
    left: 1.2px;
    z-index: 99;
    /* height:43px; */
}

.card-marques:hover .img-top {
    display: inline;
}

@media(max-width:768px){
    .marques-popup{
        height:auto;
    }
}
.marques-tsotra{
    height:90%;
}
.marques-popup .container{
    display:table;
    height:100%;
    width:100%;
}

.container-logo{
    display:table-cell;
    vertical-align: bottom;
}

.container-logo-bis{
    display:table-cell;
    vertical-align: middle;
}

.container-img-logo{
    min-height:220px;
    width:auto;
    position:relative;
}

.table-img-logo{
    display:table;
    height:100%; 
    width:100%;
}

.cell-img-logo{
    display:table-cell;
    vertical-align: middle;
}

.img-fermer{
    width:30px;
    height:auto;
}

.img-logo-pole{
    display:block;
    margin:auto;
    transition:filter 0.3s ease-in-out;
}

.video-energie{
    background-image: url('images/images-web2/pole/energie-video.PNG');
    background-size: cover;
    height:100%;
    background-repeat:no-repeat;
    /* background-attachment: fixed; */
    background-position:center;
    box-shadow: inset 0 0 0 1000px rgba(0, 0,0,0.5);
    /* box-shadow: inset 0 0 0 1000px rgba(26, 42, 68,0.8); */
    /* box-shadow: inset 0 0 0 1000px rgba(192, 202, 209,0.6); */
}

.video-energie .container{
    height:100%;
    display:table;
    width:100%;
}

.banniere-marques-popup{
    background-image: url('images/images-web2/pole/pole/jovena_bis.png');
    background-size: cover;
    height:70%;
    background-repeat:no-repeat;
    background-position:center;
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.4);
    position:relative;
}

.img-logo-blanc-banniere{
    display:block;
    margin: unset;
    margin-bottom:20px;
}

@media(max-width:992px){
    .img-logo-blanc-banniere{
        margin:20px auto;
        margin-bottom:10px;
    } 
}

.titre-gras-chiffres-cles-detail-pole{
    text-align:left;
    color:#5463a9;
    font-size:53px;
    font-family: adria_groteskmedium;
    line-height: 1.0;
}

.titre-chiffres-cles-detail-pole{
    text-align:left;
    color:#5463a9;
    font-size:50px;
    letter-spacing:1px;
    font-family: adria_grotesklight;

}

#position-chiffres{
    margin-top:70px;
}

#logo-height-single{
    height:130px;
    width:auto;
    margin-left:10px;
    
 }
 
#logo-height{
   height:130px;
   width:auto;
   display:block;
   margin:auto;
   padding:20px;
}

#logo-height2{
    height:90px;
    width:auto;
    display:block;
    margin:auto;
    padding:20px;
}

.texte-entreprise-description{
    font-size:20px;
}

.titre-entreprise-description{
    font-size:30px;
    color:#5463a9;
}

.modal-content{
    width:1000px;
    height:600px;
    justify-content: center;
}

#taille-img-icone-entreprise-3{
    margin-top:10px;
    height:70px;
}

#taille-img-icone-entreprise-2{
    margin-top:10px;
    height:90px;
}

#taille-img-icone-entreprise-1{
    height:120px;
}

.chiffre-chiffres-cles-entreprise{
    color:#d30f3f;
    font-size:30px;
    font-family:adria_groteskbold;
    text-align: center;
}

.texte-chiffres-cles-entreprise{
    font-size:30px;
    color:#5463a9;
    text-align: center;

}

.titre-banniere-2{
    font-size:39px;
    font-family:adria_grotesklight;
    letter-spacing: 2px;
    line-height:0.7;
}

.sous-titre-banniere-2{
    margin-bottom:8px;
    font-size:60px;
    text-transform: uppercase;
    font-family: adria_groteskblack;
    letter-spacing: 2px;
}

#sous-titre-banniere-2{
    margin-bottom:54px !important;
}

@media (max-width:600px) {
    .titre-banniere-2{
        font-size:34px !important;
    }
}

@media (max-width:500px) {
    .titre-banniere-2{
        font-size:32px !important;
    }
}

@media (max-width:425px) {
    .titre-banniere-2{
        font-size:24px !important;
    }
}

@media (max-width:320px) {
    .titre-banniere-2{
        font-size:20px !important;
    }
}
.container-banniere-2{
    bottom:0px;
    position:absolute;
    margin-bottom:54px;
}

.container-banniere-3{
    position:absolute;
    bottom:0px;
    text-align: left;
}

.container-banniere-detail-pole{
    bottom:30px;
    position:absolute;
}

.overlay{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.9);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    z-index:99999999999999999999999999;
}

.overlay-gif{
    background: rgba(255, 255, 255) !important;
}

.overlay:target {
    visibility: visible;
    opacity: 1;
}

.background-accesrapide{
	background-color:#fff;
	height:100%;
	width:80%;
	display:block;
	margin:20px auto;
	height:auto;
	padding:20px;
}

.overlay-background{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin:auto;
    height:100%;
    width:100%;
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    z-index:99999999999999999999999999;
    overflow:auto;
    overscroll-behavior: contain;
}

.overlay-background::-webkit-scrollbar{
    display:none;
}
.noscroll{
    overflow:hidden;
}

.overlay-background:target{
    visibility: visible;
    opacity: 1;
}

[aria-hidden="true"] { 
     display: none;
}

[aria-hidden="false"] { 
    display: block; 
}

.overlay-background .popup{
    margin:auto;
    /* margin-top:12rem; */
    background: transparent;
    border-radius: 5px;
    width:70vw;
    height:95vh;
    position: relative;
    transition: all 5s ease-in-out;
    /* overflow-y: scroll;
    overflow-x: hidden; */
}

.overlay-background .popup .container{
	display:table;
	height:100%;
	width:100%;
}

.overlay-background-table-cell{
	display:table-cell;
	vertical-align:middle;
}

.show-overlay .main-content {
    position: fixed;
    left: 0;
    right: 0;
    overflow-y: scroll; /* render disabled scroll bar to keep the same width */
  }
  
.show-overlay .overlay-background {
    display: block;
}

.background-texte-overlay-background{
    background-color:transparent;
    height:100%;
    margin-top:20px;
}

.container-marques-popup{
    position:absolute;
    top:118px;
}


.popup {
    margin:auto;
    background: #fff;
    margin-top:20px;
    /* border-radius: 5px; */
    width:80%;
    height:100%;
    position: relative;
    transition: all 5s ease-in-out;
}

.popup-video {
    margin:auto;
    background: transparent;
    border-radius: 5px;
    width:80%;
    height:100%;
    position: relative;
    transition: all 5s ease-in-out;
}

.popup-video video{
    height:100%;
    width:100%;
    object-fit: cover;
    padding:20px;
}

.popup-video .video_carre{
	width:65%;
	height:auto;
	object-fit:cover;
	display:block;
	margin:auto;
}
.popup-video .close{
    position: absolute;
    top: 0px;
    right: 0px;
    transition: all 200ms;
}

.popup button{
    width:200px;
    margin-top:-45px;
}

#cross path{
    stroke:white;
    stroke-width:0.5;
}
.popup .close {

    position: absolute;
    top: 0px;
    right: 0px;
    transition: all 200ms;
    font-size: 30px;
}

.overlay-background .popup .close {
    position: fixed;
    top: 30px;
    right: 50px;
    transition: all 200ms;
    font-size: 30px;
    width:20px;
    color:#fff;
}

/* .popup .container{
    max-height:100%;
    overflow-y: scroll;
}

.popup .containcross-oconer::-webkit-scrollbar{
    display:none;
} */

.overlay-background .text-popup{
    font-family:adria_grotesklight;
    font-size:20px;
    color:#fff;
    padding-left:35px;
    padding-right:10px;
    padding-top:50px;
    padding-bottom:10px;
    line-height: 1.2;
    text-align: left;
}

@media(max-width:768px){
    .overlay-background .text-popup{
        font-size:15px !important;
        padding-left:0px;
        padding-right:0px;
        text-align: center;
    }
    
}

.overlay-background .texte-chiffres-cles-detail-pole{
	color:#fff;
}

.text-popup{
    font-family:adria_grotesklight;
    font-size:20px;
    color:grey;
    padding-left: 85px;
    padding-right:85px;
    padding-top:40px;
    padding-bottom:10px;
    line-height: 1.2;
}

.overlay-background .popup button{
    display:block;
    margin-bottom:0px;
    background-color:#d30f3f;
    border:none;
    color:#FFF;
    font-size:13px;
    font-family:adria_grotesklight;
    padding:10px;
    text-transform: uppercase;
    width:155px;
    height:39px;
    margin:unset;
}

@media(max-width:992px){
    .overlay-background .popup button{
        margin:auto !important;
    }
}

#position-marques-logo{
    margin-top:50px;
}

#position-marques-bouton{
    float:left;
    margin-left:85px;
}

.swiper-container {
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display:flex;
}

@media(max-width:992px){
   .swiper-container{
       display:none;
   }

   .swiper-container-identite{
       display:flex !important;
   }
}

.swiper-slide {
    text-align: center;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.container-general {
    padding: 0;
    margin: 0 auto;
    width: 100%;
}

.container-general .gallery-wrap {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 90vh;
}

.container-general .gallery-wrap .item-identite {
    flex: 1.9 1 0;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: none;
    transition: all 0.8s ease;
}

@media(max-width:992px){
   .container-general .gallery-wrap {
       flex-direction: column;
       height:100vh !important;
  }
}
@media(max-width:1200px){
   .container-general .gallery-wrap {
       height: 70vh;
    }
}

@media(min-width:1926px){
   .container-general .gallery-wrap {
       height: 60vh;
  }
}

@media(max-width:992px){
   .container-general .gallery-wrap .item-identite:hover {
        flex: 7 !important;
        box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.6);
    }
}

.container-general .gallery-wrap .item-identite:hover {
    flex: 3;
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.6);
}


.container-general .gallery-wrap .item-identite:hover .overlay-modele-inspirant{
   opacity:1;
   transition: .3s cubic-bezier(0.5, 0, 0, 1);
   /* transition:opacity 1s linear; */
}

.container-general .gallery-wrap .item-identite:hover .titre-overlay-modele-inspirant{
   opacity:1;
   transform: translateY(0);
   transition: .2s cubic-bezier(0.5, 0, .8, .6);
   /* transition:opacity 1s linear; */
}
.container-general .gallery-wrap .item-identite:hover .texte-overlay-modele-inspirant{
   opacity:1;
   transform: translateY(0);
   transition: 1.5s cubic-bezier(0.5, 0, 0, 1);
   /* transition:opacity 1s linear; */
}


.container-general .gallery-wrap .item-identite:hover .numero-modele-identite{
   opacity:0;
}

.container-general .gallery-wrap .item-identite:hover .texte-modele-identite{
   opacity:0;
}

.wrap-effect-1 .item-identite:first-of-type {
    background-image: url('images/images-web2/identite/identite/identite-03.png');
    position:relative;
}

.wrap-effect-1 .item-identite:nth-of-type(2) {
    background-image: url('images/images-web2/identite/identite/identite-04.png');
    position:relative;
}

.wrap-effect-1 .item-identite:nth-of-type(3) {
    background-image: url('images/images-web2/identite/identite/identite-05.png');
    position:relative;
}

.wrap-effect-1 .item-identite .container{
   position:absolute;
   bottom:50px;
  
}

@media(max-width:992px){
   .wrap-effect-1 .item-identite .container{
       bottom:15px;
       left:10px;
   }
}

@media(max-width:600px){
   .wrap-effect-1 .item-identite .container{
       left:0px;
       bottom:5px;
   }
}

.container-general .gallery-wrap .item-2 {
    flex: 1.5 1 0;
    height: 70vh;
    background-position: center;
    background-size: cover;
    background-repeat: none;
    transition: all 0.8s ease-in-out;
}

.container-general .gallery-wrap .item-2:hover {
    flex: 3;
    cursor:pointer;
} 

.wrap-effect-1 .item-2:first-of-type {
    background-image: url('images/images-web2/HOMEPAGE-09.jpg');
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.1);
    position:relative;
}
.wrap-effect-1 .item-2:nth-of-type(2) {
   background-image: url('images/images-web2/HOMEPAGE-10.jpg');
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.3);
   position:relative;
}

.wrap-effect-1 .item-2:nth-of-type(3) {
   background-image: url('images/images-web2/HOMEPAGE-11.jpg');
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.3);
   position:relative;
}
.wrap-effect-1 .item-2:nth-of-type(4) {
    background-image: url('images/images-web2/HOMEPAGE-07.jpg');
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.3);
    position:relative;
}
.wrap-effect-1 .item-2:nth-of-type(5) {
    background-image: url('images/images-web2/HOMEPAGE-08.jpg');
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.1);
    position:relative;
}

.container-general .gallery-wrap .item-2-eng {
   flex: 1.5 1 0;
   height: 70vh;
   background-position: center;
   background-size: cover;
   background-repeat: none;
   transition: all 0.8s ease-in-out;
}

.container-general .gallery-wrap .item-2-eng:hover {
   flex: 3;
   cursor:pointer;
} 

.wrap-effect-1 .item-2-eng:first-of-type {
   background-image: url('images/images-web2/HOMEPAGE-09.jpg');
   box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.1);
   position:relative;
}
.wrap-effect-1 .item-2-eng:nth-of-type(2) {
   background-image: url('images/images-web2/HOMEPAGE-07.jpg');
   box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.3);
   position:relative;
}
.wrap-effect-1 .item-2-eng:nth-of-type(3) {
   background-image: url('images/images-web2/HOMEPAGE-11.jpg');
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.3);
   position:relative;
}
.wrap-effect-1 .item-2-eng:nth-of-type(4) {
  background-image: url('images/images-web2/HOMEPAGE-10.jpg');
   box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.3);
  position:relative;
}



.wrap-effect-1 .item-2-eng:nth-of-type(5) {
   background-image: url('images/images-web2/HOMEPAGE-08.jpg');
   box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.1);
   position:relative;
}


.crossfade > figure {
    animation: imageAnimation 30s linear infinite 0s;
    backface-visibility: hidden;
    background-size: cover;
    background-position: center;
    color: transparent;
    height: 100vh;
    left: 0px;
    opacity: 0;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 0;
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.6);
}

.crossfade > figure:nth-child(1) { 
    background-image: url('images/images-web2/MEDIA/interview.PNG'); 
}

.crossfade > figure:nth-child(2) {
  animation-delay: 12s;
  background-image: url('images/images-web2/IMPACT/motion.PNG');
}

.crossfade > figure:nth-child(3) {
  animation-delay: 20s;
  background-image: url('images/images-web2/MEDIA/image-axian-university.png');
}


@keyframes 
imageAnimation {  0% {
 animation-timing-function: ease-in;
    opacity: 0;
    }
    8% {
    animation-timing-function: ease-out;
    opacity: 1;
    }
    17% {
    opacity: 1
    }
    25% {
    opacity: 0
    }
    100% {
    opacity: 0
    }
}

[class*="reveal-"]{
    opacity:0;
    transform: translateY(-30px);
}

.reveal-visible{
    opacity:1;
    transform: translateY(0);
    transition: 1s cubic-bezier(0.5, 0, 0, 1);
}

.reveal-2 {
    transition-delay: 0.1s;
}

.reveal-3 {
    transition-delay: 0.2s;
}

.reveal-4 {
    transition-delay: 0.3s;
}

[class*="revealX-"]{
    opacity:0;
    transform: translateX(-30px);
}

.revealX-visible{
    opacity:1;
    transform: translate(0);
    transition: 1.5s cubic-bezier(0.5, 0, 0, 1);
}

[class*="revealXpos-"]{
    opacity:0;
    transform: translateX(30px);
}

@media(max-width:768px){
    [class*="revealX-"]{
        transform: translateX(0px);
    }

    [class*="revealXpos-"]{
        transform: translateX(0px);
    }

}


.revealXpos-visible{
    opacity:1;
    transform: translate(0);
    transition: 1.5s cubic-bezier(0.5, 0, 0, 1);
}

.revealX-2 {
    transition-delay: 0.1s;
}

.revealX-3 {
    transition-delay: 0.2s;
}

.revealX-4 {
    transition-delay: 0.3s;
}

.revealXpos-2 {
    transition-delay: 0.1s;
}

.revealXpos-3 {
    transition-delay: 0.2s;
}


.revealX-4 {
    transition-delay: 0.3s;
}

.revealX-2bis {
    transition-delay: 0.13s;
}

.revealX-3bis {
    transition-delay: 0.16s;
}

.revealX-4bis {
    transition-delay: 0.19s;
}
.revealX-5bis {
    transition-delay: 0.22s;
}

.reveal-loaded .reveal [class*="reveal-"]{
    opacity:0 !important;
    transform: translateY(-30px) !important;
    transform: 0s !important;
}
 
.reveal-loaded .reveal-visible{
    opacity:1;
    transform: translateY(0);
    transition: 1s cubic-bezier(0.5, 0, 0, 1);
}
 
.reveal-loaded .reveal-2 {
    transition-delay: 0.1s;
}
 
.reveal-loaded .reveal-3 {
    transition-delay: 0.2s;
}
 
.reveal-loaded .reveal-4 {
    transition-delay: 0.3s;
}
 
.reveal-loaded [class*="revealX-"]{
    opacity:0;
    transform: translateX(-30px);
}
 
.reveal-loaded .revealX-visible{
    opacity:1;
    transform: translate(0);
    transition: 1.5s cubic-bezier(0.5, 0, 0, 1);
}
 
.reveal-loaded [class*="revealXpos-"]{
    opacity:0;
    transform: translateX(30px);
}
 
.reveal-loaded .revealXpos-visible{
    opacity:1;
    transform: translate(0);
    transition: 1.5s cubic-bezier(0.5, 0, 0, 1);
}
 
.reveal-loaded .revealX-2 {
    transition-delay: 0.1s;
}
 
.reveal-loaded .revealX-3 {
    transition-delay: 0.2s;
}
 
.reveal-loaded .revealX-4 {
    transition-delay: 0.3s;
}
 
.reveal-loaded .revealXpos-2 {
    transition-delay: 0.1s;
}
 
.reveal-loaded .revealXpos-3 {
    transition-delay: 0.2s;
}
 
.reveal-loaded .revealX-4 {
    transition-delay: 0.3s;
}
 
.reveal-loaded .revealX-2bis {
    transition-delay: 0.13s;
}
 
.reveal-loaded .revealX-3bis {
    transition-delay: 0.16s;
}
 
.reveal-loaded .revealX-4bis {
    transition-delay: 0.19s;
}
.reveal-loaded .revealX-5bis {
    transition-delay: 0.22s;
}

.draw path {
    stroke-dasharray: 8000;
    stroke-dashoffset: 8000;
    animation: draw 4s cubic-bezier(0.8, 1, 0.7, 1) forwards;
}

@keyframes draw {
    to {
      stroke-dashoffset: 0;
    }
  }

.ligne-separateur span{					
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    transform:rotate(90deg);
    box-sizing: border-box;
}

.box span:before
{
    content: '';
    position: absolute;
    width:100%;
    height: 2px;
    background: green;
    animation: animate 4s linear infinite;
}

.titre-page{
	font-family:adria_groteskregular;
	font-size:18px;
	color:grey;
	text-transform:capitalize;	
	color:#d30f3f;
	margin-bottom:0px;
	margin-top:10px;
}

.nom-page{
	font-family: 'adria_groteskmedium';
    font-size: 18px;
    color: grey;
    text-transform: capitalize;
    margin-top: 13px;
}

.nom-sous-page{
	font-family: adria_groteskmedium;
    font-size: 14px;
    color: grey;
    text-transform: capitalize;
    margin-bottom: 0px;
	margin-top:5px;
	padding-left:5px;
}

.nom-section{
	font-family: 'adria_grotesklight';
    font-size: 12px;
    color: grey;
    text-transform: capitalize;
    line-height: 1.2;
    margin-bottom: 3px;
	padding-left:10px;
}

.nom-page:hover{
	cursor:pointer;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
  font-size: 18px;
  border: solid 1px #c0cad1;
  outline: none;
  background-color: transparent;
  cursor: pointer;
  padding: 20px;
}

#myBtn:hover {
	border:none;
	background-color: #d30f3f;
}

#myBtn:hover span.scroll-top:after{
	border:0.3rem solid #FFF;
	content: "";
	z-index:99999999999999999999;
    position: absolute;
    display: block;
    bottom:5.5px;
    left: calc(50% - 0.55rem);
    width: 1.1rem;
    height: 1.1rem;
    border-left: none;
    border-top: none;
    transform-origin: 50% 50%;
    transform: rotate(225deg);
}

span.scroll-top:after{
    content: "";
	z-index:99999999999999999999;
    position: absolute;
    display: block;
    bottom:5.5px;
    left: calc(50% - 0.55rem);
    width: 1.1rem;
    height: 1.1rem;
    border: 0.3rem solid #c0cad1;
    border-left: none;
    border-top: none;
    transform-origin: 50% 50%;
    transform: rotate(225deg);
}

.press-room-wrapper .press-room-communiques {
    min-height: 300px;
    overflow: hidden;
    position: relative;
    margin: 0 -20px;
    padding: 0 20px; 
}

@media (min-width: 768px) {
  .press-room-wrapper .press-room-communiques {
	margin: 0 -80px;
	padding: 35px 20px; } 
}

@media (min-width: 1200px) {
  .press-room-wrapper .press-room-communiques {
	margin: 0 -160px;
	padding: 35px 70px;
	width: inherit; } 
}

@media (min-width: 2048px) {
  .press-room-wrapper .press-room-communiques {
	margin: 0 -230px;
	padding: 35px 70px;
	width: inherit; } 
}

.press-room-wrapper .press-room-communiques .t-title-communique {
  font-size: 23px;
  font-weight: bold;
  text-transform: uppercase;
  color: #646469;
  display: none; 
}

@media (min-width: 992px) {
	.press-room-wrapper .press-room-communiques .t-title-communique {
	  display: block; } 
}

.press-room-wrapper .press-room-communiques .communique-list {
  padding: 0;
  margin: 30px 0 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; 
 }
 
@media (min-width: 1024px) {
	.press-room-wrapper .press-room-communiques .communique-list {
	  margin-top: 0; } 
}

@media (min-width: 1200px) {
	.press-room-wrapper .press-room-communiques .communique-list {
	  padding-bottom: 50px; 
	} 
}

.press-room-wrapper .press-room-communiques .communique-list li.communique-item {
	list-style-type: none;
	margin: 0 0 25px;
	width: 100%;
	background-color: #fff; 
}

@media (min-width: 768px) {
	.press-room-wrapper .press-room-communiques .communique-list li.communique-item {
		margin: 0 1% 25px;
		width: 48%; 
	} 
}

@media (min-width: 992px) {
	.press-room-wrapper .press-room-communiques .communique-list li.communique-item {
		margin: 0 1% 30px;
		width: 31%; 
	} 
}

@media (min-width: 1360px) {
	.press-room-wrapper .press-room-communiques .communique-list li.communique-item {
		margin: 0 1% 35px;
		width: 23%; 
	} 
}
.press-room-wrapper .press-room-communiques .communique-list li.communique-item a.right-content {
	  padding: 0;
	  margin-bottom: 20px; 
}

@media (min-width: 768px) {
	.press-room-wrapper .press-room-communiques .communique-list li.communique-item a.right-content {
		height: 150px; 
	} 
}

@media (min-width: 1220px) {
	.press-room-wrapper .press-room-communiques .communique-list li.communique-item a.right-content {
		width: 100%;
		height: 180px; 
	} 
}

.press-room-wrapper .press-room-communiques .communique-list li.communique-item a.right-content figure {
	background-color: #646469;
	text-align: center;
	overflow: hidden;
	width: 100%;
	height: 100%;
	margin: 0;
}


.press-room-wrapper .press-room-communiques .communique-list li.communique-item a.right-content figure img {
  height: 100%;
  object-fit: cover;
  width: 100%;
  transition: all 0.25s linear; 
}

.press-room-wrapper .press-room-communiques .communique-list li.communique-item a.right-content:hover figure {
	position: relative; 
}

.press-room-wrapper .press-room-communiques .communique-list li.communique-item a.right-content:hover figure:after {
	  content: "";
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  display: block;
	  top: 0;
	  left: 0;
	  background: rgba(0, 0, 0, 0.5); 
}

.press-room-wrapper .press-room-communiques .communique-list li.communique-item a.right-content:hover figure img {
	transform: scale(1.1); 
}

.press-room-wrapper .press-room-communiques .communique-list li.communique-item .left-content {
	background-color: #fff;
	padding: 20px;
	flex: 0 0 100%;
	max-width: 100%;
	width: 100%; 
}

.press-room-wrapper .press-room-communiques .communique-list li.communique-item .left-content:after {
	content: "";
	display: block;
	width: 80%;
	margin: 40px auto 0;
	border-bottom: 1px #c80f2d solid;
}

@media (min-width: 768px) {
	.press-room-wrapper .press-room-communiques .communique-list li.communique-item .left-content:after {
		display: none; 
	} 
}

@media (min-width: 768px) {
	.press-room-wrapper .press-room-communiques .communique-list li.communique-item .left-content {
		margin-bottom: 0; 
	} 
}

.press-room-wrapper .press-room-communiques .communique-list li.communique-item .left-content p {
	margin: 0; 
}

.press-room-wrapper .press-room-communiques .communique-list li.communique-item .left-content .t-author {
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: #c80f2d; 
}

.press-room-wrapper .press-room-communiques .communique-list li.communique-item .left-content .t-date {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #CC0033;
	float: left; 
}

.press-room-wrapper .press-room-communiques .communique-list li.communique-item .left-content .t-title {
	margin-bottom: 26px; 
}

.press-room-wrapper .press-room-communiques .communique-list li.communique-item .left-content .t-title a {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #4A4B4D; 
}

.press-room-wrapper .press-room-communiques .communique-list li.communique-item .left-content .t-title a:hover {
	text-decoration: underline; 
}

.press-room-wrapper .press-room-communiques .communique-list li.communique-item .left-content .t-desc {
	font-size: 14px;
	font-weight: normal;
	color: #4A4B4D;
	text-align: justify;
}

.press-room-wrapper .press-room-communiques .communique-list li.communique-item .left-content .t-link {
	text-align: right; 
}

.press-room-wrapper .press-room-communiques .communique-list li.communique-item .left-content .t-link a {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #c80f2d; 
}

.press-room-wrapper .press-room-communiques .communique-list li.communique-item .left-content .t-link a i {
	color: #c80f2d;
	font-size: 15px;
	width: 13px;
	height: 23px;
	border-radius: 100%;
	line-height: 22px;
	padding: 0px 3px;
	vertical-align: middle; 
}

.press-room-wrapper .press-room-communiques .communique-list li.communique-item .left-content .t-link a:hover {
	text-decoration: underline;
}

.press-room-wrapper .press-room-communiques .communique-list li.communique-item .left-content .t-entreprise {
	float: right;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #CC0033;
}

.press-room-wrapper .press-room-communiques .readmore {
	color: #646469;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	margin-left: 15px; 
}

.press-room-wrapper .press-room-communiques .readmore:hover {
	color: #c80f2d;
	text-decoration: none; 
}

.press-room-wrapper .press-room-communiques #load-more-presse-search {
	color: #fff;
}

.pagination-loading {
	text-align: right; 
}

.pagination-loading a{
    height: 40px;
    width: 40px;
    border-right: 1px solid #5c5d5f;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    font-size: 12px;
    text-decoration: none;
    color: #5c5d5f; 
}

.pagination-loading a.next, .pagination-loading a.prev {
	border: none;
	font-size: 14px;
	width: auto;
	padding-left: 10px;
	padding-right: 20px; 
}

.pagination-loading a.active {
	background-color: #c80f2d;
	color: #FFFFFF; 
}

.pagination-loading span > span:first-child a {
		border-left: 1px solid #5c5d5f; 
}

.flex-board{
    display:flex;
    flex-direction:row;
}

.element-board{
    width:20%;
    padding:50px;
}

@media(max-width:992px){
    .flex-board{
        display:flex;
        flex-direction:column;
    }
    
    .element-board{
        width:100%;
        padding:30px;
    }
}

.position-play img{
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    height:50px;
    width:auto;
}

.container-image-invite{
    position:relative; 
    height:70%;
    width:auto;
}

.image-invite{
    display:block;
    margin:10px auto;
    height:70vh;
    width:100%;
    object-fit: cover;
    position:relative;
}

.image-invite:hover{
    cursor:pointer;
}

@media(max-width:1444px){
    .container-image-invite{
        height:70%;
    }
    
    .image-invite{
        height:70vh;
    }
}
@media (max-width: 992px){
    .container-image-invite{
        width:350px;
        height:auto;
    }

    .image-invite {
        width:350px;
        height: auto;
    }
}

@media(max-width:500px){
    .container-image-invite{
        width:250px;
    }

    .image-invite{
        margin:5px auto;
        width:250px !important;
    }
}

.logo-blab{
    width:90px;
    float:right;
    margin-top:5px;
}

@media(max-width:992px){
    .logo-blab{
        margin-top:20px;
        width:85px;
        float: none;
    }
}

@media(max-width:768px){
    .logo-blab{
        display:block;
        margin:15px auto;
        width:50px;
        float: none;
    }
}

.tiktok{
    background:url('https://www.axian-group.com/ac-content/uploads/2023/04/icons8-tiktok-24.svg') no-repeat;
    background-position:center;
    height:16px;
    width:16px;
    display:inline-block;
}

.tiktok:hover{
    background:url('https://www.axian-group.com/ac-content/uploads/2023/04/icons8-tiktok.svg') no-repeat;
    background-position:center;
    height:16px;
    width:16px;
    display:inline-block;
}

.commitment{
    background-color: #f1f1f1;
    height: auto;
    position:relative; 
    padding-top:70px;
    padding-bottom:70px;
}

@media(min-width:1444px){
    .commitment{
        padding-top:150px;
        padding-bottom:150px;
    }
}


.diagram-container {
    position: relative;
    width: 100%;
    max-width: 400px;
    margin: 20px auto;
    text-align: center;
}

.circle-image {
    width: 100%;
    height: auto;
    display: block;
    margin: auto;
}

.text {
    position: absolute;
    width: 80%;
    text-align: left;
    font-size:18px; 
    line-height:1.2;
}

.top-right {
    top: -10%;
    left: 100%;
    color:#d30f3f;
}

.bottom-left {
    bottom: 5%;
    right: 90%;
    color:#1a2a44;
}

.bottom-right {
    bottom: 5%;
    left: 100%;
    color:#5463a9;
}

/* Media queries for smaller screens */
@media (max-width: 768px) {
    .text {
        width: 45%;
    }

    .top-right, .bottom-left, .bottom-right {
        top: auto;
        right: auto;
        left: 5%;
        bottom: -20px;
        display:none;
    }
}

.framework{
    background-color: #fff;
    height: auto;
    position:relative; 
    padding-top:70px;
    padding-bottom:70px;
}

@media(min-width:1444px){
    .framework{
        padding-top:150px;
        padding-bottom:150px;
    }
}

.container-titre-pillar{
    width:100%;
    height:auto;
    padding-top:5px;
    padding-bottom:5px;
    background-color:#5463a9;
    color:#fff;
    text-align:center;
    margin-top:20px;
    margin-bottom:30px;
}

.container-titre-pillar h3{
    font-size: 25px;
}

.container-pillars{
    height:600px;
    background-color:#d30f3f;
    color: #fff;
    text-align: center;
    padding-top:20px;
    padding-left:50px;
    padding-right:50px;
    position: relative;
    margin-bottom:30px;
}

.container-pillars h4{
    font-family: adria_groteskbold;
    margin-top:50px;
}

.container-pillars h5{
    margin-top:15px;
    font-family: adria_groteskmedium;
}

.container-pillars p{
    line-height: 1.1;
    color: rgb(255 255 255 / 80%);
}

.container-pillars img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:45px;
    object-fit: cover;
}

.alliances{
    margin-top:50px;
}

.container-logo-alliances{
    background-color:#fff;
    width:100%;
    height:200px;
    position:relative;
    margin-bottom:20px;
}

.container-logo-alliances img{
    display:block;
    margin:auto;
}


.hero-banner {
    background-image: url('https://www.axian-telecom.com/cirdowee/2025/03/background_pattern.png');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    /* height: 80vh;  */
    height: auto;
    padding-top: 150px;
    padding-bottom: 80px;

    position: relative;
    display: flex;;
    align-items: center;
    justify-content: center;
}

.hero-banner .hero-banner-text-container {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
}

.explore-journey-button {
    background-color: #fff;
    color: var(--axian-bright-pink) !important;
    font-family: 'adria_groteskbold';

    padding-left: 1.5rem;  /* 24px (px-6) */
    padding-right: 1.5rem; /* 24px (px-6) */
    padding-top: 0.75rem;  /* 12px (py-3) */
    padding-bottom: 0.75rem; /* 12px (py-3) */
    
    font-size: 0.875rem; /* 14px (text-s) */
    font-weight: 600; /* Semi-bold (font-semibold) */
    
    transition: all 0.3s ease-in-out; /* Smooth transition (transition-all) */
    transform: scale(1); /* Default scale */

    border: none;
}

.hero-banner-container {
    margin-left: auto;
    margin-right: auto;

    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.image-container{
    height: 100%; 
    overflow-y: hidden;
}

.hero-banner img {
    width: 100%;
    object-fit: cover;
}

.text-h1-banner-womens-day-2025 {
    font-size: 1.875rem; /* 30px (text-3xl) */
    font-weight: 700; /* Bold */
    color: white; /* Text color */
    margin-bottom: 1.5rem; /* 24px (mb-6) */
}

/* Responsive styles for medium screens (md) and larger */
@media (min-width: 768px) {
    .text-h1-banner-womens-day-2025 {
        font-size: 3rem; /* 48px (text-5xl) */
    }
}

.text-p-banner-womens-day-2025 {
    font-size: 1.25rem; /* 20px (text-xl) */
    color: white; /* Text color */
    margin-bottom: 2rem; /* 32px (mb-8) */
    max-width: 48rem; /* 768px (max-w-3xl) */
}


/* Medium screens (md) and larger */
@media (min-width: 768px) {
    .explore-journey-button {
        font-size: 1.25rem; /* 20px (md:text-xl) */
    }
}

/* Hover effects */
.explore-journey-button:hover {
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.25); /* Large shadow (hover:shadow-xl) */
    transform: scale(1.05); /* Slightly increase size (hover:scale-105) */
}