@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		6;
	dw-num-cols-tablet:		10;
	dw-num-cols-desktop:	14;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */



.container {
  color: #ffffff;
  margin: 0 auto;
  text-align: center;
}



.container h1 {
  font-weight: normal;
  letter-spacing: .125rem;
  text-transform: uppercase;
}

.container ul{
  margin: 5em auto;
  padding: 0;
}

.container li {
  display: inline-block;
  font-size: 1em;
  list-style-type: none;
  padding: 1em;
  text-transform: uppercase;
  font-family: "GOTHAM-MEDIUM";
}


.container li span {
  display: block;
  font-size: 1.5rem;
  margin: 1em auto .2em;
}

.emoji {
  display: none;
  padding: 1rem;
}

.emoji span {
  font-size: 2rem;
  padding: 0 .5rem;
}


.countdown{
  width: 100%;
  float: left;
   clear: none;
   height: auto;
   color: white;
   display: grid; 
  grid-template-columns: 1fr 1fr; 
  grid-template-rows: 1fr 1fr; 
  gap: 2em 2em; 
  grid-template-areas: 
    ". ."
    ". ."; 
}












    
.boxshadow{
    border: .5px solid #88cee296;
    box-shadow: 0px 3px 5px 3px rgba(75,153,181,0.1);
    -webkit-box-shadow: 0px 3px 5px 3px rgba(75,153,181,0.1);
    -moz-box-shadow: 0px 3px 5px 3px rgba(75,153,181,0.1);
    border-radius: 1.5em;
    background-color: rgba(255, 255, 255, 0.741);
    backdrop-filter: blur(20px);
}


.bs-inner{
     width: calc(100% - 4em);
    height: calc(auto - 4em);
    display: block;
    float: left;
    clear: none;
    margin: 2em;
    color: #004165;
    position: relative;
}


.box{
    width: calc(100% - 3em);
    height: calc(100% - 3em);
    padding: 1.5em;
    border-radius: 1.5em;
    cursor: pointer;
    
}
    

.hero{
    width: calc(100vw - 10%);
    height: calc(100vh - 2em);
    margin: 1em 5% 0;
    display: block;
    float: left;
    clear: both;
    padding: 0;
    border-radius: 2em;
    background-color: #E2F3F7;
    position: relative;
    overflow: hidden;
    z-index: 10;
}


.hero-cicles-inner{
    width: 100%;
    height: 100%;
    display: block;
    float: left;
    clear: both;
    margin: 0;
    position: absolute;
    z-index: 10;
    filter: blur(70px);
}


.h-circle{
    width: 90vh;
    height: 90vh;
    display: block;
    float: left;
    clear: none;
    position: absolute;
    border-radius: 45vh;
    display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}



.h-circle-one{
    background: #FFEA96;
background: radial-gradient(circle, rgba(255, 234, 150, 1) 0%, rgba(255, 234, 150, 0) 100%);
        bottom: -25vh;
        right: -10vw;
        -webkit-animation: pulsate-fwd 5s ease-in-out infinite both;
	        animation: pulsate-fwd 5s ease-in-out infinite both;
            
}

.h-circle-two{
    background: #065F87;
background: radial-gradient(circle, rgba(6, 95, 135, 1) 0%, rgba(6, 95, 135, 0) 100%);
bottom: -20vh;
        right: 30vw;
        -webkit-animation: pulsate-fwd 3s ease-in-out infinite both;
	        animation: pulsate-fwd 3s ease-in-out infinite both;
}

.h-circle-three{
    background: #772432;
background: radial-gradient(circle, rgba(119, 36, 50, 1) 0%, rgba(119, 36, 50, 0) 100%);
bottom: -35vh;
        left: -10vw;
        -webkit-animation: pulsate-fwd 4s ease-in-out infinite both;
	        animation: pulsate-fwd 4s ease-in-out infinite both;
            opacity: .5;
}




@-webkit-keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}




.hero-otherpage-gradient{
    background: #ffffff;
		background: linear-gradient(0deg, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 70%);
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 50;
        top: 0;
        left: 0;
        display: block;
        float: left;
        clear: none;
}






.herotext{
    width: 90%;
    height: auto;
    display: block;
    float: left;
    clear: both;
    position: absolute;
    z-index: 20;
    left: 5%;
    top: 25vh;
    
}


.herotext h6{
 letter-spacing: 4px;
 text-transform: uppercase;   
color: #004165;
text-align: center;
font-family: "Gotham-Book";
font-size: .8em;
}

.herotext-inner{
    width: 100%;
    height: auto;
    display: block;
    float: left;
    clear: none;
    position: sticky;
    top: 1em;
    left: auto;
     
}


.herotext svg{
    width: 90%;
    margin: 2em 5% auto;
    height: auto;
    display: block;
    float: left;
    clear: both;
}


.herotext .span-line{
    width: .5px;
    color: #fff;
    display: block;
    float: left;
    clear: none;
    height: 30vh;
    margin: 1em calc(50% - .25px);
    background-color: white;
}














