:root{
	--text-color:#33190D;
}


@font-face {
    font-family: 'Katsumi';
    src: 
         url('katsumi.ttf') format('truetype');
  
}
@font-face {
    font-family: 'Shorai';
    src: url('ShoraiSansStdNVar.ttf') format('truetype');
    font-weight: 100 900;   /* Defines the weight range of the variable font */
    font-stretch: 75% 100%; /* Optional: Defines the stretch range if available */
    font-variation-settings: "wght" 400, "wdth" 100; /* Initial axis values (optional) */
}






.headstyle {
	text-align:center;
	height: 10vh;
	font-family:katsumi;
	color:var(--text-color);
	
}
.headstyle h1,h2{
	letter-spacing:0.8rem;
	    font-size: 3rem;
    margin: 2.5vh;
    font-weight: 300; 
     text-rendering: optimizeLegibility;
}
h2{
	font-family:katsumi;
	color:var(--text-color);
	font-size:5rem;
	letter-spacing:0.2rem;
	margin-left:0;
}
h3{
	font-family:Shorai;
	font-variation-settings: "wght" 700;
	font-size:3em;
    letter-spacing: 0.1em;
    line-height: 1.5em;
    color:var(--text-color);
}
.orange>.pure-g{
	padding-left:6em;
}
.headstyle > div{
	height:100%;
}
.head-img{
	height:100%;

}
.img-r{
	margin-left:auto;
	padding-top:2vh;
	padding-right:20%;
}
.img-l{
	padding-top:2vh;
	padding-left:20%;
}
main{

	margin-top:0em;
}
section{
		padding:5%;
}
.main-block-1{
	margin:2.5vh;
}
.grey-rect{
	/*background-color:grey;*/
    height: 100%;
    margin: 0vw 0vw 0vw 3vw;
    display: flex;
    justify-content: center;  /* Centers horizontally */
    align-items: center;      /* Centers vertically */
    height: 100%; 
}
p{
	margin-block-start: 1.5em;
    margin-block-end: 3em;
    
}
p,span{
	color: var(--text-color);
    font-family: Shorai;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.3em;
    letter-spacing: 0.1em;
}
video {
	display:block;
    max-width: 80vw;  /* Adjust the width to be 80% of the viewport width (you can change the percentage) */
    max-height: 60vh;  /* Optional: Set a max-height if you want to constrain the height */
    object-fit: contain; /* Ensures the video scales while maintaining its aspect ratio */
    margin: 3em auto 12em auto;
}
.cercle-rouge {
	display:block;
    width: 32px;          /* Largeur du cercle */
    height: 32px;         /* Hauteur du cercle */
    background-color: #D50015; /* Couleur de fond rouge */
    border-radius: 50%; 
    margin:auto   /* Donne la forme de cercle */
}
.small-img{
	min-height:30vh;
}
.orange{
	background-color:rgb(252,213,156);
	padding: 8% 2% 8% 5%;
}
.anhuman-rect{
		/*background-color:grey;*/
 display: flex;
    justify-content: center;  /* Centers horizontally */
    align-items: center;      /* Centers vertically */
    height: 100%; 
}
.orange-description{
	padding:0 4vw 0 0;
}
.small-img-anhuman{
    max-height: 40vh;
    max-width: 22vw;
    margin: auto;
}
.strong{
font-variation-settings: "wght" 600;
}
.no-margin{
	margin:0;
}
.lien-extraits{
	margin:0 0 2vw 4vw;

}
.vert-align{
align-items:center;
}
.couv-img{
    max-width: 30vw;
    display: block;
    max-height: 92vh;
    margin: auto;

}
footer{
	text-align:center;
	margin-top:3em;
	padding-bottom:6em;
}
.insta-img{
	max-width:5%;
	margin-left:50%;
	margin-right:auto;
	margin-top:2em;
}
.equipe-img{
    max-width: 25vw;
    display: block;
    max-height: 92vh;
    margin: auto;
}

@media (max-width: 700px){

	.orange>.pure-g {
		display:block;
    padding-left: 12vw;
	}
	.orange .pure-u-3-5{
		width:100%;
	}
	.phone-hide{
		display:none;
	}
    h2{
    	font-size:12vw;
    }
    .anhuman-rect{
    	width:100%;
    }
    .couv-img{
    	max-width:50vw;
    	    margin-left: 10vw;
    }
    .equipe-img{
    	max-width:50vw;
    }
    .flex-corrector{
    	width:100%;
    }
    .insta-img{
    	max-width:30vw;
    	margin-left:auto;
    }
    p{
    	font-size:3vw;
    }
    h3{
    	font-size: 7vw;
    }
}