html{
    background: white
}

@font-face{
    font-family: Adelphe;
    src: url(typo+da/Adelphe-FlorealBold.woff);
}

@font-face{
    font-family: Hershey;
    src: url(typo+da/Hershey-Noailles-Futura-Simplex-Light.woff);
}


.logo{
	width: 2vw;
	margin-top: 1vw;
	margin-left: 2vw;
	margin-bottom: 1vw;
}

.menu{
	display : flex;
	position: fixed;
	margin-top: -1vw;
	margin-left: -1vw;
	padding: 1vw;
	width: 100%;
	background-color: white;
	justify-content: space-between;
}

.tab-bar{
	display: flex;
	gap: 4vw;
	margin-right : 4vw;
	align-items: center;
}


/*typo*/

a,.typo1,.typo2{
	text-decoration: none;
	font-family: Hershey;
	color: black;
	display: flex;
	justify-content: space-around;
	font-size: 1vw;
}

.typo2{
	text-decoration: none;
	font-family: Hershey;
	color: black;
	display: flex;
	font-size: 1vw;
	justify-content: flex-start;
}
.typo3{
	text-decoration: none;
	font-family: Hershey;
	color: black;
	display: flex;
	justify-content: space-around;
	font-size: 2vw;

}
.typo4{
	text-decoration: none;
	font-family: Hershey;
	color: black;
	display: flex;
	justify-content: flex-end;
	padding-right: 2vw;
}
.typo5{
	text-decoration: none;
	font-family: Hershey;
	color: black;
	display: flex;
	justify-content: flex-start;
	font-size: 1vw;
	margin-top: 2vw;
}

.titre,.titre2{
    font-family: Hershey;
    font-size: 4vw;
}
.titre3{
    font-family: Hershey;
    font-size: 2vw;
}
.titre2{
    margin-bottom: 0;
}
.typo2{
	margin-left: 15%;
	margin-right: 15%;
	text-align: center;
	margin-bottom: 3%;
}
.titre5{
    font-family: Hershey;
    font-size: 1vw;
	display: flex;
	justify-content: flex-end;
	padding-top: 20vw;
	padding-right: 2vw;
	padding-left: 2vw;
}

.titre6{
    font-family: Hershey;
    font-size: 1vw;
	display: flex;
	justify-content: flex-end;
	padding-top: 20vw;
	padding-right: 2vw;
	padding-left: 2vw;
	padding-bottom: 2vw;
}
.contactmail{
	text-decoration: none;
	font-family: Hershey;
	color: black;
	display: flex;
	justify-content: space-around;
	font-size: 1vw;
	margin-top: 7vw;
}

/*size image*/

.size1{
	width: 87%;
}
.size1bas{
	width: 87%;
	margin-top: 2%;
}

.size1bis{
	width: 100%;
}
.size3{
	width: 75%;
}
.size3bis{
	width: 65%;
}
.size4{
	width: 50%;
}
.size5{
	width: 35%;
}
.size2{
	margin-top: 5%;

	width: 15%;
}
.size6{
	width: 105%;
}

.video{
	width: 100%;
}

/*bloc*/

.intro{
	flex-direction: column;
	align-items: center;
	display: flex;
	padding-top: 7vw;
}
.cv{
	flex-direction: column;
	align-items: center;
	display: flex;
}
.cvbis{
	flex-direction: column;
	align-items: center;
	display: flex;
	padding-top: 4vw;
}

.rang{
	width: 100%;
	display: grid;
	grid-template-columns: 33.3333% 33.3333% 33.3333%;
	margin-bottom: 1%;
}
.rangbis{
	width: 80%;
	display: grid;
	grid-template-columns: 33.3333% 33.3333% 33.3333%;
	margin-bottom: 6vw;
	margin-right: 10%;
	margin-left: 10%;
	margin-top: 10vw;
}

.duo{
	width: 70%;
	display: grid;
	grid-template-columns: 50% 50%;
	padding-left: 15%;
	padding-right: 15%;
	padding-top: 5%;
	align-items: center;
	margin-bottom: 2%;
}

.tronc{
	margin-bottom: 3%;
}

/*contenu page grille*/
.base{
	padding-top: 7vw;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;

}
.duo1{
	width: 90%;
	display: grid;
	grid-template-columns:50% 50%;
	margin-bottom: 4vw;
	align-items: center;
}
.duo2{
	width: 85%;
	display: grid;
	grid-template-columns: 50% 50%;
	padding-left: 8%;
	padding-right: 8%;
	padding-top: 8%;
	align-items: center;
	margin-bottom: 2%;
}
.duo2bis{
	width: 85%;
	display: grid;
	grid-template-columns: 50% 50%;
	padding-left: 8%;
	padding-right: 8%;
	padding-top: 10%;
	align-items: center;
}
.duo3{
	width: 85%;
	display: grid;
	grid-template-columns: 50% 50%;
	padding-left: 8%;
	padding-right: 8%;
	padding-top: 5%;
	align-items: center;
	margin-bottom: 2%;
}
.gauche{
	display: flex;
	justify-content: space-around;
	margin-right: 2vw;
}
.droite{
	margin-left: 2vw;
}

.gauche1{
	display: flex;
	justify-content: flex-start;
}

.droite1{
	display: flex;
	justify-content: flex-end;
}
.milieu1{
	display: flex;
	justify-content: space-around;
}
.milieu2{
	margin-left: 4%;
	margin-right: 4%;
}
.introb{
	flex-direction: column;
	align-items: center;
	display: flex;
	padding-top: 5vw;
}

.a2{
	text-decoration: none;
	font-family: Hershey;
	color: black;
	display: flex;
	justify-content: space-around;
	font-size: 1vw;
}