.event-home-details{
    width: 100%; 
    height: auto;
    display: block;
    float: left;
    clear: both;
    background-image: url(../img/circle-lines-bg.svg);
    background-size: contain;
    background-position: center bottom;
    background-attachment: ;
    margin: 0;
    position: relative;
    z-index: 20;
}


.event-home-details-inner{
    width: 90%;
    height: auto;
    display: block;
    float: left;
    clear: none;
    position: relative;
    margin: -10vh 5% auto;

}



.ehd-theme{
    width: 100%;
    height: auto;
    display: block;
    float: left;
    clear: none;
    border-radius: 2em;
    background-color:#004265f2;
    overflow: hidden;
    backdrop-filter: blur(20px);
} 


.et-top{
    width: calc(100% - 4em);
    height: calc(auto - 3em);
    margin: 3em 2em;
    color: #fff;
    float: left;
    clear: none;
    display: block;
}


.et-top h6{
    font-family: "Gotham-Book";
    color: #88CFE2;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}


.et-bottom{
    width: calc(100% - 0em);
    height: 20vh;
    margin: 0em;
    display: block;
    float: left;
    clear: both;
    background-image: url(../img/motifs/motif-jaune.jpg);
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;

}








.ehd-otherdetails{
  display: grid; 
  grid-template-columns: 1fr; 
  grid-template-rows: 1fr 1fr; 
  gap: 1em 1em; 
  grid-template-areas: 
    "."
    "."; 
width: 100%;
height: 70vh;
clear: none;
float: left;
    margin: -10vh 0 10vh 0 ;
}



.ehd-otherdetails-discover{
    border-radius: 2em;
    padding: 0;
    width: calc(100% - 0em);
    height: calc(auto - 0em);
    border: .5px solid #88cee296;
    box-shadow: 0px 3px 5px 3px rgba(75,153,181,0.1);
    -webkit-box-shadow: 0px 3px 5px 3px rgba(75,153,181,0.1);
    -moz-box-shadow: 0px 3px 5px 3px rgba(75,153,181,0.1);
     display: grid; 
  grid-template-columns: 1fr 1fr; 
  grid-template-rows: 1fr; 
  gap: 0em 0em; 
  grid-template-areas: 
    ". ."; 
    float: left;
    clear: none;
}



.eod-img{
    width: 100%;
    height: 100%;
    display: block;
    float: left;
    clear: none;
    background-image: url(../img/guinee/pont-de-lianes.jpg);
    background-position: center;
    background-size: cover;
    border-radius: 2em;
}


.eod-text{
   width: 100%;
   height: 100%;
   display: block;
   float: left;
   clear: both;
}

.downloadbrochure i{
    font-size: 3em;
    position: absolute;
    bottom: .7em;
    right: .7em;
    color: #004165;
    cursor: pointer;
    transition: all .3s;
    transform-origin: center;
}


.downloadbrochure:hover i{
    font-size: 3.5em;
}





.datedownload{
    display: grid; 
    grid-template-columns: 1fr; 
    grid-template-rows: 1fr 1fr; 
    gap: 2em 2em; 
    grid-template-areas: 
        "."
        "."; 
    width: 100%;
    height: 100%;
}



.date{

}


.downloadbrochure{
    background-color: #FFEA96;
}
    













.AICC{
    width: 100%;
    height: auto;
    display: block;
    float: left;
    clear: both;;
    left: auto;
    background: #FFEA96;
    background: linear-gradient(0deg, rgba(255, 234, 150, 0.35) 1%, rgba(255, 234, 150, 0) 90%);

}



.AICC-i-top{
    width: auto;
    margin: 4em 10% auto;
    height: auto;
    display: block;
    float: left;
    clear: both;
    text-align: center;
}

.AICC-i-top i{
    color: #88CFE2;
    font-size: 2em;
    margin: auto auto .5em auto;
}

.AICC-i-bottom{
    width: 100%;
    height: 30vh;
    display: block;
    float: left;
    clear: both;
    background-image: url(../img/guinee/hotel-piscine-detoure.png); /* hôtel détouré, sans fond */
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
}















.speakersathome{
    width: 100%;
    height: auto;
    display: block;
    clear: both;
    position: relative;
    background-color: #004165;
    float: left;
    margin: 0;
}


.speakersathome-inner{
    width: 90%;
    height: auto;
    display: block;
    float: left;
    clear: none;
    margin: 2em 5%;
}



.speaker-left{
    width: calc(90% - 0em);
    height: auto;
    display: block;
    float: left;
    clear: none;
    margin: 1em 5% 2em;
    position: relative;
    top: 2em;
    left: 0;
}


.speaker-left h2{
    font-family: "Gotham-Light";
}


.speaker-left h2, .speaker-left p{
    color: #fff;
    line-height: .95em;
    margin: 0;
}

.speaker-left p{
    margin: 1.5em 0;
}


.speakers-right{
    width: calc(100% - 0em);
    height: auto;
    display: block;
    float: right;
    clear: none;
      display: grid; 
  grid-template-columns: 1fr; 
  grid-template-rows: 1fr; 
  gap: 2em 2em; 
  grid-template-areas: 
    "."; 
    margin: 2em auto;
}









.circles-down{
    width: 100%;
    height: 30vh;
    display: block;
    float: left;
    clear: both;
    background-color: #004165;
    background-image: url(../img/motifs/motif-bleu.jpg);
    margin: 0vh 0 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;

}










.topicsathome{
    width: 100%;
    height: auto;
    display: block;
    float: left;
    clear: both;
    overflow: hidden;
    position: relative;

}

.topicsathome .hero-cicles-inner{
    width: 100%;
    height: 100vh;
    display: block;
    float: left;
    clear: both;
    margin: 0;
    top 0;
    left: 0;
    position: absolute;
    z-index: 0;
    filter: blur(200px);
}





.topics-grid{
    width: 90%;
    height: auto;
    margin: 5em 5%;
    float: left;
    clear: both;
    display: block;
    position: relative;
    z-index: 10;
}

.topic-area{
    display: block;
    width: 100%;
    clear: both;
    float: left;
}

.topicdays{
   display: block;
    width: 100%;
    clear: both;
    float: left;
}

.ta{
    border-radius: 2em;
    width: calc(100% - 4em);
    padding: 2em;
    height:35vh;
    display: block;
    float: left;
    clear: none;
    margin: 1em auto;
}


.ta-bluebox{
    background-color: #004165;
    border: .5px solid #88cee296;
    width: calc(100% - 4em);
	height: calc(40vh - 4em);
    color: #fff;
    padding: 2em;
    display: block;
    float: left;
    clear: none;
}


.ta-bluebox i{
    background: #FFFFFF;
background: linear-gradient(to bottom left, #88CFE2 0%, #FFEA96 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}








.ta-marquee{
    font-family: "GOTHAM-MEDIUM";
    font-size:4em;
    color: #88CFE2;
    display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}

.ta-marquee-text{
    color: #fff;
    width: 80%;
    margin: 1em 0 2em;
}



.ta-none{
    width: 100%;
    height: 100%;
    display: block;
    float: left;
    clear: none;

}












.break-page{
    width: 100%;
    height: auto;
    display: block;
    float: left;
    clear: both;
    position: relative;
    background: #FFEA96;
background: linear-gradient(181deg, rgba(255, 234, 150, 0.35) 0%, rgba(255, 234, 150, 0) 72%);
}


.bp-inner{
    width: 90%;
    height: auto;
    display: block;
    float: left;
    clear: none;
    margin: 10vh 5% 5vh;
    color: #004165;
}


.bp-ico{
    height: 7vh;
    width: auto;
    display: block;
    float: left;
    clear: none;
    margin: 1em 0 3em;
}



.partners-home{
    width: 90%;
    margin: 5em 5%;
    height: auto;
    display: block;
    float: left;
    clear: none;

}

.ph-top{
    height: auto;
    width: auto;
    display: block;
    float: left;
    clear: none;
    color: #004165;
}















.getticket-home{
    width: 100%;
    height: auto;
    display: block;
    float: left;
    clear: none;
    background-image: url(../img/circle-lines-bg-two.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      margin: auto auto 5vh auto;
}


.gt-h-inner{
    width: calc(calc(100% - 5em) - 5%);
    height: auto;
    float: right;
    border: 2em;
    background-color: white;
    display: block;
    border: .5px solid #88cee296;
    box-shadow: 0px 3px 5px 3px rgba(75,153,181,0.1);
    -webkit-box-shadow: 0px 3px 5px 3px rgba(75,153,181,0.1);
    -moz-box-shadow: 0px 3px 5px 3px rgba(75,153,181,0.1);
    border-radius: 1.5em;
    background-color: rgba(255, 255, 255, 0.741);
    backdrop-filter: blur(20px);
    padding: 2.5em;
}


.gthi-left{
    width: 100%;
    height: auto;
    display: block;
    float: left;
    clear: none;
}

.gthi-left h1{
    color: #004165;
    text-transform: capitalize;
}


.gthi-right{
    background-image: url(../img/conakry27-logo.png); /* logo de la conférence (remplace le ticket) */
    display: block;
    float: left;
    clear: none;
    background-size: contain;
    margin: 1.5em 0 0em;
    background-repeat: no-repeat;
    background-position: top center;
    width: 100%;
    height: 20vh;
    clear: none;
}







.leadmessage-home{
    background-color: #004165;
    width: 100%;
    height: auto;
    display: block;
    float: left;
    position: relative;
    border-radius: 2em;
}



.lead-img{
    width: calc(100% - 0em);
    height: calc(60vh - 6em);
    margin: 0em 0em;
    display: block;
    float: left;
    clear: none;
    background-image: url(../img/slide-leaders.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 2em;
    position:relative;
    top: 0em;
}



.lead-text{
    width: calc(80% - 0em);
    height: auto;
    display: block;
    float: left;
    clear: none;
    margin: 1em 10% 2em 10%;
}


.lead-text .speaker-details{
    height: auto;
    margin: 2em 0;
}

.lead-text .lead-full-text{
    color: #fff;
    
}

.lead-full-text p{
    text-align: justify;
}


.lead-message-text{
    width: 90%;
    height: auto;
    display: block;
    float: left;
    clear: none;
    margin: 5em 5% 5em 5%;
    position: relative;
    top: auto;
    margin-top: 1em;
    display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}


.lead-message-text h1{
    transform-origin:center;
    transform: rotate(0deg);
    color: #88CFE2;
}



.brandpromise{
    width: 100%;
    height: auto;
    display: block;
    float: left;
    clear: none;
    padding: 10em auto;
    background: #FFEA96;
background: linear-gradient(180deg, rgba(255, 234, 150, 0.35) 0%, rgba(255, 234, 150, 0) 72%);
}


.bp-bottom{
	height: auto;
	width: 100%;
	display: block;
	float: left;	
	clear: both;
	margin: 10vh auto 0;
	position: relative;
}


.bp-bottom .swiper-container {
      width: 100%;
      height: 30vh;
      margin: 0;
	  display: block;
	  float: left;
	clear: none;
	overflow: hidden;
	border-radius: 0 0 5em 5em;
	margin: 2vh 0;
	position: relative;
	z-index: 0;
    overflow: hidden;
    }


    .bp-img{
        border-radius: 10em;
    }


	.bp-bottom-inner-gradient{
	  width: 100%;
      height: 100%;
	  position: absolute;
	  z-index: 100;
      margin: 0;
	  display: block;
	  float: left;
		clear: none;
		background: #FFEBD7;
background: linear-gradient(176deg, rgba(255, 235, 215, 0) 0%, rgba(255, 235, 215, 1) 90%);

	}



    .bp-text{
        width: 100%;
        height: 100%;
        display: block;
        float: left;
        clear: none;
        font-size: 3em;
        display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      border-radius:5em;
    overflow: hidden;
        font-family: "GOTHAM-MEDIUM";
    }

    
    .bt-discover{
        background-color: #88CFE2;
        color: #FFf;
    }

    .bt-ghana{
        background-color: #FFEA96;
        color: #004165;
    }




    .bp-visit{
         border: .5px solid #88cee296;
    box-shadow: 0px 3px 5px 3px rgba(75,153,181,0.1);
    -webkit-box-shadow: 0px 3px 5px 3px rgba(75,153,181,0.1);
    -moz-box-shadow: 0px 3px 5px 3px rgba(75,153,181,0.1);
    border-radius: 1.5em;
    background-color: rgba(255, 255, 255, 0.741);
    backdrop-filter: blur(20px);
    width: calc(90% - 4em);
    height: calc(auto - 8em);
    padding: 2em;
    display: block;
    float: left;
    clear: none;
    margin: 5em 5%;
    color: #004165;
    }

    
    

    
    
    





}
	

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
	
	
	

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
	

	
	
	
}



/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
    
    
    
    
    



    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}
    /* Desktop Layout: 769px to a max of 1080px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 1080px) {



.container {
  color: #ffffff;
  margin: 0 auto;
  text-align: center;
}



.container h1 {
  font-weight: normal;
  letter-spacing: .125rem;
  text-transform: uppercase;
}

.container ul{
  margin: 5em auto;
  padding: 0;
}

.container li {
  display: inline-block;
  font-size: 1em;
  list-style-type: none;
  padding: 1em;
  text-transform: uppercase;
  font-family: "GOTHAM-MEDIUM";
}



.container li span {
  display: block;
  font-size: 3rem;
  margin: 1em auto .2em;
}

.emoji {
  display: none;
  padding: 1rem;
}

.emoji span {
  font-size: 4rem;
  padding: 0 .5rem;
}


.countdown{
  width: 100%;
  float: left;
   clear: none;
   height: auto;
   color: white;
     display: grid; 
  grid-template-columns: 1fr 1fr 1fr 1fr; 
  grid-template-rows: 1fr; 
  gap: 0em 0em; 
  grid-template-areas: 
    ". . . ."; 
    background-color: aqua;
}


.boxshadow{
    border: .5px solid #88cee296;
    box-shadow: 0px 3px 5px 3px rgba(75,153,181,0.1);
    -webkit-box-shadow: 0px 3px 5px 3px rgba(75,153,181,0.1);
    -moz-box-shadow: 0px 3px 5px 3px rgba(75,153,181,0.1);
    border-radius: 1.5em;
    background-color: rgba(255, 255, 255, 0.741);
    backdrop-filter: blur(20px);
}

.bs-inner{
     width: calc(100% - 4em);
    height: calc(auto - 4em);
    display: block;
    float: left;
    clear: none;
    margin: 2em;
    color: #004165;
    position: relative;
}


.box{
    width: calc(100% - 3em);
    height: calc(100% - 3em);
    padding: 1.5em;
    border-radius: 1.5em;
    cursor: pointer;
    
}
	
    

.hero{
    width: calc(100vw - 4em);
    height: calc(100vh - 4em);
    margin: 2em 2em 0;
    display: block;
    float: left;
    clear: both;
    padding: 0;
    border-radius: 2em;
    background-color: #E2F3F7;
    position: relative;
    overflow: hidden;
    z-index: 10;
}


.hero-cicles-inner{
    width: 100%;
    height: 100%;
    display: block;
    float: left;
    clear: both;
    margin: 0;
    position: absolute;
    z-index: 10;
    filter: blur(70px);
}


.h-circle{
    width: 90vh;
    height: 90vh;
    display: block;
    float: left;
    clear: none;
    position: absolute;
    border-radius: 45vh;
    display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}



.h-circle-one{
    background: #FFEA96;
background: radial-gradient(circle, rgba(255, 234, 150, 1) 0%, rgba(255, 234, 150, 0) 100%);
        bottom: -25vh;
        right: -10vw;
        -webkit-animation: pulsate-fwd 5s ease-in-out infinite both;
	        animation: pulsate-fwd 5s ease-in-out infinite both;
            
}

.h-circle-two{
    background: #065F87;
background: radial-gradient(circle, rgba(6, 95, 135, 1) 0%, rgba(6, 95, 135, 0) 100%);
bottom: -20vh;
        right: 30vw;
        -webkit-animation: pulsate-fwd 3s ease-in-out infinite both;
	        animation: pulsate-fwd 3s ease-in-out infinite both;
}

.h-circle-three{
    background: #772432;
background: radial-gradient(circle, rgba(119, 36, 50, 1) 0%, rgba(119, 36, 50, 0) 100%);
bottom: -35vh;
        left: -10vw;
        -webkit-animation: pulsate-fwd 4s ease-in-out infinite both;
	        animation: pulsate-fwd 4s ease-in-out infinite both;
            opacity: .5;
}




@-webkit-keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}




.hero-otherpage-gradient{
    background: #ffffff;
		background: linear-gradient(0deg, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 70%);
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 50;
        top: 0;
        left: 0;
        display: block;
        float: left;
        clear: none;
}






.herotext{
    width: 50%;
    height: 120vh;
    display: block;
    float: left;
    clear: both;
    position: absolute;
    z-index: 20;
    left: 25%;
    top: 25vh;
    
}


.herotext h6{
 letter-spacing: 8px;
 text-transform: uppercase;   
color: #004165;
text-align: center;
font-family: "Gotham-Book";
}

.herotext-inner{
    width: 100%;
    height: auto;
    display: block;
    float: left;
    clear: none;
    position: sticky;
    top: 1em;
    left: auto;
     
}


.herotext svg{
    width: 60%;
    margin: 2em 20% auto;
    height: auto;
    display: block;
    float: left;
    clear: both;
}


.herotext .span-line{
    width: .5px;
    color: #fff;
    display: block;
    float: left;
    clear: none;
    height: 30vh;
    margin: 1em calc(50% - .25px);
    background-color: white;
}














.event-home-details{
    width: 100%; 
    height: 70vh;
    display: block;
    float: left;
    clear: both;
    background-image: url(../img/circle-lines-bg.svg);
    background-size: contain;
    background-position: center bottom;
    background-attachment: ;
    margin: 0;
    position: relative;
    z-index: 20;
}


.event-home-details-inner{
    width: 85%;
    height: auto;
    display: block;
    float: left;
    clear: none;
    display: grid; 
  grid-template-columns: 1fr 1fr; 
  grid-template-rows: 1fr; 
  gap: 2em 2em; 
  grid-template-areas: 
    ". ."; 
    position: relative;
    margin: -10vh 7.5% auto;
}



.ehd-theme{
    width: 100%;
    height: 70vh;
    display: block;
    float: left;
    clear: none;
    border-radius: 2em;
    background-color:#004265f2;
    overflow: hidden;
    backdrop-filter: blur(20px);
} 


.et-top{
    width: calc(90% - 6em);
    height: 40%;
    margin: 3em;
    color: #fff;
    float: left;
    clear: none;
    display: block;
}

.et-top h6{
    font-family: "Gotham-Book";
    color: #88CFE2;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}


.et-bottom{
    width: calc(100% - 0em);
    height: 50vh;
    margin: 0em;
    display: block;
    float: left;
    clear: both;
    background-image: url(../img/motifs/motif-jaune.jpg);
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: auto;
}








.ehd-otherdetails{
    display: grid; 
  grid-template-columns: 1fr 1fr; 
  grid-template-rows: 1fr; 
  gap: 2em 2em; 
  grid-template-areas: 
    ". ."; 
    width: 100%;
    height: 70vh;
    clear: none;
    float: left;
    margin: auto;
}



.ehd-otherdetails-discover{
    border-radius: 2em;
    padding: 0;
    width: calc(100% - 0em);
    height: calc(100% - 0em);
    border: .5px solid #88cee296;
    box-shadow: 0px 3px 5px 3px rgba(75,153,181,0.1);
    -webkit-box-shadow: 0px 3px 5px 3px rgba(75,153,181,0.1);
    -moz-box-shadow: 0px 3px 5px 3px rgba(75,153,181,0.1);
    float: left;
    clear: none;
    display: block;
}



.eod-img{
    width: 100%;
    height: 65%;
    display: block;
    float: left;
    clear: none;
    background-image: url(../img/guinee/pont-de-lianes.jpg);
    background-position: center;
    background-size: cover;
    border-radius: 2em;
}


.eod-text{
   width: 100%;
   height: 100%;
   display: block;
   float: left;
   clear: both;
}

.downloadbrochure i{
    font-size: 3em;
    position: absolute;
    bottom: .7em;
    right: .7em;
    color: #004165;
    cursor: pointer;
    transition: all .3s;
    transform-origin: center;
}


.downloadbrochure:hover i{
    font-size: 3.5em;
}





.datedownload{
    display: grid; 
    grid-template-columns: 1fr; 
    grid-template-rows: 1fr 1fr; 
    gap: 2em 2em; 
    grid-template-areas: 
        "."
        "."; 
    width: 100%;
    height: 100%;
}



.date{

}


.downloadbrochure{
    background-color: #FFEA96;
}
    













.AICC{
    width: 100%;
    height: 100vh;
    display: block;
    float: left;
    clear: both;;
    left: auto;
    background: #FFEA96;
    background: linear-gradient(0deg, rgba(255, 234, 150, 0.35) 1%, rgba(255, 234, 150, 0) 90%);
     display: grid; 
    grid-template-columns: 1fr; 
    grid-template-rows: 1fr 1fr; 
    gap: 2em 2em; 
    grid-template-areas: 
        "."
        "."; 
}



.AICC-i-top{
    width: 40%;
    margin: 7em 30% auto;
    height: auto;
    display: block;
    float: left;
    clear: both;
    text-align: center;
}

.AICC-i-top i{
    color: #88CFE2;
    font-size: 3em;
    margin: auto auto .5em auto;
}

.AICC-i-bottom{
    width: 100%;
    height: 100%;
    display: block;
    float: left;
    clear: both;
    background-image: url(../img/guinee/hotel-piscine-detoure.png); /* hôtel détouré, sans fond */
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
}















.speakersathome{
    width: 100%;
    height: auto;
    display: block;
    clear: both;
    position: relative;
    background-color: #004165;
    float: left;
    margin: 0;
}


.speakersathome-inner{
    width: 85%;
    height: auto;
    display: block;
    float: left;
    clear: none;
    margin: 4em 7.5%;
}



.speaker-left{
    width: calc(35% - 2em);
    height: auto;
    display: block;
    float: left;
    clear: none;
    margin: 5em auto 0;
    position: -webkit-sticky;
    position: sticky;
    top: 10em;
    left: 0;
}


.speaker-left h2{
    font-family: "Gotham-Light";
}


.speaker-left h2, .speaker-left p{
    color: #fff;
    line-height: .95em;
    margin: 0;
}

.speaker-left p{
    margin: 1.5em 0;
}


.speakers-right{
    width: calc(65% - 0em);
    height: auto;
    display: block;
    float: right;
    clear: none;
      display: grid; 
  grid-template-columns: 1fr 1fr; 
  grid-template-rows: 1fr; 
  gap: 2em 2em; 
  grid-template-areas: 
    ". ."; 
    margin: auto;
}









.circles-down{
    width: 100%;
    height: 30vh;
    display: block;
    float: left;
    clear: both;
    background-color: #004165;
    background-image: url(../img/motifs/motif-bleu.jpg);
    margin: 0vh 0 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;

}










.topicsathome{
    width: 100%;
    height: 170vh;
    display: block;
    float: left;
    clear: both;
    overflow: hidden;
    position: relative;

}

.topicsathome .hero-cicles-inner{
    width: 100%;
    height: 100vh;
    display: block;
    float: left;
    clear: both;
    margin: 0;
    top 0;
    left: 0;
    position: absolute;
    z-index: 0;
    filter: blur(200px);
}





.topics-grid{
    width: 85%;
    height: 100vh;
    margin: 5em 7.5% ;
    float: left;
    clear: both;
    display: grid; 
    grid-template-columns: 1fr; 
    grid-template-rows: 1fr 1fr 1fr; 
    gap: 1em 1em; 
    grid-template-areas: 
        "."
        "."
        "."; 
        position: absolute;
        z-index: 10;
}

.topic-area{
      display: grid; 
  grid-template-columns: 2fr 1fr; 
  grid-template-rows: 1fr; 
  gap: 1em 1em; 
  grid-template-areas: 
    ". ."; 
    width: 100%;
    clear: both;
    float: left;
}

.topicdays{
  display: grid; 
  grid-template-columns: 1fr 1fr 1fr; 
  grid-template-rows: 1fr; 
  gap: 1em 1em; 
  grid-template-areas: 
    ". . ."; 
    width: 100%;
    clear: both;
    float: left;
}

.ta{
    border-radius: 2em;
    width: calc(100% - 4em);
    padding: 2em;
    height:40vh;
    display: block;
    float: left;
    clear: none;
    margin: auto;
}


.ta-bluebox{
    background-color: #004165;
    border: .5px solid #88cee296;
    width: calc(100% - 4em);
	height: calc(50vh - 4em);
    color: #fff;
    padding: 2em;
    display: block;
    float: left;
    clear: none;
}


.ta-bluebox i{
    background: #FFFFFF;
background: linear-gradient(to bottom left, #88CFE2 0%, #FFEA96 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}








.ta-marquee{
    font-family: "GOTHAM-MEDIUM";
    font-size: 10em;
    color: #88CFE2;
    display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}

.ta-marquee-text{
    color: #fff;
    width: 70%;
    margin: 1em 0 2em;
}



.ta-none{
    width: 100%;
    height: 100%;
    display: block;
    float: left;
    clear: none;

}












.break-page{
    width: 100%;
    height: auto;
    display: block;
    float: left;
    clear: both;
    position: relative;
    background: #FFEA96;
background: linear-gradient(181deg, rgba(255, 234, 150, 0.35) 0%, rgba(255, 234, 150, 0) 72%);
}


.bp-inner{
    width: 65%;
    height: auto;
    display: block;
    float: left;
    clear: none;
    margin: 15vh 7.5%;
    color: #004165;
}

.bp-ico{
    height: 7vh;
    width: auto;
    display: block;
    float: left;
    clear: none;
    margin: 1em 0 3em;
}



.partners-home{
    width: 85%;
    margin: 5em 7.5%;
    height: auto;
    display: block;
    float: left;
    clear: none;

}

.ph-top{
    height: auto;
    width: auto;
    display: block;
    float: left;
    clear: none;
    color: #004165;
}















.getticket-home{
    width: 100%;
    height: 100vh;
    display: block;
    float: left;
    clear: none;
    background-image: url(../img/circle-lines-bg-two.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      margin: auto auto;
}


.gt-h-inner{
    width: calc(calc(100% - 14em) - 7.5%);
    float: right;
    border: 2em;
    background-color: white;
     display: grid; 
  grid-template-columns: 1fr 1fr; 
  grid-template-rows: 1fr; 
  gap: 1em 1em; 
  grid-template-areas: 
    ". ."; 
    border: .5px solid #88cee296;
    box-shadow: 0px 3px 5px 3px rgba(75,153,181,0.1);
    -webkit-box-shadow: 0px 3px 5px 3px rgba(75,153,181,0.1);
    -moz-box-shadow: 0px 3px 5px 3px rgba(75,153,181,0.1);
    border-radius: 1.5em;
    background-color: rgba(255, 255, 255, 0.741);
    backdrop-filter: blur(20px);
    padding: 2.5em;
    
}


.gthi-left{
    width: 100%;
    height: 100%;
    display: block;
    float: left;
    clear: none;
 
}

.gthi-left h1{
    color: #004165;
    text-transform: capitalize;
      
}

.gthi-right{
    background-image: url(../img/conakry27-logo.png); /* logo de la conférence (remplace le ticket) */
    display: block;
    float: left;
    clear: none;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    clear: none;
    margin: .5em 0;
}



.leadmessage-home{
    background-color: #004165;
    width: 100%;
    height: auto;
    display: block;
    float: left;
    position: relative;
    border-radius: 2em;
}



.lead-img{
    width: calc(45% - 6em);
    height: calc(100vh - 6em);
    margin: 3em;
    display: block;
    float: left;
    clear: none;
    background-image: url(../img/slide-leaders.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 2em;
    position: -webkit-sticky;
    position: sticky;
    top: 3em;
}



.lead-text{
    width: calc(40% - 6em);
    height: auto;
    display: block;
    float: left;
    clear: none;
    margin: 5em 1em 5em 1em;
}


.lead-text .speaker-details{
    height: auto;
    margin: 2em 0;
}

.lead-text .lead-full-text{
    color: #fff;
    
}

.lead-full-text p{
    text-align: justify;
}


.lead-message-text{
    width: 15%;
    height: 80vh;
    display: block;
    float: right;
    clear: none;
    margin: 5em 2em 5em 2em;
    position: -webkit-sticky;
    position: sticky;
    top: 3em;
    margin-top: 3em;
    display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}


.lead-message-text h1{
    transform-origin:center;
    transform: rotate(-90deg);
    color: #88CFE2;
}



.brandpromise{
    width: 100%;
    height: auto;
    display: block;
    float: left;
    clear: none;
    padding: 10em auto;
    background: #FFEA96;
background: linear-gradient(180deg, rgba(255, 234, 150, 0.35) 0%, rgba(255, 234, 150, 0) 72%);
}


.bp-bottom{
	height: auto;
	width: 100%;
	display: block;
	float: left;	
	clear: both;
	margin: 10vh auto 0;
	position: relative;
}


.bp-bottom .swiper-container {
      width: 100%;
      height: 40vh;
      margin: 0;
	  display: block;
	  float: left;
	clear: none;
	overflow: hidden;
	border-radius: 0 0 5em 5em;
	margin: 2vh 0;
	position: relative;
	z-index: 0;
    overflow: hidden;
    }


    .bp-img{
        border-radius: 10em;
    }


	.bp-bottom-inner-gradient{
	  width: 100%;
      height: 100%;
	  position: absolute;
	  z-index: 100;
      margin: 0;
	  display: block;
	  float: left;
		clear: none;
		background: #FFEBD7;
background: linear-gradient(176deg, rgba(255, 235, 215, 0) 0%, rgba(255, 235, 215, 1) 90%);

	}



    .bp-text{
        width: 100%;
        height: 100%;
        display: block;
        float: left;
        clear: none;
        font-size: 7em;
        display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      border-radius:5em;
    overflow: hidden;
        font-family: "GOTHAM-MEDIUM";
    }

    
    .bt-discover{
        background-color: #88CFE2;
        color: #FFf;
    }

    .bt-ghana{
        background-color: #FFEA96;
        color: #004165;
    }




    .bp-visit{
         border: .5px solid #88cee296;
    box-shadow: 0px 3px 5px 3px rgba(75,153,181,0.1);
    -webkit-box-shadow: 0px 3px 5px 3px rgba(75,153,181,0.1);
    -moz-box-shadow: 0px 3px 5px 3px rgba(75,153,181,0.1);
    border-radius: 1.5em;
    background-color: rgba(255, 255, 255, 0.741);
    backdrop-filter: blur(20px);
    width: calc(85% - 8em);
    height: calc(auto - 8em);
    padding: 4em;
    display: block;
    float: left;
    clear: none;
    margin: 5em 7.5%;
    color: #004165;
    }

    
    










    
}
    


    
    /* Desktop Layout:1080px to a max of 1440px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 1440px) {
	

    
    
    

    
    
    
    
    
    
    
    
    
    
    
    
    
    
}


    
        /* Desktop Layout: 1440px to a max of 1920px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 1920px) {


    
    
    
    
    
    
    
    
}
            /* Desktop Layout: 1920px to a max of 2400px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 2400px) {
	

    
    
    
    
    
    
    
    
    
    
    
    
    
		
}

/* Bandes à motifs (jaune, bleu, rouge) qui remplacent les anciens motifs ronds : variante rouge */
.et-bottom.motif-rouge { background-image: url(../img/motifs/motif-rouge.jpg); }

/* Carte « Lieu » : sur ordinateur, l'hôtel détouré occupe toute la largeur (proportions de l'image conservées) */
@media only screen and (min-width: 769px) {
    .AICC-i-bottom {
        height: auto;
        aspect-ratio: 783 / 319;
        background-size: 100% auto;
        background-position: center bottom;
    }
}

/* Intervenants : micro en fondu à droite, qui se fond dans le bleu de la section (à gauche, en haut et en bas) */
.speakersathome { overflow: hidden; isolation: isolate; }
.speakersathome::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 68%;
    z-index: -1;
    background:
        linear-gradient(90deg, #004165 0%, rgba(0, 65, 101, .55) 28%, rgba(0, 65, 101, 0) 62%),
        linear-gradient(180deg, #004165 0%, rgba(0, 65, 101, 0) 22%),
        linear-gradient(0deg, #004165 0%, rgba(0, 65, 101, 0) 22%),
        url(../img/micro-intervenants.jpg) 65% center / cover no-repeat;
    animation: micro-apparition 1.6s ease both;
}
.speakersathome-inner { position: relative; z-index: 1; }
@keyframes micro-apparition { from { opacity: 0; transform: scale(1.04); } to { opacity: 1; transform: none; } }

/* Mobile : le micro passe derrière le texte, plus discret */
@media (max-width: 768px) {
    .speakersathome::before {
        width: 100%;
        opacity: .45;
        background:
            linear-gradient(90deg, #004165 0%, rgba(0, 65, 101, .4) 60%, rgba(0, 65, 101, .1) 100%),
            url(../img/micro-intervenants.jpg) 70% center / cover no-repeat;
        animation: none;
    }
}
@media (prefers-reduced-motion: reduce) { .speakersathome::before { animation: none; } }