@import 'components/header.css';
@import 'components/animation.css';
@import 'components/introduction.css';
@import 'components/footer.css';
@import 'components/texts.css';
@import 'components/expertises.css';
@import 'components/case-study.css';

* {
	padding:0;
	margin:0;
}

body{
	color:var(--color-main);
	max-width:100vw;
	overflow-x:hidden;
    font-family: 'PPEditorialNew-Ultralight';
}

html{
	font-size: 12px;
	line-height:15px;
	scroll-behavior: smooth;
}

::-webkit-scrollbar {
    width: 0px;
    background-color: var(--color-second);
    height:0px;
}

::-webkit-scrollbar-thumb {
    width: 0px;
    background-color: var(--color-main);
    border-radius: 0px;
}

/*VARIABLES --------------------------*/
/*------------------------------------*/

:root{
	--color-main:black;
	--color-second:#eee9e5;
	--color-third:grey;

	--font-size-huge:4.16666667rem;
	--line-height-huge:1em;

	--font-size-big:2.5rem;
	--line-height-big:1.25em;

	--font-size-medium:2rem;
	--line-height-medium:1em;

	--font-size-mid:1.666666666666667em;
	--line-height-mid:1.2em;

	--font-size-normal:1rem;
	--line-height-normal:1em;

	--font-size-big-m:2em;

	--font-size-huge-mobile:3rem;
	--font-size-big-mobile:2.25rem;
	--font-size-medium-mobile: 1.666666666666667rem;
	--font-size-mid-mobile:1.5rem;
	--font-size-normal-mobile:1rem;
}


/*TYPOGRAPHIE ------------------------*/
/*------------------------------------*/

@font-face { 
    font-family: 'PPEditorialNew-Regular';
    src: url('../fontes/PPEditorialNew-Regular.woff') format('woff');
    font-display: swap;
}

@font-face { 
    font-family: 'PPEditorialNew-Ultralight';
    src: url('../fontes/PPEditorialNew-Ultralight.woff') format('woff');
}

@font-face { 
    font-family: 'PPEditorialNew-Italic';
    src: url('../fontes/PPEditorialNew-Italic.woff') format('woff');
}

@font-face { 
    font-family: 'PPEditorialNew-UltralightItalic';
    src: url('../fontes/PPEditorialNew-UltralightItalic.woff') format('woff');
}


/* TITRE PIRNCIPAL -------------------*/
/*------------------------------------*/

h1, p strong{
	font-size:var(--font-size-huge);
	line-height:var(--line-height-huge);
	font-family: 'PPEditorialNew-Ultralight';
	text-align:center;
	font-weight:normal;
	margin-bottom:20px;
}

/* TITRE SECONDAIRE ------------------*/
/*------------------------------------*/


h2{
	font-size:var(--font-size-big);
	line-height:var(--line-height-big);
	font-weight:normal;
    font-family: 'PPEditorialNew-Ultralight';
	display: inline-block;
}

/* TITRE TERTIAIRE -------------------*/
/*------------------------------------*/

h3{
	font-size:var(--font-size-medium);
	line-height:var(--line-height-medium);
	font-weight:normal;
    font-family: 'PPEditorialNew-Ultralight';
}


/* TEXTE -----------------------------*/
/*------------------------------------*/


p{
	font-size:var(--font-size-mid);
	line-height:var(--line-height-mid);	
	font-family: 'PPEditorialNew-Ultralight';
	margin-bottom:var(--line-height-mid);
	text-align:center;
	display: inline-block;
	width:100%;
}

.expertise-container p{
	margin-bottom:0;
	text-align:left;
}

/* TEXTE PETIT -----------------------*/
/*------------------------------------*/

.small{
	font-size:var(--font-size-normal);
	line-height:var(--line-height-mid);	
	font-family: 'PPEditorialNew-Ultralight';
}


.download-link.small {
	margin-bottom:var(--line-height-mid);
	text-align:center;
	text-decoration: underline 0.75px;
	text-underline-position:under;
	text-transform:uppercase;
}

.row .small, .expertise-container .small{
	margin-bottom:0;
	text-transform:uppercase;
	text-align:left;
}

.cartel-legend .small {
	text-transform:none;
}

footer .small{
	text-align:left;
}

footer p.small{
	margin-bottom:0;
}


/* LIEN ------------------------------*/
/*------------------------------------*/

a{
	color:inherit;
	text-decoration:none;
}

a:hover{
	color:var(--color-third);	
}


/* ITALIQUES -------------------------*/
/*------------------------------------*/

em {
  font-family: 'PPEditorialNew-UltralightItalic';
  font-style:normal;
}


/*------------------------------------*/

.content {
	height: calc(var(--real-vh, 1vh) * 100);
	display: flex;
	flex-direction: column;
	/*border:0.75px solid red;*/
}


/*CHARGEMENT DES IMAGES --------------*/
/*------------------------------------*/

img {
   opacity: 0.15;
}

img.fade-in-active {
   opacity: 1;
   transition: opacity 0.3s ease;
}

/*MOBILE -----------------------------*/
/*------------------------------------*/


@media screen and (max-width: 768px) {

	*{
		-webkit-tap-highlight-color: transparent;
	}
	*:focus {
	    outline: none !important;
	}

	.content {
	  	height: calc(var(--real-vh, 1vh) * 100);
	  	display: flex;
	  	flex-direction: column;
	}

	/* TITRE PIRNCIPAL -------------------*/
	/*------------------------------------*/

	h1,  p strong{
		font-size:var(--font-size-huge-mobile);
	}

	h2{
		font-size:var(--font-size-big-mobile);
	}

	h3{
		font-size:var(--font-size-medium-mobile);
	}

	p{
		font-size:var(--font-size-mid-mobile);
	}

	.small{
		font-size:var(--font-size-normal-mobile);
	}


}