/* page "TARIFS" */

/* ------------------------------------------------------------------------------------------------------------------------------------------- */
/* zone titre de la page "tarifs" */
.zone_titreTARIF
	{
		position : absolute ;
		top : 15% ;
		width : 100% ;
		height : 18% ;
		text-align : center ;
		display : table ;
	}

#titreTARIF
	{
		font-family : "Brandon Grotesque" ;
		font-size : 4em ;
		font-weight : 100 ;
		color : white ;
		display : table-cell ;
		vertical-align : middle ;
	}

/* ------------------------------------------------------------------------------------------------------------------------------------------- */
/* zone séance offerte de la page "tarifs" */
.zone_seanceTARIF
	{
		position : absolute ;
		top : 33% ;
		width : 100% ;
		height : 30% ;
		background-image : linear-gradient(to right, #d7f2ed, #93ba8a, #58c1a2) ;
		display : flex ;
		align-items: center ;
		justify-content: center ;
	}
	
.offreTARIF
	{
		position : absolute ;
		width : 100% ;
		text-align : center ;
		font-family : "Brandon Grotesque" ;
	}
	
.imgTARIF
	{
		width : 5% ;
	}
	
:root
	{
		--duree_animTARIF1 : 3s ;
		--duree_animTARIF2 : calc( var(--duree_animTARIF1) + 1s ) ;
	}
	
#text1_seanceTARIF
	{
		line-height : 1.5 ;
		font-size : 3.5em ;
		color : #1b5249 ;
		text-shadow : 0.02em 0.02em 0.02em white ;
		-webkit-animation : voir_text1TARIF var(--duree_animTARIF1) ; /* animation d'apparition du texte d'essai gratuit */
		   -moz-animation : voir_text1TARIF var(--duree_animTARIF1) ;
		        animation : voir_text1TARIF var(--duree_animTARIF1) ;
	}
	
@-webkit-keyframes voir_text1TARIF /* animation d'apparition du texte d'essai gratuit */
	{
		0%   { font-size : 0em ;   top : 2.5em ; opacity : 0 ; }
		60%  {                                   opacity : 0 ; }
		100% { font-size : 3.5em ; top : 0.8em ; opacity : 1 ; }
	}
	
@-moz-keyframes voir_text1TARIF
	{
		0%   { font-size : 0em ;   top : 2.5em ; opacity : 0 ; }
		60%  {                                   opacity : 0 ; }
		100% { font-size : 3.5em ; top : 0.8em ; opacity : 1 ; }
	}
	
@keyframes voir_text1TARIF
	{
		0%   { font-size : 0em ;   top : 2.5em ; opacity : 0 ; }
		60%  {                                   opacity : 0 ; }
		100% { font-size : 3.5em ; top : 0.8em ; opacity : 1 ; }
	}
	
#text2_seanceTARIF
	{
		line-height : 1.2 ;
		font-size : 1.8em ;
		color :  #1b5249 ;
		text-decoration : underline ;
		font-weight : 550 ;
		cursor : pointer ;
		text-shadow : 0.02em 0.02em 0.02em white ;
		text-shadow : 0.02em 0.02em 0.02em white ;
		-webkit-animation : voir_text2TARIF var(--duree_animTARIF2) ; /* animation d'apparition du texte d'obtention de séance gratuite */
		   -moz-animation : voir_text2TARIF var(--duree_animTARIF2) ;
		        animation : voir_text2TARIF var(--duree_animTARIF2) ;
	}
	
@-webkit-keyframes voir_text2TARIF /* animation d'apparition du texte d'obtention de séance gratuite */
	{
		0%   { font-size : 0em ;   top : 2.7em ; opacity : 0 ; }
		60%  {                                   opacity : 0 ; }
		100% { font-size : 1.8em ; top : 1.8em ; opacity : 1 ; }
	}
	
@-moz-keyframes voir_text2TARIF
	{
		0%   { font-size : 0em ;   top : 2.7em ; opacity : 0 ; }
		60%  {                                   opacity : 0 ; }
		100% { font-size : 1.8em ; top : 1.8em ; opacity : 1 ; }
	}
	
@keyframes voir_text2TARIF
	{
		0%   { font-size : 0em ;   top : 2.7em ; opacity : 0 ; }
		60%  {                                   opacity : 0 ; }
		100% { font-size : 1.8em ; top : 1.8em ; opacity : 1 ; }
	}

/* ------------------------------------------------------------------------------------------------------------------------------------------- */
/* zone tarifs de la page "tarifs" */

.zoneTARIF
	{
		position : absolute ;
		top : 81% ;
		width : 100% ;
		height : 30% ;
	}
	
.zone_tarif1
	{
		position : absolute ;
		top : 0% ;
		left : 0% ;
		width : 20% ;
		height : 100% ;
		background-image : linear-gradient(45deg, #cee9e2, #81bc98, #eed179) ;
		display : flex ;
		align-items: center ;
		justify-content: center ;
	}

.zone_tarif2
	{
		position : absolute ;
		top : 0% ;
		left : 20% ;
		width : 20% ;
		height : 100% ;
		background-image : linear-gradient(45deg, #cee9e2, #81bc98, #eed179) ;
		display : flex ;
		align-items: center ;
		justify-content: center ;
	}

.zone_tarif3
	{
		position : absolute ;
		top : 0% ;
		left : 40% ;
		width : 20% ;
		height : 100% ;
		background-image : linear-gradient(45deg, #cee9e2, #81bc98, #eed179) ;
		display : flex ;
		align-items: center ;
		justify-content: center ;
	}

.zone_tarif4
	{
		position : absolute ;
		top : 0% ;
		left : 60% ;
		width : 20% ;
		height : 100% ;
		background-image : linear-gradient(45deg, #cee9e2, #81bc98, #eed179) ;
		display : flex ;
		align-items: center ;
		justify-content: center ;
	}

.zone_tarif5
	{
		position : absolute ;
		top : 0% ;
		left : 80% ;
		width : 20% ;
		height : 100% ;
		background-image : linear-gradient(45deg, #cee9e2, #81bc98, #eed179) ;
		display : flex ;
		align-items: center ;
		justify-content: center ;
	}
	
.tarif
{
		position : absolute ;
		width : 100% ;
		text-align : center ;
		font-family : "Brandon Grotesque" ;
		color : #1b5249 ;
}

.tarif img
{
		width : 8% ;
}
	
.duree
{
		font-size : 2em ;
		font-weight : 500 ;
		line-height : 3 ;
		text-shadow : 0.02em 0.02em 0.02em white ;
}

.prix
{
		font-size : 1.2em ;
		font-weight : 600 ;
		line-height : 2 ;
		text-shadow : 0.04em 0.04em 0.04em white ;
}