/* page "COACHS" */

/* ------------------------------------------------------------------------------------------------------------------------------------------- */
/* espace titre de la page "coachs" */
.zone1COACH
	{
		position : absolute ;
		top : 15% ;
		width : 100% ;
		height : 30% ;
		text-align : center ;
		display : table ;
	}	

.text1COACH
	{
		width : 100% ;
		height : 100% ;
		display :table-cell ;
		vertical-align : middle ;
		font-family : "Brandon Grotesque" ;
		font-weight : 50 ;
		color : white ;
	}

#t1COACH
	{
		font-size : 4em ;
	}

#tiretCOACH
	{
		position : absolute ;
		left : 49% ;
		width : 2% ;
		height : 10% ;
		border-bottom : 3px solid white ;
	}
	
/* ------------------------------------------------------------------------------------------------------------------------------------------- */
/* espace images et bio des coachs sur la page "coachs" */

.zone2COACH
	{
		position : absolute ;
		width : 100% ;
		/*height : 120% ;*/
		top : 45% ;
		color : black ;
		font-family : "Brandon Grotesque" ;
	}
/*--------------------*/
@-webkit-keyframes animROTATIONimgCOACH /* paramètres d'animation de la rotation des photos des coachs */
	{
		0% { rotate : 0 1 0 90deg ; }
		40% { rotate : 0 1 0 75deg ; }
		100% { rotate : 0 1 0 0deg ; }
	}
	
@-moz-keyframes animROTATIONimgCOACH
	{
		0% { rotate : 0 1 0 90deg ; }
		40% { rotate : 0 1 0 75deg ; }
		100% { rotate : 0 1 0 0deg ; }
	}
	
@keyframes animROTATIONimgCOACH
	{
		0% { rotate : 0 1 0 90deg ; }
		40% { rotate : 0 1 0 75deg ; }
		100% { rotate : 0 1 0 0deg ; }
	}

:root /* déclaration des variables appliquées aux textes des bio des coachs */
	{
		--paddingtop_t1COACH : 9% ; /* marge intérieure du haut pour le prénom des coachs */
		--paddingleft_t1COACH : 7% ; /* marge intérieure gauche pour le prénom des coachs */
		--paddingright_t1COACH : 7% ; /* marge intérieure droite pour le prénom des coachs */
		--fontsize_t1COACH : 1.6em ; /* taille police pour le prénom des coachs */
		
		--ombre1_t1COACH : 0.08em 0.08em 0.08em white ; /* 1ere ombre pour le prénom des coachs */
		--ombre2_t1COACH : -0.08em -0.08em 0.08em black ; /* 2ème ombre pour le prénom des coachs */
		
		--paddingtop_t2COACH : 5% ; /* marge intérieure du haut pour les compétences des coachs */
		--paddingleft_t2COACH : 7% ; /* marge intérieure gauche pour les compétences des coachs */
		--paddingright_t2COACH : 7% ; /* marge intérieure droite pour les compétences des coachs */
		--fontsize_t2COACH : 1.4em ; /* taille police pour les compétences des coachs */
		
		--paddingtop_t3COACH : 5% ; /* marge intérieure du haut pour le discours des coachs */
		--paddingleft_t3COACH : 7% ; /* marge intérieure gauche pour le discours des coachs */
		--paddingright_t3COACH : 7% ; /* marge intérieure droite pour le discours des coachs */
		--fontsize_t3COACH : 1.2em ;  /* taille police pour le discours des coachs */
		
		--lineheight_t3COACH : 110% ; /*140% ; /* interligne pour le discours des coachs */
		--fontweight_t3COACH : 50 ; /* graisse des caractères pour le discours des coachs */
	}
/*--------------------*/
.zone2COACH1,
.zone2COACH3
	{
		position : absolute ;
		top : 0% ;
		width : 22% ;
		/*height : 100% ;*/
		background : linear-gradient(135deg, #72cab2 50%, #d0ac26) ;
	}
	
.zone2COACH1
	{
		right : 52% ;
	}
	
.zone2COACH3
	{
		left : 52% ;
	}

.zone2COACH1 img,
.zone2COACH3 img
	{
		width : 100% ;
		-webkit-animation : animROTATIONimgCOACH 3s ;
		   -moz-animation : animROTATIONimgCOACH 3s ;
		        animation : animROTATIONimgCOACH 3s ;
	}

#t1zone2COACH1,
#t1zone2COACH3
	{
		padding-top : var(--paddingtop_t1COACH) ;
		padding-left : var(--paddingleft_t1COACH) ;
		padding-right : var(--paddingright_t1COACH) ;
		font-size : var(--fontsize_t1COACH) ;
		text-shadow : var(--ombre1_t1COACH) , var(--ombre2_t1COACH) ;
	}

#t2zone2COACH1,
#t2zone2COACH3
	{
		padding-top : var(--paddingtop_t2COACH) ;
		padding-left : var(--paddingleft_t2COACH) ;
		padding-right : var(--paddingright_t2COACH) ;
		font-size : var(--fontsize_t2COACH) ;
	}

#t3zone2COACH1,
#t3zone2COACH3
	{
		padding-top : var(--paddingtop_t3COACH) ;
		padding-left : var(--paddingleft_t3COACH) ;
		padding-right : var(--paddingright_t3COACH) ;
		font-size : var(--fontsize_t3COACH) ;
		line-height : var(--lineheight_t3COACH) ;
		font-weight : var(--fontweight_t3COACH) ;
	}