@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. */

	


    .otherpage-container{
		width: 100%;
		height: auto;
		display: block;
		float: left;
		clear: none;
		margin: -90vh 0 2.5vh 0;
		position: relative;
		z-index: 40;
		padding-top: 15vh;
	}
    



	.about-logo{
		width: 50%;
		height: auto;
		display: block;
		float: left;
		clear: none;
		margin: auto 25% 5em;
	}



	.about-top{
		width: 80%;
		height: auto;
		display: block;
		float: left;
		clear: none;
		margin: 0em 10%;
		 display: grid; 
  grid-template-columns: 1fr; 
  grid-template-rows: 1fr 1fr; 
  gap: 2em 2em; 
  grid-template-areas: 
    "."
    "."; 
			color: #004165;
	}



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


	.at-right{
		width: 100%;
		height: 50vh;
		display: block;
		float: left;
		clear: none;
		margin: auto;
		background-position: center;
		background-size: cover;
		background-image: url(../img/guinee/batiment-bienvenue.jpg); /* bâtiment « Bienvenue » */
		border-radius: 2em;
	}



	.AICC-About{

	}


	.AICC-about-top{
		  display: block;
	width: 85%;
	margin: auto 7.5%;
	height: auto;
	float: left;
	clear: none;
	}

	.aicc-date{
		width: calc(90% - 3em);
		height: auto;
		display: block;
		clear: none;
		border-radius: 1em;
		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;
		padding: 1.5em 1.5em 5em;
		background-color: rgba(255, 255, 255, 0.741);
		backdrop-filter: blur(20px);
		color: #004165;
		margin: 5vh 0 5vh 5%; 
	}


	.AICC-About .AICC-i-top{
		width: 90%;
		margin: 0em 5% auto 5%;
		height: auto;
		display: block;
		float: left;
		clear: none;
		text-align: left;
	}
    
	.AICC-About button{
		float: right;
	}




	.mv{
		width: 85%;
		height: auto;
		display: block;
		float: left;
		clear: both;
		margin: 5em 7.5%;
	}

	.mv-post{
		width: 100%;
		display: block;
		float: left;
		clear: none;
		color: #004165;
		margin: 1em 0;
		padding: 2em auto;
	}
	
	.mv-post:first-of-type{
		border: solid #00426541;
		border-width: 0 0 2px 0;
		padding-bottom: 4em;
	}






	.goals{
		width: 85%;
		margin: auto 7.5% 10vh;
		display: block;
		float: left;
		clear: both;
	}


	.g-title{
		width: calc(100% - 4em);
		height: calc(auto - 4em);
		display: block;
		float: left;
		clear: none;
		border: solid #00426541;
		border-width: 2px 0 2px 0;
		padding: 1em auto;
	}

	.g-title h1{
		text-transform: capitalize;
		color: #004165;
	}

	.g-title span{
		font-family: "Gotham-BookItalic";
	}


	.g-down{
		width: 100%;
		height: auto;
		display: block;
		float: left;
		clear: none;
		 display: grid; 
  grid-template-columns: 1fr; 
  grid-template-rows: 1fr; 
  gap: 0em 1em; 
  grid-template-areas: 
    "."; 
	margin: 2em auto;
	}


	.g-d-post{
		width: calc(100% - 3em);
		padding: 1.5em;
		height: auto;
		display: block;
		float: left;
		clear: none;
		color: #004165;
	}




	.contact-pane{
		width: 85%;
		margin: 10vh 7.5% 7.5%;
		height: auto;
		display: block;
		float: left;
		clear: none;
		display: block;
	}
	
	
	.c-image{
		border-radius: 1em;
		display: block;
		height: 50vh;
		width: 100%;
		float: left;
		clear: none;
		background-size: cover;
		background-repeat: repeat;
		background-position: top center;
		background-image: url("../img/guinee/ile-conakry.jpg");
	}
	
	
	.c-text{
		width: calc(100% - 4em);
		height: calc(100% - 4em);
		padding: 1em;
		border-radius: 1em;
		display: block;
		float: left;
		clear: none;
	}
	
	
	.c-text h4{
		color: #167E9B; 
		line-height: 1em; 
		margin: 5vh 0 0;
	}
	
	
	.c-text h3{
	font-size: 1.5em;
	}
	
	.swosh{
		width: 5em;
		height: auto;
		display: block;
		float: left;
		clear: none;
		margin: 1em 0em 2em;
	}
    
	
	.c-text  p{
		clear: both;
		width: 80%;
		margin: 1em 0;
	}


    












}

