/* éléments de style concernant la page planning */

/* ------------------------------------------------------------------------------------------------------------------------------------------- */
/* texte au-dessus du planning */
	
.text_titrePL
	{
		position : absolute ;
		width : 100% ;
		height : 14% ;
		top : 16% ;
		left : 0% ;
		display : flex ;
		align-items : center ;
		font-family : "Brandon Grotesque" ;
	}
	
#text_planning
	{
		position : absolute ;
		width : 100% ;
		left : 0% ;
		color : white ;
	}
	
#titre1PL
	{
		font-size : 2.5em ;
		line-height : 2 ;
		text-align : center ;
	}
	
#titre2PL
	{
		font-size : 1.5em ;
		text-align : center ;
	}
	
/* ------------------------------------------------------------------------------------------------------------------------------------------- */
/* zone horaires planning */

.boiteTAB_HOR
	{
		position : absolute ;
		top : 31% ;
		left : 0% ;
		width : 100% ;
		height : 63% ;
		display : grid ;
		place-items : center ;
	}
	
#contenantImg
	{
		position : absolute;
		height:100%;
		display : inline-block ;
		font-family : "Brandon Grotesque" ;
		font-size: 0.85em;
	}
	
#contenantImg img
	{
		height:100%;
	}
	
.cadreJour
	{
		position: absolute;
		height: 6.15%;
		width: 12.6%;
		top: 12.85%;
		background-color : #458191;
		color: white;
		display: grid;
		place-items: center;
	}
	
.cadreHeure
	{
		position: absolute;
		height: 6.15%;
		width: 12.6%;
		left: 5.2%;
		background-color: #458191;
		color: white;
		display:grid;
		place-items:center;
		text-align:center;
	}
	
.cadrePL
	{
		position: absolute;
		height: 6.15%;
		width: 12.6%;
		display:grid;
		place-items:center;
		font-weight : 600 ;
	}

/* ------------------------------------------------------------------------------------------------------------------------------------------- */
/* zone les cours */

.zoneCOURS
	{
		position : absolute ;
		top : 100% ;
		left : 0% ;
		width : 100% ;
		height : 130% ;
	}
	
.textCOURS
	{
		position : absolute ;
		top : 5% ;
		width : 100% ;
		text-align : center ;
		font-family : "Brandon Grotesque" ;
		color : white ;
	}
	
#t1COURS
	{
		font-size : 3em ;
		line-height : 2 ;
	}
	
#t2COURS
	{
		font-size : 1.3em ;
		line-height : 2 ;
	}
	
#t3COURS
	{
		font-size : 1.3em ;
	}
	
.wodCOURS
	{
		position : absolute ;
		top : 22% ;
		left : 25% ;
		width : 14% ;
		text-align : center ;
		font-family : "Brandon Grotesque" ;
	}

.imgWOD_COURS
	{
		width : 55% ;
		border-radius : 50% ;
	}

#t1WOD_COURS
	{
		line-height : 3 ;
		font-size : 1.5em ;
		color : #fcb400 ;
	}
	
#t2WOD_COURS
	{
		line-height : 1.2 ;
		font-size : 1.2em ;
		color : white ;
	}
	
.gymCOURS
	{
		position : absolute ;
		top : 22% ;
		left : 43% ;
		width : 14% ;
		text-align : center ;
		font-family : "Brandon Grotesque" ;
	}

.imgGYM_COURS
	{
		width : 55% ;
		border-radius : 50% ;
	}

#t1GYM_COURS
	{
		line-height : 3 ;
		font-size : 1.5em ;
		color : #fcb400 ;
	}
	
#t2GYM_COURS
	{
		line-height : 1.2 ;
		font-size : 1.2em ;
		color : white ;
	}
	
.halteroCOURS
	{
		position : absolute ;
		top : 22% ;
		right : 25% ;
		width : 14% ;
		text-align : center ;
		font-family : "Brandon Grotesque" ;
	}

.imgHALTERO_COURS
	{
		width : 55% ;
		border-radius : 50% ;
	}

#t1HALTERO_COURS
	{
		line-height : 3 ;
		font-size : 1.5em ;
		color : #fcb400 ;
	}
	
#t2HALTERO_COURS
	{
		line-height : 1.2 ;
		font-size : 1.2em ;
		color : white ;
	}
	
.hiitCOURS
	{
		position : absolute ;
		top : 59% ;
		right : 52% ;
		width : 14% ;
		text-align : center ;
		font-family : "Brandon Grotesque" ;
	}

.imgHIIT_COURS
	{
		width : 55% ;
		border-radius : 50% ;
	}

#t1HIIT_COURS
	{
		line-height : 3 ;
		font-size : 1.5em ;
		color : #fcb400 ;
	}
	
#t2HIIT_COURS
	{
		line-height : 1.2 ;
		font-size : 1.2em ;
		color : white ;
	}
	
.fbbCOURS
	{
		position : absolute ;
		top : 59% ;
		left : 52% ;
		width : 14% ;
		text-align : center ;
		font-family : "Brandon Grotesque" ;
	}

.imgFBB_COURS
	{
		width : 55% ;
		border-radius : 50% ;
	}

#t1FBB_COURS
	{
		line-height : 3 ;
		font-size : 1.5em ;
		color : #fcb400 ;
	}
	
#t2FBB_COURS
	{
		line-height : 1.2 ;
		font-size : 1.2em ;
		color : white ;
	}