@import url('https://fonts.googleapis.com/css2?family=Arapey:ital@0;1&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Roboto:wght@300;400&display=swap');

body{
	text-align: center;
	color: black;
}

/* TYPO */

h1,h2,h3  {
	font-family: 'Libre Baskerville', serif;
}

h2{
	font-size: 24px;
}

h3{
	font-size: 15px;
}

h4{
	font-family: 'Roboto', sans-serif, ;
	font-size: small;
}

.uk-button{font-family: 'Roboto', sans-serif;
}

p{
	font-family: 'Roboto', sans-serif, ;
}

/*NAV BAR*/
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle{
	font-family: 'Libre Baskerville', serif;
}

.uk-navbar{
	margin-left: 40px;
	margin-right: 30px;
	margin-top: 30px;
}

.uk-navbar-nav>li>a {
	color: black;
}

/* NAV MOBILE*/

.uk-offcanvas-bar{
	background-color: rgba( 242, 209, 179)!important;
	font-family: 'Libre Baskerville', serif;	
}

.uk-navbar-container:not(.uk-navbar-transparent){
	background-color: transparent;
}


.uk-card-primary.uk-card-body .uk-link, .uk-card-primary.uk-card-body a, .uk-card-primary>:not([class*=uk-card-media]) .uk-link, .uk-card-primary>:not([class*=uk-card-media]) a, .uk-card-secondary.uk-card-body .uk-link, .uk-card-secondary.uk-card-body a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-link, .uk-card-secondary>:not([class*=uk-card-media]) a, .uk-light .uk-link, .uk-light a, .uk-offcanvas-bar .uk-link, .uk-offcanvas-bar a, .uk-overlay-primary .uk-link, .uk-overlay-primary a, .uk-section-primary:not(.uk-preserve-color) .uk-link, .uk-section-primary:not(.uk-preserve-color) a, .uk-section-secondary:not(.uk-preserve-color) .uk-link, .uk-section-secondary:not(.uk-preserve-color) a, .uk-tile-primary:not(.uk-preserve-color) .uk-link, .uk-tile-primary:not(.uk-preserve-color) a, .uk-tile-secondary:not(.uk-preserve-color) .uk-link, .uk-tile-secondary:not(.uk-preserve-color) a{
	color: black !important;
	font-size: 20px !important;
}


/*PAGE INDEX*/

	#accueilpresentation{
		padding-top: 210px;
		padding-bottom: 100px;
	}

	#mesprojets{
		padding-bottom: 60px;
		padding-top: 100px;
	}

	.uk-modal-dialog{
		padding-top: 40px;
	}

	.displaytitremodal img {
		width: 30px;
	}

	.uk-background-contain{
		background-position: left;
	}

	/*COULEUR DES BLOCS PROJETS EN OVERLAY*/
	#ProjetDesignSocial .uk-overlay{
	background-color:  rgba( 230, 34, 125, 0.9);}

	#ProjetPlanetarium .uk-overlay{
	background-color:  rgba( 242, 209, 179, 0.9);}

	#ProjetBiomimetisme .uk-overlay{
	background-color:  rgba( 84, 255, 201, 0.9);}

	#ProjetSerie .uk-overlay{
	background-color:  rgba( 84, 255, 201, 0.9);}

	#ProjetBahaus .uk-overlay{
	background-color:  rgba( 97, 227, 220, 0.9);}

	#ProjetSigma2 .uk-overlay{
	background-color:  rgba( 230, 34, 125, 0.9);}

	#ProjetCartographie .uk-overlay{
	background-color:  rgba( 230, 34, 125, 0.9);}


	/*FOND PAGE INDEX*/
	.header-img {
		background:url(../img/header-img.png) no-repeat top;
		background-size:cover;
		min-height: 800px;
	}

	.footer-img{
		background:url(../img/footer-img.png) no-repeat top;
		background-size:cover;
		min-height: 500px;
	}

	/*STYLE CONTACT INDEX.HTML*/
	#contact{
		padding-top: 180px !important;
	}

/*A PROPOS*/
	/*FOND PAGE A PROPOS*/
	.fond-header-a-propos{
		background: url(../img/fond-header-a-propos.png) no-repeat;
		background-size: small contain;
		background-position: right top;
	}

	.fond-section-1-cv{
		background: url(../img/fond-section-1-cv.png) no-repeat;
		background-size: contain;
		background-position: right;
	}

	.fond-section-2-cv{
		background: url(../img/fond-section-2-cv.png) no-repeat;
		background-position: center top;
	}

	.fond-section-3-cv{
		background: url(../img/fond-section-3-cv.png) no-repeat;
		background-position: center;
		background-size: contain;	
	}

	/*BOUTON TELECHARGEZ*/
	#telechargez{
		padding: 30px;
		border-radius: 5px;
		text-decoration: none;
		color: black;
		position: center;
		background-color:rgba( 84, 255, 201);
	}

	#telechargez:hover{
		background-color: rgba( 242, 209, 179);
	}

	.telechargez-padding{
		padding-top: 60px;
	}

	#art, #yoga, #ecologie, #voyages{
		text-align: center;
		color: white;
		background-color: rgba( 84, 255, 201);
	}