/* 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) {

    
    
    
    
    
	.contact-pane{
		width: 85%;
		margin: 10vh 7.5% 7.5%;
		height: auto;
		display: block;
		float: left;
		clear: none;
		display: block;
	}
	
	
	.c-image{
		border-radius: 1em;
		display: block;
		height: 50vh;
		width: 100%;
		float: left;
		clear: none;
		background-size: cover;
		background-repeat: repeat;
		background-position: top center;
		background-image: url("../img/guinee/ile-conakry.jpg");
	}
	
	
	.c-text{
		width: calc(100% - 4em);
		height: calc(100% - 4em);
		padding: 1em;
		border-radius: 1em;
		display: block;
		float: left;
		clear: none;
	}
	
	
	.c-text h4{
		color: #167E9B; 
		line-height: 1em; 
		margin: 5vh 0 0;
	}
	
	
	.c-text h3{
	font-size: 1.5em;
	}
	
	.swosh{
		width: 5em;
		height: auto;
		display: block;
		float: left;
		clear: none;
		margin: 1em 0em 2em;
	}
    
	
	.c-text  p{
		clear: both;
		width: 80%;
		margin: 1em 0;
	}


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

@media only screen and (min-width: 1080px) {
	
    
    
    .otherpage-container{
		width: 100%;
		height: auto;
		display: block;
		float: left;
		clear: none;
		margin: -90vh 0 10vh 0;
		position: relative;
		z-index: 40;
		padding-top: 25vh;
	}
    



	.about-logo{
		width: 25%;
		height: auto;
		display: block;
		float: left;
		clear: none;
		margin: auto 37.5% 5em;
	}



	.about-top{
		width: 85%;
		height: auto;
		display: block;
		float: left;
		clear: none;
		margin: 5em 7.5%;
		display: grid; 
		grid-template-columns: 0.75fr 1fr; 
		grid-template-rows: 1fr; 
		gap: 2em 2em; 
		grid-template-areas: 
			". ."; 
			color: #004165;
	}



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


	.at-right{
		width: 100%;
		height: 50vh;
		display: block;
		float: left;
		clear: none;
		margin: auto;
		background-position: center;
		background-size: cover;
		background-image: url(../img/guinee/batiment-bienvenue.jpg); /* bâtiment « Bienvenue » */
		border-radius: 2em;
	}



	.AICC-About{

	}


	.AICC-about-top{
		  display: grid; 
  grid-template-columns: 0.5fr 1fr; 
  grid-template-rows: 1fr; 
  gap: 1em 30vw; 
  grid-template-areas: 
    ". ."; 
	width: 85%;
	margin: auto 7.5%;
	height: auto;
	float: left;
	clear: none;
	}

	.aicc-date{
		width: calc(100% - 3em);
		height: 25vh;
		display: block;
		clear: none;
		border-radius: 1em;
		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;
		padding: 1.5em;
		background-color: rgba(255, 255, 255, 0.741);
		backdrop-filter: blur(20px);
		color: #004165;
		margin: 5vh 0 auto 7.5%; 
	}


	.AICC-About .AICC-i-top{
		width: 100%;
		margin: 0em 7.5% auto 0;
		height: auto;
		display: block;
		float: right;
		clear: none;
		text-align: right;
	}
    
	.AICC-About button{
		float: right;
	}




	.mv{
		width: 85%;
		height: auto;
		display: block;
		float: left;
		clear: both;
		margin: 5em 7.5%;
	}

	.mv-post{
		width: 100%;
		display: block;
		float: left;
		clear: none;
		color: #004165;
		margin: 1em 0;
		padding: 2em auto;
	}
	
	.mv-post:first-of-type{
		border: solid #00426541;
		border-width: 0 0 2px 0;
		padding-bottom: 4em;
	}






	.goals{
		width: 85%;
		margin: auto 7.5% 10vh;
		display: block;
		float: left;
		clear: both;
	}


	.g-title{
		width: calc(100% - 4em);
		height: calc(auto - 4em);
		display: block;
		float: left;
		clear: none;
		border: solid #00426541;
		border-width: 2px 0 2px 0;
		padding: 1em auto;
	}

	.g-title h1{
		text-transform: capitalize;
		color: #004165;
	}

	.g-title span{
		font-family: "Gotham-BookItalic";
	}


	.g-down{
		width: 100%;
		height: auto;
		display: block;
		float: left;
		clear: none;
		 display: grid; 
  grid-template-columns: 1fr 1fr 1fr 1fr; 
  grid-template-rows: 1fr; 
  gap: 0em 1em; 
  grid-template-areas: 
    ". . . ."; 
	margin: 2em auto;
	}


	.g-d-post{
		width: calc(100% - 3em);
		padding: 1.5em;
		height: auto;
		display: block;
		float: left;
		clear: none;
		color: #004165;
	}




	.contact-pane{
		width: 85%;
		margin: 20vh 7.5% 7.5%;
		height: 60vh;
		display: block;
		float: left;
		clear: none;
		display: grid; 
		grid-template-columns: 1fr 1.5fr; 
		grid-template-rows: 1fr; 
		gap: 2em 2em; 
		grid-template-areas: 
			". ."; 
	}
	
	
	.c-image{
		border-radius: 1em;
		display: block;
		height: 100%;
		width: 100%;
		float: left;
		clear: none;
		background-size: cover;
		background-repeat: repeat;
		background-position: top center;
		background-image: url("../img/guinee/ile-conakry.jpg");
	}
	
	
	.c-text{
		width: calc(100% - 4em);
		height: calc(100% - 4em);
		padding: 2em;
		border-radius: 1em;
		display: block;
		float: left;
		clear: none;
	}
	
	
	.c-text h4{
		color: #167E9B; 
		line-height: 1em; 
		margin: 5vh 0 0;
	}
	
	
	.c-text h3{
	font-size: 3em;
	}
	
	.swosh{
		width: 12em;
		height: auto;
		display: block;
		float: left;
		clear: none;
		margin: 1em 1em;
	}
    
	
	.c-text  p{
		clear: both;
		width: 50%;
		margin: 1em 0;
	}












    
    
    
}
    
    
    /* 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) {
	

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
		
}