/*	COULEURS
fond beige : FEF8FB
rose : EF7F9A
violet : 706CB0
orange : F5A160
*/



/* réglages généraux de la page */
body {
	font-family: Helvetica neue, arial, sans-serif;
	/*font-family: 'Courier New',Courier,monospace;*/
	font-size: 12px;
	background-color: #FEF8FB;
	color:black;
	margin: 0; padding: 0;
	max-width: 100vw;
	overflow-x: hidden; }

@font-face {
	font-family: bluu;
	src: url(../font/BluuNext-Titling.ttf); }


a { color:#FEF8FB; text-decoration: none; }
a:hover { text-decoration: underline; }

*, *:before, *:after {/* TOUS les éléments de la page... */
    box-sizing: border-box; /* règle les ennuis de padding */
    outline: none; /* pas de cadre de sélection */ }

.clear { clear:both; } /* pour nettoyer après une série de float */

/* css reset */
ul { padding:0; } /* listes à puce */
li { padding:0; list-style: none; }

h1, h2, h3, h4, h5, p, li {
	font-size: 1rem;
	font-weight: normal;
	margin: 1rem 0; 
	line-height: 1.2rem; }

em { font-weight: bold;
	font-style: normal; }

.super { font-size: 10rem;
	font-family: big caslon;
	padding: 2rem; }
.big { font-size: 4rem;
	font-family: big caslon;
	font-weight: bold;
	color: #EF7F9A;
	position: relative;
	left: 12vw; top: 5vh; }
.medium { font-family: Arial Rounded MT Bold;
	font-size: 1.2rem; } /* titres cv */
.small { font-style: italic;
	font-size: 1.2rem; } /*sous-titres cv*/
.legend { font-size: 0.8rem;
	line-height: 1rem; } /* légendes + détails cv */


.hori div { position: relative;
	left: 12vw; top: 8vh;
	width: 20vw;
	padding: 10px; margin: 10px;
	display:inline-block;
	vertical-align: top;
	background-color: white;
	max-width: 100vw;
	z-index: 2; }


main { width:100%; 
	margin: 0 auto; /* pour centrer le bloc principal */ }
img { width:100%; }


nav { position: fixed;
	top: 0; left: 0;
	width: 10vw; height: 100vh;
	z-index: 50;
	background-color: #706CB0; }
nav ul { padding: 1rem; }
nav ul li { font-family: Arial Rounded MT Bold;
	font-size: 1.2rem; }

.icon { background-color: white;
	border-radius: 100px;
	width: 90%; }


#home { position: relative;
	top: 0; left: 0vw; }

#phoebe { position: relative;
	top: 15vh;
	width:100%; 
	margin: 0 auto;
	z-index: 10;  }
#barbarin { position: relative;
	top: 40vh;
	width:100%; 
	margin: 0 auto;
	z-index: 10;  }

/*	PASTILLES	*/
#rose, #violet, #orange, #orange2 { position: absolute;
	z-index: 1; }
#rose, #orange, #orange2 { width: 20vw; }
#rose { top: 30vh; left: 20vw; }
#violet { top: 5vh; left: 70vw;
	width: 18vw; }
#orange { top: 70vh; left: 55vw; }
#orange2 { bottom: 5vh; left: 10vw; }

#portfolio { position: relative;
	top: 100vh; left: 0vw;
	padding: 10px; }


#about, #web, #cv { height: 100vh; }
#print, #idvis { height: 200vh; }

#web a { color: black; }

#cv article img { width: 70%;
	border-radius: 50%; }
#cv article p {  }





/* media-queries : altérer le style sous certaines conditions seulement */
@media screen and (max-width:600px){

}